/* Theme-linked mobile navigation and update banner. This file loads last. */
html.wl-theme-active body #wlBottomNav,
html.wl-theme-active body #wlBottomNav:not([hidden]) {background:var(--wl-theme-primary)!important;color:var(--wl-theme-on-primary)!important;border-top:1px solid var(--wl-theme-accent)!important}
html.wl-theme-active body #wlBottomNav button{background:transparent!important;color:var(--wl-theme-on-primary)!important;box-shadow:none!important}
html.wl-theme-active body #wlBottomNav button.active{background:var(--wl-theme-selection)!important;color:var(--wl-theme-fg)!important;box-shadow:inset 0 3px var(--wl-theme-accent)!important}
html.wl-theme-active body #wlDeployNotice{background:var(--wl-theme-primary)!important;color:var(--wl-theme-on-primary)!important;border:1px solid var(--wl-theme-accent)!important}
#navigation .nav-icon,#wlBottomNav .wl-nav-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
#navigation .nav-icon svg,#wlBottomNav .wl-nav-icon svg{display:block}
@media(max-width:760px){
 #wlBottomNav{overflow-x:hidden!important;justify-content:space-between!important;gap:2px!important}
 #wlBottomNav button{flex:1 1 0!important;min-width:0!important;max-width:100%;white-space:nowrap!important;overflow:hidden;font-size:clamp(8px,2.15vw,11px)!important;line-height:1.2!important;padding:7px 1px!important;gap:3px!important}
 #wlBottomNav .wl-mobile-label{white-space:nowrap!important;display:block;max-width:100%;overflow:hidden;text-overflow:clip}
 #wlBottomNav .wl-nav-icon{font-size:18px!important}
 #wlBottomNav .wl-nav-icon svg{width:19px;height:19px}
 .kv-wrap{max-width:100%;min-width:0;padding:12px!important}
 .kv-row{display:grid!important;grid-template-columns:minmax(0,1fr) repeat(3,34px) auto!important;gap:6px!important;align-items:center!important;padding:10px 0!important}
 .kv-row>strong{grid-column:1/-1;min-width:0}
 .kv-row>input[data-title]{grid-column:1;min-width:0;width:100%!important}
 .kv-row>.kv-btn{min-width:34px!important;padding:7px 4px!important}
 .kv-row>label{white-space:nowrap;font-size:11px}
 .kv-head,.kv-toolbar,.kv-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center}
 .kv-actions button{white-space:nowrap}
 .si-wrap{max-width:100%;min-width:0;padding:12px!important}
 .si-tabs{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:8px!important;scrollbar-width:thin;max-width:100%;padding-bottom:8px}
 .si-tabs button{flex:0 0 auto!important;white-space:nowrap}
 .si-grid{grid-template-columns:minmax(0,1fr)!important}
 .si-card{min-width:0;overflow-wrap:anywhere}
 .si-card button{margin:4px 5px 4px 0!important;white-space:normal}
}