/* Supplied September 9 brand tokens; presentation only. */
/* Operational type stays sans-serif; brand artwork is never used for controls. */
:root{--tf-gold:#D4AF37;--gold:#D4AF37;--tf-gold-dark:#F3D27A;--tf-cream:#0B0B0B;--line:#ffffff1a;--ink:#F7F7F7}
body{background:#0B0B0B;color:#F7F7F7;font-family:ui-sans-serif,system-ui,sans-serif}.sidebar{background:#0B0B0B;border-bottom:1px solid #ffffff14}.sidebar .app-name img{width:160px;height:48px;object-fit:contain}.sidebar .brand-logo{width:82px;max-height:46px}
.login-card,.welcome,.inventory-view{background:#141616;color:#F7F7F7;border:1px solid #ffffff12;box-shadow:none;border-radius:20px}.login-card .login-trolley-brand{max-height:190px;width:180px;object-fit:contain}.login-card input{background:#202222;border:1px solid #ffffff25;color:white}.login-card .eyebrow,.eyebrow{color:#F3D27A}.primary,.login-card button{background:linear-gradient(135deg,#F3D27A,#D4AF37);color:#111;border:1px solid #d2ac52;border-radius:24px}
.welcome{background:linear-gradient(130deg,#20201a,#101313)}.welcome img{width:130px;height:130px;object-fit:contain;opacity:.8}.welcome h2{font-weight:550;letter-spacing:-.8px}.welcome .helper,.welcome p{color:#b9bcb7}.count-card{border:1px solid #ffffff17;background:#171b1b;color:#dedfd8;border-radius:15px}.count-card.active{border-color:#D4AF37;background:#292517}.section-heading h2,.inventory-view h1{color:#F7F7F7}.inventory-search input{background:#1A1A1A;border:1px solid #ffffff20;color:#F7F7F7;border-radius:12px}
.inventory-card{background:#151919;border:1px solid #ffffff16;border-radius:14px;color:#F7F7F7;box-shadow:none;overflow:hidden}.inventory-card strong{color:#f4f4ef;font-weight:550}.inventory-card small,.inventory-card span{color:#babeb9}.inventory-card img{object-fit:cover}.family-queue,.qr-center{background:#161a1a;color:#eee}.helper{color:#b8bcb6}.workspace-wordmark img{width:125px;height:45px;object-fit:contain}
.product-workspace #mobileNav svg{display:none}.product-workspace #mobileNav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.product-workspace #mobileNav img{width:19px;height:19px;object-fit:contain}.product-workspace #mobileNav .modern-nav-active{display:none}.product-workspace #mobileNav button.active .modern-nav-outline{display:none}.product-workspace #mobileNav button.active .modern-nav-active{display:block}
@media(max-width:520px){.sidebar{height:58px;min-height:58px}.sidebar .brand-logo{width:70px}.sidebar .app-name img{width:140px;height:40px}.login-card .login-trolley-brand{margin:0 auto 18px;width:125px;height:125px}.welcome{padding:22px}.welcome img{width:95px;height:95px}.inventory-view{padding:15px}}
/* Continue the approved visual language; no alternate dashboard wordmark. */
.product-workspace #app>header>div:first-child{display:none}
.product-workspace #app>header{justify-content:flex-end;padding:10px 0;border:0;font-size:12px}
.product-workspace #logout,.product-workspace .workspace-legacy button{color:#F3D27A;background:#161a1a;border:1px solid #D4AF3755;border-radius:14px}
.product-workspace .welcome{display:grid;grid-template-columns:minmax(0,1fr) 240px;column-gap:24px;align-items:center}
.product-workspace .welcome>div:first-child{grid-column:1;grid-row:1 / span 2}
.product-workspace .welcome>img{grid-column:2;grid-row:1;justify-self:center;margin:0}
.product-workspace .welcome>.workspace-legacy{grid-column:2;grid-row:2;justify-content:center;align-items:center;width:100%;margin:12px 0 0;gap:10px}
.product-workspace .intake-card,.product-workspace .qr-row,.product-workspace .guide{background:#161a1a;color:#F7F7F7;border:1px solid #ffffff18;box-shadow:none}
.product-workspace .intake-card button,.product-workspace .qr-center button{color:#F3D27A;background:#1A1A1A;border-color:#D4AF3755}
.product-workspace .intake-card input,.product-workspace .intake-card textarea{background:#202424;color:#F7F7F7;border-color:#ffffff25}
@media(max-width:700px){.product-workspace .welcome{grid-template-columns:minmax(0,1fr);row-gap:18px}.product-workspace .welcome>div:first-child{grid-column:1;grid-row:1}.product-workspace .welcome>img{grid-column:1;grid-row:2}.product-workspace .welcome>.workspace-legacy{grid-column:1;grid-row:3;margin:0}.product-workspace #app>header{padding:7px 0}}
body.product-workspace #mobileNav:not([hidden]){height:calc(76px + env(safe-area-inset-bottom));min-height:76px;box-sizing:border-box;padding:6px 6px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.product-workspace #mobileNav button span{font-size:12px;font-weight:650;font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.2}
.product-workspace #mobileNav:not([hidden]) button{font-size:12px;font-weight:650;letter-spacing:.2px;min-height:60px;color:#e2e3df;gap:3px;padding:4px;line-height:1.2}
.product-workspace #mobileNav:not([hidden]) img{width:32px;height:32px}
.product-workspace #mobileNav:not([hidden]) button.active{color:#f3d27a;background:#d4af3717}
.product-workspace .sidebar .app-name img{width:190px;height:56px;object-fit:cover;object-position:center}
.product-workspace .welcome>.workspace-legacy button{min-height:48px;font-size:15px;padding:10px 14px}
.product-workspace #workspaceSheet label,.product-workspace .workspace-subtitle{font-size:15px;color:#e0e2dc}
.product-workspace #workspaceSheet button,.product-workspace #workspaceReview button{min-height:44px;font-size:14px}
.product-workspace .workspace-price b,.product-workspace .workspace-price p{font-size:14px}
.product-workspace #workspaceSheet .workspace-compare p{font-size:16px}.product-workspace #workspaceSheet .workspace-compare small{font-size:14px;color:#d4dce0}
@media(max-width:520px){.product-workspace .sidebar .app-name img{width:175px;height:50px}.product-workspace{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}