:root{--bg:#f2ede3;--surface:#fffaf2e0;--surface-strong:#fffaf2;--surface-muted:#e8dece;--ink:#14281d;--ink-soft:#55685f;--accent:#c45c2b;--accent-dark:#8f3d19;--ok:#2f7d57;--warn:#a85218;--shadow:0 24px 60px #3d29131f;--radius-xl:28px;--radius-lg:20px;--radius-md:14px}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left, #c45c2b2e, transparent 24%), radial-gradient(circle at right 20%, #2f7d571f, transparent 22%), linear-gradient(180deg, #f7f3eb 0%, var(--bg) 100%);margin:0;font-family:Georgia,Times New Roman,serif}body.modal-open{overflow:hidden}[hidden]{display:none!important}.auth-gate{place-items:center;min-height:100vh;padding:32px 16px;display:grid}.auth-panel{border-radius:var(--radius-lg);background:var(--surface-strong);width:min(100%,440px);box-shadow:var(--shadow);border:1px solid #14281d14;gap:18px;padding:28px;display:grid}.auth-copy h1{margin-bottom:0;font-size:clamp(2rem,8vw,3.2rem);line-height:1}.auth-mode-switch{background:var(--surface-muted);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;display:grid}.auth-mode-button{appearance:none;color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:10px;padding:10px 12px;font-weight:800}.auth-mode-button.is-active{background:var(--surface-strong);color:var(--accent-dark)}.auth-form{gap:14px;display:grid}.auth-form label{color:var(--ink-soft);gap:6px;font-weight:800;display:grid}.auth-form input,.auth-form select{width:100%;color:var(--ink);font:inherit;background:#fffdf8;border:1px solid #14281d24;border-radius:12px;padding:12px}.app-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf2c7;border-right:1px solid #14281d14;grid-template-rows:auto 1fr auto;align-content:stretch;align-self:start;gap:28px;min-height:100vh;padding:28px 18px;display:grid;position:sticky;top:0}.sidebar-brand{gap:6px;padding:0 10px;display:grid}.sidebar-brand strong{font-size:1.3rem}.sidebar-identity{overflow-wrap:anywhere;color:var(--ink-soft);font-size:.82rem;line-height:1.3}.sidebar-nav{align-content:start;gap:8px;display:grid}.sidebar-account-actions{align-self:end;gap:8px;display:grid}.sidebar-account-link{align-self:stretch}.sidebar-signout-link{color:var(--warn)}.onboarding-modal{background:var(--surface-strong);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);border:0;margin:0;padding:0}.onboarding-modal::backdrop{background:#14281db8}.onboarding-shell{background:linear-gradient(90deg,#c45c2b1f,#0000 38%),linear-gradient(#fffaf2 0%,#f2ede3 100%);grid-template-rows:auto auto 1fr auto;min-height:100dvh;padding:32px;display:grid}.onboarding-header,.onboarding-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.onboarding-header h2{margin-bottom:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.onboarding-progress-bar{background:#14281d1f;border-radius:999px;height:10px;margin:24px 0;overflow:hidden}.onboarding-progress-bar span{border-radius:inherit;background:var(--accent);width:0;height:100%;transition:width .18s;display:block}.onboarding-content{align-items:center;width:min(860px,100%);margin:0 auto;padding:24px 0;display:grid}.onboarding-slide{gap:18px;display:grid}.onboarding-slide h3{margin-bottom:0;font-size:clamp(2.2rem,6vw,5rem);line-height:.98}.onboarding-slide p{max-width:760px;color:var(--ink-soft);font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.5}.onboarding-data-slide{grid-template-columns:minmax(0,.85fr) minmax(320px,1fr);align-items:start}.onboarding-step-form{border-radius:var(--radius-md);background:#fffdf8;border:1px solid #14281d1f;padding:22px}.onboarding-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.sidebar-link{appearance:none;width:100%;color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;padding:12px 14px;font-weight:800;transition:background-color .18s,border-color .18s,color .18s}.sidebar-link:hover,.sidebar-link:focus-visible,.sidebar-link.is-active{background:var(--surface-strong);color:var(--accent-dark);border-color:#c45c2b38}.site-shell{width:min(1240px,100vw - 32px);margin:0 auto;padding:32px 0 48px}.app-section{gap:20px;display:grid}.app-section[hidden]{display:none}.page-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-heading h1{margin-bottom:0;font-size:clamp(2rem,5vw,4rem)}.page-heading .primary-button{white-space:nowrap}.panel{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid #14281d14}.section-kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);margin:0 0 10px;font-size:.72rem}h1,h2,h3,p{margin-top:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.routing-status{text-align:right;gap:6px;display:grid}.routing-status span{color:var(--ink-soft);font-size:.9rem}.primary-button,.secondary-button,.route-button{appearance:none;cursor:pointer;border:0;transition:transform .18s,background-color .18s,opacity .18s}.primary-button{background:linear-gradient(135deg, #db7b42, var(--accent));color:#fff8f0;border-radius:999px;padding:14px 18px;font-weight:700}.primary-button:hover,.secondary-button:hover,.route-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.route-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.secondary-button{background:var(--surface-muted);color:var(--ink);border-radius:999px;padding:10px 12px;font-weight:700}.dashboard-grid{grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.panel{padding:24px}.panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.panel-heading h2{margin-bottom:0}.panel-note{color:var(--ink-soft);text-align:right;max-width:28ch}.stats-panel,.forms-panel,.crapper-tracker-panel{grid-column:1/-1}.stats-grid,.customers-grid,.customers-list,.technicians-grid,.units-grid,.jobs-list{gap:14px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.jobsite-tabs{background:var(--surface-muted);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.jobsite-tab{appearance:none;color:var(--ink-soft);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;padding:10px 14px;font-weight:800}.jobsite-tab.is-active,.jobsite-tab:hover,.jobsite-tab:focus-visible{background:var(--surface-strong);color:var(--accent-dark)}.jobsite-tab-panel[hidden]{display:none}.jobsite-open-button{margin-top:8px}.empty-state{border-radius:var(--radius-lg);background:var(--surface-strong);color:var(--ink-soft);border:1px dashed #14281d2e;gap:6px;padding:18px;display:grid}.empty-state strong{color:var(--ink)}.stat-card,.customer-card,.technician-card,.unit-card,.inventory-card,.office-card,.job-card,.route-card{border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid #14281d14}.stat-card{padding:18px}.stat-card strong{margin-bottom:8px;font-size:2rem;display:block}.stat-card span,.unit-meta,.job-meta,.route-meta{color:var(--ink-soft)}.route-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.route-tools{flex-wrap:wrap;justify-content:end;align-items:center;gap:16px;display:flex}.route-schedule-panel{margin-bottom:18px}.route-week-nav{flex-wrap:wrap;justify-content:end;align-items:center;gap:10px;display:flex}.route-map-panel{margin-bottom:18px}.route-schedule-controls{grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) auto;align-items:end;gap:16px;display:grid}.route-plan-actions{flex-wrap:wrap;justify-content:end;gap:10px;margin-top:18px;display:flex}.route-selector-group{border:0;gap:10px;margin:0;padding:0;display:grid}.route-selector-group legend{color:var(--ink-soft);margin-bottom:8px;font-size:.86rem;font-weight:700}.route-toggle-grid{flex-wrap:wrap;gap:8px;display:flex}.route-toggle-grid label{cursor:pointer}.route-toggle-grid input{opacity:0;pointer-events:none;position:absolute}.route-toggle-grid span{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink-soft);border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-weight:800;display:inline-flex}.route-toggle-grid input:checked+span{background:var(--ink);color:var(--surface);border-color:var(--ink)}.route-toggle-grid input:focus-visible+span{outline-offset:2px;outline:3px solid #1c345438}.route-assignment-list{gap:12px;display:grid}.route-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.route-group{gap:12px;display:grid}.route-group-heading{border-radius:var(--radius-lg);background:#e8dece99;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.route-group-heading h3{margin-bottom:4px}.route-group-heading span{color:var(--ink-soft);white-space:nowrap;font-weight:800}.route-stop-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.route-stop-list li,.active-route-stop-list li{transition:opacity .16s,transform .16s}.route-stop-list li.is-dragging,.active-route-stop-list li.is-dragging{opacity:.55}.route-stop-list li.is-drop-target,.active-route-stop-list li.is-drop-target{transform:translateY(2px)}.route-index{background:var(--surface-muted);border-radius:50%;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.route-actions{gap:8px;display:grid}.route-drag-handle{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:grab;place-items:center;width:28px;height:36px;padding:0;display:grid}.route-drag-handle-icon{background-image:radial-gradient(circle, var(--ink-soft) 1.6px, transparent 2px);opacity:.82;background-position:0 2px;background-size:7px 7px;width:14px;height:22px}.route-drag-handle:active{cursor:grabbing}.route-assign-actions{grid-template-columns:minmax(110px,1fr) minmax(130px,1fr) auto;align-items:end;gap:8px;display:grid}.route-assign-actions label{color:var(--ink-soft);gap:6px;font-size:.86rem;font-weight:700;display:grid}.route-assign-actions select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-height:40px;color:var(--ink);padding:8px 10px}.route-button{background:var(--surface-muted);color:var(--ink);border-radius:999px;padding:8px 12px;font-weight:600}.route-map-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;gap:18px;display:grid}.route-assignment-map{gap:12px;min-width:0;display:grid}.route-assignment-map-canvas{aspect-ratio:1;width:min(100%,100dvh);min-height:0}.route-map-pin{background:var(--accent)}.route-map-pin.is-routed{opacity:.42;cursor:default;background:#778071}.route-map-pin.is-specific-day{background:#b23b32}.route-map-pin:disabled{pointer-events:none}.route-map-pin span{font-size:.72rem}.route-map-legend{color:var(--ink-soft);flex-wrap:wrap;gap:10px 16px;font-size:.86rem;font-weight:700;display:flex}.route-map-legend span{align-items:center;gap:6px;display:inline-flex}.legend-dot{background:var(--accent);border-radius:50%;width:10px;height:10px}.legend-dot.routed{opacity:.55;background:#778071}.legend-dot.end{background:#5d4136}.legend-dot.required{background:#b23b32}.active-route-panel{grid-template-rows:auto minmax(0,1fr);gap:14px;min-width:0;display:grid}.active-route-header{gap:12px;display:grid}.active-route-selectors{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.active-route-selectors label{color:var(--ink-soft);gap:6px;font-size:.86rem;font-weight:700;display:grid}.active-route-selectors select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-height:40px;color:var(--ink);padding:8px 10px}.active-route-stops{min-width:0}.active-route-clone{border-left:3px solid #c8cec4;align-items:center;gap:8px;margin-top:2px;padding-left:9px;display:grid}.active-route-clone-chain{gap:6px;display:grid}.active-route-clone-row{grid-template-columns:18px minmax(0,1fr) minmax(104px,.72fr) 34px;align-items:stretch;gap:6px;min-height:40px;display:grid}.active-route-clone-branch{position:relative}.active-route-clone-branch:before,.active-route-clone-branch:after{content:"";background:var(--line);position:absolute}.active-route-clone-branch:before{width:2px;top:-8px;bottom:50%;left:7px}.active-route-clone-branch:after{width:10px;height:2px;top:50%;left:7px}.active-route-clone select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-height:40px;color:var(--ink);padding:8px 10px}.active-route-clone-row.is-selected select{color:var(--muted)}.icon-button.active-route-clone-remove{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:34px;min-width:34px;min-height:40px;color:var(--ink-soft);cursor:pointer;place-items:center;font-size:1.2rem;font-weight:800;line-height:1;display:inline-grid}.active-route-stop-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.active-route-stop{border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid #14281d14;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.route-endpoint-stop{background:var(--surface);border-color:#235d7d38;grid-template-columns:auto minmax(0,1fr)}.route-endpoint-stop .route-index{border-radius:var(--radius-sm);color:#fffaf2;text-transform:uppercase;background:#235d7d;width:56px;height:36px;font-size:.76rem}.route-endpoint-stop>div:last-child{gap:3px;min-width:0;display:grid}.route-endpoint-end{border-color:#5d413642}.route-endpoint-end .route-index{background:#5d4136}.active-route-stop div:nth-child(3){gap:3px;min-width:0;display:grid}.active-route-stop span{color:var(--ink-soft);font-size:.84rem}.status-chip,.priority-chip{border-radius:999px;margin-right:8px;padding:6px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.status-chip{color:var(--ok);background:#2f7d571f}.priority-chip{color:var(--warn);background:#c45c2b24}.jobs-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.jobsite-panel .jobs-list,.customers-list{grid-template-columns:1fr}.customer-table-header{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:minmax(160px,1fr) minmax(130px,.8fr) minmax(120px,.7fr) minmax(110px,.6fr) minmax(220px,1.3fr);gap:14px;margin-bottom:10px;padding:0 18px;font-size:.72rem;font-weight:800;display:grid}.jobsite-table-header{grid-template-columns:minmax(130px,.9fr) minmax(130px,1fr) minmax(150px,1fr) minmax(130px,1fr) minmax(220px,1.4fr);gap:14px;margin-bottom:10px;padding:0 18px;display:grid}.jobsite-sort-button{appearance:none;color:var(--ink-soft);cursor:pointer;font:inherit;letter-spacing:.08em;text-align:left;text-transform:uppercase;background:0 0;border:0;min-width:0;padding:0;font-size:.72rem;font-weight:800}.jobsite-sort-button.is-active,.jobsite-sort-button:hover,.jobsite-sort-button:focus-visible{color:var(--accent-dark);outline:none}.job-card,.customer-card,.customer-row-card,.technician-card,.unit-card,.inventory-card,.office-card{padding:18px}.customer-row-card{border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid #14281d14;grid-template-columns:minmax(160px,1fr) minmax(130px,.8fr) minmax(120px,.7fr) minmax(110px,.6fr) minmax(220px,1.3fr);align-items:center;gap:14px;display:grid}.customer-row-cell{overflow-wrap:anywhere;min-width:0}.customer-row-name{gap:6px;display:grid}.customer-card h3,.technician-card h3,.job-card h3,.unit-card h3,.office-card h3,.route-card h3{margin-bottom:8px}.jobsite-row-card{grid-template-columns:minmax(130px,.9fr) minmax(130px,1fr) minmax(150px,1fr) minmax(130px,1fr) minmax(220px,1.4fr);align-items:center;gap:14px;display:grid}.jobsite-row-cell{overflow-wrap:anywhere;min-width:0}.jobsite-row-customer{gap:6px;display:grid}.jobsite-row-customer .status-chip{justify-self:start;margin-right:0;display:inline-flex}.editable-card{cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.editable-card:hover,.editable-card:focus-visible{border-color:#c45c2b70;outline:none;transform:translateY(-1px);box-shadow:0 16px 34px #3d29131f}.customers-grid,.technicians-grid,.inventory-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.inventory-layout{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);align-items:start;gap:20px;display:grid}.account-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start;gap:20px;display:grid}.technician-dash-layout{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);align-items:start;gap:20px;display:grid}.technician-route-list{gap:12px;display:grid}.technician-route-card{align-items:start}.technician-stop-list{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.technician-stop-list li{border-top:1px solid #14281d14;gap:4px;padding-top:10px;display:grid}.technician-stop-list span{color:var(--ink-soft)}.inventory-actions-panel,.inventory-work-panel,.inventory-list-panel,.account-form-panel,.account-summary-panel{min-width:0}.inventory-action-list{gap:10px;display:grid}.inventory-action-list .secondary-button{justify-content:flex-start;width:100%}.inventory-action-list .secondary-button.is-active{color:var(--green-deep);background:#1f5f401f;border-color:#1f5f4052}.inventory-action-panel{margin:0}.forms-panel{gap:16px;display:grid}.form-message{min-height:22px;color:var(--ink-soft);font-weight:700}.form-message[data-tone=success]{color:var(--ok)}.form-message[data-tone=error]{color:var(--warn)}.create-record-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.create-record-button{appearance:none;border-radius:var(--radius-lg);background:var(--surface-strong);min-height:96px;color:var(--ink);cursor:pointer;font:inherit;border:1px solid #14281d1a;font-size:1rem;font-weight:800;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 12px 30px #3d291314}.create-record-button:hover,.create-record-button:focus-visible{border-color:#c45c2b70;transform:translateY(-1px);box-shadow:0 16px 34px #3d29131f}.crapper-tracker-map{grid-template-columns:minmax(0,1fr) minmax(150px,180px);align-items:stretch;gap:18px;display:grid}.crapper-map-canvas{aspect-ratio:1;border-radius:var(--radius-lg);background:linear-gradient(90deg,#14281d0d 1px,#0000 1px) 0 0/42px 42px,linear-gradient(0deg,#14281d0d 1px,#0000 1px) 0 0/42px 42px,linear-gradient(135deg,#eef2e8 0%,#dce8df 48%,#eef0e2 100%);border:1px solid #14281d1a;width:min(100%,100dvh);min-height:0;position:relative;overflow:hidden}.crapper-map-road{background:#fffaf2c7;border-radius:999px;position:absolute;box-shadow:0 0 0 1px #14281d0d}.crapper-map-road-primary{width:120%;height:34px;top:46%;left:-10%;transform:rotate(-12deg)}.crapper-map-road-secondary{width:34px;height:125%;top:-12%;left:58%;transform:rotate(18deg)}.crapper-map-road-tertiary{width:78%;height:22px;top:22%;left:8%;transform:rotate(28deg)}.crapper-map-pin{appearance:none;z-index:1;color:#fffaf2;cursor:pointer;border:3px solid #fffaf2;border-radius:50% 50% 50% 10%;place-items:center;width:38px;height:38px;padding:0;font-weight:900;line-height:1;display:grid;position:absolute;transform:translate(-50%,-100%)rotate(-45deg);box-shadow:0 12px 24px #14281d33}.crapper-map-pin:before{content:"";background:#fffaf233;border-radius:50%;position:absolute;inset:9px}.crapper-map-pin-office,.crapper-map-pin-start{background:#235d7d}.crapper-map-pin-sewageCollection,.crapper-map-pin-end{background:#5d4136}.crapper-map-pin-jobsite{background:var(--accent)}.crapper-map-pin-office,.crapper-map-pin-sewageCollection,.crapper-map-pin-start,.crapper-map-pin-end,.crapper-map-pin-jobsite{font-family:Arial,sans-serif}.crapper-map-pin span{z-index:1;position:relative;transform:rotate(45deg)}.crapper-map-summary,.crapper-location-detail{min-width:0}.crapper-map-summary{grid-template-columns:1fr;align-content:start;gap:10px;display:grid}.crapper-map-summary div{border-radius:var(--radius-md);background:var(--surface-strong);border:1px solid #14281d14;gap:4px;padding:12px;display:grid}.crapper-map-summary strong{font-size:1.55rem;line-height:1}.crapper-map-summary span,.crapper-location-item span,.crapper-map-empty span,.crapper-location-empty span{color:var(--ink-soft);font-size:.88rem}.crapper-location-detail{grid-column:1}.crapper-location-item,.crapper-location-empty{border-radius:var(--radius-md);background:var(--surface-strong);border:1px solid #14281d14;gap:4px;padding:12px;display:grid}.crapper-location-kind{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:800}.crapper-map-empty{border-radius:var(--radius-lg);background:var(--surface-strong);text-align:center;place-items:center;gap:8px;min-height:220px;padding:24px;display:grid}.data-modal[hidden],.management-form[hidden]{display:none}.data-modal{z-index:2147483647;isolation:isolate;width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:0 0;border:0;place-items:center;margin:0;padding:24px;display:grid;position:fixed;inset:0}.data-modal::backdrop{background:#14281d7a}.data-modal-backdrop{background:#14281d7a;position:absolute;inset:0}.data-modal[open] .data-modal-backdrop{background:0 0}.data-modal-panel{z-index:1;border-radius:var(--radius-xl);background:var(--surface-strong);border:1px solid #fffaf2b8;gap:16px;width:min(70vw,980px);max-height:min(70vh,720px);padding:24px;display:grid;position:relative;overflow:auto;box-shadow:0 28px 80px #14281d47}.jobsite-detail-panel{width:min(86vw,1120px)}.customer-detail-panel{width:min(82vw,980px)}.unit-quantity-panel{width:min(92vw,440px)}.confirmation-copy{border-radius:var(--radius-md);background:var(--surface-muted);color:var(--ink-muted);margin:0;padding:14px;font-weight:700}.confirmation-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.jobsite-detail-summary{border-radius:var(--radius-md);background:var(--surface-muted);gap:6px;padding:14px;display:grid}.jobsite-detail-grid{grid-template-columns:minmax(280px,.9fr) minmax(280px,1.1fr);align-items:start;gap:16px;display:grid}.customer-detail-grid{grid-template-columns:minmax(280px,.85fr) minmax(280px,1.15fr);align-items:start;gap:16px;display:grid}.customer-jobsites-panel,.jobsite-log-forms,.jobsite-logs,.jobsite-logs section{gap:12px;display:grid}.jobsite-log-card{border-radius:var(--radius-md);background:var(--surface);border:1px solid #14281d14;gap:6px;padding:14px;display:grid}.form-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.form-title-row h4{margin-bottom:0}.modal-close-button{appearance:none;background:var(--surface-muted);color:var(--ink);cursor:pointer;font:inherit;border:0;border-radius:999px;padding:10px 12px;font-weight:700}.management-forms{display:block}.management-form{align-content:start;gap:12px;display:grid}.management-form h4{margin-bottom:0;font-size:1.35rem}.management-form label{color:var(--ink-soft);gap:6px;font-size:.86rem;font-weight:700;display:grid}.service-log-inventory-fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.service-log-inventory-fieldset legend{color:var(--ink-soft);padding:0;font-size:.86rem;font-weight:700}.service-log-inventory-options{gap:8px;display:grid}.service-log-inventory-row{background:#fffdf8;border:1px solid #14281d1f;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.service-log-inventory-row strong,.service-log-inventory-row span{display:block}.service-log-inventory-row span{color:var(--ink-soft);margin-top:2px;font-size:.82rem}.quantity-stepper{flex:none;grid-template-columns:34px 54px 34px;align-items:center;gap:6px;display:grid}.quantity-stepper input[type=number]{text-align:center;padding:8px 6px}.inventory-quantity-button{border-radius:8px;width:34px;height:34px;font-size:1.05rem}.compact-empty-state{padding:12px}.management-form .toggle-field{color:var(--ink);grid-template-columns:auto minmax(0,1fr);align-items:center}.address-sync-row{gap:6px;display:grid}.address-sync-label-row{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:10px;font-size:.86rem;font-weight:700;display:flex}.management-form .address-sync-toggle{white-space:nowrap}.work-days-field{border:0;gap:8px;margin:0;padding:0;display:grid}.work-days-field legend,.start-point-field legend{color:var(--ink-soft);padding:0;font-size:.86rem;font-weight:700}.start-point-field{border:0;gap:8px;margin:0;padding:0;display:grid}.start-point-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.start-point-choices label{display:block}.start-point-choices input{opacity:0;pointer-events:none;position:absolute}.start-point-choices span{min-height:38px;color:var(--ink-soft);cursor:pointer;background:#fffdf8;border:1px solid #14281d29;border-radius:8px;place-items:center;font-size:.88rem;font-weight:800;transition:background-color .16s,border-color .16s,color .16s;display:grid}.start-point-choices input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--surface)}.start-point-choices input:focus-visible+span{outline-offset:2px;outline:3px solid #1c345438}.work-day-tiles{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.work-day-tiles label{display:block}.work-day-tiles input{opacity:0;pointer-events:none;position:absolute}.work-day-tiles span{min-height:34px;color:var(--ink-soft);cursor:pointer;background:#fffdf8;border:1px solid #14281d29;border-radius:8px;place-items:center;font-size:.88rem;font-weight:800;transition:background-color .16s,border-color .16s,color .16s;display:grid}.work-day-tiles input:checked+span{border-color:var(--ok);color:var(--ok);background:#2f7d5729}.work-day-tiles input:focus-visible+span{outline-offset:2px;outline:3px solid #c45c2b52}.management-form input,.management-form select,.management-form textarea{width:100%;color:var(--ink);font:inherit;background:#fffdf8;border:1px solid #14281d29;border-radius:10px;padding:10px 12px}.management-form textarea{resize:vertical;min-height:84px}.management-form input[type=checkbox]{width:auto}.customer-search-field{margin-bottom:-6px}.customer-suggestions{background:#fffdf8;border:1px solid #14281d29;border-radius:10px;overflow:hidden}.customer-suggestion{appearance:none;width:100%;color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #14281d1a;gap:3px;padding:10px 12px;display:grid}.customer-suggestion:last-child{border-bottom:0}.customer-suggestion:hover,.customer-suggestion:focus-visible{background:var(--surface-muted)}.customer-suggestion span{color:var(--ink-soft);font-size:.86rem}.management-form .primary-button{margin-top:4px}.nested-form-fields{border-radius:var(--radius-md);background:var(--surface-muted);border:0;gap:12px;padding:12px;display:grid}.nested-form-fields:disabled{opacity:.55}.nested-form-fields:disabled input,.nested-form-fields:disabled select,.nested-form-fields:disabled textarea,.nested-form-fields:disabled button{cursor:not-allowed}.inventory-inputs,.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.date-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;display:grid}.unit-needs-fieldset{border:0;gap:10px;margin:0;padding:0;display:grid}.unit-needs-fieldset legend{color:var(--ink-soft);padding:0;font-size:.86rem;font-weight:700}.unit-needs-list{gap:8px;display:grid}.unit-need-row{grid-template-columns:minmax(0,1.4fr) minmax(86px,.6fr);align-items:end;gap:8px;display:grid}.unit-need-row:has(.unit-need-remove){grid-template-columns:minmax(0,1.3fr) minmax(76px,.55fr) auto}.unit-need-remove{align-self:end}.unit-card{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.unit-summary{gap:8px;display:grid}.inventory-list{flex-wrap:wrap;gap:8px;display:flex}.unit-count{margin-bottom:0;font-size:2rem;font-weight:700;line-height:1}.inventory-pill{background:var(--surface-muted);color:var(--ink-soft);border-radius:999px;padding:6px 10px;font-size:.82rem}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #14281d14;border-right:0;grid-template-rows:none;min-height:auto;position:static}.sidebar-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.sidebar-account-link{align-self:stretch}.sidebar-link{text-align:center}.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-table-header,.customer-row-card,.jobsite-table-header,.jobsite-row-card{grid-template-columns:1fr}.customer-table-header,.jobsite-table-header{padding:0}.management-forms{grid-template-columns:1fr}.create-record-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.data-modal-panel{width:min(92vw,980px);max-height:84vh}.inventory-layout,.account-layout,.technician-dash-layout,.crapper-tracker-map,.jobsite-detail-grid,.customer-detail-grid{grid-template-columns:1fr}.panel-note{text-align:left}}@media (width<=640px){.sidebar{gap:16px;padding:18px 10px}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.site-shell{width:min(100vw - 20px,1240px);padding-top:20px}.onboarding-shell{padding:18px}.onboarding-header,.onboarding-footer{flex-direction:column;align-items:stretch}.onboarding-data-slide{grid-template-columns:1fr}.onboarding-actions{justify-content:stretch}.onboarding-actions .primary-button,.onboarding-actions .secondary-button,.onboarding-header .secondary-button{width:100%}.page-heading{flex-direction:column;align-items:stretch}.page-heading .primary-button{width:100%}.panel{border-radius:22px;padding:18px}.route-tools{justify-content:stretch}.route-tools,.route-tools .primary-button{width:100%}.route-schedule-controls,.route-plan-actions,.route-assign-actions,.route-map-layout,.active-route-clone,.active-route-stop,.active-route-selectors{grid-template-columns:1fr}.route-plan-actions{flex-direction:column;align-items:stretch}.routing-status{text-align:left}.stats-grid,.create-record-actions{grid-template-columns:1fr}.jobsite-table-header{gap:8px}.create-record-button{min-height:72px}.crapper-map-summary{grid-template-columns:1fr}.data-modal{padding:10px}.data-modal-panel{border-radius:22px;width:min(100%,980px);max-height:calc(100vh - 20px);padding:18px}.route-card{grid-template-columns:1fr}.route-group-heading{flex-direction:column;align-items:start}.route-actions{grid-auto-flow:column;justify-content:start}.management-form .address-sync-toggle{white-space:normal}:is(.unit-need-row,.unit-need-row:has(.unit-need-remove)){grid-template-columns:1fr}}