/* Header controls: the tool catalogue is in Tools; preferences live in Settings. */
#mainContent.app>header>.auth-nav-button{order:5;margin-left:8px;max-width:min(230px,22vw);min-width:0;justify-content:center;white-space:nowrap}
#mainContent.app>header>.auth-nav-button>span{overflow:hidden;text-overflow:ellipsis}
#mainContent.app>header>.tool-switcher.site-nav{order:2;min-width:0;gap:8px}
#mainContent.app>header .site-nav-links{min-width:0}
#mainContent.app>header .site-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
#mainContent.app>header .site-nav-button svg{width:17px;height:17px;flex:none;margin:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Keep navigation unboxed and its line icons legible in every theme. */
html #mainContent.app>header .site-nav-links,
html #mainContent.app>header .site-nav-links .site-nav-button{border:0!important;box-shadow:none!important}
html #mainContent.app>header .site-nav-links .site-nav-button svg,
html #mainContent.app>header .site-nav-links .site-nav-button svg *{fill:none!important;stroke:currentColor!important;color:inherit!important}
html #mainContent.app>header .site-nav-links .site-nav-button:focus-visible{outline:2px solid currentColor!important;outline-offset:3px}
#mainContent.app>header .site-settings{flex:none}
.site-settings-dialog{width:min(560px,calc(100vw - 24px))}
.site-settings-dialog .site-dialog-content h2{margin-bottom:10px}
.site-settings-dialog .site-dialog-content h3{margin:24px 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.1em}
.site-settings-styles,.site-settings-actions{display:flex;flex-wrap:wrap;gap:9px}
.site-settings-dialog .btn{min-height:44px;text-align:center}
.site-settings-styles .btn[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.site-settings-actions{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}
html[data-acbs-style="cinema"] .site-settings-dialog .btn[aria-pressed=true]{border-color:#fff!important;box-shadow:inset 0 0 0 1px #fff!important}
@media(min-width:761px) and (max-width:1200px){
 #mainContent.app>header{flex-wrap:nowrap!important}
 #mainContent.app>header>.tool-switcher.site-nav{width:auto!important;flex:1!important;margin:0!important;justify-content:flex-end}
 #mainContent.app>header .site-nav-links{overflow-x:auto;scrollbar-width:thin}
 #mainContent.app>header>.actions{order:4!important;width:auto!important;flex:none}
 #mainContent.app>header>.auth-nav-button{flex:none;max-width:145px}
}
@media(max-width:760px){
 #mainContent.app>header>.tool-switcher.site-nav{order:1!important;flex:1!important;justify-content:flex-end!important;margin:0!important}
 #mainContent.app>header .site-settings{min-width:44px;min-height:44px;padding:9px}
 #mainContent.app>header .site-settings span{display:none}
 #mainContent.app>header>.auth-nav-button{order:2!important;margin:0!important;max-width:44px;min-width:44px;min-height:44px!important;padding:7px!important}
 #mainContent.app>header>.auth-nav-button.signed-in>span,#mainContent.app>header>.auth-nav-button:not(.signed-in)>span{display:none!important}
 #mainContent.app>header>.auth-nav-button .auth-avatar{width:28px;height:28px}
 .site-settings-styles .btn,.site-settings-actions .btn{flex:1 1 145px}
}