:root{--brand-blue:#20a8e8;--brand-action:#086da6;--brand-gold:#c9a961;--brand-navy:#101b2c;--brand-ink:#172b42;--brand-line:#dce3eb;--brand-paper:#f4f6f9}
.brand img,.brand.light img{filter:none;width:59px;height:59px;object-fit:contain;flex-shrink:0}
.brand strong{font-size:35px;letter-spacing:-1.6px;font-weight:750;color:var(--brand-ink)}
.brand.light strong{color:#fff}.brand strong .wordmark-room{font-size:inherit;vertical-align:baseline;letter-spacing:inherit;margin:0;font-weight:450;color:#0874ac}
.brand.light strong .wordmark-room{color:var(--brand-blue)}
.brand small{letter-spacing:1.5px;color:#64778c;font-weight:550}
.brand.light small{color:#b4c1d3}
.brand.small{gap:7px}.brand.small img{width:43px;height:43px}.brand.small strong{font-size:27px;letter-spacing:-1.1px}.brand.small small{font-size:5.5px;letter-spacing:1px}
.sidebar{background:var(--brand-navy);border-right:1px solid #1c2c42}
.sidebar>.brand{margin-left:0;margin-right:0}
.sidebar nav button.active,.sidebar-bottom>button.active{background:#163c58;color:#7fd4ff;box-shadow:inset 3px 0 0 var(--brand-blue);border-radius:4px}
.sidebar nav button{color:#b8c7d8}.sidebar nav button:hover,.sidebar-bottom>button:hover{background:#17283d}
.sidebar nav button b{background:#21435d;color:#a6e1ff}.sidebar nav button i{background:var(--brand-gold)}
.workspace-button{background:#142238;border-color:#293b51}.workspace-initial{background:#263b50;color:#daeafa}.profile .avatar{background:#304461;color:#dbeaff}
.button{background:var(--brand-action);border-radius:5px}.button:hover{background:#075c8d}.button.secondary{border-color:#d5dfe9;color:#29465e}.button.secondary:hover{background:#edf3f9}.button.text{color:#086898}
.button:focus-visible,a:focus-visible{outline-color:var(--brand-gold)}
.topbar{background:#fff}.top-avatar{background:#dceaf5;color:#205b82}
.demo-strip{background:#eaf3fa;border-bottom-color:#dbe6f0}.demo-strip,.demo-strip button,.demo-strip strong{color:#345b78!important}
.page-header h1{color:#172b42;font-weight:650;letter-spacing:-1.2px}
.eyebrow,.page-header .eyebrow,.panel-head .eyebrow{color:#45657e!important;letter-spacing:.14em}
.metric{border-radius:6px;border-color:var(--brand-line);background:#fff}.metric.accent{background:#eaf4fc;border-color:#c5deef}.metric>strong{color:#182d43}.metric>div svg{color:#2f83b0}
.panel{border-radius:7px;border-color:var(--brand-line);background:#fff}.panel-head h2{color:#223a51;font-weight:650}.panel-head>svg{color:#317da6}
.attention{background:#101f32;border-color:#233b55;border-radius:7px;color:#fff;position:relative}.attention:before{content:'';display:block;width:32px;height:3px;background:var(--brand-gold);margin-bottom:20px}
.attention>.eyebrow{color:#d2b578!important}.attention h2{color:#f5f9fd;font-weight:550}.attention>button{border-bottom-color:#29405a}.attention button strong{color:#e3edf8}.attention button small,.attention-bottom{color:#b5c7da!important}.attention-icon{background:#1b354e;color:#65c6f6}.attention button>svg{color:#c5a361}
.bar-slot>div{background:#c2dcea}.bar-slot>div.recent{background:#2698d0}.bar-slot:hover>div{background:#0872ac}.chart-note i{background:#2698d0}
.product-icon,.product-icon.produce,.product-icon.dairy,.product-icon.beverages{background:#eaf2f8;color:#287ba5}.product-icon.household{background:#f2ede0;color:#876a2a}
td strong,.product-link strong{color:#29465e}.product-link:hover strong{color:#0874ac}.product-link:focus-visible{outline:2px solid var(--brand-gold);outline-offset:5px}
th{background:#f3f6fa}tbody tr:hover{background:#f7fafc}.tag{background:#e9f3fa;color:#265d7b}.tag.amber,.tag.gold{background:#faf0d9;color:#785512}.tag.red{background:#fce8e3;color:#903d31}
.row-icon{background:#e9f2fa;color:#2881b1}.list-row strong{color:#29465e}.activity-dot{border-color:#4ba4d0}.panel-footer button,.text-link{color:#096c9f!important}
.scan-box{background:#edf6fc;border-color:#9ac9e6;color:#227aaa}.scan-guide{background:#eaf2f8;border-color:#d5e3ed}.scan-guide h2{color:#214968}.sample-product{background:#fff;border-color:#d0e1ed}.sample-product>svg{color:#2884b2}.sample-product strong{color:#254963}.sample-product>span,.sample-product code{color:#506984!important}.decorative-barcode{background:repeating-linear-gradient(90deg,#203e5a 0,#203e5a 2px,transparent 2px,transparent 4px,#203e5a 4px,#203e5a 5px,transparent 5px,transparent 8px,#203e5a 8px,#203e5a 11px,transparent 11px,transparent 13px)}
.notice.subtle{background:#edf4fa;border-color:#d8e5ef;color:#3f637e}.notice.warning{background:#fff4dc;border-color:#ead7ac;color:#79551b}.notice.error{background:#fff0eb;border-color:#edc9c1;color:#913f34}
.action-banner{background:#eaf2f9;border-color:#d4e3ee}.action-banner h2{color:#254b69}.action-banner p{color:#4f6a81}.action-banner>div>svg{color:#187cae}
.location-card{background:#f6f9fc;border-color:#dce5ee;color:#2c81ad}.location-card:hover{background:#edf5fc}.location-card h3,.location-card>div strong{color:#284b67}.location-card>div{border-color:#d7e3ed}
.welcome-guide{background:#101f32;border-left:4px solid var(--brand-gold)}.welcome-guide .eyebrow{color:#d6bc88!important}.welcome-guide h2{color:#fff}.welcome-guide p{color:#bdcddd}.guide-stat strong{color:#65c6f6}.guide-stat span{color:#b9cee0}
.tour-card{background:#fff;border-color:#dce5ef}.tour-card:hover{border-color:#6eb8df;background:#f8fbfd}.tour-card h3{color:#254b69}.tour-card>div{color:#197eaf}.tour-card>div span{color:#4b7895}
.auth-story{background:#0c1828;border-right:1px solid #21364d}.story-main{margin-top:58px}.story-main>.eyebrow{color:#d7bc85!important}.story-main h1{font-size:clamp(62px,6vw,90px);font-weight:650;letter-spacing:-.055em}.story-main h1 em{color:#28b3f2}.story-main>p{color:#b8c9dc}.auth-form{background:#fafbfd}.auth-form-inner h2{color:#162c43;font-weight:650}.auth-form-inner .eyebrow{color:#4f718c!important}.auth-links button{color:#145f8c}.divider span{background:#fafbfd}.auth-foot,.auth-security{font-size:10px}.auth-foot{color:#a9bfd4}
.identity-emblem{display:flex;align-items:center;gap:25px;padding:22px 0;margin-top:34px;border-top:1px solid #304154}.identity-emblem>img{width:155px;height:155px;object-fit:contain}.identity-emblem>div>span{font-size:8px;letter-spacing:1.6px;color:#c7aa71}.identity-emblem strong{font-size:26px;line-height:1.4;font-weight:450;letter-spacing:-.8px;color:#e5edf6;display:block;margin-top:13px}.identity-flow{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #304154;border-bottom:1px solid #304154;padding:17px 0;gap:8px;color:#6dbde7;font-size:8px;letter-spacing:1px}.identity-flow span{display:flex;align-items:center;gap:8px;color:#bdd4e8}
dialog{background:#fff;border-color:#d9e2ed}.modal-head{background:#fff;border-color:#d9e2ed}.modal-head h2{color:#203c56}.modal-actions{border-color:#dce5ee}.product-summary strong{color:#254e6b}.modal-body>p{color:#526a80}.recovery{background:#edf4fa;border-color:#86abc5;color:#173d59}.toast{background:#142c43;border-color:#439cca;color:#e8f5ff}.toast>svg{color:#71d0fb}.toast button{color:#c5dbea}
.app-footer{color:#597187!important;border-top-color:#dce3eb}.app-footer>span:first-child{color:#344f67}
@media(max-width:1200px){.brand.small strong{font-size:24px}.brand.small img{width:38px;height:38px}.brand.small small{font-size:5px}.sidebar>.brand{margin-left:1px}.identity-emblem{gap:15px}.identity-emblem>img{width:120px;height:120px}.identity-emblem strong{font-size:23px}}
@media(max-width:760px){.brand.small strong,.sidebar .brand.small strong{font-size:27px}.brand.small img,.sidebar .brand.small img{width:43px;height:43px}.sidebar-close{color:#b9d7ec}.sidebar>.brand{max-width:205px}.auth-story .brand img{width:48px;height:48px}.auth-story .brand strong{font-size:31px}.story-main{margin-top:34px}.story-main h1{font-size:54px}.story-main h1 br:nth-child(2){display:initial}.story-main h1 em{margin-left:0}.identity-emblem{display:none}.identity-flow{margin-top:24px;font-size:8px;padding:14px 0}.auth-foot{display:none}.attention h2{font-size:28px}.page-header h1{letter-spacing:-.9px}.brand small{font-size:6px}}
