:root{color-scheme:light;--font-sans: "Segoe UI", "Segoe UI Variable", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--text-page-title: 1.5rem;--text-section-title: 1.125rem;--text-subsection: 1rem;--text-card-title: 1rem;--text-lead: .9375rem;--text-body: .9375rem;--font-weight-page: 700;--font-weight-section: 600;--bg: #f4f5f7;--surface: #ffffff;--surface-subtle: #f8f9fb;--page-muted: #eef0f3;--input-bg: #ffffff;--border: #c7ced8;--text: #1a1d23;--text-muted: #5c6573;--primary: #1f6feb;--primary-hover: #1858c7;--danger: #c62828;--sidebar: #111827;--sidebar-text: #e5e7eb;--card-shadow: 0 1px 2px rgba(16, 24, 40, .06);--hover-surface: #f8fbff}html{font-family:var(--font-sans);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1419;--surface: #1a2332;--surface-subtle: #212d3f;--page-muted: #121820;--input-bg: #1a2332;--border: #2d3a4d;--text: #e8ecf1;--text-muted: #9aa8b8;--primary: #5b8fff;--primary-hover: #7aa3ff;--danger: #ef5350;--sidebar: #0a0e14;--card-shadow: 0 1px 3px rgba(0, 0, 0, .35);--hover-surface: #243044}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:inherit;color:var(--text);background:var(--bg)}button,input,textarea,select,optgroup,.office-shell,.office-main,.office-sidebar,.login-page,.page,.page-wide,.page-chat,.st-dispatch-page,h1,h2,h3,h4,h5,h6,p,label,.btn,.search-input,.office-nav-link,.preview-card-row,.chat-composer-input{font-family:inherit}.office-main h1,.login-card h1{font-size:var(--text-page-title);font-weight:var(--font-weight-page);line-height:1.25}.page-sub,.login-lead{font-size:var(--text-lead)}.panel .page-sub,.section-block .page-sub{font-size:var(--text-body)}.office-main h2,.office-main h3.section-subhead,.modal-panel h2,.modal-header h2,.settings-section summary{font-size:var(--text-section-title);font-weight:var(--font-weight-section);line-height:1.35}.office-main h3,.office-main h4,.office-main h5,.office-main h6{margin:0 0 .5rem;font-size:var(--text-subsection);font-weight:var(--font-weight-section);line-height:1.35}.office-main h3.settings-group-title{font-size:.8125rem;font-weight:700}.office-main .preview-card-row strong,.office-main .click-card strong,.office-main .supply-house-card strong,.office-main .chat-thread-row-title,.office-main .dispatch-card-title,.office-main .catalog-picker-item strong,.office-main .customer-detail-row strong,.tiered-compare-card h3{font-size:var(--text-card-title);font-weight:var(--font-weight-section);line-height:1.3}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.office-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.office-sidebar{background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;padding:1.25rem 1rem;gap:1.5rem}.office-brand{display:flex;align-items:center;gap:.75rem;padding-bottom:.25rem}.fieldsync-logo{display:flex;align-items:center;gap:.65rem;min-width:0}.fieldsync-logo-mark{border-radius:10px;flex-shrink:0;display:block}.fieldsync-logo-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.fieldsync-logo-text strong{font-size:1rem}.office-brand-sub{display:block;font-size:.72rem;opacity:.72;font-weight:500}.office-nav{display:flex;flex-direction:column;gap:.85rem;flex:1;overflow-y:auto;padding-right:.15rem}.office-nav-group{display:flex;flex-direction:column;gap:.2rem}.office-nav-group-label{margin:0 0 .15rem;padding:0 .75rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#e5e7eb8c}.office-sidebar-foot .office-nav-group-label{display:none}.office-nav-link{color:var(--sidebar-text);padding:.55rem .75rem;border-radius:8px;text-decoration:none}.office-nav-link:hover{background:#ffffff14;text-decoration:none}.office-nav-link.active{background:#1f6feb59;color:#fff}.office-sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}.office-user{margin:0;font-size:.8rem;opacity:.75;word-break:break-all}.office-main{padding:1.5rem 2rem 2rem;overflow:auto}.page{max-width:1100px;display:flex;flex-direction:column;gap:.9rem}.page-wide{max-width:none}.page-header{margin-bottom:.25rem}.page-header h1{margin:0 0 .25rem}.page-sub{margin:0;color:var(--text-muted)}.row-between{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-header-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.page-loading,.empty-state{color:var(--text-muted)}.search-input{min-width:280px;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;font:inherit;background:var(--input-bg);color:var(--text)}.search-input:focus{outline:none;border-color:#9fc0f9;box-shadow:0 0 0 3px #1f6feb1f}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.dashboard-clock-card{border-left:4px solid var(--border, #e2e8f0)}.dashboard-clock-card-in{border-left-color:var(--color-primary, #2563eb);background:linear-gradient(135deg,#f8fafc,#eff6ff)}.dashboard-clock-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.dashboard-clock-header h2{margin:0}.dashboard-clock-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary, #2563eb);background:#dbeafe;padding:.2rem .5rem;border-radius:999px}.btn-danger{background:#dc2626;color:#fff;border:none}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.stat-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.05rem;box-shadow:0 1px 2px #1018280f}.stat-label{margin:0;color:var(--text-muted);font-size:.85rem}.stat-value{margin:.35rem 0 0;font-size:var(--text-page-title);font-weight:var(--font-weight-page);line-height:1.25}.panel h2{margin:0 0 .75rem}.dispatch-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:1rem;align-items:start}.dispatch-column{background:var(--page-muted);border-radius:12px;padding:.75rem;min-height:320px}.dispatch-column-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.dispatch-column-head h2{margin:0}.badge{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.dispatch-cards{display:flex;flex-direction:column;gap:.5rem}.dispatch-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem;color:inherit;text-decoration:none;cursor:default}.dispatch-card *{cursor:default}.dispatch-card:hover{border-color:var(--primary);text-decoration:none}.dispatch-card-title{margin:0 0 .35rem}.dispatch-card-meta{margin:0;font-size:.82rem;color:var(--text-muted)}.dispatch-empty{margin:0;font-size:.85rem;color:var(--text-muted)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:inset 0 1px #eef2f7}.data-table{width:100%;border-collapse:collapse;font-size:.92rem}.data-table th,.data-table td{padding:.65rem .85rem;text-align:left;border-bottom:1px solid var(--border)}.data-table th{background:var(--surface-subtle);font-weight:600;font-size:.8rem;color:var(--text-muted);letter-spacing:.01em}.data-table-row-clickable{cursor:pointer}.data-table-row-clickable:hover td{background:var(--hover-surface)}.status-pill{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:#eef2ff;font-size:.78rem;text-transform:capitalize}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.panel-wide{grid-column:1 / -1}.detail-list{display:grid;grid-template-columns:120px 1fr;gap:.35rem .75rem;margin:0}.detail-list dt{color:var(--text-muted);font-size:.85rem}.detail-list dd{margin:0}.detail-body{margin:0;white-space:pre-wrap}.simple-list{margin:0;padding-left:1.1rem}.line-items-table{width:100%;border-collapse:collapse;font-size:.92rem}.line-items-table th,.line-items-table td{padding:.45rem .5rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.line-items-table th.num,.line-items-table td.num{text-align:right;white-space:nowrap}.line-items-table tfoot td{border-bottom:none;padding-top:.65rem}.line-item-note{font-size:.85rem;margin-top:.2rem}.muted{color:var(--text-muted)}.page-back-row{margin-bottom:.5rem}.btn-back{font-size:.85rem;padding:.25rem .55rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer}.btn-back:hover{background:var(--page-bg)}.color-tag-list{display:inline-flex;flex-wrap:wrap;gap:.35rem;align-items:center}.color-tag{display:inline-block;font-size:.72rem;font-weight:600;line-height:1.2;padding:.15rem .45rem;border-radius:4px;border:1px solid transparent;white-space:nowrap}.color-tag-blue{background:#e8f0ff;color:#1e4fa8;border-color:#c5d9ff}.color-tag-green{background:#e6f6ec;color:#1a6b38;border-color:#b8e6c8}.color-tag-orange{background:#fff3e6;color:#9a4d00;border-color:#ffd9b3}.color-tag-purple{background:#f1e8ff;color:#5b2d91;border-color:#dcc8ff}.color-tag-red{background:#ffeaea;color:#9b1c1c;border-color:#ffc9c9}.color-tag-teal{background:#e6f7f7;color:#0d5c5c;border-color:#b8e8e8}.color-tag-yellow{background:#fff9e6;color:#7a5c00;border-color:#ffe9a8}.color-tag-gray{background:#f0f1f3;color:#4a4f57;border-color:#d8dbe0}.tag-manage-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.5rem}.tag-manage-list{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none}.tag-manage-item{display:inline-flex;align-items:center;gap:.25rem}.stack{display:flex;flex-direction:column;gap:1rem}.stack-sm{display:flex;flex-direction:column;gap:.55rem}.library-entry-content{display:flex;flex-direction:column;gap:1rem;margin-top:.75rem}.library-file-label{margin:0;color:var(--text-muted);font-size:.9rem}.library-file-panel{display:flex;flex-direction:column;gap:.75rem}.library-image-link{display:block;line-height:0}.library-image-preview{max-width:100%;max-height:min(70vh,640px);width:auto;height:auto;border:1px solid var(--border);border-radius:8px;background:#f8f9fb}.library-pdf-frame{width:100%;min-height:480px;height:min(70vh,720px);border:1px solid var(--border);border-radius:8px;background:#fff}.library-file-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.library-drawing-wrap{border:1px solid var(--border);border-radius:8px;background:#fff;padding:.5rem;max-width:100%}.library-drawing-svg{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:280 / 200}.library-body h3{margin:0 0 .35rem;font-size:var(--text-subsection)}.library-body p{margin:0;white-space:pre-wrap}.library-meta-list{margin-bottom:0}.panel-form,.panel.section-block{margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.form-grid>.btn-primary{grid-column:1 / -1;justify-self:start}.form-actions{margin-top:.75rem;display:flex;justify-content:flex-start}.section-add-form{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;width:100%}.section-add-form .search-input{width:100%;min-width:0}.section-add-form .form-grid{width:100%}.check-row{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.row-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.list-row{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.list-row-body{flex:1;min-width:0}.list-row-aside{flex-shrink:0;margin-left:auto;justify-content:flex-end}.breadcrumb{margin:0 0 .75rem;font-size:.9rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:2rem;background:var(--bg)}.login-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:2rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:var(--card-shadow)}.login-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.login-logo-only{justify-content:center}.login-card h1{margin:0}.login-lead{margin:0;color:var(--text-muted);line-height:1.45}.login-remember{display:flex;align-items:center;gap:.5rem;margin:.15rem 0 0;font-size:.9rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.login-remember input{width:1rem;height:1rem;accent-color:var(--color-primary, #2563eb);cursor:pointer}.login-mode-toggle{display:flex;gap:.35rem;padding:.3rem;border-radius:10px;background:var(--page-muted);border:1px solid var(--border)}.login-mode-btn{flex:1;border:none;background:transparent;color:var(--text-muted);font:inherit;font-weight:600;padding:.5rem .65rem;border-radius:8px;cursor:pointer}.login-mode-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--card-shadow)}.onboarding-card{width:min(520px,100%)}.onboarding-back{font-size:.92rem;font-weight:600;color:var(--primary);text-decoration:none;align-self:flex-start}.onboarding-back:hover{text-decoration:underline}.onboarding-sign-out{margin-top:.5rem;align-self:center}.onboarding-invite-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.onboarding-invite-row{padding:.75rem 1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle);display:flex;flex-direction:column;gap:.35rem;font-size:.92rem}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.field input,.field .search-input{width:100%;min-width:0}.page-tab-toggle{max-width:520px;margin-bottom:.6rem}.tool-card-active{border-color:var(--primary);background:var(--hover-surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 25%,transparent)}.tool-calculator{display:flex;flex-direction:column;gap:.75rem}.tool-calculator-section{margin-top:.5rem}.tool-calculator-lead{margin:0}.tool-result-box{display:flex;flex-direction:column;gap:.45rem}.tool-result-row{display:flex;justify-content:space-between;gap:.85rem;align-items:baseline}.tool-result-label{color:var(--text-muted)}.tool-result-value{text-align:right}.tool-guidance p{margin:.25rem 0 0}.tool-subheading{margin:.2rem 0;font-size:.92rem}.tool-convert-hint{color:var(--primary);font-size:.85rem;font-weight:600}.tool-circuit-row{grid-template-columns:minmax(180px,2fr) minmax(110px,1fr) minmax(120px,1fr) auto}.entity-list .entity-list-card,.entity-list .preview-card-row,.entity-list .click-card{min-height:5.25rem;width:100%}.entity-list .preview-card-row{align-items:center}.supply-house-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left}.btn{border:none;border-radius:8px;padding:.52rem .9rem;font:inherit;font-weight:600;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-link,.btn-link-danger{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.24rem .58rem;border-radius:8px;font:inherit;font-size:.88rem;cursor:pointer}.btn-link{color:var(--primary)}.btn-link-danger{color:var(--danger)}.click-card{border:1px solid var(--border);border-radius:10px;padding:.72rem .82rem;min-height:5.25rem;background:var(--surface);color:var(--text);cursor:pointer;text-align:left;transition:border-color .12s ease,background .12s ease,transform .12s ease}.click-card:hover{border-color:var(--primary);background:var(--hover-surface);transform:translateY(-1px)}.preview-card-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:5.25rem;padding:.72rem .82rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);text-align:left}.preview-card-row:hover{border-color:var(--primary);background:var(--hover-surface)}.preview-card-hit,.preview-card-hit-static{flex:1;min-width:0;border:none;background:transparent;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:default}.preview-card-hit{cursor:pointer}.preview-card-hit:hover{background:transparent}.preview-card-actions{flex-shrink:0;align-self:center;margin-left:auto;justify-content:flex-end}.subsection-title{margin:0 0 .65rem}.preview-card-static{cursor:default}.preview-card-static:hover{transform:none}.preview-card-aside{text-align:right;max-width:40%}.section-block{border:1px solid var(--border);border-radius:12px;padding:.75rem;background:var(--surface);color:var(--text);box-shadow:var(--card-shadow)}.spaced-sections{display:flex;flex-direction:column;gap:1rem}.customer-detail-stack{display:flex;flex-direction:column;gap:.65rem}.customer-detail-row{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;padding:.35rem 0;border-bottom:1px solid #f0f2f5}.customer-detail-label{color:var(--text-muted);font-size:.85rem}.supply-form-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.supply-list .click-card{width:100%}.supply-house-card{display:flex;flex-direction:column;gap:.25rem}.supply-location-list .section-block{border-color:#d3dbe6}.btn-ghost{background:transparent;color:var(--sidebar-text);border:1px solid rgba(255,255,255,.2)}.btn-outline{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-outline:hover{background:var(--hover-surface);color:var(--text)}.login-card a.btn,.onboarding-card a.btn{display:block;text-align:center;text-decoration:none;box-sizing:border-box}.btn-block{width:100%}.banner{margin:0;padding:.65rem .75rem;border-radius:8px;font-size:.9rem}.banner-error{background:#fdecea;color:var(--danger)}.banner-warn{background:#fff8e6;color:#8a6d00}.banner-info{background:#e8f4fd;color:#0d47a1}.banner-success{background:#e8f5e9;color:#1b5e20}.settings-page .settings-sections{display:flex;flex-direction:column;gap:.65rem}.settings-section{border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:var(--card-shadow);overflow:hidden}.settings-section summary{padding:.75rem 1rem;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.settings-section summary::-webkit-details-marker{display:none}.settings-section[open] summary{border-bottom:1px solid var(--border);background:var(--surface-subtle)}.settings-section-body{padding:1rem}.settings-hint{margin:0 0 .75rem;color:var(--text-muted);font-size:.88rem;line-height:1.45}.settings-readonly{margin:0 0 .75rem}.settings-form-actions{margin-top:.25rem}.settings-toggles{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.settings-team-row,.settings-join-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.65rem 0;border-bottom:1px solid #eef1f5}.settings-team-row:last-child,.settings-join-row:last-child{border-bottom:none}.settings-team-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;min-width:140px}.settings-role-badge{font-weight:600;text-transform:capitalize}.settings-password-reveal{margin-top:.25rem;font-weight:600;color:var(--primary)}.settings-group-label{margin:1rem 0 .5rem;font-size:.88rem;font-weight:700;color:var(--text-muted)}.settings-segment{display:flex;gap:.5rem;padding:.35rem;border:1px solid var(--border);border-radius:10px;background:var(--page-muted);max-width:320px}.settings-segment-btn{flex:1;border:none;background:transparent;padding:.55rem .75rem;border-radius:8px;font-weight:600;cursor:pointer;color:var(--text-muted)}.settings-segment-btn.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px #00000014}.settings-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.settings-chip{border:1px solid var(--border);background:var(--page-muted);border-radius:999px;padding:.4rem .85rem;font-size:.88rem;font-weight:600;cursor:pointer;color:var(--text-muted)}.settings-chip.active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface))}.settings-toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.settings-toggle-copy{display:flex;flex-direction:column;gap:.15rem}.settings-toggle-label{font-weight:600;font-size:.92rem}.settings-toggle-desc{font-size:.82rem;color:var(--text-muted);line-height:1.35}.settings-inline-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.5rem}.settings-num-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.settings-num-field>span{font-size:.88rem;font-weight:600}.settings-field-hint{font-size:.8rem;color:var(--text-muted)}.color-field{display:grid;grid-template-columns:1fr auto;gap:.35rem;align-items:center}.color-field>span{grid-column:1 / -1;font-size:.88rem;font-weight:600}.invoice-logo-picker{margin-bottom:.75rem}.invoice-logo-preview-box{display:flex;justify-content:center;padding:1rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);margin-bottom:.5rem}.invoice-logo-preview-box img{object-fit:contain}.settings-perm-table-wrap{overflow-x:auto;margin-top:.75rem}.settings-perm-table{width:100%;border-collapse:collapse;font-size:.88rem}.settings-perm-table th,.settings-perm-table td{padding:.45rem .5rem;border-bottom:1px solid var(--border);text-align:left}.settings-perm-table th:not(:first-child),.settings-perm-table td:not(:first-child){text-align:center;width:4rem}.settings-perm-modal{max-width:520px;width:calc(100% - 2rem)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-panel{background:var(--surface);color:var(--text);border-radius:12px;border:1px solid var(--border);box-shadow:0 12px 40px #0003;max-height:min(90vh,720px);overflow:auto;padding:1rem 1.1rem}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.modal-header h2{margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}:root[data-theme=dark] .office-main{background:var(--bg);color:var(--text)}:root[data-theme=dark] .banner-success{background:#1b3d22;color:#a5d6a7}:root[data-theme=dark] .banner-error{background:#3d1f1f;color:#ef9a9a}:root[data-theme=dark] .banner-warn{background:#3d3618;color:#ffe082}:root[data-theme=dark] .banner-info{background:#1a2a3d;color:#90caf9}textarea.search-input{resize:vertical;min-height:2.5rem}@media(max-width:1100px){.office-main{padding:1.2rem 1.2rem 1.5rem}.dispatch-board{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.form-grid,.supply-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.office-shell{grid-template-columns:1fr}.office-sidebar{flex-direction:row;flex-wrap:wrap;align-items:center}.office-nav{flex-direction:row;flex-wrap:wrap}.office-sidebar-foot{margin-top:0;margin-left:auto}.search-input{min-width:100%;width:100%}.row-between{align-items:stretch}.btn-link,.btn-link-danger{width:auto}}@media(max-width:1366px){.office-shell{grid-template-columns:220px 1fr}.office-main{padding:1.25rem 1.4rem 1.6rem}.form-grid,.supply-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dispatch-board{grid-template-columns:repeat(3,minmax(220px,1fr))}.table-wrap{max-width:100%}}@media(max-width:1024px){.office-shell{grid-template-columns:1fr}.office-sidebar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.8rem}.office-nav{flex-direction:row;flex-wrap:wrap;gap:.35rem}.office-nav-link{padding:.45rem .65rem}.office-sidebar-foot{margin-top:0;margin-left:auto;flex-direction:row;align-items:center}.form-grid,.supply-form-grid,.dispatch-board{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-list{grid-template-columns:110px 1fr}}.st-dispatch-page{margin:-1.5rem -2rem -2rem;min-height:calc(100vh - 48px);display:flex;flex-direction:column}.st-dispatch-loading{margin:1.5rem 2rem}.st-dispatch-banner{margin:.75rem 1.25rem 0}.st-dispatch{flex:1;display:flex;flex-direction:column;background:var(--page-muted);min-height:0}.st-dispatch-toolbar{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 1rem;background:var(--page-muted);border-bottom:1px solid var(--border);flex-wrap:wrap}.st-dispatch-title{margin:.15rem 0 0;flex-shrink:0}.st-toolbar-boxes{display:flex;flex-wrap:wrap;align-items:stretch;gap:.5rem;flex:1;min-width:0}.st-toolbar-box{display:flex;flex-direction:column;gap:.35rem;padding:.5rem .65rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow);min-height:56px}.st-toolbar-box-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.st-toolbar-box-row{display:flex;align-items:center;gap:.35rem}.st-toolbar-box-control{border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem;font:inherit;font-size:.88rem;background:var(--input-bg);color:var(--text);min-width:0}.st-toolbar-box-date{flex:1 1 280px}.st-toolbar-box-tech{flex:0 1 200px}.st-toolbar-box-actions{flex:0 0 auto}.st-toolbar-box-units{flex:1 1 180px}.st-tech-filter-trigger{cursor:pointer;text-align:left;width:100%}.st-status-strip{display:flex;flex-wrap:wrap;align-items:stretch;gap:.4rem;padding:.5rem 1rem;background:var(--page-muted);border-bottom:1px solid var(--border)}.st-status-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-width:72px;padding:.4rem .55rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow);font:inherit;cursor:pointer;color:var(--text-muted);transition:border-color .12s,background .12s}.st-status-box:hover{border-color:var(--primary);background:var(--hover-surface)}.st-status-box-active{border-color:var(--primary);background:var(--hover-surface);color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 30%,transparent)}.st-status-box-icon{font-size:1rem;line-height:1}.st-status-box-label{font-size:.72rem;font-weight:600;text-align:center;line-height:1.15}.st-status-box-count{font-size:.68rem;font-weight:500;opacity:.85}.st-status-strip-search{margin-left:auto;display:flex;align-items:center;gap:.5rem;padding:.25rem 0;flex-wrap:wrap}.st-date-nav{display:flex;align-items:center;gap:.35rem}.st-date-label{font-size:.9rem;color:var(--text-muted);min-width:220px}.st-icon-btn,.st-btn-ghost{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:.35rem .55rem;font:inherit;cursor:pointer;color:var(--text)}.st-btn-ghost{font-size:.85rem;margin-left:.35rem}.st-select{border:1px solid var(--border);border-radius:6px;padding:.4rem .55rem;font:inherit;background:var(--input-bg);color:var(--text)}.st-dispatch-body{flex:1;display:grid;grid-template-columns:1fr 280px;min-height:0;overflow:hidden}.st-dispatch-main{display:flex;flex-direction:column;min-height:0;overflow:hidden}.st-timeline-panel{flex:0 0 auto;max-height:42vh;min-height:220px;margin:.5rem .65rem 0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow);overflow:hidden}.st-timeline-scroll{overflow:auto;height:100%}.st-timeline{min-width:900px}.st-timeline-header-row,.st-timeline-row{display:grid;grid-template-columns:140px 1fr}.st-timeline-header-row{background:var(--surface-subtle);position:sticky;top:0;z-index:2;border-bottom:2px solid var(--border)}.st-timeline-row{border-bottom:1px solid var(--border)}.st-timeline-row-selected .st-tech-col{background:var(--hover-surface);box-shadow:inset 3px 0 0 var(--primary)}.st-tech-col{display:flex;align-items:center;gap:.45rem;padding:.5rem .65rem;border-right:1px solid var(--border);background:var(--surface-subtle);font-size:.88rem;min-width:140px}.st-tech-col-text{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.st-tech-indicators{display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0}.st-tech-indicators-compact{gap:.25rem}.st-tech-indicators-compact .st-tech-dot{width:7px;height:7px}.st-tech-dot-clock-in{background:#1565c0;box-shadow:0 0 0 2px #1565c038}.st-tech-dot-clock-out{background:transparent;border:2px solid #b0b8c4;box-sizing:border-box;width:8px;height:8px}.st-tech-indicators-compact .st-tech-dot-clock-out{width:7px;height:7px;border-width:1.5px}.st-tech-col-head{min-height:36px}.st-tech-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.st-tech-dot-online{background:#2e7d32;box-shadow:0 0 0 2px #2e7d3240}.st-tech-dot-offline{background:#9aa3b2}.st-tech-filter-wrap{position:relative}.st-tech-filter-panel{position:absolute;top:calc(100% + 4px);right:0;z-index:20;min-width:260px;max-height:320px;overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow);padding:.5rem}.st-tech-filter-actions{display:flex;gap:.5rem;padding:.25rem .35rem .5rem;border-bottom:1px solid var(--border);margin-bottom:.35rem}.st-tech-filter-list{display:flex;flex-direction:column;gap:.15rem}.st-tech-filter-row{display:flex;align-items:center;gap:.5rem;padding:.45rem .4rem;font-size:.88rem;cursor:pointer;border-bottom:1px solid var(--border)}.st-tech-filter-row:last-child{border-bottom:none}.st-tech-filter-row:hover{background:var(--hover-surface)}.st-tech-name{font-weight:600}.st-tech-load{font-size:.75rem;color:var(--text-muted)}.st-tech-chevron{color:var(--text-muted);font-size:.85rem}.st-hours-track{display:grid;grid-template-columns:repeat(8,minmax(72px,1fr));position:relative;min-height:52px}.st-hours-track-grid{min-height:56px;border-left:1px solid var(--border);background:var(--surface-subtle)}.st-hour-cell{padding:.45rem .35rem;font-size:.75rem;color:var(--text-muted);text-align:center;border-right:1px solid var(--border);background:var(--surface-subtle)}.st-hour-grid-cell{border-right:1px solid var(--border);background:var(--surface-subtle)}.st-tech-col-btn{border:none;font:inherit;color:inherit;cursor:pointer;text-align:left;width:100%}.st-tech-col-btn:hover{background:var(--hover-surface)}.st-job-block{position:absolute;top:6px;bottom:6px;border-radius:4px;padding:.25rem .4rem;color:#fff;text-decoration:none;overflow:hidden;font-size:.72rem;line-height:1.2;box-shadow:0 1px 3px #0000001f;z-index:1}.st-job-block:hover{filter:brightness(1.05);text-decoration:none;color:#fff}.st-job-block-green{background:#3d9a5a}.st-job-block-blue{background:#4a90d9}.st-job-block-purple{background:#7b68c8}.st-job-block-teal{background:#4a9e9e}.st-job-block-icon{display:block;font-size:.65rem;opacity:.9}.st-job-block-customer{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-job-block-address{display:block;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-empty-row{padding:1rem;color:var(--text-muted);margin:0}.st-legend{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem}.st-legend-row{display:inline-flex;align-items:center;gap:.4rem}.st-search{border:1px solid var(--border);border-radius:6px;padding:.4rem .55rem;font:inherit;min-width:160px;background:var(--input-bg);color:var(--text)}.st-jobs-table-wrap{flex:1;overflow:auto;margin:.5rem .65rem .65rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow)}.st-jobs-table{width:100%;border-collapse:collapse;font-size:.86rem}.st-jobs-table th{text-align:left;padding:.55rem .75rem;background:var(--surface-subtle);border-bottom:1px solid var(--border);font-weight:600;color:var(--text-muted);font-size:.78rem;position:sticky;top:0;z-index:1}.st-job-id-cell{vertical-align:top;min-width:7.5rem}.st-job-number-link{display:inline-block;font-weight:600;color:var(--color-primary, #2563eb);text-decoration:none}.st-job-number-link:hover{text-decoration:underline}.st-job-tags-row,.page-tags-row{margin-top:.35rem}.settings-toggle-group{margin-bottom:1rem}.settings-group-title{margin:0 0 .5rem;font-size:.8125rem;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.04em}.field-label{display:flex;flex-direction:column;gap:.35rem;font-size:.8125rem;font-weight:600;color:var(--text-muted, #64748b)}.billing-mode-row{display:flex;gap:.5rem;flex-wrap:wrap}.billing-mode-chip{flex:1;min-width:8rem;padding:.5rem .75rem;border-radius:999px;border:1px solid var(--border, #e2e8f0);background:var(--page-bg, #fff);font-weight:700;font-size:.8125rem;cursor:pointer}.billing-mode-chip-active{border-color:var(--color-primary, #2563eb);background:#eff6ff;color:var(--color-primary, #2563eb)}.line-items-editor{display:flex;flex-direction:column;gap:.75rem}.line-items-head{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #64748b)}.line-item-block{padding-bottom:.75rem;border-bottom:1px solid var(--border, #e2e8f0)}.line-items-actions{display:flex;gap:1rem;flex-wrap:wrap}.tiered-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.tiered-tab{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.5rem .75rem;border:1px solid var(--border, #e2e8f0);border-radius:8px;background:var(--page-bg, #fff);cursor:pointer;min-width:6rem}.tiered-tab-active{border-color:var(--color-primary, #2563eb);background:#eff6ff}.tiered-tab-label{font-weight:700;font-size:.8125rem}.tiered-tab-total{font-size:.75rem;color:var(--text-muted, #64748b)}.tiered-tab-rec{font-size:.65rem;font-weight:700;color:var(--color-primary, #2563eb)}.tiered-recommended-active{border-color:var(--color-primary, #2563eb)}.tiered-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem}.catalog-layout{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:1rem;align-items:start}.catalog-sidebar{position:sticky;top:1rem}.catalog-nav-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem .65rem;margin-bottom:.25rem;border:none;border-radius:8px;background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit}.catalog-nav-item:hover{background:var(--surface-2, rgba(0, 0, 0, .05))}.catalog-nav-item-active{background:var(--primary-soft, #e3f2fd);font-weight:600}.catalog-category-add{margin-top:1rem;display:flex;flex-direction:column;gap:.35rem}.catalog-main{min-width:0}@media(max-width:900px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{position:static}}.tiered-compare-card-btn{width:100%;text-align:left;cursor:pointer;border:2px solid transparent;font:inherit;color:inherit}.tiered-compare-selected{border-color:var(--primary, #1565c0);box-shadow:0 0 0 1px var(--primary, #1565c0)}.tiered-compare-card{padding:.75rem;border:1px solid var(--border, #e2e8f0);border-radius:8px}.tiered-compare-rec{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 1px var(--color-primary, #2563eb)}.tiered-compare-total{font-size:var(--text-card-title);font-weight:var(--font-weight-page);margin:.5rem 0}.tiered-rec-badge{font-size:.75rem;font-weight:700;color:var(--color-primary, #2563eb)}.billing-lines-list{margin:0;padding-left:1.1rem;font-size:.875rem}.catalog-picker{max-width:28rem;max-height:80vh;overflow:auto}.catalog-picker-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.catalog-picker-item{text-align:left}.st-jobs-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}.st-jobs-table-row:hover td{background:var(--hover-surface)}.st-tag-link{font-weight:600}.st-address-cell{color:var(--text-muted);max-width:280px}.st-table-empty{text-align:center;color:var(--text-muted);padding:2rem!important}.st-messages{background:var(--surface);color:var(--text);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0;overflow:hidden}.st-messages h2{margin:0;padding:.75rem 1rem .25rem}.st-messages-lead{margin:0;padding:0 1rem .65rem;font-size:.78rem;color:var(--text-muted);border-bottom:1px solid var(--border)}.st-messages-feed{flex:1;overflow:auto;padding:.5rem 0}.st-message-item{padding:.65rem 1rem;font-size:.85rem;border-bottom:1px solid var(--border);line-height:1.35}.st-message-item strong{display:block;margin-bottom:.15rem}@media(max-width:1100px){.st-dispatch-page{margin:-1.2rem -1.2rem -1.5rem}.st-dispatch-body{grid-template-columns:1fr}.st-messages{max-height:240px;border-left:none;border-top:1px solid var(--border)}}@media(max-width:1366px){.st-dispatch-page{margin:-1.25rem -1.4rem -1.6rem}}.page-chat{max-width:720px}.form-error{margin:0;color:#b91c1c;font-size:.9rem}.chat-inbox-panel,.chat-compose-panel,.chat-empty-panel{padding:0;overflow:hidden}.chat-inbox-panel{padding:.35rem 0}.chat-inbox-empty{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem 1.05rem}.chat-thread-list{display:flex;flex-direction:column}.chat-thread-row{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.05rem;text-decoration:none;color:inherit;border-bottom:1px solid var(--border);transition:background .12s ease}.chat-thread-row:last-child{border-bottom:none}.chat-thread-row:hover{background:var(--page-muted, #f8fafc)}.chat-thread-row--unread .chat-thread-row-title{font-weight:700}.chat-avatar{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;background:linear-gradient(145deg,#dbeafe,#bfdbfe);color:#1e40af}.chat-avatar--sm{width:2rem;height:2rem;font-size:.7rem}.chat-thread-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.chat-thread-row-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.chat-thread-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread-row-time{flex-shrink:0;font-size:.75rem;color:var(--text-muted)}.chat-thread-row-meta{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.chat-thread-row-preview{font-size:.88rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread-row--unread .chat-thread-row-preview{color:var(--text)}.chat-unread-badge{flex-shrink:0;min-width:1.35rem;padding:.15rem .45rem;border-radius:999px;background:var(--color-primary, #2563eb);color:#fff;font-size:.72rem;font-weight:700;text-align:center}.chat-mode-toggle{display:inline-flex;padding:.2rem;gap:.2rem;background:var(--page-muted, #f1f5f9);border-radius:10px;margin-bottom:1.25rem}.chat-mode-toggle button{border:none;background:transparent;color:var(--text-muted);font:inherit;font-size:.88rem;padding:.45rem .85rem;border-radius:8px;cursor:pointer}.chat-mode-toggle button.active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px #10182814}.chat-mode-toggle button:disabled{opacity:.45;cursor:not-allowed}.chat-compose-panel{padding:1.1rem 1.05rem 1.25rem}.chat-compose-section{margin-top:.5rem}.chat-compose-heading{margin:0 0 .65rem}.chat-compose-field{display:block;margin:1rem 0}.chat-compose-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.chat-member-picker{display:flex;flex-direction:column;gap:.65rem}.chat-member-search{min-width:0;width:100%}.chat-member-list{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto;border:1px solid var(--border);border-radius:10px}.chat-member-option{width:100%;display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border:none;border-bottom:1px solid var(--border);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer}.chat-member-option:last-child{border-bottom:none}.chat-member-option:hover{background:var(--page-muted, #f8fafc)}.chat-member-option--selected{background:#eff6ff}.chat-member-label{flex:1;min-width:0}.chat-member-check{width:1.25rem;color:var(--color-primary, #2563eb);font-weight:700}.chat-member-empty{padding:.85rem;color:var(--text-muted);font-size:.88rem}.chat-member-count{margin:0;font-size:.82rem;color:var(--text-muted)}.page-chat-thread{max-width:800px;display:flex;flex-direction:column;min-height:min(720px,calc(100vh - 5rem))}.chat-thread-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem 1rem;margin-bottom:.75rem}.chat-thread-header-text{flex:1;min-width:12rem}.chat-thread-header-text h1{margin:0}.chat-thread-delete{margin-left:auto}.chat-thread-shell{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #1018280f;overflow:hidden}.chat-thread-messages{flex:1;min-height:280px;max-height:min(560px,calc(100vh - 14rem));overflow-y:auto;padding:1rem 1.05rem;display:flex;flex-direction:column;gap:.5rem;background:var(--page-muted, #f8fafc)}.chat-thread-placeholder{margin:auto;text-align:center;color:var(--text-muted);font-size:.92rem}.chat-bubble-row{display:flex;flex-direction:column;max-width:78%;gap:.2rem}.chat-bubble-row--mine{align-self:flex-end;align-items:flex-end}.chat-bubble-row--other{align-self:flex-start;align-items:flex-start}.chat-bubble-sender{font-size:.72rem;font-weight:600;color:var(--text-muted);padding:0 .35rem}.chat-bubble{padding:.55rem .9rem;border-radius:18px;line-height:1.45;white-space:pre-wrap;word-break:break-word;font-size:.95rem}.chat-bubble--mine{background:var(--color-primary, #2563eb);color:#fff;border-bottom-right-radius:6px}.chat-bubble--other{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:6px}.chat-bubble-time{font-size:.68rem;color:var(--text-muted);padding:0 .35rem}.chat-composer{display:flex;gap:.65rem;align-items:flex-end;padding:.85rem 1rem;border-top:1px solid var(--border);background:var(--surface)}.chat-composer-input{flex:1;min-height:2.75rem;max-height:8rem;resize:vertical;padding:.6rem .75rem;border:1px solid var(--border);border-radius:10px;font:inherit;background:var(--input-bg);color:var(--text)}.chat-composer-input:focus{outline:none;border-color:#9fc0f9;box-shadow:0 0 0 3px #1f6feb1f}.chat-composer-send{flex-shrink:0}:root[data-theme=dark] .chat-thread-messages{background:#0f172a80}:root[data-theme=dark] .chat-member-option--selected{background:#2563eb33}:root[data-theme=dark] .chat-avatar{background:linear-gradient(145deg,#1e3a5f,#1e40af);color:#dbeafe}