/* Menu główne (ładowane na wszystkich stronach razem z header.php). */
.top .nav{position:relative;gap:16px}
.menu{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}
.menu>a,.menu .dd>summary{display:flex;align-items:center;gap:6px;height:40px;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:0 14px;color:#cbd5e1;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;list-style:none;transition:.15s ease}
.menu .dd>summary::-webkit-details-marker{display:none}
.menu>a:hover,.menu .dd>summary:hover,.menu .dd[open]>summary{border-color:var(--accent-light);color:var(--accent-light)}
.menu>a.active,.menu .dd.active>summary{border-color:var(--accent-light);color:var(--accent-light);background:rgba(255,255,255,.06)}
.menu .dd:not(.dd-user)>summary::after{content:"";width:6px;height:6px;margin:-3px 0 0 2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.menu .dd{position:relative}
.dd-panel{position:absolute;z-index:30;top:calc(100% + 8px);left:0;display:grid;min-width:210px;gap:2px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:6px;box-shadow:0 12px 30px rgba(15,23,42,.18)}
.dd-panel.right{right:0;left:auto}
.dd-panel a{display:flex;align-items:center;height:auto;border:0;border-radius:8px;padding:10px 12px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}
.dd-panel a:hover{background:#f1f5f9;color:var(--navy)}
.dd-panel a.active{background:var(--navy);color:#fff}
.dd-info{display:grid;gap:2px;border-bottom:1px solid var(--line);padding:8px 12px 10px;color:var(--ink)}
.dd-info small{color:var(--muted);font-size:12px}
.dd-panel button{width:100%;margin-top:4px;height:38px;border:0;border-radius:8px;background:#f1f5f9;color:var(--ink);font:700 14px inherit;cursor:pointer}
.dd-panel button:hover{background:#e2e8f0}
.menu .dd-user{margin-left:6px}
.menu .dd-user>summary{padding:0 10px 0 6px;gap:8px}
.avatar{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--accent-light);color:var(--navy);font-size:13px;font-weight:800}
.user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis}
.badge{display:inline-grid;min-width:20px;height:20px;place-items:center;border-radius:999px;background:#f43f5e;color:#fff;padding:0 6px;font:700 11px ui-monospace,monospace}
.menu-toggle{display:none;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:transparent;color:#e2e8f0;padding:0 14px;font:700 14px inherit;cursor:pointer}

@media(max-width:1100px){.menu>a,.menu .dd>summary{padding:0 10px}.user-name{display:none}}
@media(max-width:900px){
  .top .nav{flex-wrap:wrap;min-height:auto;padding-block:14px}
  .menu-toggle{display:inline-flex;align-items:center;gap:6px;margin-left:auto}
  .menu{display:none;flex:1 0 100%;flex-direction:column;align-items:stretch;gap:6px;padding-top:6px}
  .menu.open{display:flex}
  .menu>a,.menu .dd>summary{height:44px}
  .menu .dd>summary{justify-content:space-between}
  .dd-panel,.dd-panel.right{position:static;margin-top:6px;box-shadow:none;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
  .dd-panel a{color:#e2e8f0}
  .dd-panel a:hover{background:rgba(255,255,255,.1);color:#fff}
  .dd-info{color:#fff;border-color:rgba(255,255,255,.15)}
  .dd-info small{color:#94a3b8}
  .menu .dd-user{margin-left:0}
  .user-name{display:inline}
  .dd-panel button{background:rgba(255,255,255,.12);color:#fff}
}

.preview-bar{background:#fef3c7;color:#78350f;border-bottom:1px solid #fcd34d;font-size:14px}
.preview-bar .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding-block:9px}
.preview-bar form{margin:0}
.preview-bar button{height:34px;border:1px solid #b45309;border-radius:9px;background:#fff;color:#78350f;padding:0 14px;font:700 13px inherit;cursor:pointer}
.preview-bar button:hover{background:#fffbeb}