/* Compact controls shared across public pages and admin dialogs. */
body :is(button,.btn):not(.avatar):not(.iconbtn):not(.helpchat-btn):not(.hero-dot):not(.hunter-title):not(.voice-setup-trigger):not(.help){font-size:14px;line-height:1.4;min-height:38px;padding:8px 14px;border-radius:9px;font-weight:600}
body :is(button,.btn).small{font-size:12px;min-height:32px;padding:6px 10px}
body :is(button,.btn).big{font-size:15px;min-height:42px;padding:10px 18px}
body dialog :is(button,.btn):not(.avatar):not(.iconbtn):not(.help){font-size:13px;min-height:36px;padding:7px 12px}
body .hunter-title{min-height:0}.settings-finder{margin:0 0 20px;display:grid;gap:12px}.settings-finder>input{max-width:560px}.settings-shortcuts{display:flex;gap:6px;flex-wrap:wrap}.admin-body>.card{scroll-margin-top:90px}.admin-body>[hidden]{display:none!important}
.admin-head h1{font-size:26px}.admin-head{margin-bottom:18px}.admin-group>span{font-size:11px;letter-spacing:.03em}.side-beta{font-size:10px!important;padding:3px 6px;border:1px solid #ffffff40;background:#ffffff18;color:inherit;flex:none}.app-beta{display:none;font-size:11px;white-space:nowrap;flex:none}
@media(max-width:1023px){body:not([data-page="home"]) .app-beta:not([hidden]){display:inline-flex}body:not([data-page="home"]) #betaBadge{display:none}}
@media(max-width:650px){body :is(button,.btn):not(.avatar):not(.iconbtn):not(.helpchat-btn):not(.hero-dot):not(.hunter-title):not(.voice-setup-trigger):not(.help){min-height:40px}.settings-shortcuts{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.settings-shortcuts button{flex:none;white-space:nowrap}.admin-head h1{font-size:23px}.top{gap:8px}}

[data-beta][hidden]{display:none!important}.appside .brand{flex-wrap:wrap}.appside .side-beta{margin-left:38px}

/* A single full-width header for every route; secondary navigation stays below it. */
body .top{margin-left:0!important}body .top>.brand{display:flex!important}body .top .app-beta{display:none!important}body .top #betaBadge:not([hidden]){display:inline-flex!important}
@media(min-width:1024px){body:not([data-page="home"]) .top>.nav{display:flex;min-width:0;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}body:not([data-page="home"]) .appside{top:var(--shell-header-height,72px);z-index:20}body .appside>.brand{display:none}body .appside .admin-nav{padding-top:8px}}
@media(min-width:1024px) and (max-width:1500px){body .topsearch{display:none}body .top>.nav{display:flex;min-width:0;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}body .top>.nav a{flex:none}}

/* Public pages use the header only. Admin retains its distinct task navigation. */
body:not([data-page="admin"]) .appside{display:none!important}
body:not([data-page="admin"]) main.wrap{margin-left:auto!important;margin-right:auto!important;width:100%;max-width:1240px}
body[data-page="editor"] main.wrap{max-width:none}
body:not([data-page="admin"]) .cookie{left:16px}
body .top>.nav a,body .top>.brand,body .top .who>a{font-weight:700}
body .top>.nav a:hover{box-shadow:none!important;outline:none;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
body .top>.nav a.on{font-weight:800;color:var(--accent)}
body .top :is(a,button,input):focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px;box-shadow:none!important}
