:root{color:#1f2933;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--border:#e4ded4;--panel:#fffdfa;--surface:#fff;--ink-muted:#667085;--accent:#b99328;--accent-strong:#806111;--nav:#252a31;--focus:#b9932838;--shadow:0 10px 24px #1f29330f;--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;background:#f7f5f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}.app-shell{background:#f7f5f1;min-height:100vh;display:grid}.sidebar{display:none}.workspace{min-width:0;padding:14px 14px 84px}.topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:4px 0 14px;display:flex}.eyebrow,.section-label,.system-kicker{color:var(--accent-strong);text-transform:uppercase;font-size:.72rem;font-weight:700}.topbar h1,.placeholder-page h2,.system-screen h1{letter-spacing:0;margin:4px 0 0;line-height:1.08}.topbar-section{margin-top:2px;font-size:clamp(1.05rem,3vw,1.35rem);line-height:1.15;display:block}.status-pill{border:1px solid var(--border);color:#475467;background:#fff;border-radius:999px;flex:none;padding:8px 11px;font-size:.78rem;font-weight:700}.topbar-actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.workspace-selector{color:var(--ink-muted);gap:4px;font-size:.78rem;font-weight:800;display:grid}.workspace-selector select{min-width:160px}.staff-identity{border-radius:var(--radius);color:#475467;background:0 0;border:1px solid #0000;max-width:min(44vw,320px);padding:4px 0;font-size:.78rem;line-height:1.25;display:grid}.staff-identity strong{color:#1f2933}.staff-identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.logout-button,.primary-action{border-radius:var(--radius);background:var(--nav);color:#fff;cursor:pointer;min-height:36px;font:inherit;border:0;padding:8px 12px;font-weight:800}.logout-button:hover,.primary-action:hover{background:#3b424b}.primary-action:disabled{cursor:wait;opacity:.68}.page-content{min-width:0}.placeholder-page,.system-screen{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.placeholder-page{gap:var(--space-4);padding:var(--space-5);display:grid}.placeholder-page h2{font-size:clamp(1.35rem,5vw,2.1rem)}.placeholder-page p,.system-screen p{max-width:60ch;color:var(--ink-muted);line-height:1.6}.milestone-note{border-top:1px solid var(--border);color:var(--ink-muted);gap:4px;padding-top:18px;display:grid}.milestone-note strong{color:#1f2933}.mobile-nav{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#fffdf9f5;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.mobile-nav-link{color:#59616c;flex-direction:column;flex:0 0 76px;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:58px;font-size:.66rem;font-weight:800;text-decoration:none;display:flex}.mobile-nav-link span{text-overflow:ellipsis;white-space:nowrap;max-width:70px;overflow:hidden}.mobile-nav-link[aria-current=page]{color:var(--accent-strong);background:#f1eadc}.system-screen{align-content:center;min-height:100vh;margin:0;padding:32px;display:grid}.text-link{color:var(--accent-strong);font-weight:700}.login-screen{background:#f8f5f0;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);width:min(100%,440px);box-shadow:var(--shadow);padding:24px}.login-brand{align-items:center;gap:14px;margin-bottom:26px;display:flex}.login-mark{background:var(--nav);color:#fff;border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.login-brand h1{margin:3px 0 0;font-size:1.65rem;line-height:1.08}.login-form{gap:16px;display:grid}.login-form label{color:#344054;gap:7px;font-weight:800;display:grid}.login-form input{border:1px solid var(--border);color:#1f2933;width:100%;min-height:44px;font:inherit;background:#fff;border-radius:8px;padding:10px 12px}.login-form input:focus{border-color:var(--accent);outline:3px solid #b993282e}.form-error{color:#9a3412;background:#fff4f1;border:1px solid #f0b4a6;border-radius:8px;margin:0;padding:10px 12px;font-weight:700}.system-action{justify-self:start;margin-top:8px}.role-summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.role-summary-grid span{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:#344054;padding:10px 12px;font-weight:800}.page-stack,.inventory-page{gap:var(--space-4);display:grid}.page-header,.inventory-header{justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-header h2,.inventory-header h2{margin:2px 0 0;font-size:clamp(1.4rem,4vw,2rem);line-height:1.12}.page-header p,.inventory-header p{max-width:68ch;color:var(--ink-muted);margin:5px 0 0;line-height:1.45}.page-actions,.inventory-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.page-section,.inventory-panel{gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:var(--space-4);display:grid}.page-stack{gap:var(--space-4);display:grid}.empty-state{gap:var(--space-1);color:var(--ink-muted);display:grid}.empty-state strong{color:#344054}.inventory-page{gap:var(--space-4)}.inventory-header,.inventory-actions,.filter-row,.import-toolbar,.preview-summary{gap:var(--space-2);flex-wrap:wrap;display:flex}.inventory-header{justify-content:space-between;align-items:flex-start}.inventory-header h2{margin:2px 0 0}.inventory-header p{max-width:68ch}.inventory-grid{gap:var(--space-4);display:grid}.inventory-panel{gap:var(--space-3)}.inventory-panel h3{margin:0}.secondary-action,.file-upload{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:#1f2933;cursor:pointer;min-height:34px;font:inherit;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:.9rem;font-weight:750;text-decoration:none;display:inline-flex}.file-upload input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.compact-form,.filter-row label,.import-toolbar label{gap:5px;display:grid}.compact-form{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.compact-form .form-heading,.compact-form .form-actions,.compact-form .details-panel,.compact-form .checkbox-panel{grid-column:1/-1}.form-heading,.form-actions,.section-toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.section-toolbar{justify-content:space-between}.form-grid{gap:var(--space-3);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.span-two{grid-column:1/-1}.search-field{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:min(100%,260px);color:var(--ink-muted);flex:260px;padding:0 9px;display:flex}.search-field input{color:#1f2933;width:100%;min-height:36px;font:inherit;background:0 0;border:0;outline:none}.section-toolbar select,.section-toolbar input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:#1f2933;min-height:36px;font:inherit;padding:7px 9px}.notice-banner{border:1px solid var(--border);border-radius:var(--radius);color:#5f490f;background:#fff8e8;padding:10px 12px;font-weight:750}.compact-list{gap:7px;display:grid}.compact-row{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(180px,1.3fr) minmax(150px,1fr) minmax(150px,auto);padding:10px;display:grid}.lead-row{grid-template-columns:minmax(170px,1.25fr) minmax(130px,.8fr) minmax(150px,auto) minmax(150px,auto)}.compact-row div{gap:3px;min-width:0;display:grid}.compact-row span{overflow-wrap:anywhere;color:var(--ink-muted);font-size:.86rem}.badge{border:1px solid var(--border);color:#344054;background:#f7f5f1;border-radius:999px;width:fit-content;padding:4px 8px;font-size:.78rem;font-weight:800;display:inline-flex}.badge-overdue{color:#9b2c16;background:#fff0ed}.badge-due_today{color:#806111;background:#fff8e8}.badge-upcoming{color:#216e4e;background:#edf7f2}.badge-missing{color:#475467;background:#f2f4f7}.metric-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.metric-tile{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:4px;padding:10px;display:grid}.metric-tile span{color:var(--ink-muted);font-size:.78rem;font-weight:800}.metric-tile strong{font-size:1.15rem}.quote-document{gap:var(--space-4);display:grid}.quote-document-header{gap:var(--space-3);border-bottom:1px solid var(--border);padding-bottom:var(--space-3);grid-template-columns:minmax(180px,.8fr) minmax(260px,1.6fr);display:grid}.quote-document-header h3{margin:2px 0 8px}.quote-meta-grid,.quote-info-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.quote-meta-grid span,.quote-info-grid section,.quote-total-panel span{gap:4px;display:grid}.quote-meta-grid span,.quote-info-grid span,.quote-info-grid p{color:var(--ink-muted);font-size:.86rem}.quote-info-grid section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:10px}.quote-info-grid h4{margin:0 0 4px}.quote-table-wrap{overflow-x:auto}.quote-line-table{border-collapse:collapse;width:100%;min-width:980px;font-size:.84rem}.quote-line-table th,.quote-line-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px}.quote-line-table th{color:#344054;background:#f1eadc}.quote-line-table small{color:var(--ink-muted);display:block}.quote-total-panel{justify-content:end;gap:6px;display:grid}.quote-total-panel span{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;min-width:min(100%,260px);padding:8px 0}.quote-action-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.section-heading h3{margin:2px 0 0}.checkbox-panel,.details-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:var(--space-3)}.checkbox-panel{gap:var(--space-2);flex-wrap:wrap;display:flex}.checkbox-panel legend{padding:0 4px;font-weight:800}.checkbox-panel label{align-items:center;gap:6px;display:inline-flex}.compact-form label,.filter-row label,.import-toolbar label{color:#344054;font-weight:800}.compact-form input,.compact-form select,.compact-form textarea,.filter-row input,.filter-row select,.import-toolbar select,.preview-panel select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:#1f2933;width:100%;min-height:36px;font:inherit;padding:7px 9px}.compact-form input:focus,.compact-form select:focus,.compact-form textarea:focus,.filter-row input:focus,.filter-row select:focus{border-color:var(--accent);outline:3px solid var(--focus)}.inventory-list{gap:6px;display:grid}.inventory-item{border:1px solid #0000;border-bottom-color:var(--border);width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border-radius:0;gap:2px;padding:9px 4px;display:grid}.inventory-item:hover,.inventory-item[aria-pressed=true]{border-color:var(--accent);border-radius:var(--radius);background:#fbf6ea}.inventory-item span,.inventory-item small,.inventory-panel p{color:var(--ink-muted)}.tab-list,.segmented-actions{flex-wrap:wrap;gap:8px;display:flex}.tab-button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer;padding:8px 12px;font-weight:800}.tab-button[aria-selected=true]{color:#fff;background:#1f2933;border-color:#1f2933}.wide-panel{grid-column:1/-1}.stock-entry-form{margin-top:12px}.inventory-table-wrap{overflow-x:auto}.inventory-table{border-collapse:collapse;width:100%;min-width:1080px;font-size:.84rem}.inventory-table th,.inventory-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px}.inventory-table th{color:#344054;background:#f1eadc}.inventory-table small{color:var(--ink-muted);display:block}.image-token{border:1px solid var(--border);background:var(--surface);border-radius:6px;place-items:center;min-width:36px;min-height:28px;font-size:.72rem;font-weight:800;display:inline-grid}.inventory-section-title{align-items:center;gap:8px;display:flex}.inventory-section-title h3,.inventory-section-title h4{margin:0}.inventory-detail-grid{gap:16px;display:grid}.detail-subpanel,.image-panel,.price-history-list,.service-list,.setup-list,.stock-record-list{gap:var(--space-3);display:grid}.detail-subpanel{border-top:1px solid var(--border);padding-top:var(--space-3)}.detail-subpanel h4{margin:0}.commercial-panel{grid-column:1/-1}.minimal-section,.commercial-controls{gap:var(--space-3);display:grid}.minimal-section h4,.commercial-controls h4{margin:0}.product-summary-form,.price-form,.service-form{align-items:end}.compact-details{grid-column:1/-1}.compact-details summary{cursor:pointer;color:#344054;padding:3px 0;font-weight:800}.compact-details>.compact-form{margin-top:10px}.switch-row{align-items:center;gap:8px;min-height:36px;display:flex}.switch-row input{width:auto;min-height:auto}.price-summary-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.price-summary-card{border-bottom:1px solid var(--border);background:0 0;gap:4px;padding:8px 0;display:grid}.price-summary-card span{color:#1f2933;font-weight:800}.price-summary-card small,.price-summary-card a{color:var(--ink-muted)}.price-summary-card a{font-weight:800}.setup-inline-form,.setup-record{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:var(--space-3)}.setup-inline-form h4{grid-column:1/-1;margin:0}.setup-note{border-radius:var(--radius);color:#806111;background:#fff8e6;border:1px solid #ecd394;grid-column:1/-1;margin:0;padding:8px 10px;font-weight:800}.checkbox-group{border:1px solid var(--border);border-radius:var(--radius);gap:8px;margin:0;padding:12px;display:grid}.checkbox-group legend{color:#344054;padding:0 6px;font-weight:800}.checkbox-group label{align-items:center;gap:8px;display:flex}.price-history-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:6px;padding:10px;display:grid}.price-history-item span,.price-history-item small{color:var(--ink-muted)}.product-image-preview{aspect-ratio:4/3;border:1px solid var(--border);object-fit:cover;border-radius:8px;width:min(100%,360px)}.form-success{color:#166534;background:#f0fdf4;border:1px solid #a6d7b8;border-radius:8px;margin:0;padding:10px 12px;font-weight:800}.preview-panel{gap:14px;display:grid}.preview-summary span{color:#344054;background:#f1eadc;border-radius:8px;padding:8px 10px;font-weight:800}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:920px;font-size:.88rem}.table-wrap th,.table-wrap td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px}.table-wrap th{color:#344054;background:#f1eadc}.activity-list{margin:0;padding-left:20px}code{background:#f1eadc;border-radius:4px;padding:2px 5px}@media (width<=720px){.compact-row,.lead-row{grid-template-columns:1fr}.section-toolbar{align-items:stretch}.section-toolbar select,.section-toolbar input,.section-toolbar .search-field{width:100%}.quote-document-header,.quote-meta-grid,.quote-info-grid{grid-template-columns:1fr}.quote-line-table{min-width:760px}.quote-action-row button{width:100%}}@media (width>=820px){.app-shell{grid-template-columns:224px minmax(0,1fr)}.sidebar{background:var(--nav);color:#f8f5f0;border-right:1px solid #343a42;flex-direction:column;gap:20px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{color:#1f2933;background:#fff;border:1px solid #ffffff38;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{color:#cfd4dc}.nav-list{gap:4px;display:grid}.nav-link{border-radius:var(--radius);color:#dfe3e8;align-items:center;gap:10px;padding:9px 10px;font-size:.92rem;text-decoration:none;display:flex}.nav-link[aria-current=page],.nav-link:hover{color:#1f2933;background:#fff}.workspace{padding:20px 28px 28px}.placeholder-page{align-content:space-between;min-height:calc(100vh - 136px);padding:24px}.inventory-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.inventory-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav{display:none}}