/* Accent layer shared by every authenticated module. It deliberately loads last. */
.app-layout{
    --accent-04:rgba(var(--accent-rgb),.04);
    --accent-08:rgba(var(--accent-rgb),.08);
    --accent-12:rgba(var(--accent-rgb),.12);
    --accent-18:rgba(var(--accent-rgb),.18);
    --accent-30:rgba(var(--accent-rgb),.30);
    --accent-45:rgba(var(--accent-rgb),.45);
}
.app-layout .eyebrow,.app-layout .mini-title,.stock-page .eyebrow,.os-hero .eyebrow,.os-list-head .eyebrow,.os-section .eyebrow,.notes-page .mini-title,.warranty-page .mini-title,.pcs-page .mini-title{color:var(--accent)}
.app-layout .button-primary,.sales-period-tabs a.active,.sales-tabs button.active,.finance-filters a.active,.finance-new-movement-button,.finance-manual-icon{background:linear-gradient(110deg,var(--accent),var(--accent-deep));border-color:var(--accent-45)}
.app-layout .button-primary:hover{background:var(--accent-deep)}
.os-group-filters a[aria-current],.os-main-statuses a[aria-current],.os-main-statuses a:hover{border-color:var(--accent-45);background:var(--accent-12)}
.os-order-card:hover,.pcs-table tbody tr:hover td{border-color:var(--accent);box-shadow:inset 0 1px var(--accent-12)}
.os-timeline li{border-left-color:var(--accent-30)}
.os-detail-hero::before{background:radial-gradient(circle at top left,var(--accent-12),transparent 38%),radial-gradient(circle at bottom right,#22c55e17,transparent 38%)}
.os-discount-total,.sale-detail-total{border-color:var(--accent-30);background:var(--accent-08)}
.os-count-pill,.os-piece-type-tabs strong,.stock-qty-control>span,.dashboard-stock-item em{background:var(--accent-12)}
.nova-os-modal-form input:focus,.nova-os-modal-form select:focus,.nova-os-modal-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-12),0 0 24px var(--accent-12)}
.nova-os-modal-form .os-quick-fill button:hover{border-color:var(--accent);color:var(--text)}
.stock-table tbody tr:hover{background:var(--accent-04)}
.finance-manual-card{border-color:var(--accent-45);background:var(--accent-08);box-shadow:inset 3px 0 0 var(--accent),0 14px 30px var(--accent-08)}
.finance-list::-webkit-scrollbar-thumb{background:var(--accent-30)}
.finance-help:hover,.finance-help:focus,.finance-detail{border-color:var(--accent-30)}
.warranty-stat strong,.warranty-type,.notes-empty>span,.pc-name a:hover,.client-inline-link{color:var(--accent)}
.warranty-type,.note-meta span{background:var(--accent-12);color:var(--accent)}
.sidebar-brand img,.sidebar-logo-fallback,.client-avatar{border-color:var(--accent-30);box-shadow:0 0 0 4px var(--accent-08),0 10px 26px #0003}
.sidebar-logo-fallback,.client-avatar{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--accent) 35%,white),var(--accent-deep))}
.empty-mark{border-color:var(--accent-18);background:var(--accent-08)}

/* Custom dropdown: never falls back to the browser's white native menu. */
.select-wrap{position:relative;width:100%;min-width:0}
.select-trigger{width:100%;min-width:0;min-height:48px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;background:var(--input);color:var(--text);font:inherit;font-weight:750;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
.select-trigger:hover{border-color:var(--accent-30)}
.select-trigger:focus-visible,.select-wrap.open .select-trigger{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-12)}
.select-trigger:disabled{opacity:.5;cursor:not-allowed}
.select-trigger-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select-trigger-arrow{flex:0 0 auto;color:var(--accent);font-size:18px;line-height:1;transition:transform .15s}
.select-wrap.open .select-trigger-arrow{transform:rotate(180deg)}
.select-popup{position:fixed;z-index:1200;padding:8px;border:1px solid var(--accent-45);border-radius:12px;background:color-mix(in srgb,var(--panel) 96%,var(--accent));color:var(--text);box-shadow:0 22px 58px #020617d9,0 0 0 1px var(--accent-08);overflow:hidden}
.select-popup[hidden]{display:none}
.select-popup>input{width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 11px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--input)!important;color:var(--text)!important;font:inherit!important;outline:0}
.select-popup>input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-12)!important}
.select-popup>input[hidden]{display:none!important}
.select-options{max-height:250px;margin-top:6px;overflow:auto;scrollbar-color:var(--accent-30) transparent}
.select-popup>input[hidden]+.select-options{margin-top:0}
.select-options button{width:100%;min-height:40px;padding:9px 11px;display:flex;align-items:center;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-weight:700;text-align:left;cursor:pointer}
.select-options button:hover,.select-options button:focus-visible{outline:0;background:var(--accent-12)}
.select-options button[aria-selected="true"]{color:white;background:linear-gradient(110deg,var(--accent),var(--accent-deep))}
.select-options button[aria-selected="true"]::after{content:"✓";margin-left:auto;font-weight:900}
.select-options button:disabled{opacity:.45;cursor:not-allowed}
.select-options p{margin:0;padding:13px;color:var(--muted);font-size:12px;text-align:center}
.finance-filters .select-wrap{width:auto;min-width:158px}.finance-filters .select-trigger{min-height:40px;border-radius:999px;font-size:13px}
.sale-trade-row .select-trigger{min-height:38px;height:38px;padding-inline:10px}
.mode-claro .select-popup{background:color-mix(in srgb,var(--panel) 96%,var(--accent));box-shadow:0 20px 45px #22304438,0 0 0 1px var(--accent-08)}

/* The selected theme card uses its own color, not the previously active theme. */
.settings-theme-option:hover{border-color:color-mix(in srgb,var(--swatch) 60%,transparent)}
.settings-theme-option.active{border-color:var(--swatch);box-shadow:inset 0 0 0 1px var(--swatch),0 0 0 3px color-mix(in srgb,var(--swatch) 13%,transparent)}
.settings-theme-option.active .settings-theme-check{background:var(--swatch)}