:root{color-scheme:dark;--bg:#0b1116;--panel:#121a20;--card:#19232a;--raised:#202d35;--ink:#ecf2f0;--muted:#9eafb5;--stroke:#2d3a43;--accent:#ed4646;--accent-ink:#ffffff;--red:#ee8c83;--orange:#f4ca80;--radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:275px;background:#10181e;border-right:1px solid var(--stroke);padding:22px 15px;display:flex;flex-direction:column;z-index:20}.identity{display:flex;align-items:center;gap:11px;padding:4px 9px 27px}.identity-mark{display:grid;place-items:center;height:40px;width:44px;border-radius:12px;background:var(--accent);color:#1c290c;font-weight:1000;letter-spacing:-.14em;padding-right:4px;font-size:20px}.identity-mark span{font-size:12px;transform:translate(-1px,7px)}.identity strong{font-size:17px;letter-spacing:.06em}.beta{font-size:8px;color:var(--accent);border:1px solid #566c38;padding:2px 4px;border-radius:4px;vertical-align:middle;margin-left:5px}.identity small{display:block;color:var(--muted);letter-spacing:.15em;font-weight:700;font-size:9px;margin-top:4px}.side-top{display:flex;align-items:center;justify-content:space-between;padding:0 7px 10px}.eyebrow{font-weight:800;font-size:10px;letter-spacing:.14em;color:#8ca0aa}.icon-button{background:#2a3941;color:var(--ink);border:none;font-size:24px;width:31px;height:31px;border-radius:9px;line-height:1}.job-list{overflow:auto;flex:1;padding-top:4px}.job-item{display:block;width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:12px;padding:13px 12px;color:var(--ink);margin:3px 0}.job-item.active{border-color:#87423f;background:#302324}.job-item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.job-item small{display:block;color:#8fa4ad;margin-top:6px}.job-item:hover{background:#243039}.side-bottom{border-top:1px solid var(--stroke);padding:17px 9px 0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.connect-chip{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center;padding-bottom:7px}.dot,.save-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block}.offline .dot{background:var(--orange)}.muted-link{border:0;background:transparent;color:#c3d0d4;padding:5px 0;font-size:12px}.install-button{padding:10px 12px;background:var(--accent);border:0;border-radius:9px;color:var(--accent-ink);font-weight:800;width:100%}.main-shell{margin-left:275px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:69px;border-bottom:1px solid var(--stroke);display:flex;justify-content:space-between;align-items:center;padding:0 35px;gap:15px;background:#0c1319}.breadcrumb{letter-spacing:.12em;font-weight:700;font-size:11px;color:#8799a3}.breadcrumb span{margin:0 10px;color:#566774}.breadcrumb strong{color:#e7eeee;letter-spacing:0;font-size:13px}.top-right{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.content{max-width:1190px;padding:36px 36px 48px;width:100%;margin:0 auto;flex:1}.footer{font-size:10px;color:#647781;text-align:center;padding:16px 25px 24px;line-height:1.5}.page-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.headline h1{font-weight:850;letter-spacing:-.045em;font-size:clamp(26px,3vw,38px);margin:0 0 7px}.headline p{color:var(--muted);margin:0;line-height:1.5}.top-actions{display:flex;gap:9px;flex-wrap:wrap}.button{border:1px solid var(--stroke);padding:11px 16px;border-radius:10px;background:#24323b;color:var(--ink);font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.button.secondary{background:transparent}.button.danger{color:#fab3a9}.button:hover{filter:brightness(1.1)}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--stroke);margin-bottom:24px;overflow-x:auto}.tab{background:none;border:0;color:#9baeb6;padding:14px 20px;border-bottom:3px solid transparent;font-weight:700;white-space:nowrap}.tab.active{border-bottom-color:var(--accent);color:var(--accent)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.stat{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);padding:17px 18px}.stat small{display:block;color:#a5b4bc;font-size:11px;font-weight:700;line-height:1.45}.stat strong{display:block;font-size:clamp(22px,2.1vw,30px);letter-spacing:-.04em;margin-top:9px;font-variant-numeric:tabular-nums}.stat strong em{color:var(--accent);font-style:normal}.card{border:1px solid var(--stroke);background:var(--panel);border-radius:var(--radius);padding:22px;margin-bottom:15px}.card h2{font-size:17px;margin:0 0 6px;letter-spacing:-.025em}.card h3{font-size:14px;margin:0 0 15px}.hint{font-size:12px;color:var(--muted);line-height:1.6;margin:4px 0 18px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.section-head h2{margin:0;font-size:19px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label,.check-field label{font-size:11px;color:#c4d2d7;font-weight:700}.field input,.field textarea,.field select{color:var(--ink);background:#0b151b;border:1px solid #3c4c56;border-radius:9px;width:100%;min-width:0;padding:11px 12px;transition:border-color .2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field input[type=number]{font-variant-numeric:tabular-nums}.field textarea{resize:vertical;min-height:78px}.check-field{display:flex;align-items:center;gap:10px}.check-field input{width:17px;height:17px;accent-color:#ed4646}.check-field label{font-size:13px}.room{border:1px solid #3a4850;border-radius:14px;background:#141d23;margin-bottom:12px;overflow:hidden}.room summary{cursor:pointer;list-style:none;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.room summary::-webkit-details-marker{display:none}.room .room-header strong{display:block;font-size:15px}.room .room-header small{display:block;color:var(--muted);margin-top:5px}.room .room-total{color:var(--accent);font-weight:800;font-size:16px;white-space:nowrap}.room .room-body{padding:2px 20px 20px;border-top:1px solid var(--stroke)}.room-note{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:15px;margin-top:15px;border-top:1px dashed #33414a}.room-note small{font-size:11px;color:var(--muted)}.inline-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.subtle{color:var(--muted)}.pill{border:1px solid #894d4d;color:#ffb4b0;background:#342323;padding:6px 9px;border-radius:20px;font-size:10px;font-weight:800}.data-table{width:100%;border-collapse:collapse}.data-table th{color:#95a6ae;font-size:10px;letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:13px 8px;border-bottom:1px solid var(--stroke)}.data-table td{border-bottom:1px solid #29363f;padding:15px 8px;font-size:13px;vertical-align:middle}.data-table td:last-child,.data-table th:last-child{text-align:right}.data-table tr:last-child td{border-bottom:0}.data-table small{display:block;color:var(--muted);margin-top:4px}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.qty{font-weight:850;font-size:16px}.price-input{max-width:100px!important;text-align:right;padding:8px!important}.step{color:var(--accent);font-weight:800;font-size:12px}.notice{background:#2d2525;border:1px solid #784743;border-radius:12px;padding:13px 15px;font-size:12px;line-height:1.6;color:#d9e4ce}.notice.warn{border-color:#6b5c36;background:#25241d;color:#e9ddb9}.table-scroll{overflow:auto}.totals{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.total-box{padding:25px;background:#282225;border:1px solid #804341;border-radius:14px}.total-box small{display:block;color:#b5c6b0;font-size:12px;font-weight:700}.total-box strong{display:block;font-size:42px;letter-spacing:-.06em;color:var(--accent);margin:8px 0}.total-box p{color:#b4c1b2;font-size:11px;line-height:1.7}.total-rows{display:flex;flex-direction:column;gap:12px}.total-line{display:flex;justify-content:space-between;gap:20px;padding-bottom:11px;border-bottom:1px solid var(--stroke)}.total-line strong{font-variant-numeric:tabular-nums}.total-line.total{font-size:19px;font-weight:900;border-bottom:0}.add-item{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:20px}.add-item .field{flex:1;min-width:110px}.add-item .field:first-child{flex:2;min-width:180px}.small-action{font-size:12px;color:var(--accent);border:0;background:none;font-weight:700;padding:6px}.remove{color:var(--red)}.empty{padding:50px 25px;text-align:center;color:var(--muted);border:1px dashed #43525a;border-radius:14px}.empty strong{display:block;color:var(--ink);margin-bottom:5px}.empty p{line-height:1.5}.help{font-size:12px;color:#9fb2b5;line-height:1.6}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.no-margin{margin:0}.badge-soft{background:#263335;color:#b8d8c8;font-size:10px;padding:5px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.toast{position:fixed;bottom:25px;right:25px;background:#ed4646;color:#ffffff;border-radius:10px;padding:12px 18px;box-shadow:0 8px 28px #0008;font-weight:800;z-index:70;opacity:0;transform:translateY(12px);pointer-events:none;transition:all .3s}.toast.show{opacity:1;transform:translateY(0)}.mobile-only{display:none}.top-icon{color:var(--ink);background:transparent;border:0;font-size:20px}.mobile-close{display:none}.helper-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.print-sheet{background:white;color:#101820}.hidden{display:none!important}#print-root{display:none}
@media(max-width:1080px){.stat-grid{grid-template-columns:repeat(2,1fr)}.content{padding:26px 24px}.totals{grid-template-columns:1fr}}
@media(max-width:750px){.sidebar{transform:translateX(-102%);transition:transform .25s;box-shadow:0 0 30px #0000}.sidebar.open{transform:translateX(0);box-shadow:0 0 40px #000b}.main-shell{margin-left:0}.mobile-only{display:block}.topbar{padding:0 16px;height:60px}.content{padding:22px 15px 36px}.page-top{flex-wrap:wrap}.page-top .top-actions{width:100%}.stat-grid{gap:8px}.stat{padding:13px 11px}.stat strong{font-size:24px}.card{padding:16px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.room .room-body{padding:2px 14px 17px}.room summary{padding:14px}.top-right{font-size:10px}.data-table td{padding:13px 5px}.breadcrumb{font-size:9px}.breadcrumb strong{font-size:12px}.tabs .tab{padding:13px 14px}.total-box strong{font-size:36px}.split{grid-template-columns:1fr}}
@media(max-width:370px){.fields,.fields.two{grid-template-columns:1fr}.stat strong{font-size:21px}.card{padding:13px}.button{padding:10px 11px}.top-right{font-size:9px}}
@media print{@page{size:A4;margin:14mm}body{background:white!important;color:#111!important;font-size:12px}#app-shell,.toast{display:none!important}#print-root{display:block!important}.print-sheet{color:#111;background:#fff;font-family:Arial,sans-serif}.print-top{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid #1d252a;padding-bottom:18px}.print-top h1{margin:0;font-size:29px;letter-spacing:-.04em}.print-brand{font-weight:900;font-size:17px}.print-brand span{color:#e53738}.print-col{min-width:220px;max-width:50%}.print-meta{display:flex;justify-content:space-between;margin:25px 0 18px}.print-sheet p{line-height:1.6}.print-table{width:100%;border-collapse:collapse;margin-top:20px}.print-table th,.print-table td{padding:11px;border-bottom:1px solid #ddd;text-align:left}.print-table th:last-child,.print-table td:last-child{text-align:right}.print-grand{font-weight:bold;font-size:24px;text-align:right;margin-top:22px;padding:15px;background:#f3f5f2}.print-note{border-top:1px solid #ddd;padding-top:15px;margin-top:40px;font-size:11px;color:#555;white-space:pre-wrap}.print-mat{margin-top:30px}}

/* TRADE SAVER approved-brand alignment */
.identity-logo{width:46px;height:46px;object-fit:contain;flex-shrink:0;border-radius:12px}
.identity strong{letter-spacing:-.035em;font-size:19px;white-space:nowrap}
.brand-trade{color:#f0eeea}.brand-saver{color:#ef4545}
.identity .beta{font-size:8px;color:#f7aca6;border-color:#754143;font-weight:800;letter-spacing:0}
.identity small{font-size:8px;letter-spacing:.09em;color:#bbb6b3}
.mobile-brand{display:none;font-weight:850;font-size:16px;letter-spacing:-.03em;white-space:nowrap}.mobile-brand span{color:#eee}.mobile-brand b{color:#e94747}
.button.primary{box-shadow:0 2px 8px rgba(220,50,50,.15)}
@media(max-width:750px){.mobile-brand{display:block}.breadcrumb{display:none}.top-right{margin-left:auto}}
/* v1.2 simple guided flow */
.content { max-width:1160px; }
.workflow-tabs{margin-bottom:20px;justify-content:space-between;border-radius:10px;}
.workflow-tabs .tab{flex:1;padding:15px 9px;font-size:13px}
.intro-card{background:linear-gradient(122deg,#192329 0%,#161c21 65%,#281d1e 100%);border:1px solid #3b4448;border-radius:18px;padding:24px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.intro-card .eyebrow{font-size:11px;letter-spacing:.14em;font-weight:850;color:#f05a56}
.intro-card h1{font-size:clamp(27px,3.5vw,38px);margin:7px 0 6px;line-height:1.1;letter-spacing:-.04em}
.intro-card p{color:#b0bec3;margin:0;font-size:13px;line-height:1.5}
.mini-totals{display:flex;align-items:baseline;gap:7px;white-space:nowrap}.mini-totals b{font-size:18px}.mini-totals small,.mini-totals span{color:#a4b3b9}
.job-card{padding:20px}.job-card .section-head h2{font-size:17px}
.extra-details{margin-top:14px;color:#acbfc9}.extra-details summary{cursor:pointer;font-size:12px;font-weight:700;list-style:none}.extra-details summary::-webkit-details-marker{display:none}
.room-v2{border-color:#465058;background:#151d23;border-radius:15px;margin-bottom:14px}.room-v2 summary{padding:19px 20px}.room-v2 .room-header strong{font-size:18px}.room-v2 .room-header small{font-size:11px}
.room-v2 .room-total{font-size:15px}
.work-choices{border-top:1px solid #33414a;margin-top:20px;padding-top:17px}
.work-head{font-size:13px;font-weight:800;color:#e9eff0;margin-bottom:13px}
.work-head span{font-size:10px;font-weight:500;color:#9caeb7;margin-left:6px}
.toggle-row{margin-top:15px;padding:12px 14px;background:#233039;border-radius:10px}
.check-field span{font-size:12px;color:#dee5e8;font-weight:700}
.screw-example{display:inline-block;margin:14px 0 10px;padding:10px 13px;background:#292b30;color:#e8e5e2;border-radius:8px;font-size:12px}
.screw-example strong{color:#fd6964}
.cta-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#222d33;border:1px solid #4b5658;border-radius:15px;margin:22px 0;padding:17px 18px}
.cta-bar strong{display:block;font-size:15px}.cta-bar small{display:block;color:#a5b8be;margin-top:5px;font-size:11px}
.btn-next{font-size:14px;padding:13px 19px!important}
.total-estimate{text-align:right;white-space:nowrap}.total-estimate small{color:#afbabe;display:block;font-size:12px}.total-estimate strong{font-size:27px;display:block;margin-top:6px}
.material-action{display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}
.image-notice{color:#a1b0b7;font-size:11px;line-height:1.6;margin-bottom:18px}
.material-list{display:grid;grid-template-columns:1fr;gap:11px;margin:12px 0 25px}
.material-tile{display:grid;grid-template-columns:126px minmax(0,1fr) 95px 110px;align-items:center;gap:15px;background:#192229;border:1px solid #3b4a54;border-radius:14px;padding:12px 17px 12px 12px}
.material-picture{width:126px;height:116px;background:linear-gradient(140deg,#f3f2ee,#d9d8d4);border-radius:10px;display:grid;place-items:center;overflow:hidden}
.material-picture img{max-width:100%;max-height:100%;object-fit:contain}
.material-content h3{font-size:15px;margin:0 0 5px;color:#f1f4f3}.material-content .small{font-size:11px}.material-detail{font-size:11px;color:#a8b7bd;line-height:1.4;margin:9px 0 0}
.material-quantity{text-align:center}.material-quantity strong{font-size:28px;letter-spacing:-.04em;display:block;color:#fb5d59}.material-quantity span{font-size:11px;color:#9caeb7}
.material-prices{text-align:right}.material-prices label{display:block;font-size:10px;font-weight:700;color:#a1b1ba;margin-bottom:5px}.material-prices strong{display:block;font-size:14px;margin-top:8px}.item-price{width:85px;max-width:100%;padding:9px;color:#f5f6f6;background:#0b151b;border:1px solid #53626b;border-radius:8px;text-align:right;font-size:13px}
@media(max-width:750px){.content{padding-top:15px}.intro-card{padding:18px 16px;align-items:flex-start}.intro-card h1{font-size:29px}.mini-totals{display:none}.total-estimate strong{font-size:20px}.total-estimate small{font-size:10px}.room-v2 summary{padding:17px 14px}.room-v2 .room-header strong{font-size:16px}.material-tile{grid-template-columns:90px minmax(0,1fr) 72px;grid-template-areas:'pic desc qty' 'pic price price';gap:10px 12px;padding:11px}.material-picture{grid-area:pic;width:90px;height:100px}.material-picture img{width:88px;height:91px}.material-content{grid-area:desc}.material-content h3{font-size:13px}.material-detail{font-size:10px}.material-quantity{grid-area:qty}.material-quantity strong{font-size:24px}.material-prices{grid-area:price;display:flex;align-items:center;gap:8px;justify-content:flex-end}.material-prices label{margin:0}.material-prices strong{margin:0 0 0 5px}.item-price{width:70px}.material-action .button{font-size:12px;padding:11px}.cta-bar{padding:13px;gap:7px}.btn-next{padding:12px!important;font-size:12px}.workflow-tabs .tab{font-size:12px;padding:13px 4px}.work-head span{display:block;margin:4px 0 0}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.material-tile{grid-template-columns:78px minmax(0,1fr) 54px;gap:7px}.material-picture{width:78px;height:91px}.material-picture img{width:76px;height:90px}.material-content h3{font-size:12px}.material-quantity strong{font-size:21px}.material-prices{flex-wrap:wrap}.intro-card h1{font-size:25px}}

/* v1.4 supplier comparison */
.supplier-list{display:grid;gap:12px;margin:15px 0 26px}.supplier-quote{border:1px solid #49545b;background:#19232b;border-radius:14px;padding:18px}.supplier-quote.full{border-color:#718367}.supplier-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.supplier-title h2{margin:0 0 6px;font-size:17px}.supplier-title p{color:#aab9c0;margin:0;font-size:12px}.supplier-total{text-align:right;flex-shrink:0}.supplier-total strong{display:block;font-size:20px;color:#eff0ed}.supplier-total small{display:block;font-size:10px;color:#b9c2c3}.supplier-details{margin-top:15px;border-top:1px solid #37454d;padding-top:12px}.supplier-details summary{cursor:pointer;font-weight:800;color:#f17d76;font-size:13px}.supplier-rows{display:grid;gap:8px;margin-top:15px}.supplier-product{display:grid;grid-template-columns:62px 1fr;gap:10px;align-items:center;background:#212e35;padding:8px;border-radius:9px}.supplier-product img{width:60px;height:60px;object-fit:contain;background:#e5e6e2;border-radius:6px}.supplier-product strong{font-size:12px;display:block}.supplier-product small{display:block;color:#bac2c4;font-size:10px;line-height:1.6}.supplier-product a{font-size:11px;color:#fa8b83;font-weight:700}.supplier-product .missing{color:#ffa9a0}.cost-breakdown{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid #445259;margin-top:13px;padding-top:12px;font-size:12px}.cost-breakdown b{text-align:right}.best-basket{border:1px solid #78926e;background:#202e2a}.best-basket h2{margin:12px 0}.best-basket>strong{font-size:30px;color:#dff0db}.best-basket .eyebrow{font-size:10px;letter-spacing:.12em}.supplier-quote .help{margin-top:10px}
@media(max-width:760px){.workflow-tabs{overflow-x:auto;justify-content:start}.workflow-tabs .tab{min-width:92px;white-space:nowrap;font-size:11px}.supplier-quote{padding:13px}.supplier-total strong{font-size:17px}.supplier-title h2{font-size:15px}.supplier-total{max-width:48%}.supplier-total small{line-height:1.3}}

.use-supplier{margin-top:13px;width:100%}

/* v1.5 — Approved TradeSaver warm, friendly, premium identity.
   Dark charcoal navigation; clean warm-white workspace; restrained red focus. */
:root{color-scheme:light;--bg:#f6f6f3;--panel:#ffffff;--card:#ffffff;--raised:#f3f4f2;--ink:#273239;--muted:#68767d;--stroke:#e1e5e3;--accent:#d63f43;--accent-ink:#fff;--red:#b63b3e;--orange:#916c2e}
body{background:#f6f6f3;color:var(--ink)}
.sidebar{background:#232c31;border-color:#344049;box-shadow:4px 0 24px #1b242809}
.identity strong,.sidebar .identity strong,.sidebar .job-item strong{color:#fff}
.identity small,.sidebar .eyebrow,.sidebar .job-item small{color:#a5b1b6}
.identity-logo{border-radius:13px;box-shadow:0 3px 12px #0004}
.identity .brand-trade,.mobile-brand span{color:#f4f6f6}.identity .brand-saver,.mobile-brand b{color:#f37c79}
.sidebar .beta{color:#ffd5d3;border-color:#8b4b4d;background:#493336;font-size:8px;padding:3px 5px}
.sidebar .job-item.active{background:#384044;border:1px solid #8e5a58}
.sidebar .job-item:hover{background:#354048}
.sidebar .icon-button{background:#df4b4e;color:white}
.sidebar .muted-link{color:#c7d1d3}
.sidebar .connect-chip{color:#c5d0d2}
.main-shell{background:#f6f6f3}
.topbar{background:#fff;border-color:var(--stroke)}.breadcrumb,.breadcrumb strong,.top-right{color:#637177}
.topbar .mobile-brand span{color:#243038}.topbar .mobile-brand b{color:#cc4145}
.content{padding-top:27px}
.card,.room,.material-tile,.supplier-quote,.stat{background:#fff;border:1px solid #e0e4e3;box-shadow:0 3px 16px rgba(27,39,45,.035)}
.card,.room,.material-tile,.supplier-quote{border-radius:15px}
.intro-card{background:linear-gradient(116deg,#263139,#263139 62%,#3c3435 100%);border:0;box-shadow:0 8px 30px #25313a17;padding:25px 27px;border-radius:19px}
.intro-card h1{color:white}.intro-card p{color:#d4dbdd}.intro-card .mini-totals,.intro-card .mini-totals b,.intro-card .total-estimate strong{color:#fff}
.intro-card .eyebrow{color:#ffaaa8}
.section-head h2,.card h2,.card h3,.room-header strong,.material-content h3,.supplier-title h2{color:#273239}
.eyebrow{color:#6e7b80}
.tabs{border-bottom-color:#dce0de}.tab{color:#5b686e}.tab.active{color:#c53438;border-bottom-color:#d43f43}
.field label,.check-field label{color:#4d5b60}
.field input,.field select,.field textarea,.item-price{background:#fff;color:#263239;border:1px solid #cfd7d6;box-shadow:0 1px 2px #25313a05}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#d43f43}
.check-field span{color:#39494d}
.work-choices{border-top-color:#e5e9e8}.work-head{color:#273239}.work-head span{color:#77868b}
.room-v2,.room{background:#fff;border-color:#e0e4e3}.room .room-body{border-top-color:#e7e9e8}.room .room-total{color:#c63b40}
.room-note{border-top-color:#e2e5e2}.toggle-row{background:#f3f4f2;border:1px solid #e2e7e6}
.board-spec{background:#f6f7f5!important;border-color:#e6e9e8!important}
.board-hint,.room .room-header small,.help,.hint,.muted,.room-note small,.material-detail,.material-content .small,.image-notice{color:#69777b}
.screw-example{background:#fff3f0;color:#4e5356;border:1px solid #eed8d4}.screw-example strong{color:#c53f43}
.pill{background:#fff1f0;border-color:#f3c5c3;color:#a4373a}
.button{background:#fff;color:#263139;border-color:#d5dddd;box-shadow:0 1px 1px #00000008}
.button.primary{background:#d34145;color:#fff;border-color:#d34145;box-shadow:0 4px 14px #b92b3020}
.button.secondary{background:#fff}.button:hover{filter:brightness(.97)}
.cta-bar{background:#fff;border-color:#e0e4e3;box-shadow:0 2px 16px #23303906}.cta-bar strong{color:#253239}.cta-bar small{color:#79868c}
.notice{background:#edf5f1;border-color:#cde3d7;color:#355346}.notice.warn{background:#fff8e9;border-color:#efdfb1;color:#796233}
.material-tile{background:#fff;border-color:#e1e5e3}.material-picture{background:#f5f5f1}.material-content h3{color:#28333a}
.material-quantity strong{color:#ce3d42}.material-quantity span{color:#748187}
.material-prices label,.material-prices strong{color:#526166}
.supplier-quote{background:#fff;border-color:#e0e4e3}.supplier-quote.full{border-color:#bdd8c9}
.supplier-title h2{color:#273239}.supplier-title p,.supplier-total small{color:#68787d}.supplier-total strong{color:#25313a}
.supplier-details{border-top-color:#e2e6e5}.supplier-details summary{color:#c4393d}.supplier-product{background:#f6f7f5}.supplier-product small{color:#5d6e75}.supplier-product a{color:#b83539}.supplier-product .missing{color:#b03935}
.cost-breakdown{border-top-color:#e0e4e2}.best-basket{background:#f1f8f4;border-color:#c3dfce}.best-basket h2,.best-basket>strong{color:#24573c}
.badge-soft{background:#f5f1ed;color:#9b4446}.total-box{background:#263139;border:0}.total-box small,.total-box p{color:#d2dcda}.total-box strong{color:#fff}
.total-rows .total-line{border-bottom-color:#e0e5e3}.total-rows .total-line.total{border:0}.total-line strong,.total-rows b{color:#29363a}
.empty{border-color:#c8d3d0;color:#748187}.empty strong{color:#25313a}
.footer{color:#879297}
.toast{background:#263239}
.hero-brand-inline{width:42px;height:42px;object-fit:contain;border-radius:10px;margin-right:10px;vertical-align:middle;background:#263239}
.status-live{color:#216447!important;font-weight:800}.status-demo{color:#ae4549!important;font-weight:800}
.status-panel{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:#f6f8f6;border:1px solid #e2e7e4;margin-bottom:15px}
.status-panel strong{display:block}.status-panel small{display:block;color:#718087;margin-top:3px;line-height:1.5}
.status-icon{display:grid;place-items:center;width:42px;height:42px;background:#e9f0ed;color:#35694b;border-radius:12px;font-size:20px;flex-shrink:0}
.source-disclaimer{font-size:11px;color:#68777b;line-height:1.65;margin:8px 0}
@media(max-width:750px){.topbar{background:#fff}.topbar .mobile-brand{color:#2c373a}.content{padding:14px 13px 26px}.intro-card{padding:18px 16px}.card{padding:16px}.material-tile{box-shadow:0 1px 8px #1d2a3108}.sidebar{background:#232c31}.supplier-quote{box-shadow:0 2px 8px #1d2a3109}}

/* Prevent iOS Safari magnifying fields when tapped. */
@media(max-width:750px){.field input,.field select,.field textarea,.item-price{font-size:16px}}