.palette-control{display:flex;align-items:center;gap:8px;font-size:14px}.palette-control .control{width:125px;padding:10px 12px;min-height:42px}.notification-toggle{font-size:14px;white-space:nowrap;padding:10px 12px}.theme-toggle{margin-left:0}header .search-wrap{max-width:440px}header{gap:12px}.order-contact{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;padding:20px;border:1px solid #cad8e5;border-radius:12px;margin:12px 0 22px;background:#f6f9fc}.order-contact h2{margin:5px 0;font-size:22px}.order-contact p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.order-contact small{font-size:12px;letter-spacing:.07em;color:var(--muted)}.contact-address{grid-column:1/-1;border-top:1px solid #d7e1eb;padding-top:14px}.order-products{margin:20px 0}.order-products td{min-width:75px}.order-products td:last-child{min-width:140px}.locked-job{cursor:default}.locked-job .job-actions{font-size:12px}.locked-job:hover{transform:none}.paste-help{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin:8px 0}.mockup-slot{border:2px solid transparent;border-radius:12px;padding:5px}.mockup-slot:focus-within,.mockup-slot:focus{outline:2px solid var(--blue);outline-offset:2px}.receipt-item img:focus,.mockup-full:focus{outline:3px solid var(--blue);outline-offset:4px}.quote-line-inputs{flex-wrap:wrap}.quote-line-inputs [data-refresh-price]{align-self:center;font-size:13px}.notice{padding:18px 12px;border-bottom:1px solid #ccd8e4}.notice.unread{border-left:3px solid var(--blue);background:#e6edf630}.notice p{margin:8px 0;white-space:pre-wrap;font-size:14px;overflow-wrap:anywhere}.notice small{display:block;color:var(--muted);margin-bottom:8px}.notification-list{max-height:65vh;overflow:auto}.print-facts{display:flex;flex-wrap:wrap;gap:12px 26px;padding:16px 0;border-block:1px solid #d4deea}.print-signatures{display:flex;justify-content:space-between;gap:60px;margin:35px 0;padding-top:15px}.print-signatures span{width:40%;border-top:1px dotted #94a3b5;padding-top:10px}.print-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.proposal-salesperson{margin-top:18px}.workflow-actions{flex-wrap:wrap}
html[data-palette="ocean"]{--accent:#267392;--pale:#e3f0f5;--canvas:#eaf2f6;--panel:#f3f8fa;--ink:#24465a}
html[data-palette="forest"]{--accent:#357c63;--pale:#e0eee6;--canvas:#edf3ef;--panel:#f5f9f6;--ink:#294b40}
html[data-palette="violet"]{--accent:#76629d;--pale:#ece5f5;--canvas:#f0edf5;--panel:#f8f6fb;--ink:#493d61}
html[data-palette="sand"]{--accent:#927142;--pale:#f1e9d9;--canvas:#f4f1e9;--panel:#fbf9f3;--ink:#5a4830}
html[data-palette="rose"]{--accent:#a2687c;--pale:#f5e5ec;--canvas:#f7eff2;--panel:#fcf7f9;--ink:#684653}
html:not([data-palette="classic"]){--blue:var(--accent)}
html:not([data-palette="classic"]):not([data-theme="dark"]) body{background:var(--canvas);color:var(--ink)}
html:not([data-palette="classic"]):not([data-theme="dark"]) :is(.surface,.widget,.job-dialog,.proposal-card,.team-section,.quote-paper){background:var(--panel);border-color:color-mix(in srgb,var(--accent) 16%,white);color:var(--ink)}
html:not([data-palette="classic"]):not([data-theme="dark"]) :is(.control,.button,.order-contact){background:var(--panel);color:var(--ink);border-color:color-mix(in srgb,var(--accent) 20%,white)}
html:not([data-palette="classic"]) :is(.button.primary,.proposal-banner,.step.active b){background:var(--accent);border-color:var(--accent);color:white}
html:not([data-palette="classic"]):not([data-theme="dark"]) :is(nav button.active,.avatar,.segmented button.selected,.icon-box){background:var(--pale);color:var(--accent)}
html:not([data-palette="classic"]):not([data-theme="dark"]) :is(h1,h2,h3,.profile strong,.sidebar-bottom strong){color:var(--ink)}
html[data-theme="dark"] .order-contact{background:#253444;border-color:#3c5064}html[data-theme="dark"] .contact-address{border-color:#3c5064}
html[data-theme="dark"][data-palette="ocean"]{--accent:#4a8caa}html[data-theme="dark"][data-palette="forest"]{--accent:#4b9175}html[data-theme="dark"][data-palette="violet"]{--accent:#8b74b1}html[data-theme="dark"][data-palette="sand"]{--accent:#9d8258}html[data-theme="dark"][data-palette="rose"]{--accent:#ad7d8f}
html[data-theme="dark"] .notice{border-color:#425369}html[data-theme="dark"] .notice.unread{background:#34496055}
@media(max-width:1150px){.profile>div:last-child{display:none}header{flex-wrap:wrap}header .search-wrap{min-width:200px;max-width:none}.palette-control>span{display:none}}
@media(max-width:600px){.order-contact{grid-template-columns:1fr}.notification-toggle{font-size:12px}.palette-control .control{width:110px}.theme-toggle{padding:9px}.print-heading{display:block}.profile{margin-left:auto}.proposal-products .quote-line-inputs{display:flex}.proposal-products .quote-line-inputs .field{flex:1;min-width:105px}}
@media print{.order-contact{display:grid;grid-template-columns:1fr 1fr;border:1px solid #b8c5d2;background:white}.order-contact .contact-address{grid-column:1/-1}.palette-control,.notification-toggle{display:none!important}}
/* Wider production lane: quantities and both mockups stay together per product. */
.kanban{grid-template-columns:270px 290px minmax(460px,540px) repeat(4,270px);min-width:2220px;gap:18px}
.kanban-column[data-stage="production"] .job-product,.kanban-column[data-stage="production"] .job-card:has(.production-items)>.quantity{display:none}
.production-items{display:grid;gap:10px;margin-top:14px}.production-item{border:1px solid var(--lane-border,#d5dfeb);border-radius:10px;padding:12px;background:color-mix(in srgb,var(--card,#fff) 75%,white)}.production-item-heading{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:8px;font-size:14px;line-height:1.45}.production-item-heading strong{font-weight:650;overflow-wrap:anywhere}.production-item-heading>b{white-space:nowrap;background:var(--lane);color:var(--stage-ink);padding:4px 7px;border-radius:6px}.production-item-body{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.production-thumbnails{display:flex;gap:6px}.production-thumbnails .mockup-image{width:76px;padding:4px;border:1px solid var(--lane-border);border-radius:8px}.production-thumbnails img{width:100%;height:62px;object-fit:contain}.production-thumbnails span{font-size:12px}.production-item .product-note{font-size:13px;white-space:pre-wrap}.copy-product{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;margin-left:8px;border:1px solid #bdccdf;border-radius:8px;background:transparent;color:var(--blue);cursor:pointer;font-size:20px;vertical-align:middle}.copy-product:hover{background:#accbf329}.print-status{font-size:13px;padding:8px 10px;border:1px solid var(--lane-border);border-radius:8px;margin-top:8px;color:var(--stage-ink)}.print-status.ready{color:#367353;background:#c4e4cc33}.collection-link{display:block;margin-top:10px;font-size:13px;width:100%;white-space:normal;line-height:1.4}.collection-customers{display:grid;gap:18px;margin-top:22px}.collection-customer{padding:24px;border-radius:16px}.collection-customer.focused{outline:2px solid var(--blue);outline-offset:3px}.collection-balance{display:block;font-size:24px;white-space:nowrap}.collection-customer h2{margin:0}.collection-customer p{color:var(--muted);font-size:14px}.collection-customer td .quiet{display:block;margin-top:8px}.repeat-art{padding-top:20px;border-top:1px solid #cedaea;margin-top:20px}.archive-record{margin:20px 0}.archive-record>p{white-space:pre-wrap}.collection-customer .stock-table{min-width:560px}body[data-finance-view="collections"] .cash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Palette-specific backgrounds keep the working surface quiet in both modes. */
html[data-palette="classic"]{--accent:#537fc0;--canvas:#eaf0f7;--panel:#f4f7fc;--pale:#dce7f7}
html[data-palette]:not([data-theme="dark"]) body{background-color:var(--canvas);background-image:radial-gradient(ellipse at 8% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 48%),radial-gradient(ellipse at 96% 88%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 50%),linear-gradient(140deg,color-mix(in srgb,var(--panel) 65%,var(--canvas)),var(--canvas));background-attachment:fixed}
html[data-theme="dark"][data-palette] body{background-color:#172330;background-image:radial-gradient(ellipse at 10% 5%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 50%),radial-gradient(ellipse at 95% 90%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 50%),linear-gradient(145deg,#1b2835,#16212d);background-attachment:fixed}
html[data-theme="dark"][data-palette] :is(.surface,.job-dialog,.proposal-card,.team-section){background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 8%,#243241),#202d3b);border-color:color-mix(in srgb,var(--accent) 20%,#344457)}
html[data-theme="dark"] .production-item{background:color-mix(in srgb,var(--card) 88%,#1b2633)}html[data-theme="dark"] .copy-product{border-color:#50637a;color:#bdcee5}
@media(max-width:650px){.kanban{grid-template-columns:260px 280px 400px repeat(4,260px);min-width:2088px}.production-item-body{gap:8px}.production-thumbnails .mockup-image{width:66px}.collection-customer{padding:16px}.collection-customer .quote-section-title{align-items:flex-start;gap:14px;flex-wrap:wrap}body[data-finance-view="collections"] .cash-kpis{grid-template-columns:1fr}}
@media print{.copy-product,.collection-link{display:none!important}}