:root{--brand:#174f3b;--brand-ink:#fff;--brand-accent:#3979b8;--brand-accent-ink:#fff;--ui-space:16px;--ui-control:36px;--background:#f4f6f8;--surface:#fff;--ink:#202a36;--muted:#647080;--line:#dfe5eb;--green:color-mix(in srgb,var(--brand) 75%,#111827);--green-soft:color-mix(in srgb,var(--brand) 9%,white);--paper-alt:#f8fafc;--shadow:0 4px 18px #172b4d08;--border:var(--line);--accent:var(--brand-accent);--warning-soft:#fff5df;--warning-ink:#76521b;--warning-line:#e9d9b6;--success-soft:#eaf5ed;--success-ink:#285b43;--danger-soft:#fbe8e5}body{background:var(--background);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.shell{width:min(1440px,calc(100% - 48px));padding:16px 0 40px}.shell.work-shell{width:calc(100% - 32px)}.topbar{gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 2px 5px #172b4d04}.brand-mark{flex:0 0 42px;background:var(--brand);color:var(--brand-ink);border-radius:10px}.brand-mark.has-logo{background:#fff;border:1px solid var(--line);padding:3px}.brand-mark img{width:100%;height:100%;object-fit:contain}.topbar h1{font-size:14px;white-space:nowrap;letter-spacing:-.025em}.topbar .eyebrow{font-size:10px;letter-spacing:.09em}.main-nav{gap:3px;margin-left:18px}.main-nav a{font-size:13px;font-weight:600;padding:8px 10px;border-radius:7px}.main-nav a[aria-current=page]{background:var(--green-soft);color:var(--green);box-shadow:inset 0 -2px var(--brand)}.topbar-actions{gap:10px}.topbar .sign-out-button{min-height:32px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap;color:var(--ink)}.topbar .sign-out-button:hover{box-shadow:0 0 0 1px var(--muted)}.environment{font-size:10px;padding:4px 8px;background:#f1f5f9;color:#647080}.page-heading{margin:20px 0 18px;padding:8px 0;gap:16px}.hero h2,.page-heading h2{font-family:inherit;font-size:28px;font-weight:750;letter-spacing:-.04em;line-height:1.2;margin:4px 0 6px}.page-heading p:not(.eyebrow){font-size:13px;line-height:1.5;margin:0}.page-heading-compact{margin:14px 0 10px}.page-heading-compact h2{font-size:23px}.dashboard-hero,.hero{padding:32px 0;gap:28px}.hero h2{font-size:36px}.panel{background:var(--surface);border-color:var(--line);border-radius:12px;box-shadow:var(--shadow);padding:var(--ui-space)}.panel h3,.panel-heading h3{font-family:inherit;font-weight:650;letter-spacing:-.02em}.form-grid{gap:14px 18px}.branding-fields label,.form-grid label{font-size:12px;font-weight:600;color:#445164}.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid select,.form-grid textarea,.search-field input{background:#fff;border:1px solid #cdd6e0;border-radius:7px;padding:8px 10px;font-size:13px;min-height:var(--ui-control);color:var(--ink)}.form-grid textarea{line-height:1.6}.drawer-button,.shell button:not(.production-card-open):not(.calendar-job):not(.drawer-file-card):not(.inventory-grid-cell){border-radius:7px}.brand-save,.form-actions button:not(.text-button):not(.secondary-button),.primary-link{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);min-height:var(--ui-control);padding:8px 14px;border-radius:7px;font-size:13px;font-weight:650}.secondary-button,.secondary-link{min-height:var(--ui-control);border-radius:7px;font-size:13px;padding:8px 12px;background:white}.form-actions{gap:8px;padding-top:8px}.customer-upload-form fieldset,.managed-upload-form fieldset{min-width:0;margin:0;padding:0;border:0}.customer-upload-form .compact-message:empty{display:none}button:disabled{cursor:not-allowed;opacity:.55}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--brand-accent) 65%,white);outline-offset:3px}.record-row{padding:14px 10px;border-radius:7px;transition:background .12s}.record-row:hover{background:var(--paper-alt)}.record-row h3{font-size:15px;margin:3px 0}.record-meta,.record-row p{font-size:12px}.work-drawer{background:var(--surface)}.work-drawer .drawer-primary-action{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.work-shell .brand-mark{flex-basis:34px}.production-card-open{padding:max(12px,calc(var(--ui-space) - 4px))}.drawer-status-row progress{accent-color:var(--brand-accent)}.drawer-status-row progress::-webkit-progress-value{background:var(--brand-accent)}.drawer-status-row progress::-moz-progress-bar{background:var(--brand-accent)}.production-column{background:#edf1f5;border:1px solid #e2e7ed}.production-column>h3{font-size:12px;letter-spacing:.01em}.production-card{box-shadow:0 2px 4px #172b4d05}.production-card-open h3{font-size:14px}.production-card-actions{gap:6px}.production-controls{box-shadow:none}.branding-panel{margin-bottom:18px}.settings-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.settings-section-title h3{font-size:18px;margin:3px 0 6px}.settings-section-title p{color:var(--muted);font-size:13px;margin:0}.settings-label{padding:4px 9px;background:#f1f5f9;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:11px;white-space:nowrap}.branding-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:40px}.branding-fields{min-width:0;border:0;padding:0;margin:0;display:grid;align-content:start;gap:20px}.branding-fields label{display:grid;gap:7px}.branding-fields input:not([type=color]),.branding-fields select{width:100%;border:1px solid #cdd6e0;border-radius:7px;padding:9px 11px;background:#fff;color:var(--ink)}.branding-logo-row{display:flex;align-items:center;gap:16px}.branding-help,.branding-logo-row p{font-size:12px;color:var(--muted);margin:4px 0 10px}.branding-logo-box{width:76px;height:76px;flex:0 0 76px;border:1px dashed #cdd6e0;border-radius:10px;display:grid;place-items:center;background:#f8fafc}.branding-logo-box img{width:64px;height:64px;object-fit:contain}.branding-logo-box>span{font-size:28px;color:var(--muted)}.branding-inline,.branding-palettes{display:flex;gap:7px;flex-wrap:wrap}.branding-panel button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:7px 11px;font-size:12px;font-weight:600}.branding-panel button.brand-save{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.branding-color-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.branding-color-fields label>span{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px}.branding-color-fields input{width:32px;height:30px;padding:0;border:0;background:none;cursor:pointer}.branding-color-fields code,.field-caption{color:var(--muted);font-size:12px}.field-caption{display:block;margin-bottom:8px}.branding-palettes button{display:flex;align-items:center;gap:6px}.branding-palettes button[aria-pressed=true]{outline:2px solid var(--brand);outline-offset:1px}.branding-palettes span{width:12px;height:12px;border-radius:50%}.branding-preview{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f4f6f8;align-self:start}.preview-caption{display:flex;justify-content:space-between;padding:12px 16px;color:#687586;font-size:10px;border-bottom:1px solid var(--line)}.preview-header{display:flex;align-items:center;gap:10px;padding:var(--ui-space);background:white}.preview-header small,.preview-header strong{display:block}.preview-header small{font-size:11px;color:var(--muted)}.preview-header .brand-mark{height:42px}.preview-nav{display:flex;gap:18px;background:white;padding:0 16px 10px;font-size:12px;color:#647080}.preview-nav span:first-child{color:var(--ink);border-bottom:2px solid var(--brand);padding-bottom:5px}.preview-body{padding:var(--ui-space)}.preview-heading{display:flex;justify-content:space-between;margin-bottom:12px;font-size:12px}.preview-heading>span{color:var(--muted)}.preview-job{border:1px solid var(--line);border-left:3px solid #d98a2b;border-radius:9px;padding:var(--ui-space);background:white}.preview-job small{color:var(--muted);font-size:11px}.preview-job h4{font-size:16px;margin:8px 0 3px}.preview-job p{margin:0 0 12px;color:var(--muted);font-size:12px}.preview-progress{height:5px;background:#e8edf2;border-radius:4px;margin:16px 0 6px;overflow:hidden}.preview-progress>span{display:block;width:40%;height:100%;background:var(--brand-accent)}.preview-actions{display:flex;gap:8px;margin-top:14px;font-size:11px}.preview-actions>span{border:1px solid var(--line);border-radius:6px;padding:8px 12px}.preview-actions>span:last-child{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.branding-footer,.branding-footer>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.branding-footer{justify-content:space-between;border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.branding-footer .branding-help{margin:0}.settings-business>summary{padding:6px 0;cursor:pointer;font-size:16px;font-weight:650}.settings-business[open]>summary{margin-bottom:20px}.ticket-brand-logo{object-fit:contain;object-position:left center;margin-bottom:12px}@media (max-width:1150px){.topbar{flex-wrap:wrap}.main-nav{order:4;width:100%;margin:0;border-top:1px solid var(--line);padding-top:8px;overflow-x:auto}.main-nav a{white-space:nowrap}}@media (max-width:700px){.shell,.shell.work-shell{width:calc(100% - 24px);padding-top:12px}.branding-layout{grid-template-columns:1fr;gap:24px}.preview-body,.preview-job{padding:12px}.topbar-actions .environment{display:none}.branding-color-fields{gap:8px}.branding-footer{align-items:flex-start}.page-heading h2{font-size:24px}}@media print{body{background:white}.ticket-brand-logo{max-height:48px}}.production-services{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.production-badge.service{background:#eaf0f7;color:#344d70;font-size:11px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}.drawer-service-options{grid-column:1/-1;min-width:0;margin:0;padding:0;border:0}.drawer-service-options legend{padding:0;margin-bottom:8px;font-size:12px;font-weight:600;color:#445164}.drawer-service-options>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.drawer-service-options label{display:flex;align-items:center;gap:8px;min-height:32px;cursor:pointer}.drawer-service-options input[type=checkbox]{flex:0 0 16px;width:16px;height:16px;min-height:0;margin:0;padding:0;accent-color:var(--green)}.drawer-service-options label span{min-width:0;line-height:1.4}@media (max-width:600px){.drawer-service-options>div{grid-template-columns:1fr}}@media (max-width:700px){.work-drawer>.drawer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.work-drawer>.drawer-actions>:is(button,a){width:100%;min-width:0;margin-left:0;text-align:center;white-space:normal}}.production-alerts{flex-wrap:wrap}.production-badge.custom-tag{display:inline-block;font-size:11px;font-weight:650;line-height:1.4;overflow-wrap:anywhere;border:1px solid transparent}.custom-tag.tag-soft{background:color-mix(in srgb,var(--tag-color) 14%,white);color:color-mix(in srgb,var(--tag-color) 65%,black)}.custom-tag.tag-solid{background:var(--tag-color);color:var(--tag-ink)}.custom-tag.tag-outline{background:transparent;color:color-mix(in srgb,var(--tag-color) 65%,black);border-color:var(--tag-color)}.theme-control{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted)}.theme-control select{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:5px;border-radius:6px;font:inherit}.tag-editor-fieldset{margin:24px 0 0;padding:0;border:0;min-width:0}.stage-color-editor{margin-bottom:20px}.stage-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}.stage-color-row{display:grid;grid-template-columns:minmax(110px,1fr) 44px minmax(100px,1fr);gap:12px;align-items:center;padding:10px 0}.stage-color-row label{display:flex;align-items:center;gap:8px;font-size:13px}.stage-color-row input[type=color]{width:40px;height:32px;padding:3px;border:1px solid var(--line);border-radius:5px;background:var(--surface)}.stage-color-row input:disabled{opacity:.4}.stage-color-preview{padding:8px 10px;border-radius:6px;background:var(--paper-alt);border-top:3px solid var(--line);font-size:12px;font-weight:600}.stage-color-preview.has-stage-color{border-top-color:var(--stage-color);background:color-mix(in srgb,var(--stage-color) 16%,var(--surface));color:var(--ink)}.production-column.has-stage-color{border-top:4px solid var(--stage-color);background:color-mix(in srgb,var(--stage-color) 16%,var(--surface))}.production-column.has-stage-color>h3{margin:-2px -4px 10px;padding:8px;color:var(--ink)}@media screen{html[data-theme=dark] .production-column.has-stage-color{border-top-color:var(--stage-color)!important}html[data-theme=dark] .production-column.has-stage-color:not(.is-drop-target){background:color-mix(in srgb,var(--stage-color) 16%,var(--surface))!important}}@media (max-width:800px){.stage-color-grid{grid-template-columns:1fr}}.tag-editor{border-top:1px solid var(--line);padding-top:16px}.tag-editor summary{cursor:pointer;font-weight:700}.tag-editor h4{margin:22px 0 8px}.tag-editor-row{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(120px,1fr) 65px 100px minmax(100px,1fr);gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.tag-editor-row>strong{font-size:12px}.tag-editor-row label{display:grid;gap:4px;min-width:0;color:var(--muted);font-size:11px}.tag-editor-row input:not([type=color]),.tag-editor-row select{width:100%;min-width:0;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px;border-radius:6px}.tag-editor-row input[type=color]{width:44px;height:34px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:5px;cursor:pointer}.tag-editor-row>.production-badge{justify-self:start}@media (max-width:700px){.tag-editor-row{grid-template-columns:minmax(0,1fr) 65px 100px}.tag-editor-row>.production-badge,.tag-editor-row>strong{grid-column:1/-1}.theme-control>span{display:none}}@media screen{html[data-theme=dark]{color-scheme:dark;--background:#111720;--surface:#1b2430;--paper-alt:#222e3c;--ink:#e4eaf2;--muted:#a8b5c6;--line:#39485b;--green:color-mix(in srgb,var(--brand) 35%,white)!important;--green-soft:color-mix(in srgb,var(--brand) 20%,var(--surface));--danger:#ffaaa5;--shadow:0 4px 18px #0003}html[data-theme=dark] body{background:var(--background);color:var(--ink)}html[data-theme=dark] :is(.panel,.topbar,.production-card,.production-card-open,.work-drawer,.work-step,.work-move-dialog,.copy-job-dialog,.drawer-task,.preview-header,.preview-nav,.preview-job,.drawer-file-card,.inventory-grid-cell,.inventory-grid-table th,.inventory-grid-table td){background:var(--surface);color:var(--ink);border-color:var(--line)}html[data-theme=dark] :is(.production-column,.branding-preview,.drawer-customer,.drawer-item-list,.work-step-upcoming,.drawer-stage-pill,.settings-label,.environment,.drawer-step-chooser,.board-move-route strong){background:var(--paper-alt)!important;color:var(--ink)!important;border-color:var(--line)!important}html[data-theme=dark] :is(input:not([type=color]):not([type=checkbox]):not([type=radio]),select,textarea){background:var(--background)!important;color:var(--ink)!important;border-color:var(--line)!important}html[data-theme=dark] :is(input,textarea)::placeholder{color:#96a5b9}html:where([data-theme=dark]) :where(.shell,dialog) button:where(:not(.production-card-open):not(.brand-save):not(.drawer-primary-action):not(.step-complete)){background:var(--paper-alt);color:var(--ink);border-color:var(--line)}html[data-theme=dark] :is(.shell,dialog) button[aria-pressed=true]{background:var(--brand)!important;color:var(--brand-ink)!important}html[data-theme=dark] :is(.secondary-link,.secondary-button,.drawer-button){background:var(--paper-alt);color:var(--ink);border-color:var(--line)}html[data-theme=dark] :is(.form-grid label,.branding-fields label,.drawer-service-options legend,.work-drawer .customer-name,.customer-contact-links a,.customer-profile,.work-drawer .drawer-section-heading>a,.work-drawer>details>summary,.drawer-move-form #move-explanation){color:var(--ink)}html[data-theme=dark] :is(.work-drawer small,.task-instructions,.task-exception,.upcoming-details,.drawer-proof-hint,.item-quantity,.drawer-progress-label,.drawer-manual,.preview-caption,.drawer-step-chooser>p){color:var(--muted)}html[data-theme=dark] :is(.drawer-notes,.work-drawer .drawer-notes){background:#20344b;color:#d9eaff;border-color:#3c5a7b}html[data-theme=dark] .work-drawer .drawer-notes h3{color:#b5d6ff}html[data-theme=dark] :is(.drawer-wait,.work-drawer .drawer-proof,.work-step-warning,.step-choice-blocked,.move-approval-reopen){background:#382f20;color:#f1d39a;border-color:#695431}html[data-theme=dark] :is(.drawer-wait strong,.drawer-wait p,.work-drawer .drawer-wait small,.step-choice-blockers){color:#f1d39a}html[data-theme=dark] :is(.work-drawer .drawer-proof-approved,.drawer-stock.stock-available,.drawer-feedback.success,.success-message,.board-move-feedback,.move-approval:not(.move-approval-reopen)){background:#203b32;color:#bae9d3;border-color:#406a57}html[data-theme=dark] :is(.form-error,.drawer-feedback.error){background:#44272d;color:#ffc4c4;border-color:#864850}html[data-theme=dark] .custom-tag.tag-soft{background:color-mix(in srgb,var(--tag-color) 25%,#1b2430)}html[data-theme=dark] .custom-tag.tag-outline,html[data-theme=dark] .custom-tag.tag-soft{color:color-mix(in srgb,var(--tag-color) 35%,white)}html[data-theme=dark] .production-column.is-drop-target{background:#294638!important;outline-color:#a4d8c1}html[data-theme=dark] :is(.work-drawer,.work-move-dialog)::backdrop{background:#0009}}@media screen{html[data-theme=dark]{--warning-soft:#382f20;--warning-ink:#f1d39a;--warning-line:#695431;--success-soft:#203b32;--success-ink:#bae9d3;--danger-soft:#44272d}html[data-theme=dark] :is(.tag-active,.task-status-done,.work-step-state.ready,.work-step-state.finished){background:var(--success-soft);color:var(--success-ink)}html[data-theme=dark] :is(.warning-message,.warning-row span,.tag-next,.tag-rush,.production-badge.rush,.production-badge.waiting,.work-step-state.blocked){background:var(--warning-soft);color:var(--warning-ink);border-color:var(--warning-line)}html[data-theme=dark] :is(.task-status-blocked,.tag-overdue,.production-badge.problem){background:var(--danger-soft);color:var(--danger)}html[data-theme=dark] :is(.task-block-reason,.due-overdue,.danger-button,.danger-text){color:var(--danger)}html[data-theme=dark] :is(.tag-archived,.work-step-state.upcoming,.work-drag-preview strong,.work-drawer .drawer-reference,.work-drawer .customer-contact>small,.work-drawer .work-step-name small,.customer-contact-links,.work-move-dialog .board-move-route,.preview-nav){color:var(--muted)}html[data-theme=dark] :is(.customer-avatar,.work-drawer .drawer-proof-optional,.preview-progress){background:var(--paper-alt);color:var(--ink);border-color:var(--line)}html[data-theme=dark] :is(.work-drag-preview,.work-drag-preview small){color:var(--ink)}html[data-theme=dark] .work-drawer .drawer-button:hover,html[data-theme=dark] .work-drawer button:hover:not(:disabled):not(.drawer-primary-action):not(.step-complete){background:var(--paper-alt);border-color:var(--muted)}html[data-theme=dark] .production-column.is-drop-target>h3{color:var(--ink)}html[data-theme=dark] :is(.auth-form button,.primary-button,.customer-resource-tabs button[aria-selected=true],.saved-view-nav a.active,.mode-switch a.active){background:var(--brand);color:var(--brand-ink)}html[data-theme=dark] .work-drawer h3{color:var(--ink)}html[data-theme=dark] .work-drawer .drawer-notes h3{color:#b5d6ff}html[data-theme=dark] .work-drawer .drawer-proof h3{color:inherit}html[data-theme=dark] .work-drawer>:is(section,details){border-color:var(--line)}html[data-theme=dark] .work-drawer .drawer-waits>details>summary{color:#f1d39a}html[data-theme=dark] :is(.stock-matrix th,.stock-matrix tfoot,.stock-grid-summary,.stock-grid-summary th,.stock-grid-summary td,.stock-matrix:not(.stock-list) td:last-child){background:var(--paper-alt)!important;color:var(--ink)}html[data-theme=dark] .inventory-variant-modal{background:var(--surface);color:var(--ink)}html[data-theme=dark] .stock-reserved{color:#ffaaa5}html[data-theme=dark] .stock-on-hand{color:#e4eaf2}html[data-theme=dark] .stock-available{color:#9de3b6}html[data-theme=dark] .drawer-stock.stock-available :is(strong,.drawer-stock-availability){color:#bae9d3}}.catalog-shell td a,.customer-contact-grid a,.inventory-grid-heading a{color:var(--green)}.draft-form-fields{border:0;padding:0;margin:0;min-width:0;display:contents}@media (max-width:700px){.customer-info-card>.panel-heading{align-items:flex-start}.customer-info-card>.panel-heading>div{min-width:0}.customer-info-card>.panel-heading>button{flex-shrink:0}}