.app-header{border-bottom:1px solid var(--line);background:var(--surface)}.app-header .app-header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1240px;min-height:76px;margin:auto;padding:12px 28px;display:flex}.app-header .app-header-brand{flex:none;min-width:max-content}.app-header .app-header-brand>a{color:var(--foreground);max-width:100%;font-size:20px;font-weight:750;text-decoration:none;display:inline-flex}.app-header .app-header-brand .brand-lockup{min-width:0}.app-header .app-header-brand .brand-name{overflow-wrap:anywhere}.app-header .app-header-nav{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:16px;display:flex}.app-header .app-header-pages,.app-header .app-header-apps{align-items:center;gap:4px;display:flex}.app-header .app-header-apps{border-left:1px solid var(--line);padding-left:16px}.app-header .app-header-apps-menu{flex-shrink:0;position:relative}.app-header .app-header-apps-menu>summary{min-height:44px;color:var(--foreground);white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:8px 10px;font-size:13px;font-weight:600;list-style:none;display:flex}.app-header .app-header-apps-menu>summary::-webkit-details-marker{display:none}.app-header .app-header-apps-dropdown{z-index:50;border:1px solid var(--line);background:var(--surface);width:220px;max-width:calc(100vw - 24px);max-height:min(70vh,520px);box-shadow:0 12px 32px var(--line);border-radius:12px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.app-header .app-header-apps-dropdown .app-header-link{width:100%;color:var(--muted);justify-content:space-between}.app-header .app-header-apps-dropdown .app-header-link svg{opacity:.7}.app-header .app-header-apps-dropdown .app-header-link:hover{color:var(--foreground);background:var(--hover)}.app-header .app-header-sites-inline{align-items:center;gap:4px;display:flex}.app-header .app-header-sites-inline .app-header-link{gap:5px;padding-inline:8px}.app-header .app-header-sites-menu{flex-shrink:0;display:none;position:relative}.app-header .app-header-sites-menu.grouped{display:block}.app-header .app-header-sites-menu>summary{min-height:44px;color:var(--foreground);white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:8px 10px;font-size:13px;font-weight:600;list-style:none;display:flex}.app-header .app-header-sites-menu>summary::-webkit-details-marker{display:none}.app-header .app-header-sites-dropdown{z-index:50;border:1px solid var(--line);background:var(--surface);width:250px;max-width:calc(100vw - 24px);max-height:min(70vh,520px);box-shadow:0 12px 32px var(--line);border-radius:12px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.app-header .app-header-sites-dropdown .app-header-link{width:100%}.app-header .app-header-sites-dropdown .app-header-caption{display:block}.app-header .app-header-manage-sites{border-top:1px solid var(--line);border-radius:0 0 8px 8px;margin-top:4px}.app-header .app-header-caption{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:8px;font-size:10px;font-weight:650}.app-header .app-header-link{min-height:44px;color:var(--foreground);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.app-header .app-header-link svg{flex-shrink:0}.app-header .app-header-link:hover{color:var(--foreground);background:var(--hover);filter:none}.app-header .app-header-link[aria-current=page]{color:var(--brand);background:var(--brand-soft);box-shadow:inset 3px 0 var(--brand);font-weight:700}.app-header .app-header-menu{flex-shrink:0;position:relative}.app-header .app-header-menu>summary{border:1px solid var(--line);background:var(--brand-soft);width:44px;height:44px;min-height:44px;color:var(--brand);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:750;list-style:none;display:flex}.app-header .app-header-menu>summary::-webkit-details-marker{display:none}.app-header .app-header-dropdown{z-index:50;border:1px solid var(--line);background:var(--surface);width:220px;max-width:calc(100vw - 24px);box-shadow:0 12px 32px var(--line);border-radius:12px;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.app-header .app-header-dropdown form{border-top:1px solid var(--line);margin:0;padding-top:4px}.app-header .app-header-dropdown button{width:100%}.app-header .app-header-mobile-apps,.app-header .app-header-mobile-pages{display:none}.app-header :is(a,button,summary):focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media (max-width:1100px){.app-header-compact .app-header-pages .app-header-link{gap:0;padding-inline:7px}.app-header-compact .app-header-pages .app-header-link span{display:none}}@media (max-width:900px){.app-header .app-header-sites-inline{display:none}.app-header .app-header-sites-menu{display:block}}@media (max-width:700px){.app-header .app-header-inner{gap:8px;min-height:68px;padding:10px 12px}.app-header .app-header-nav{gap:6px}.app-header .app-header-brand .brand-name{display:none}.app-header .app-header-apps{border-left:0;padding-left:0}.app-header .app-header-apps .app-header-caption{display:none}.app-header .app-header-apps .app-header-link{gap:3px;padding-inline:4px;font-size:11px}.app-header .app-header-pages{gap:2px}.app-header .app-header-link{gap:5px;padding-inline:9px;font-size:12px}.app-header .app-header-mobile-apps{display:none}}@media (max-width:600px){.app-header .app-header-pages .app-header-link{gap:0;padding-inline:7px}.app-header .app-header-pages .app-header-link span{display:none}}@media (max-width:480px){.app-header .app-header-pages{display:none}.app-header .app-header-mobile-pages{border-bottom:1px solid var(--line);flex-direction:column;margin-bottom:4px;padding-bottom:4px;display:flex}}@media (max-width:360px){.app-header .app-header-nav{flex-wrap:wrap;flex-shrink:1;justify-content:flex-end;min-width:0}}
