:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#142033;--bg:#f6f8fb;--surface:#fff;--surface-strong:#f8fafc;--text:#142033;--muted:#64748b;--border:#dbe3ee;--blue:#2563eb;--blue-soft:#eff6ff;--accent:#39f;--green:#0f766e;--green-soft:#ecfdf5;--amber:#b45309;--amber-soft:#fffbeb;--red:#dc2626;--red-soft:#fef2f2;--slate-soft:#f1f5f9;--shadow:0 16px 40px #0f172a14;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, #f8fafcc7, #f6f8fbf0), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #39fc}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}button svg,a svg{flex:none;display:block}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:60;background:var(--brand,#0b1728);height:100vh;color:var(--sidebar-text,#eff6ff);border-right:1px solid #ffffff14;flex-direction:column;gap:22px;padding:20px 16px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;min-height:48px;display:flex}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:17px;line-height:1.2}.brand-lockup span{color:var(--sidebar-text,#9fb0c7);opacity:.78;margin-top:3px;font-size:12px}.brand-mark{background:linear-gradient(135deg, var(--accent,#39f), #2563eb);border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand-logo{object-fit:contain;background:#fff;border-radius:8px;width:auto;max-width:190px;height:42px;padding:3px}.brand-logo.logo-sm{max-width:150px;height:30px}.brand-logo.logo-md{height:42px}.brand-logo.logo-lg{max-width:230px;height:60px}.avatar-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:38px;height:38px}.nav-list{flex-direction:column;gap:5px;display:flex}.nav-item{width:100%;min-height:40px;color:var(--sidebar-text,#cbd5e1);opacity:.82;cursor:pointer;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:10px;padding:0 10px;line-height:1.2;display:flex}.nav-item:hover,.nav-item.active{color:var(--sidebar-text,#fff);opacity:1;background:#ffffff17}.nav-item:focus-visible{outline-offset:2px;outline:2px solid #ffffffc7}.nav-item svg{width:18px;height:18px}.nav-item span{flex:1;min-width:0}.nav-drag-row{border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:2px;display:grid;position:relative}.nav-drag-row.dragging{opacity:.56}.nav-drag-row.drag-over-before:before,.nav-drag-row.drag-over-after:after{content:"";background:var(--accent,#39f);border-radius:999px;height:2px;position:absolute;left:28px;right:2px;box-shadow:0 0 0 2px #3399ff38}.nav-drag-row.drag-over-before:before{top:-2px}.nav-drag-row.drag-over-after:after{bottom:-2px}.nav-drag-handle{width:24px;min-width:24px;height:40px;color:var(--sidebar-text,#cbd5e1);opacity:.48;cursor:grab;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.nav-drag-handle:hover,.nav-drag-handle:focus-visible{color:var(--sidebar-text,#fff);opacity:1;background:#ffffff1a;outline:none}.nav-drag-handle:active{cursor:grabbing}.nav-drag-row .nav-item{min-width:0}.sidebar-footer{margin-top:auto}.mode-card{background:#ffffff14;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.mode-card strong,.mode-card span{display:block}.mode-card strong{font-size:13px}.mode-card span{color:#a8b6cc;margin-top:3px;font-size:12px;line-height:1.35}.main-frame{flex-direction:column;min-width:0;display:flex}.topbar{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fafceb;grid-template-columns:auto minmax(180px,1fr) minmax(220px,420px) auto;align-items:center;gap:14px;min-height:72px;padding:14px 24px;display:grid;position:sticky;top:0}.topbar-title span,.topbar-title strong{display:block}.topbar-title span{color:var(--muted);font-size:12px}.topbar-title strong{margin-top:2px;font-size:15px}.topbar-search{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.topbar-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:14px}.user-switch{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:flex}.user-switch select,.small-select{color:var(--text);background:0 0;border:0;outline:0}.content-area{width:min(100%,1640px);margin:0 auto;padding:24px}.page-stack{flex-direction:column;gap:20px;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.page-header h1{color:#0f172a;letter-spacing:0;margin:0;font-size:30px;line-height:1.1}.page-header p{max-width:850px;color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.5}.primary-button,.secondary-button,.ghost-button,.text-button,.mini-button,.icon-button{cursor:pointer;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;line-height:1.2;display:inline-flex}.primary-button{background:var(--accent,#39f);color:#fff;padding:0 14px;font-weight:700;box-shadow:0 8px 18px #0220472e}.primary-button:hover{filter:brightness(.93)}.secondary-button,.ghost-button{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 12px}.text-button{min-height:30px;color:var(--blue);background:0 0;font-weight:700}.mini-button{background:var(--blue-soft);min-height:30px;color:var(--blue);padding:0 10px;font-size:12px;font-weight:700}.mini-button.subtle{background:var(--slate-soft);color:#334155}.icon-button{border:1px solid var(--border);background:var(--surface);width:40px;padding:0}.icon-button svg{width:18px;height:18px}.full-width{width:100%}.mobile-only{display:none}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.metric-card,.panel,.customer-panel,.project-card,.stock-card,.asset-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.metric-card{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon label""icon value""icon detail";column-gap:12px;min-height:118px;padding:18px;display:grid}.metric-icon{border-radius:8px;grid-area:icon;place-items:center;width:42px;height:42px;display:grid}.metric-card span{color:var(--muted);grid-area:label;font-size:13px}.metric-card strong{color:#0f172a;grid-area:value;margin-top:4px;font-size:26px;line-height:1.1}.metric-card small{color:var(--muted);grid-area:detail;margin-top:6px;font-size:12px;line-height:1.4}.metric-card.blue .metric-icon,.metric-card.blue{background:linear-gradient(#fff,#f8fbff)}.metric-card.blue .metric-icon{color:var(--blue);background:var(--blue-soft)}.metric-card.green .metric-icon{color:var(--green);background:var(--green-soft)}.metric-card.amber .metric-icon{color:var(--amber);background:var(--amber-soft)}.metric-card.red .metric-icon{color:var(--red);background:var(--red-soft)}.metric-card.slate .metric-icon{color:#334155;background:var(--slate-soft)}.dashboard-layout,.workspace-grid,.report-grid,.settings-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:18px;display:grid}.three-column{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.panel{min-width:0;padding:18px}.panel-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.panel-header>div{color:#0f172a;align-items:center;gap:8px;display:flex}.panel h2{margin:0;font-size:15px;line-height:1.2}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:780px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf1f6;padding:12px 10px;font-size:13px}th{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}tr:last-child td{border-bottom:0}.compact-table{min-width:650px}.ticket-title strong,.ticket-title span,.record-heading strong,.record-heading p{display:block}.ticket-title span,.record-heading p,.muted{color:var(--muted)}.ticket-title span{text-overflow:ellipsis;white-space:nowrap;max-width:320px;margin-top:3px;overflow:hidden}.status-pill{background:var(--slate-soft);color:#334155;text-transform:capitalize;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.status-pill.green,.status-pill.resolved,.status-pill.complete,.status-pill.approved,.status-pill.paid,.status-pill.ok,.status-pill.sent,.status-pill.signed{background:var(--green-soft);color:var(--green)}.status-pill.blue,.status-pill.scheduled,.status-pill.in_progress,.status-pill.to_be_scheduled,.status-pill.active,.status-pill.quoted{background:var(--blue-soft);color:var(--blue)}.status-pill.amber,.status-pill.low,.status-pill.submitted,.status-pill.pending,.status-pill.planning,.status-pill.queried,.status-pill.quote_queried,.status-pill.on_hold,.status-pill.to_quote,.status-pill.waiting_customer{background:var(--amber-soft);color:var(--amber)}.status-pill.red,.status-pill.high,.status-pill.critical,.status-pill.overdue,.status-pill.revisit_required,.status-pill.quote_rejected,.status-pill.cancelled,.status-pill.rejected,.status-pill.disputed{background:var(--red-soft);color:var(--red)}.status-pill.slate,.status-pill.backlog,.status-pill.not_started{background:var(--slate-soft);color:#475569}.status-pill.medium,.status-pill.ready,.status-pill.review,.status-pill.requested,.status-pill.needed,.status-pill.at_risk,.status-pill.mitigating{background:var(--amber-soft);color:var(--amber)}.positive{color:var(--green);font-weight:800}.negative{color:var(--red);font-weight:800}.phone-preview{background:#f8fafc;border:8px solid #0b1728;border-radius:28px;max-width:320px;margin:0 auto;padding:16px;box-shadow:inset 0 0 0 1px #dbe3ee}.phone-status{justify-content:space-between;margin-bottom:12px;display:flex}.phone-status span,.mobile-job small{color:var(--muted)}.mobile-job{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.mobile-job+.mobile-job{margin-top:10px}.mobile-job span{color:var(--blue);font-size:12px;font-weight:800}.mobile-actions{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;display:grid}.mobile-actions button{background:var(--slate-soft);color:#334155;border-radius:6px;min-height:30px;font-size:11px;font-weight:800}.stack-list,.activity-list,.template-list,.readiness-list{flex-direction:column;gap:12px;display:flex}.skeleton-line{background:linear-gradient(90deg,#e2e8f0,#f8fafc,#e2e8f0);border-radius:999px;width:100%;height:14px}.skeleton-line.short{width:58%}.progress-row{grid-template-columns:minmax(0,1fr) minmax(110px,.5fr) 42px;align-items:center;gap:10px;display:grid}.progress-row strong,.progress-row span{display:block}.progress-row span,.progress-row small{color:var(--muted);font-size:12px}.progress-meter{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.progress-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--accent,#39f), #2563eb);height:100%;display:block}.stock-row,.payable-row,.user-row,.site-row,.readiness-item{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.stock-row:last-child,.payable-row:last-child,.user-row:last-child,.site-row:last-child,.readiness-item:last-child{border-bottom:0}.stock-row strong,.stock-row span,.payable-row strong,.payable-row span,.site-row strong,.site-row span,.user-row strong,.user-row span,.readiness-item strong,.readiness-item span{display:block}.stock-row span,.payable-row span,.site-row span,.user-row span,.readiness-item span{color:var(--muted);font-size:12px}.stock-list{flex-direction:column;display:flex}.stock-line{border-bottom:1px solid #edf1f6;align-items:center;gap:14px;padding:12px 0;display:flex}.stock-line:last-child{border-bottom:0}.stock-line-main{flex:1;min-width:0}.stock-line-main strong{display:block}.stock-line-sub{color:var(--muted);font-size:12px;display:block}.stock-line-metrics{align-items:center;gap:22px;display:flex}.stock-line-metric{text-align:right;min-width:54px}.stock-line-metric span{color:var(--muted);font-size:11px;display:block}.stock-line-metric strong{font-size:14px}.stock-line-neg{color:var(--red)}@media (width<=720px){.stock-line{flex-wrap:wrap;gap:10px}.stock-line-metrics{justify-content:space-between;gap:16px;width:100%}}.activity-item{grid-template-columns:10px minmax(0,1fr);align-items:start;gap:10px;display:grid}.activity-item>span{background:#94a3b8;border-radius:50%;width:10px;height:10px;margin-top:5px}.activity-item.blue>span{background:var(--blue)}.activity-item.green>span{background:var(--green)}.activity-item.amber>span{background:var(--amber)}.activity-item.red>span{background:var(--red)}.activity-item strong,.activity-item p,.activity-item small{margin:0;display:block}.activity-item p,.activity-item small{color:var(--muted);font-size:12px;line-height:1.4}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}label{color:#334155;flex-direction:column;gap:6px;font-size:12px;font-weight:800;display:flex}input,select,textarea{border:1px solid var(--border);width:100%;min-height:40px;color:var(--text);background:#fff;border-radius:7px;outline:0;padding:0 10px}textarea{resize:vertical;min-height:96px;padding-top:10px}input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa2e}.span-2{grid-column:span 2}.customer-grid,.project-board,.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.project-workspace-sidebar{gap:14px;padding:20px 16px}.project-sidebar-header{border-bottom:1px solid #ffffff1f;flex-direction:column;gap:4px;padding:4px 8px 14px;display:flex}.project-sidebar-header strong{color:var(--sidebar-text,#eff6ff);font-size:18px;line-height:1.2}.project-sidebar-header span{color:var(--sidebar-text,#9fb0c7);opacity:.78;font-size:12px;line-height:1.35}.project-workspace-sidebar .nav-list{gap:4px}.project-workspace-sidebar .nav-drag-row{grid-template-columns:24px minmax(0,1fr)}.project-sidebar-nav{flex:auto;min-height:0;padding-right:4px;overflow-y:auto}.project-workspace-sidebar .nav-item{flex:none;font-weight:750}.project-workspace-sidebar .nav-item:hover,.project-workspace-sidebar .nav-item.active{color:var(--sidebar-text,#fff);opacity:1;background:#ffffff17}.project-workspace-sidebar .nav-item:focus-visible{outline-offset:2px;outline:2px solid #ffffffc7}.project-workspace-sidebar .nav-item:disabled{opacity:.45;cursor:not-allowed}.project-sidebar-bottom{border-top:1px solid #ffffff1f;flex-direction:column;flex:none;gap:4px;margin-top:auto;padding-top:12px;display:flex}.project-back-item{min-height:44px;color:var(--sidebar-text,#fff);background:#ffffff1a;border:1px solid #ffffff57;margin:-2px 0 2px;box-shadow:inset 0 1px #ffffff1f,0 10px 22px #0000001f}.project-back-item:hover{background:#ffffff29;border-color:#ffffff85}.project-command-main{min-width:0}.command-project-board{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.command-project-card{cursor:default}.project-command-content{gap:16px;display:grid}.project-kanban{grid-template-columns:repeat(7,minmax(190px,1fr));gap:12px;padding-bottom:6px;display:grid;overflow-x:auto}.kanban-column{border:1px solid var(--border);background:#f8fafc;border-radius:8px;min-height:360px;padding:12px}.kanban-column h3{text-transform:uppercase;letter-spacing:0;color:var(--muted);margin:0 0 10px;font-size:12px}.kanban-card{border:1px solid var(--border);background:#fff;border-radius:8px;gap:5px;margin-bottom:8px;padding:10px;display:grid;box-shadow:0 8px 18px #0f172a0d}.kanban-card strong{font-size:13px;line-height:1.35}.kanban-card span,.kanban-card small{color:var(--muted);font-size:11px}.timeline-list{gap:12px;display:grid}.timeline-item{grid-template-columns:14px 1fr;gap:12px;display:grid}.timeline-item>span{background:var(--blue);width:12px;height:12px;box-shadow:0 0 0 4px var(--blue-soft);border-radius:999px;margin-top:3px}.timeline-item.at_risk>span{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}.timeline-item.complete>span,.timeline-item.approved>span{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.timeline-item strong,.timeline-item p,.timeline-item small{margin:0}.timeline-item p,.timeline-item small{color:var(--muted);font-size:12px}@media (width<=900px){.project-kanban{grid-template-columns:repeat(7,minmax(170px,1fr));max-width:calc(100vw - 32px)}}.stock-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.customer-panel,.project-card,.stock-card,.asset-card{padding:18px}.customer-heading{justify-content:space-between;gap:16px;margin-bottom:14px;display:flex}.customer-heading h3,.customer-heading p,.record-heading strong,.record-heading p{margin:0}.customer-heading h3{margin-top:5px;font-size:20px}.customer-heading p,.record-heading p{margin-top:6px}.eyebrow{color:var(--green);text-transform:uppercase;font-size:11px;font-weight:800}.detail-section{margin-bottom:18px}.detail-section h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:12px}.section-title-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.section-title-row h4{margin:0}.template-card-wrap{flex-direction:column;gap:6px;display:flex}.customer-panel.archived{opacity:.6}.site-list{flex-direction:column;display:flex}.project-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.mini-stat{border:1px solid var(--border);background:var(--surface-strong);border-radius:7px;padding:10px}.mini-stat span,.mini-stat strong{display:block}.mini-stat span{color:var(--muted);font-size:11px}.mini-stat strong{margin-top:3px;font-size:15px}.project-footer{color:var(--muted);justify-content:space-between;gap:10px;margin-top:16px;font-size:12px;display:flex}.template-card{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:8px;width:100%;padding:14px}.template-card.active{border-color:var(--accent,#39f);background:color-mix(in srgb, var(--accent,#39f) 9%, #fff)}.builder-sections{border:1px solid var(--border);background:var(--surface-strong);border-radius:8px;margin:10px 0;padding:10px}.builder-section-row{align-items:center;gap:8px;margin-top:6px;display:flex}.builder-section-row input{flex:1;min-width:0}.signoff-section{border-top:1px solid #edf1f6;margin-top:12px;padding-top:8px}.signoff-section:first-child{border-top:0}.signoff-section-title{margin:0 0 6px;font-size:14px}.signoff-section-instance{padding-bottom:6px}.fill-field{margin-bottom:4px}.repeat-actions{flex-wrap:wrap;gap:8px;margin:4px 0 10px;display:flex}.template-card strong,.template-card span,.template-card p,.template-card small{display:block}.template-card span,.template-card p,.template-card small{color:var(--muted)}.template-card p{margin:7px 0;line-height:1.4}.field-preview{gap:8px;margin:14px 0;display:grid}.field-line{background:var(--surface-strong);border-radius:7px;justify-content:space-between;gap:12px;padding:10px;display:flex}.field-line small{color:var(--muted)}.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.asset-card{box-shadow:none}.asset-card strong,.asset-card span,.asset-card small{display:block}.asset-card span,.asset-card small{color:var(--muted);margin-top:5px}.right-align{text-align:right}.quick-actions{flex-wrap:wrap;gap:10px;display:flex}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-list{gap:12px;display:grid}.bar-row{grid-template-columns:150px minmax(0,1fr) 28px;align-items:center;gap:10px;display:grid}.bar-row span,.bar-row strong{font-size:12px}.bar-row>div{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.bar-row>div span{background:#2563eb;height:100%;display:block}.definition-list{grid-template-columns:130px minmax(0,1fr);gap:12px;margin:0;display:grid}.definition-list dt{color:var(--muted);font-size:12px;font-weight:800}.definition-list dd{margin:0;font-weight:700}.avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.readiness-item{justify-content:flex-start}.readiness-item svg{color:var(--green)}.readiness-item:has(.lucide-triangle-alert) svg{color:var(--amber)}.scrim{display:none}.topbar-identity{justify-self:end;align-items:center;gap:10px;min-width:0;display:flex}.identity-meta{min-width:0;color:var(--muted);align-items:center;gap:8px;display:flex}.identity-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.identity-text strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.identity-text small{max-width:220px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.topbar-signout{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text);white-space:nowrap;cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.topbar-signout:hover{background:var(--slate-soft)}.metric-card.clickable{cursor:pointer;transition:transform .12s,box-shadow .12s}.metric-card.clickable:hover{transform:translateY(-2px);box-shadow:0 20px 44px #0f172a1f}.metric-card.clickable:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.drawer-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a61;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:min(460px,100%);height:100%;animation:.16s drawer-in;display:flex;box-shadow:-20px 0 50px #0f172a2e}.drawer-panel--wide{width:min(820px,100%)}@keyframes drawer-in{0%{opacity:.6;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.drawer-header h2{margin:0;font-size:17px}.drawer-body{flex:1;padding:20px;overflow-y:auto}.header-actions{flex-wrap:wrap;gap:8px;display:flex}.section-filter-bar{grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(170px,.6fr));align-items:end;gap:12px;display:grid}.section-filter-bar label{min-width:0}.forms-shell.forms-shell-single{grid-template-columns:minmax(0,1fr)}button.site-row.link-button{width:100%;color:var(--text);text-decoration:none}button.site-row.link-button:hover{color:var(--blue);text-decoration:none}.checkbox-row{flex-direction:row;align-items:center;gap:8px}.checkbox-row input{width:auto;min-height:0}.field-stack{gap:8px;display:grid}.field-label{color:var(--text);font-size:13px;font-weight:700}.checkbox-grid{flex-wrap:wrap;gap:8px 14px;display:flex}.chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.report-column-picker{flex-wrap:wrap;gap:6px;margin:4px 0 12px;display:flex}.report-column-chip{border:1px solid var(--border);color:#334155;cursor:pointer;background:#fff;border-radius:7px;flex-direction:row;align-items:center;gap:6px;min-height:30px;padding:5px 9px;font-size:12px;font-weight:800;line-height:1}.report-column-chip:hover{background:#f8fbff;border-color:#bfdbfe}.report-column-chip.selected{background:var(--blue-soft);color:#1d4ed8;border-color:#2563eb61}.report-column-chip input{width:14px;height:14px;min-height:0;accent-color:var(--blue);flex:none;margin:0;padding:0}button:disabled{opacity:.5;cursor:not-allowed}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.ticket-readonly{border:1px solid var(--border);background:#f8fafc;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;padding:12px;display:grid}.ticket-readonly div{min-width:0}.ticket-readonly span,.ticket-conversation-header span,.comment-meta span{color:var(--muted);font-size:12px;font-weight:700;display:block}.ticket-readonly strong{color:var(--text);overflow-wrap:anywhere;margin-top:3px;font-size:13px;display:block}.ticket-readonly p{color:#334155;grid-column:1/-1;margin:4px 0 0;font-size:13px;line-height:1.5}.ticket-conversation{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:14px;padding-top:14px;display:flex}.ticket-conversation-header,.comment-meta{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.comment-list{flex-direction:column;gap:10px;display:flex}.comment-item{border:1px solid var(--border);background:#fff;border-radius:8px;padding:11px 12px}.comment-item.internal{background:#fffbeb;border-color:#fde68a}.comment-item p{color:#334155;white-space:pre-wrap;margin:8px 0 0;font-size:13px;line-height:1.5}.comment-composer{gap:10px;display:grid}.invoice-lines{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.invoice-line{grid-template-columns:128px minmax(140px,1fr) 56px 78px 124px 90px 40px;align-items:center;gap:8px;display:grid}.invoice-line input,.invoice-line select{min-width:0;min-height:36px}.invoice-line>*{min-width:0}.invoice-line .line-total{text-align:right;white-space:nowrap;font-size:13px}.invoice-line-head span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.invoice-totals{color:var(--muted);justify-content:flex-end;align-items:baseline;gap:16px;margin-bottom:14px;font-size:13px;display:flex}.invoice-totals strong{color:var(--text);font-size:15px}@media (width<=720px){.invoice-line{border:1px solid var(--border);background:var(--surface-strong);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.invoice-line-head{display:none}.invoice-line .line-total{text-align:left}.invoice-line .icon-button{width:100%}}.remembered-fields{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.chip{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;display:inline-flex}.chip small{color:var(--muted)}.chip:hover{border-color:var(--blue)}.builder-fields{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.builder-field{grid-template-columns:minmax(0,1fr) 110px auto 40px;align-items:center;gap:8px;display:grid}.builder-field input,.builder-field select{min-height:36px}.builder-field .builder-options{grid-column:1/-1}.builder-condition{color:var(--muted);grid-column:1/-1;align-items:center;gap:8px;font-size:12px;display:flex}.builder-condition select,.builder-condition input{flex:1;width:auto;min-height:32px}.signoff-fields{flex-direction:column;gap:10px;margin:12px 0;display:flex}.checklist{flex-direction:column;gap:4px;display:flex}.topbar-right{justify-self:end;align-items:center;gap:12px;min-width:0;display:flex}.notif{position:relative}.notif-badge{background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-5px;right:-5px}.notif-scrim{z-index:40;background:0 0;border:0;position:fixed;inset:0}.notif-panel{z-index:41;background:var(--surface);border:1px solid var(--border);width:min(340px,92vw);max-height:70vh;box-shadow:var(--shadow);border-radius:10px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.notif-head{border-bottom:1px solid var(--border);padding:12px 14px;font-size:13px;font-weight:800}.notif-item{text-align:left;cursor:pointer;background:0 0;border-bottom:1px solid #edf1f6;gap:10px;width:100%;padding:11px 14px;display:flex}.notif-item:hover{background:var(--surface-strong)}.notif-item:last-child{border-bottom:0}.notif-dot{background:#94a3b8;border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px}.notif-dot.red{background:var(--red)}.notif-dot.amber{background:var(--amber)}.notif-dot.blue{background:var(--blue)}.notif-text{flex-direction:column;min-width:0;display:flex}.notif-text strong{font-size:13px}.notif-text small{color:var(--muted);font-size:12px}@media (width<=1280px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.three-column,.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout,.workspace-grid,.settings-grid{grid-template-columns:1fr}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:30;width:min(82vw,310px);transition:transform .16s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.scrim{z-index:20;background:#0f172a61;display:block;position:fixed;inset:0}.mobile-only{display:inline-flex}.topbar{grid-template-columns:auto minmax(0,1fr) auto}.topbar-search,.ghost-button{display:none}.user-switch{max-width:185px}.content-area{padding:18px}.page-header{flex-direction:column;align-items:flex-start}.metric-grid,.customer-grid,.project-board,.stock-grid,.asset-grid,.report-grid,.three-column{grid-template-columns:1fr}}@media (width<=760px){.section-filter-bar{grid-template-columns:1fr}}@media (width<=640px){.topbar{gap:10px;padding:12px}.user-switch{padding:0 8px}.user-switch svg{display:none}.page-header h1{font-size:24px}.metric-grid{gap:10px}.metric-card{min-height:102px;padding:14px}.form-grid,.project-stats{grid-template-columns:1fr}.span-2{grid-column:span 1}.panel,.customer-panel,.project-card,.stock-card,.asset-card{padding:14px}.bar-row{grid-template-columns:110px minmax(0,1fr) 26px}.identity-text small{display:none}}.avatar-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.avatar-button .avatar,.avatar-button .avatar-img{border:2px solid #0000;transition:border-color .12s}.avatar-button:hover .avatar,.avatar-button:hover .avatar-img{border-color:#2563eb73}.user-menu{min-width:250px}.user-menu-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 14px;display:flex}.user-menu-head .identity-text{flex-direction:column;min-width:0;display:flex}.user-menu-head strong{font-size:14px}.user-menu-head small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-size:12px;overflow:hidden}.user-menu-switch{color:var(--muted);border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.user-menu-switch select{font-weight:500}.user-menu .notif-item{align-items:center}.sidebar-footer{border-top:1px solid #ffffff1f;flex-direction:column;gap:6px;margin-top:auto;padding-top:12px;display:flex}.sidebar-user{align-items:center;gap:10px;min-width:0;padding:6px 8px;display:flex}.sidebar-user .user-info{flex-direction:column;min-width:0;line-height:1.25;display:flex}.sidebar-user .user-info strong{color:#eff6ff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sidebar-user .user-info small{color:#eff6ffb3;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.customer-list{flex-direction:column;gap:10px;display:flex}.customer-row{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:14px;padding:14px 16px;display:flex}.customer-row.archived{opacity:.6}.customer-icon{color:#1d4ed8;background:#eff4ff;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;display:grid}.customer-row-main{flex:1;min-width:0}.customer-row-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.customer-row-title strong{font-size:16px}.customer-row-meta{color:var(--muted);margin-top:3px;font-size:13px;display:block}.builder-logic{border:1px dashed var(--border);border-radius:8px;flex-direction:column;grid-column:1/-1;gap:8px;margin-top:6px;padding:8px;display:flex}.logic-rule{background:#f8fafc;border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.logic-rule-head,.logic-condition{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.logic-rule-head select,.logic-condition select,.logic-condition input{min-height:32px;font-size:12px}.logic-rule-head span{color:var(--muted);font-size:12px}.custom-fields{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;display:flex}.draft-status{border:1px solid var(--border);color:var(--muted);background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;padding:8px 10px;font-size:12px;display:flex}.draft-status span{min-width:0}@media (width<=640px){.customer-row{flex-wrap:wrap;align-items:flex-start}.customer-row .row-actions{width:100%}.user-menu{min-width:min(250px,82vw)}}.mk-nav{justify-content:space-between;align-items:center;gap:18px;max-width:1080px;margin:0 auto;padding:12px 24px;display:flex}.mk-nav-links{align-items:center;gap:26px;display:flex}.mk-link:hover{color:#0f172a}.mk-btn-primary:hover{filter:brightness(.94)}.mk-btn-ghost:hover{border-color:#94a3b8}.mk-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:56px;display:grid}.mk-split--rev .mk-copy{grid-area:1/2}.mk-split--rev .mk-shot{grid-area:1/1}.mk-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.mk-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.mk-cards{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.mk-footer-cols{flex-wrap:wrap;justify-content:space-between;gap:40px 56px;max-width:1080px;margin:0 auto;display:flex}@media (width<=1100px){.mk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.mk-split{grid-template-columns:1fr;gap:28px}.mk-split--rev .mk-copy,.mk-split--rev .mk-shot{grid-area:auto}.mk-trio{grid-template-columns:1fr}.mk-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.mk-nav{flex-wrap:wrap}.mk-nav-links{border-top:1px solid #e2e8f0;order:3;gap:22px;width:100%;margin-top:4px;padding-top:10px}.mk-btn{padding:9px 14px!important;font-size:14px!important}}@media (width<=640px){.mk-cards,.mk-steps{grid-template-columns:1fr}}.auth-split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.auth-brand-pane{display:flex}@media (width<=900px){.auth-split{grid-template-columns:1fr}.auth-brand-pane{display:none}}.app-shell.sidebar-collapsed{grid-template-columns:86px minmax(0,1fr)}.sidebar-brand-row{grid-template-columns:1fr;place-items:start center;min-height:48px;display:grid;position:relative}.brand-lockup{text-align:center;justify-content:center}.brand-lockup>div:not(.brand-mark){min-width:0}.sidebar-collapse-button{width:34px;height:34px;color:var(--sidebar-text,#eff6ff);cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;place-items:center;margin:0;display:inline-grid;position:absolute;top:4px;right:0}.sidebar-collapse-button:hover{background:#ffffff24}.sidebar-collapsed .sidebar{align-items:center;padding-inline:12px}.sidebar-collapsed .sidebar-brand-row{flex-direction:column;align-items:center;gap:8px;width:100%;min-height:90px;display:flex}.sidebar-collapsed .brand-lockup{width:100%}.sidebar-collapsed .sidebar-collapse-button{margin:0 auto;position:static}.sidebar-collapsed .brand-lockup>div:not(.brand-mark),.sidebar-collapsed .nav-item span,.sidebar-collapsed .nav-item .lucide-lock-keyhole,.sidebar-collapsed .sidebar-user .user-info{display:none}.sidebar-collapsed .brand-logo{max-width:52px}.sidebar-collapsed .brand-logo.logo-lg{height:48px}.sidebar-collapsed .nav-list{align-items:center;width:100%}.sidebar-collapsed .nav-drag-row{justify-content:center;width:44px;display:flex}.sidebar-collapsed .nav-drag-handle{display:none}.sidebar-collapsed .nav-item{justify-content:center;width:44px;padding:0}.sidebar-collapsed .nav-item svg{margin:0}.sidebar-collapsed .sidebar-footer{align-items:center;width:100%}.sidebar-collapsed .sidebar-user{justify-content:center;padding:6px 0}.link-button{color:#0f172a;text-align:left;cursor:pointer;background:0 0;align-items:center;padding:0;font-weight:800;display:inline-flex}.link-button:hover{color:var(--blue);text-decoration:underline}tr.clickable-row{cursor:pointer}tr.clickable-row:hover td{background:#f8fbff}tr.clickable-row:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.ticket-command-grid,.readonly-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.readonly-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0}.cost-line-builder,.cost-line-readonly{gap:8px;margin:12px 0;display:grid}.cost-line-view-row{border:1px solid var(--border);background:#fff;border-radius:7px;grid-template-columns:120px minmax(0,1fr) minmax(170px,auto) 100px;align-items:center;gap:10px;padding:10px 12px;display:grid}.cost-line-view-row span,.cost-line-view-row small{color:var(--muted);font-size:12px}.cost-line-view-row strong{overflow-wrap:anywhere;min-width:0;font-size:13px}.cost-line-view-row b{justify-self:end;font-size:13px}.cost-line-row{border:1px solid var(--border);background:#f8fafc;border-radius:7px;grid-template-columns:minmax(130px,.8fr) minmax(180px,1.4fr) minmax(76px,.45fr) minmax(95px,.55fr) minmax(76px,.45fr) minmax(86px,.45fr) 40px;align-items:end;gap:8px;padding:10px;display:grid}.cost-line-row label{min-width:0;color:var(--muted);gap:5px;font-size:12px;font-weight:800;display:grid}.cost-line-row input,.cost-line-row select{width:100%}.cost-line-row strong{place-items:center end;min-height:38px;font-size:13px;display:inline-grid}.quote-total-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.quote-total-bar>div{border:1px solid var(--border);background:#f8fafc;border-radius:7px;padding:10px 12px}.quote-total-bar span{color:var(--muted);font-size:12px;font-weight:800;display:block}.quote-total-bar strong{margin-top:3px;font-size:16px;display:block}.metric-card.active{outline-offset:1px;outline:2px solid #3399ff6b}.readonly-grid div{border:1px solid var(--border);background:var(--surface-strong);border-radius:8px;min-width:0;padding:11px 12px}.readonly-grid span,.portal-user-head span,.receipt-preview span{color:var(--muted);font-size:12px;display:block}.readonly-grid strong{overflow-wrap:anywhere;color:var(--text);margin-top:3px;display:block}.record-detail-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.record-detail-head h3{margin:6px 0 4px;font-size:22px;line-height:1.15}.record-detail-head p,.record-note{color:#334155;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.5}.detail-tabs,.settings-tabs{flex-wrap:wrap;gap:8px;display:flex}.detail-tabs{border-bottom:1px solid var(--border);margin-bottom:14px}.detail-tab,.settings-tab{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;padding:0 12px;font-size:13px;font-weight:800}.detail-tab.active,.settings-tab.active{background:var(--blue-soft);color:var(--blue)}.detail-tab{border-radius:7px 7px 0 0}.settings-tabs{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:8px}.settings-tab-content{grid-template-columns:minmax(0,1fr)}.portal-user-card{border:1px solid var(--border);background:var(--surface-strong);border-radius:8px;padding:12px}.portal-user-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.portal-user-head strong,.portal-user-head span{display:block}.portal-permission-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.portal-check{border:1px solid var(--border);text-transform:capitalize;background:#fff;border-radius:7px;flex-direction:row;align-items:center;gap:7px;min-height:34px;padding:0 8px;font-size:12px}.portal-check input{flex:none;width:14px;height:14px;min-height:0;padding:0}.receipt-preview{border:1px dashed var(--border);background:var(--surface-strong);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.receipt-preview svg{color:var(--blue)}.receipt-preview strong{overflow-wrap:anywhere;display:block}.ai-import-panel{border:1px solid var(--border);background:linear-gradient(#fff,#f8fbff);border-radius:8px;gap:10px;padding:14px;display:grid}.ai-import-panel.locked{background:var(--surface-strong)}.ai-import-panel p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.forms-shell{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:18px;display:grid}.template-card,.builder-sections,.field-line,.builder-field{border-radius:7px}.import-steps{flex-wrap:wrap;gap:8px;display:flex}.import-steps span{color:#64748b;border:1px solid #dbe4f0;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.import-steps span.active{color:#075985;background:#e8f3ff;border-color:#9ed0ff}.import-source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.import-source-grid.single{grid-template-columns:1fr;margin-bottom:12px}.import-source{color:#102033;cursor:pointer;text-align:left;background:#fff;border:1px solid #dbe4f0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;min-height:132px;padding:16px;display:flex}button.import-source{font:inherit;width:100%}.import-source.active{border-color:#39f;box-shadow:0 0 0 3px #3399ff1f}.import-source span,.import-source-row span,.import-entity span{color:#64748b;font-size:12px;line-height:1.4}.import-source-list{gap:10px;display:grid}.airtable-connect-form,.file-import-form{border-top:1px solid #e2e8f0;gap:12px;margin-top:14px;padding-top:14px;display:grid}.airtable-connect-form label{color:#102033;gap:5px;font-size:13px;font-weight:800;display:grid}.airtable-connect-form label span{color:#64748b;font-size:12px;font-weight:600}.input-with-icon{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.import-source-row{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) minmax(180px,240px);align-items:center;gap:10px;padding:10px;display:grid}.import-source-row>div{gap:3px;min-width:0;display:grid}.import-source-row select{min-width:0}.saved-review-row{grid-template-columns:minmax(0,1fr) auto}.import-message,.import-warning-list{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:10px 12px;font-size:13px}.import-warning-list{margin:12px 0 0}.import-warning-list p{margin:0}.import-warning-list p+p{margin-top:6px}.import-entity-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:12px;display:grid}.import-entity{border:1px solid #e2e8f0;border-radius:8px;gap:4px;padding:10px;display:grid}.import-template-panel{border:1px solid #dbe4f0;border-radius:8px;gap:10px;margin-top:12px;padding:12px;display:grid}.import-template-panel>div:first-child{gap:4px;display:grid}.import-template-panel span{color:#64748b;font-size:12px;line-height:1.4}.import-template-links{flex-wrap:wrap;gap:8px;display:flex}.import-template-links a{color:#075985;border:1px solid #dbe4f0;border-radius:7px;padding:7px 9px;font-size:12px;font-weight:800;text-decoration:none}.selected-import-row{background:#f1f8ff}.row-review-button{min-height:30px;padding:0 9px}.row-review-editor{border:1px solid #dbe4f0;border-radius:8px;gap:12px;margin-top:12px;padding:12px;display:grid}.row-review-heading,.row-review-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.row-review-heading>div{gap:3px;min-width:0;display:grid}.row-review-heading span:first-child{color:#64748b;font-size:12px;font-weight:700}.row-review-heading strong{color:#102033;font-size:15px}.row-review-issues{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;gap:4px;padding:9px 10px;font-size:12px;display:grid}.row-review-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.row-review-grid label{color:#102033;gap:5px;font-size:12px;font-weight:800;display:grid}.row-review-grid input,.row-review-grid textarea{width:100%}.row-review-actions{justify-content:flex-start}.row-review-actions select{min-width:min(240px,100%);min-height:38px}.row-remove-button{color:#b91c1c;border-color:#fecaca}.setup-overlay{z-index:80;background:#0f172a94;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.setup-shell{border:1px solid var(--border);background:var(--surface-strong);border-radius:12px;width:min(1180px,96vw);max-height:92vh;padding:18px;overflow:auto;box-shadow:0 28px 72px #0f172a47}.setup-wizard{min-width:0}.setup-layout{grid-template-columns:minmax(220px,260px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.setup-sidebar{gap:12px;display:grid;position:sticky;top:12px}.setup-steps{border:1px solid var(--border);background:#fff;border-radius:8px;gap:6px;padding:8px;display:grid}.setup-steps button{min-height:38px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}.setup-steps button span{color:#334155;background:#e2e8f0;border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.setup-steps button.active{background:var(--blue-soft);color:var(--blue)}.setup-steps button.active span{background:var(--blue);color:#fff}.setup-checklist,.setup-list-block,.setup-citation-list{border:1px solid var(--border);background:#fff;border-radius:8px;gap:8px;padding:12px;display:grid}.setup-checklist>strong,.setup-list-block>strong,.setup-citation-list>strong{font-size:13px}.setup-checklist span{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.setup-checklist span.done{color:#166534}.setup-main{gap:14px;min-width:0;display:grid}.setup-actions{border:1px solid var(--border);background:#fff;border-radius:8px;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px;display:flex}.setup-logo-preview{border:1px solid var(--border);object-fit:contain;background:#fff;border-radius:7px;max-width:180px;max-height:58px;margin-top:10px}.setup-step-copy{color:var(--muted);margin:-2px 0 14px;font-size:13px;line-height:1.5}.setup-subsection{border-top:1px solid var(--border);gap:10px;margin-top:14px;padding-top:14px;display:grid}.setup-subsection>strong{color:var(--text);font-size:13px}.setup-source-list{gap:10px;display:grid}.setup-source-row{grid-template-columns:minmax(220px,.9fr) minmax(180px,1fr) minmax(180px,1fr) 40px;align-items:end;gap:8px;display:grid}.setup-area-field{color:#334155;flex-direction:column;gap:6px;font-size:12px;font-weight:800;display:flex}.setup-multi-select{position:relative}.setup-multi-select summary{border:1px solid var(--border);min-height:40px;color:var(--text);cursor:pointer;background:#fff;border-radius:7px;align-items:center;padding:0 34px 0 10px;list-style:none;display:flex}.setup-multi-select summary::-webkit-details-marker{display:none}.setup-multi-select summary:after{content:"";border-top:5px solid #64748b;border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;top:17px;right:12px}.setup-multi-select-menu{z-index:30;border:1px solid var(--border);background:#fff;border-radius:8px;gap:4px;max-height:260px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 16px 42px #0f172a29}.setup-area-option{color:#334155;cursor:pointer;border-radius:6px;flex-direction:row;align-items:center;gap:8px;min-height:30px;padding:5px 6px;font-size:12px;font-weight:800}.setup-area-option:hover{background:var(--blue-soft)}.setup-area-option input{width:14px;height:14px;min-height:0;accent-color:var(--blue);flex:none;margin:0;padding:0}.setup-playbook-grid,.setup-review-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.setup-list-block{margin-top:12px}.setup-list-block ul{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.5}.setup-citation-list{margin-top:12px}.setup-citation-list a{color:var(--blue);overflow-wrap:anywhere;font-size:13px;font-weight:700}.status-pill.ready,.status-pill.committed{color:#166534;background:#dcfce7}.status-pill.duplicate,.status-pill.skipped{color:#075985;background:#e0f2fe}.status-pill.error,.status-pill.failed{color:#991b1b;background:#fee2e2}@media (width<=1280px){.ticket-command-grid,.portal-permission-grid,.cost-line-row{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-line-row .icon-button,.cost-line-row>strong{justify-self:end}.cost-line-view-row{grid-template-columns:1fr 1fr}.cost-line-view-row b{justify-self:start}}@media (width<=900px){.app-shell.sidebar-collapsed,.forms-shell,.setup-layout{grid-template-columns:1fr}.setup-sidebar{position:static}.setup-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.import-source-grid,.import-source-row,.setup-source-row{grid-template-columns:1fr}.setup-overlay{padding:10px}.setup-shell{width:100%;max-height:96vh;padding:12px}.setup-steps,.readonly-grid,.ticket-command-grid,.portal-permission-grid{grid-template-columns:1fr}.record-detail-head{flex-direction:column}.quote-total-bar,.cost-line-row,.cost-line-view-row{grid-template-columns:1fr}}
