/* Layout only. Appearance comes from the existing Search stylesheet. */
html{overflow:auto}
.desktop-nav{display:flex;flex-wrap:wrap;gap:10px}
.mobile-menu{display:none;margin:0}
.mobile-menu summary{list-style:none}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary:focus-visible{outline:2px solid #94a2b7;outline-offset:3px}
.menu-icon{position:relative;display:block;width:20px;height:18px}
.menu-icon span{position:absolute;left:0;width:20px;height:2px;background:currentColor}
.menu-icon span:nth-child(1){top:0}.menu-icon span:nth-child(2){top:8px}.menu-icon span:nth-child(3){top:16px}
.menu-close-label{display:none}
.mobile-menu[open] .menu-icon span:nth-child(1){top:8px;transform:rotate(45deg)}
.mobile-menu[open] .menu-icon span:nth-child(2){display:none}
.mobile-menu[open] .menu-icon span:nth-child(3){top:8px;transform:rotate(-45deg)}
.mobile-menu[open] .menu-open-label{display:none}
.mobile-menu[open] .menu-close-label{display:inline}
.auth-layout{min-height:calc(100svh - 100px);padding:24px;display:flex;align-items:center;justify-content:center}
.login-page .auth-layout{min-height:100svh}
.auth-layout .panel{width:380px;max-width:100%;margin:0}
.wide{max-width:1000px;margin:40px auto;padding:0 24px}
.wide .panel{width:100%;margin:0}
h2{margin:0 0 24px}h3{margin-top:0}
label{display:block;margin-bottom:20px}
input.field{display:block;margin-top:8px;min-height:46px}
.primary{width:100%;justify-content:center;margin-top:24px}
.secondary{justify-content:center}
.back{display:block;text-align:center;margin-top:20px}
.admin-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}
.user-row{padding:12px 0 22px;margin-bottom:15px}
.check{display:flex;gap:10px;align-items:center}
details{margin-top:15px}details form{margin-top:14px}summary,button{cursor:pointer}
.notice{margin-bottom:20px}
.notice.error{color:#ef8b8b}
@media(max-width:760px){
 .topbar{height:70px;min-height:0;padding:12px 14px 14px;justify-content:flex-end}
 .desktop-nav{display:none}.mobile-menu{display:block}
 .topbar .user-button{width:auto;min-height:44px;justify-content:flex-start}
 .mobile-menu[open]{position:fixed;inset:0;z-index:20;padding:12px 14px 14px;background:#151b26;display:flex;flex-direction:column}
 .mobile-menu[open] summary{align-self:flex-end;flex-shrink:0}
 .mobile-panel{flex:1;overflow-y:auto;margin-top:14px;padding-bottom:env(safe-area-inset-bottom)}
 .topbar .mobile-panel a{display:flex;justify-content:flex-start;min-height:56px;width:100%;margin:0;padding:0 14px;border-radius:0;border-bottom:1px solid #2b3546;background:transparent;box-shadow:none}
 .topbar .mobile-panel a:hover{background:#202a3a}
 body:has(.mobile-menu[open]){overflow:hidden}
}
@media(max-width:640px){.admin-grid{grid-template-columns:1fr;gap:24px}.wide{margin:24px auto;padding:0 16px}}

/* Button declarations copied from Search .user-button. */
.primary,.secondary {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    height: 46px;
    border: 1px solid #344154;
    border-radius: 10px;
    padding: 0 11px;
    color: #f4f7fb;
    background: #111925;
    font: inherit;
    cursor: pointer; }
.primary,.secondary{justify-content:center}.primary{width:100%}