/* Light surfaces, original blue controls and VORLICK logos for clear headers. */
body:not(.auth-page) { background:var(--bg-main); }
header.system-topnav,.store-header { background:var(--bg-card); border-image:none; border-top:0; border-bottom:1px solid var(--border); box-shadow:0 2px 8px rgba(var(--brand-graphite-rgb),.07); }
.system-topnav::before,.store-header::before { content:""; position:absolute; inset:0 0 auto; height:2px; background:var(--brand-spectrum); pointer-events:none; }
.system-dock-link,.system-dock-user>summary { color:var(--text-secondary); font-weight:600; }
.system-dock-link:hover,.system-dock-user>summary:hover,.system-dock-user[open]>summary { color:var(--primary); background:var(--accent-light); border-color:var(--border); transform:none; }
.system-dock-link.active { color:var(--primary); background:var(--primary-light); border-color:var(--border-strong); box-shadow:inset 0 -2px 0 var(--primary); }
.system-dock-icon { color:var(--primary); background:var(--icon-gradient); border:1px solid var(--bg-card); box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 3px 7px rgba(var(--primary-rgb),.12); }
.system-dock-link.active .system-dock-icon { color:var(--on-primary); background:var(--brand-gradient); box-shadow:0 2px 6px rgba(var(--primary-rgb),.22); }
.system-user-avatar { background:var(--brand-gradient); color:var(--on-primary); }
.system-search-btn { background:var(--bg-hover); color:var(--text-main); border-color:var(--border); box-shadow:none; }
.system-search-btn:hover { background:var(--primary-light); border-color:var(--border-strong); }
.search-kbd { background:var(--bg-card); color:var(--text-secondary); border-color:var(--border); }
.store-nav-inner::before,.store-nav-inner::after { content:none; }
.store-nav { background:var(--bg-card); }
.store-actions .icon-link,.store-actions .cart-trigger { background:var(--bg-hover); color:var(--primary); border-color:var(--border-strong); box-shadow:inset 0 1px 0 var(--bg-card),0 2px 4px rgba(var(--primary-rgb),.08); }
.store-actions :is(.icon-link,.cart-trigger):hover { background:var(--primary-light); border-color:var(--primary); }
.store-search-submit { background:var(--primary); color:var(--on-primary); }
.store-search-submit:hover { background:var(--primary-dark); }
.store-actions :is(.icon-link,.cart-trigger):focus-visible { outline:2px solid var(--primary); }
.store-nav-link.is-emphasis { background:var(--brand-gradient); }
.system-brand img,.brand-logo { filter:none; object-fit:contain; }
#pwa-install-button { position:static!important; transform:none!important; margin:1.5rem auto; z-index:auto!important; }
.app-topbar,.card,.kpi-slider-item { border-color:var(--border); box-shadow:0 3px 12px rgba(var(--brand-graphite-rgb),.06); }
.card:hover { box-shadow:0 4px 15px rgba(var(--primary-rgb),.08); }
.btn-primary,.quick-action-primary,.btn.pdv-dialog-confirm { --btn-bg:var(--brand-gradient); --quick-bg:var(--brand-gradient); --btn-color:var(--on-primary); }
.btn-primary:hover,.quick-action-primary:hover,.btn.pdv-dialog-confirm:hover { --btn-bg:var(--brand-gradient-hover); --quick-bg:var(--brand-gradient-hover); }
.btn-primary::before,.quick-action-primary::before { opacity:1; }
.kpi-icon-bubble.icon-blue,.kpi-icon-bubble.icon-purple { background:var(--primary-light); color:var(--primary); }
.kpi-icon-bubble.icon-indigo { background:var(--accent-light); color:var(--accent); }
.kpi-slider-item:hover { border-color:var(--primary); }
.table-container thead,th { background:var(--bg-main); }
.global-search .form-control { background:var(--bg-hover); }
.today-card,.pdv-header,.pdv-right-header { background:var(--brand-panel); }
.system-confirm-overlay,.cmd-palette-overlay,.pdv-dialog-overlay { background:rgba(var(--brand-graphite-rgb),.6); }
.auth-page { background:linear-gradient(135deg,var(--bg-main),var(--primary-light))!important; }
.auth-page .card { background:var(--bg-card); border:1px solid var(--border); box-shadow:0 20px 55px rgba(var(--primary-rgb),.12); }
.auth-page :is(label,.hint strong) { color:var(--text-secondary); }
.auth-page :is(.sub,.hint) { color:var(--text-muted); }
.auth-page input { background:var(--bg-hover); border-color:var(--border); color:var(--text-main); }
.auth-page .btn { background:var(--brand-gradient); color:var(--on-primary); border-color:var(--primary); }
#footer-contact { background:var(--accent-light)!important; color:var(--text-main)!important; }
#footer-contact .footer-link-group { background:var(--bg-card); border-color:var(--border); }
#footer-contact .footer-link-group h3 { color:var(--text-muted); }
#footer-contact .footer-store-link { background:var(--bg-hover); border-color:var(--border); color:var(--primary); }
#footer-contact img { padding:8px; background:var(--bg-card); border-radius:8px; height:auto!important; width:150px; }