:root{--ink:#152026;--muted:#69767d;--line:#dce2e5;--paper:#fff;--soft:#f2f5f6;--dark:#11191d;--accent:#d8272f}*{box-sizing:border-box}body{color:var(--ink);background:#edf1f2;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--dark);color:#edf1f2;flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:10px;padding:4px 8px 22px;display:flex}.sidebar-brand svg{color:var(--accent)}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand span{color:#85949b;letter-spacing:.12em;margin-top:3px;font-size:10px}.sidebar nav{gap:3px;display:grid}.sidebar nav a{color:#b9c5ca;border-radius:7px;align-items:center;gap:10px;padding:10px;font-size:13px;text-decoration:none;display:flex}.sidebar nav a:first-child,.sidebar nav a:hover{color:#fff;background:#29363c}.sidebar nav svg{width:16px}.staff-card{border-top:1px solid #2e3a40;min-width:0;margin-top:auto;padding:15px 8px 0}.staff-card small,.staff-card span{display:block}.staff-card span{color:#aeb9be;text-overflow:ellipsis;font-size:11px;overflow:hidden}.staff-card button{color:#e7ecee;background:0 0;border:0;margin-top:8px;padding:0}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;height:68px;padding:14px 24px;display:flex}.topbar input{border:1px solid var(--line);background:var(--soft);border-radius:8px;width:min(600px,70%);padding:10px 12px}.topbar .primary-button{margin-left:auto}.primary-button{background:var(--dark);color:#fff;border:0;border-radius:8px;padding:10px 14px;font-weight:700}.dashboard-page{max-width:1500px;margin:auto;padding:28px}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.page-heading h1{margin:2px 0 4px;font-size:28px}.eyebrow{letter-spacing:.14em;color:var(--accent);margin:0;font-size:10px;font-weight:800}.muted{color:var(--muted);margin:0}.status{background:#fff7db;border:1px solid #dbc88c;border-radius:20px;padding:7px 10px;font-size:11px}.status.connected{background:#e7f5eb;border-color:#b9d6c3}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.kpi-grid article,.panel{background:var(--paper);border:1px solid var(--line);border-radius:10px}.kpi-grid article{padding:16px}.kpi-grid span,.kpi-grid small{color:var(--muted);display:block}.kpi-grid strong{margin:6px 0;font-size:28px;display:block}.overview-grid{grid-template-columns:2fr 1fr;gap:14px;margin-top:14px;display:grid}.panel{padding:17px}.panel header{border-bottom:1px solid #edf0f1;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.panel h2{margin:0;font-size:16px}.panel button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 10px}.briefing{color:#536169;line-height:1.55}.action-grid,.pipeline{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.action-grid div,.pipeline div{background:var(--soft);border:1px solid var(--line);border-radius:7px;padding:12px}.action-grid span,.pipeline span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.pipeline{grid-template-columns:repeat(5,1fr)}.pipeline span{font-size:20px}.panel ul{margin:0;padding:0;list-style:none}.panel li{border-bottom:1px solid #edf0f1;justify-content:space-between;padding:10px 0;font-size:12px;display:flex}.panel li b{color:var(--muted);font-size:10px}.login-page{background:linear-gradient(145deg,#10181c,#2a373d);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border-radius:12px;width:min(420px,100%);padding:30px;box-shadow:0 18px 60px #0005}.brand-mark{letter-spacing:.08em;font-size:22px;font-weight:900}.login-card h1{margin:16px 0 6px}.login-form{gap:14px;margin-top:22px;display:grid}.login-form label{gap:6px;font-size:12px;font-weight:700;display:grid}.login-form input{border:1px solid var(--line);border-radius:7px;padding:11px}.form-error{color:#a9272d;margin:0;font-size:12px}@media (max-width:1000px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.wide{grid-column:auto}}@media (max-width:720px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav{display:flex;overflow:auto}.staff-card{display:none}.topbar{padding:12px 16px}.dashboard-page{padding:18px}.kpi-grid,.pipeline{grid-template-columns:1fr 1fr}.action-grid{grid-template-columns:1fr}}.payment-return-page{background:radial-gradient(circle at top,#172b3d 0,#070d15 58%);place-items:center;min-height:100dvh;padding:24px;display:grid}.payment-return-card{color:#f4f8fb;text-align:center;background:#0d1822;border:1px solid #ffffff24;border-radius:24px;justify-items:center;gap:18px;width:min(100%,440px);padding:38px 28px;display:grid;box-shadow:0 24px 70px #00000061}.payment-return-card img{width:min(100%,300px);height:auto}.payment-return-card h1,.payment-return-card p{margin:0}.payment-return-card p{color:#b7c5cf;line-height:1.55}.payment-return-card strong{max-width:320px;line-height:1.45}.payment-return-success,.payment-return-error{width:58px;height:58px}.payment-return-success{color:#36c78b}.payment-return-error{color:#ffb453}
.success-message{color:#287042;margin:0;font-size:12px}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;padding:10px 14px;font-weight:700}.login-divider{color:var(--muted);align-items:center;gap:10px;margin:18px 0;font-size:11px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--line);flex:1;height:1px}.link-button{margin-top:20px;text-decoration:none;display:inline-block}.login-status-message,.recovery-guidance{color:#c5eefd;background:#0b2432;border:1px solid #2e6178;border-radius:8px;padding:11px 12px;line-height:1.45}.login-recovery-card{gap:10px;display:grid}.login-recovery-card h2{margin:0;font-size:17px}.login-recovery-card>p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.login-help-form{margin-top:4px}.magic-link-backup{border-top:1px solid var(--line);margin-top:10px;padding-top:14px}.magic-link-backup summary{color:#9fb3c2;cursor:pointer;font-size:12px;font-weight:700}.recovery-guidance{margin:18px 0 0;font-size:13px}.login-page .primary-button,.login-page .secondary-button{cursor:pointer}.login-page .primary-button:hover,.login-page .secondary-button:hover{border-color:var(--accent);color:#fff;background:#14334a}.login-page .primary-button:active,.login-page .secondary-button:active{transform:translateY(1px)scale(.99)}
.text-button{text-decoration:none;display:inline-block}.notice{border-radius:8px;margin:0 0 14px;padding:11px 13px;font-size:13px}.notice.success{color:#27633a;background:#e7f5eb;border:1px solid #b9d6c3}.notice.error{color:#8e2529;background:#fff0f0;border:1px solid #e1b8ba}.crm-grid{grid-template-columns:minmax(320px,.8fr) minmax(460px,1.4fr);gap:14px;display:grid}.record-form{gap:14px;display:grid}.record-form label,.vin-search-form label{gap:6px;font-size:12px;font-weight:700;display:grid}.record-form input,.record-form select,.record-form textarea,.vin-search-form input,.customer-list-panel header input{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;padding:10px}.record-form textarea{resize:vertical;min-height:88px}.record-form h3{margin:5px 0 -4px;font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.vehicle-fields{grid-template-columns:.6fr 1fr 1fr 1fr}.customer-list-panel header form{gap:7px;min-width:min(390px,55%);display:flex}.customer-list-panel header{align-items:flex-end}.small-text{font-size:11px}.empty-state{text-align:center;color:var(--muted);gap:6px;padding:34px 16px;display:grid}.empty-state strong{color:var(--ink)}.record-list{display:grid}.customer-row{border-bottom:1px solid #edf0f1;grid-template-columns:1fr 1.35fr;gap:14px;padding:13px 0;display:grid}.customer-row>div,.customer-row a{gap:4px;display:grid}.customer-row a{color:var(--ink);background:var(--soft);border-radius:7px;margin-bottom:5px;padding:8px;text-decoration:none}.customer-row span,.warranty-list span{color:var(--muted);font-size:11px}.warranty-search{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.scanner-card,.vin-search-form{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px}.scanner-card p{color:var(--muted);font-size:12px}.scanner-card button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 11px}.scanner-video{background:#111;border-radius:8px;width:100%;max-height:260px;display:none}.scanner-video.active{display:block}.vin-search-form{align-items:end;gap:10px;display:flex}.vin-search-form label{flex:1}.warranty-results{align-items:start}.vehicle-summary code{background:var(--soft);letter-spacing:.08em;border-radius:7px;margin:12px 0;padding:10px;display:block}.vehicle-summary dl{gap:8px;margin:0;display:grid}.vehicle-summary dl div{border-bottom:1px solid #edf0f1;justify-content:space-between;padding:8px 0;display:flex}.vehicle-summary dt{color:var(--muted);font-size:12px}.vehicle-summary dd{margin:0;font-size:12px;font-weight:700}.warranty-list{display:grid}.warranty-list section{border-bottom:1px solid #edf0f1;justify-content:space-between;gap:10px;padding:12px 0;display:flex}.warranty-list section>div{text-align:right;gap:4px;display:grid}.warranty-list section>div:first-child{text-align:left}.warranty-badge{text-transform:capitalize;color:#27633a}.warranty-badge.expired{color:#9b3136}@media (max-width:980px){.crm-grid,.warranty-search{grid-template-columns:1fr}.vehicle-fields{grid-template-columns:1fr 1fr}}@media (max-width:620px){.form-grid,.vehicle-fields,.customer-row{grid-template-columns:1fr}.customer-list-panel header{align-items:stretch}.customer-list-panel header form,.vin-search-form{min-width:0;display:grid}.page-heading{display:grid}.page-heading .primary-button{width:max-content}}
.schedule-layout{grid-template-columns:minmax(330px,.75fr) minmax(560px,1.5fr);align-items:start;gap:14px;display:grid}.appointment-form-panel{position:sticky;top:82px}.schedule-days{gap:20px;display:grid}.schedule-day h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:12px}.appointment-card{border:1px solid var(--line);background:#fff;border-left:4px solid #73838b;border-radius:8px;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;margin-bottom:8px;padding:11px;display:grid}.appointment-card.status-confirmed{border-left-color:#3177a8}.appointment-card.status-checked_in,.appointment-card.status-in_progress{border-left-color:#d49b22}.appointment-card.status-completed{border-left-color:#3d8b57}.appointment-card.status-canceled,.appointment-card.status-no_show{opacity:.65;border-left-color:#a3393d}.appointment-time,.appointment-detail{gap:3px;display:grid}.appointment-time span,.appointment-detail span{color:var(--muted);font-size:11px}.appointment-card form{gap:6px;display:flex}.appointment-card select{border:1px solid var(--line);text-transform:capitalize;border-radius:6px;padding:7px}.time-kpis{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:14px;display:grid}.time-kpis article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px}.time-kpis span{color:var(--muted);font-size:11px;display:block}.time-kpis strong{margin-top:6px;font-size:20px;display:block}.time-layout{grid-template-columns:minmax(300px,.7fr) minmax(500px,1.3fr);align-items:start;gap:14px;display:grid}.active-clock{gap:8px;display:grid}.active-clock p{color:var(--muted);margin:0}.active-clock .primary-button{margin-top:8px}.live-dot{color:#b52228;letter-spacing:.08em;font-size:11px;font-weight:800}.time-row{border-bottom:1px solid #edf0f1;justify-content:space-between;gap:16px;padding:13px 0;display:flex}.time-row>div{gap:4px;display:grid}.time-row>div:last-child{text-align:right}.time-row span{color:var(--muted);font-size:11px}@media (max-width:1050px){.schedule-layout,.time-layout{grid-template-columns:1fr}.appointment-form-panel{position:static}}@media (max-width:720px){.appointment-card{grid-template-columns:1fr}.appointment-card form{display:grid}.time-kpis{grid-template-columns:1fr}.schedule-board{padding:12px}}.bay-manager{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.bay-manager h3{margin:2px 0 10px;font-size:13px}.bay-list{flex-wrap:wrap;gap:6px;display:flex}.bay-list form{background:#f8fafb;border:1px solid #aebbc0;border-radius:20px;align-items:center;gap:7px;padding:4px 5px 4px 10px;display:flex}.bay-list form.inactive{opacity:.55}.bay-list span{font-size:10px;font-weight:800}.bay-list button{border-radius:15px;padding:4px 7px;font-size:8px}.add-bay{gap:6px;margin-top:9px;display:flex}.add-bay input{border:1px solid var(--line);border-radius:6px;flex:1;min-width:0;padding:8px;font-size:10px}.add-bay button{font-size:9px}
.inventory-kpis{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px;display:grid}.inventory-kpis article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px}.inventory-kpis article.attention{background:#fff8e9;border-color:#dfb16b}.inventory-kpis span,.inventory-kpis small{color:var(--muted);font-size:11px;display:block}.inventory-kpis strong{margin:5px 0;font-size:26px;display:block}.inventory-top-grid{grid-template-columns:1.4fr .7fr;align-items:start;gap:14px;display:grid}.low-stock-strip{background:#fff4dd;border:1px solid #e3c17d;border-radius:9px;align-items:center;gap:10px;margin-top:14px;padding:12px;font-size:12px;display:flex;overflow:auto}.low-stock-strip span{white-space:nowrap;border-left:1px solid #d9bd84;padding-left:10px}.inventory-main-grid{grid-template-columns:1.55fr .65fr;align-items:start;gap:14px;margin-top:14px;display:grid}.inventory-side,.product-stock-list{gap:14px;display:grid}.inventory-product{border:1px solid var(--line);border-radius:9px;overflow:hidden}.inventory-product>header{background:var(--soft);border:0;justify-content:space-between;gap:15px;margin:0;padding:12px;display:flex}.inventory-product>header>div{gap:3px;display:grid}.inventory-product>header>div:last-child{text-align:right}.inventory-product span,.inventory-lot span,.reservation-list span,.movement-list span{color:var(--muted);font-size:11px}.inventory-lot{border-top:1px solid #edf0f1;grid-template-columns:1fr 1fr 2fr;align-items:center;gap:12px;padding:11px 12px;display:grid}.inventory-lot>div{gap:3px;display:grid}.inventory-lot form{grid-template-columns:.8fr .7fr 1fr auto;gap:6px;display:grid}.inventory-lot input,.inventory-lot select,.reservation-list select{border:1px solid var(--line);border-radius:6px;min-width:0;padding:7px}.reservation-list,.movement-list{display:grid}.reservation-list section,.movement-list section{border-bottom:1px solid #edf0f1;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;display:flex}.reservation-list section>div,.movement-list section>div:first-child{gap:3px;display:grid}.reservation-list form{gap:6px;display:flex}.positive{color:#27703d;font-weight:800}.negative{color:#a52c32;font-weight:800}.empty-state.compact{padding:16px}.movement-list:empty:after{content:"No inventory movement yet";text-align:center;color:var(--muted);padding:18px;font-size:12px;display:block}@media (max-width:1100px){.inventory-top-grid,.inventory-main-grid{grid-template-columns:1fr}.inventory-kpis{grid-template-columns:1fr 1fr}}@media (max-width:720px){.inventory-kpis,.inventory-lot{grid-template-columns:1fr}.inventory-lot form{grid-template-columns:1fr 1fr}.inventory-lot form input[name=reason],.inventory-lot form button{grid-column:span 2}.reservation-list section,.reservation-list form{display:grid}}
.ai-run-button{align-items:center;gap:8px;display:flex}.ai-run-button svg{width:15px}.ai-safety-banner{color:#fff;background:#172126;border-radius:10px;align-items:center;gap:13px;margin-bottom:14px;padding:16px 18px;display:flex}.ai-safety-banner>svg{color:#66d18f}.ai-safety-banner div{gap:3px;display:grid}.ai-safety-banner div span{color:#b9c7cc;font-size:12px}.safety-state{color:#cbd6da;border:1px solid #46555c;border-radius:20px;align-items:center;gap:6px;margin-left:auto;padding:7px 10px;font-size:10px;display:flex}.safety-state svg{width:13px}.ai-kpis{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px;display:grid}.ai-kpis article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:15px}.ai-kpis span{color:var(--muted);font-size:12px;display:block}.ai-kpis strong{margin-top:6px;font-size:27px;display:block}.ai-kpis .mode-value{text-transform:capitalize;margin-top:11px;font-size:18px}.ai-kpis .urgent{background:#fff6f6;border-color:#eab1b4}.ai-kpis .urgent strong{color:var(--accent)}.ai-layout{grid-template-columns:minmax(0,1.8fr) minmax(300px,.8fr);gap:14px;display:grid}.ai-queue>header>span{color:var(--muted);font-size:11px}.ai-empty svg{color:#849299;width:30px;margin-bottom:5px}.recommendation-list{gap:10px;display:grid}.recommendation{border:1px solid var(--line);border-left:4px solid #7c929d;border-radius:8px;grid-template-columns:40px 1fr;gap:12px;padding:14px;display:grid}.recommendation.attention{border-left-color:#d99520}.recommendation.urgent{border-left-color:var(--accent)}.recommendation-icon{background:var(--soft);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.recommendation-icon svg{width:18px}.recommendation.urgent .recommendation-icon{color:var(--accent);background:#fff0f0}.recommendation.attention .recommendation-icon{color:#a76d0d;background:#fff7e6}.recommendation-meta{justify-content:space-between;gap:10px;display:flex}.recommendation-meta span,.recommendation-meta b{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px}.recommendation-meta b{color:#596970}.recommendation h3{margin:5px 0;font-size:16px}.recommendation p{color:#58676e;margin:0;font-size:13px;line-height:1.5}.proposed-action{background:var(--soft);border-radius:7px;gap:3px;margin-top:10px;padding:10px;display:grid}.proposed-action strong{text-transform:uppercase;font-size:10px}.proposed-action span{color:#536169;font-size:12px}.recommendation-actions{gap:8px;margin-top:10px;display:flex}.recommendation-actions button{font-size:11px}.recommendation-actions .approve{color:#fff;background:#172126;border-color:#172126}.ai-side{align-content:start;gap:14px;display:grid}.ai-settings form{gap:14px;display:grid}.ai-settings form>label{gap:6px;font-size:11px;font-weight:700;display:grid}.ai-settings select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px}.ai-toggle-list{display:grid}.ai-toggle-list label{border-bottom:1px solid #edf0f1;align-items:flex-start;gap:9px;padding:10px 0;display:flex}.ai-toggle-list input{margin-top:3px}.ai-toggle-list span{display:grid}.ai-toggle-list strong{font-size:12px}.ai-toggle-list small{color:var(--muted);margin-top:2px}.locked-actions{border:1px solid var(--line);background:#f5f7f7;border-radius:8px;gap:8px;padding:10px;display:grid}.locked-actions span{color:#68767d;align-items:center;gap:7px;font-size:11px;display:flex}.locked-actions svg{width:13px}.ai-history>div{display:grid}.ai-history section{border-bottom:1px solid #edf0f1;gap:9px;padding:9px 0;display:flex}.ai-history svg{color:#76878e;width:15px}.ai-history section div{gap:2px;display:grid}.ai-history section strong{font-size:11px}.ai-history section span{color:var(--muted);font-size:9px}@media (max-width:1050px){.ai-layout{grid-template-columns:1fr}.ai-side{grid-template-columns:1fr 1fr}}@media (max-width:720px){.ai-safety-banner{align-items:flex-start}.safety-state{display:none}.ai-kpis{grid-template-columns:1fr 1fr}.ai-side,.recommendation{grid-template-columns:1fr}.recommendation-actions{flex-wrap:wrap}}
.report-window{border:1px solid var(--line);background:#fff;border-radius:8px;padding:3px;display:flex}.report-window a{color:var(--muted);border-radius:6px;padding:7px 10px;font-size:11px;font-weight:700;text-decoration:none}.report-window a.active{background:var(--dark);color:#fff}.analytics-source{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:9px;align-items:center;gap:7px;margin-bottom:14px;padding:10px 13px;font-size:11px;display:flex}.analytics-source strong{color:var(--ink)}.live-dot{background:#2da965;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dff5e8}.metric-window{margin-left:auto}.analytics-empty-banner{background:#eef9fc;border:1px solid #b9d5df;border-radius:10px;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.analytics-empty-banner svg{color:#347f98}.analytics-empty-banner div{gap:3px;display:grid}.analytics-empty-banner span{color:#55717b;font-size:12px}.analytics-kpis{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:14px;display:grid}.analytics-kpis article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px;position:relative}.analytics-kpis span,.analytics-kpis small{color:var(--muted);display:block}.analytics-kpis span{font-size:12px}.analytics-kpis strong{margin:7px 0 3px;font-size:25px;display:block}.analytics-kpis small{font-size:10px}.metric-icon{background:var(--soft);color:#65767e;border-radius:8px;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:13px;right:13px}.metric-icon svg{width:15px}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.trend-panel{grid-column:1/-1}.chart-panel header>span{color:var(--muted);font-size:10px}.column-chart{grid-template-columns:repeat(14,1fr);align-items:end;gap:7px;height:230px;padding-top:18px;display:grid}.column-item{text-align:center;grid-template-rows:18px 1fr 24px;align-items:end;min-width:0;height:100%;display:grid}.column-value{color:var(--muted);font-size:9px}.column-track{background:#f1f4f5;border-radius:5px 5px 2px 2px;align-items:flex-end;height:100%;display:flex;overflow:hidden}.column-track span{background:linear-gradient(#566d77,#1e2a30);border-radius:5px 5px 0 0;width:100%;display:block}.column-item small{color:var(--muted);white-space:nowrap;padding-top:6px;font-size:8px}.horizontal-chart{gap:10px;display:grid}.bar-row{grid-template-columns:100px 1fr 34px;align-items:center;gap:9px;display:grid}.bar-row>span{color:#4f5f66;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.bar-row>div{background:#edf1f2;border-radius:10px;height:9px;overflow:hidden}.bar-row i{background:#24333a;border-radius:10px;min-width:0;height:100%;display:block}.bar-row b{text-align:right;font-size:11px}.service-chart .bar-row i{background:#486d7c}.staff-chart .bar-row i{background:#c94a50}.chart-empty{text-align:center;min-height:145px;color:var(--muted);background:var(--soft);border-radius:8px;place-items:center;font-size:12px;display:grid}.attention-list{gap:3px;display:grid}.attention-list section{border-bottom:1px solid #edf0f1;align-items:center;gap:10px;padding:11px 0;display:flex}.attention-list svg{color:#6e7f86;width:18px}.attention-list section div{gap:2px;display:grid}.attention-list strong{font-size:12px}.attention-list span{color:var(--muted);font-size:10px}.metric-definitions dl{gap:1px;margin:0;display:grid}.metric-definitions dl>div{border-bottom:1px solid #edf0f1;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;display:grid}.metric-definitions dt{font-size:11px;font-weight:800}.metric-definitions dd{color:var(--muted);margin:0;font-size:11px;line-height:1.45}@media (max-width:1050px){.analytics-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.analytics-source{flex-wrap:wrap;align-items:flex-start}.metric-window{width:100%;margin-left:14px}.analytics-kpis,.analytics-grid{grid-template-columns:1fr}.trend-panel{grid-column:auto}.column-chart{gap:3px;overflow-x:auto}.column-item{min-width:26px}.bar-row{grid-template-columns:85px 1fr 34px}}
.lead-kpis{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px;display:grid}.lead-kpis article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:15px}.lead-kpis span{color:var(--muted);font-size:11px;display:block}.lead-kpis strong{margin-top:6px;font-size:25px;display:block}.lead-kpis .attention{background:#fff9ed;border-color:#e4bb72}.lead-intake-grid{grid-template-columns:1.4fr .8fr;gap:14px;margin-bottom:14px;display:grid}.lead-intake-grid .panel>header svg{width:18px;color:var(--muted)}.visualizer-inbox>header>span{color:var(--muted);font-size:10px}.visualizer-inbox>div>section{border-bottom:1px solid #edf0f1;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.visualizer-inbox section div{gap:2px;display:grid}.visualizer-inbox section strong{font-size:12px}.visualizer-inbox section span{color:var(--muted);font-size:10px}.visualizer-inbox button{align-items:center;gap:5px;font-size:10px;display:flex}.visualizer-inbox button svg{width:12px}.pipeline-board{grid-template-columns:repeat(6,minmax(210px,1fr));gap:10px;padding-bottom:8px;display:grid;overflow-x:auto}.pipeline-column{background:#e7ecee;border:1px solid #d6dfe2;border-radius:10px;min-height:260px;padding:9px}.pipeline-column>header{justify-content:space-between;align-items:center;padding:4px 3px 10px;display:flex}.pipeline-column>header strong{text-transform:uppercase;letter-spacing:.05em;font-size:11px}.pipeline-column>header span{background:#fff;border-radius:20px;padding:3px 7px;font-size:10px}.pipeline-column>div{gap:8px;display:grid}.pipeline-empty{text-align:center;color:#8a999f;margin:25px 0;font-size:10px}.lead-card{background:#fff;border:1px solid #d9e0e2;border-radius:8px;padding:11px;box-shadow:0 2px 5px #1b2a3008}.lead-card-top{justify-content:space-between;gap:5px;display:flex}.source,.followup{text-transform:uppercase;color:#65757c;background:#edf1f2;border-radius:12px;padding:3px 6px;font-size:8px}.source.visualizer{color:#366e9b;background:#e8f2ff}.followup{align-items:center;gap:3px;display:flex}.followup svg{width:9px}.followup.overdue{color:#a65318;background:#fff0e6}.lead-card h3{margin:9px 0 2px;font-size:13px}.lead-card>p{text-transform:capitalize;color:var(--muted);margin:0;font-size:10px}.lead-contact{color:#607077;text-overflow:ellipsis;margin-top:6px;font-size:10px;overflow:hidden}.lead-value{border-top:1px solid #edf0f1;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.lead-value strong{font-size:12px}.lead-value span{color:var(--muted);font-size:9px}.lead-details,.recent-activity{color:#6a787e;margin-top:7px;font-size:9px;line-height:1.4;display:block}.recent-activity{font-style:italic}.lead-card details{border-top:1px solid #edf0f1;margin-top:8px;padding-top:7px}.lead-card summary{cursor:pointer;color:#53656d;font-size:9px;font-weight:800}.lead-update-form{gap:6px;margin-top:8px;display:grid}.lead-update-form label{gap:2px;font-size:8px;font-weight:700;display:grid}.lead-update-form input,.lead-update-form select{border:1px solid var(--line);background:#fff;border-radius:5px;width:100%;padding:6px;font-size:9px}.lead-update-form button{font-size:9px}.lead-note-form{gap:4px;margin-top:6px;display:flex}.lead-note-form input{border:1px solid var(--line);border-radius:5px;width:100%;min-width:0;padding:6px;font-size:9px}.lead-note-form button{padding:4px 7px}.lead-note-form svg{width:13px}@media (max-width:1050px){.lead-intake-grid{grid-template-columns:1fr}.lead-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.lead-kpis{grid-template-columns:1fr 1fr}.pipeline-board{grid-template-columns:repeat(6,230px)}}
.leads-v2 .lead-kpis article{gap:2px;display:grid}.leads-v2 .lead-kpis strong{margin:3px 0}.leads-v2 .lead-kpis small{color:var(--muted);font-size:10px}.leads-v2 .lead-kpis>a{color:var(--ink);background:var(--paper);border:1px solid var(--line);box-shadow:0 10px 30px #0001f;border-radius:10px;gap:2px;padding:15px;text-decoration:none;transition:background .16s,border-color .16s,box-shadow .16s,transform 80ms;display:grid}.leads-v2 .lead-kpis>a:hover{background:var(--soft);border-color:#36566a;box-shadow:0 12px 30px #0003}.leads-v2 .lead-kpis>a:active{background:#0e2634;transform:translateY(1px)}.leads-v2 .lead-kpis>a.active{background:linear-gradient(135deg, #132b3a, var(--paper));border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent), 0 0 0 2px #00bdf018}.leads-v2 .lead-kpis>a.attention:not(.active){background:var(--paper);box-shadow:inset 4px 0 0 #d3a23b, 0 10px 30px #0001f;border-color:#6c5b25}.leads-v2 .lead-kpis>a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lead-focus-nav{justify-content:flex-end;margin:-2px 0 14px;display:flex}.lead-focus-nav a{min-height:34px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:7px;align-items:center;padding:7px 11px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.lead-focus-nav a:hover{color:#fff;background:var(--soft);border-color:var(--accent)}.lead-focus-nav a:active{background:#0e2634;transform:translateY(1px)}.lead-command-grid{grid-template-columns:1fr;gap:14px;margin-bottom:22px;display:grid}.quote-request-inbox{min-height:300px}.quote-request-inbox>div>section{padding:12px 0}.quote-request-inbox button{color:#315d91;font-weight:700}.inbox-more{color:var(--muted);margin:12px 0 0;font-size:10px}.manual-lead-panel{align-self:start}.manual-lead-panel>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;list-style:none;display:flex}.manual-lead-panel>summary::-webkit-details-marker{display:none}.manual-lead-panel>summary h2{margin:2px 0}.manual-lead-panel>summary span{color:var(--muted);font-size:10px}.manual-lead-panel>summary svg{width:19px;color:var(--muted)}.manual-lead-panel[open]>summary{border-bottom:1px solid #edf0f1;margin-bottom:14px;padding-bottom:13px}.pipeline-heading{justify-content:space-between;align-items:end;gap:16px;margin:0 2px 10px;display:flex}.pipeline-heading h2{margin:2px 0 0;font-size:18px}.pipeline-heading>span{color:var(--muted);font-size:11px}.lead-contact-actions{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.lead-contact-actions a{color:#405861;background:var(--soft);border:1px solid var(--line);border-radius:5px;align-items:center;gap:3px;padding:5px 7px;font-size:8px;font-weight:800;text-decoration:none;display:flex}.lead-contact-actions svg{width:10px;height:10px}.quote-contact-actions{flex-direction:row!important;gap:6px!important;display:flex!important}.quote-contact-actions a{border:1px solid var(--line);color:#405861;border-radius:6px;align-items:center;gap:4px;padding:6px 8px;font-size:9px;font-weight:800;text-decoration:none;display:flex}.quote-contact-actions svg{width:11px;height:11px}.visualizer-users-panel{margin-bottom:22px}.visualizer-users-panel>header{align-items:start}.visualizer-users-panel>header p:last-child{color:var(--muted);margin:4px 0 0;font-size:10px;font-weight:400}.visualizer-users-panel>header>span{color:var(--muted);white-space:nowrap;font-size:10px}.profile-bulk-bar{border-bottom:1px solid #edf0f1;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.profile-bulk-bar label{align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.danger-button,.icon-delete-button{color:#a13d3d;align-items:center;gap:5px;font-size:9px;font-weight:800;display:flex}.danger-button:disabled{opacity:.4;cursor:not-allowed}.danger-button svg,.icon-delete-button svg{width:12px;height:12px}.visualizer-profile-list>section{border-bottom:1px solid #edf0f1;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px 0;display:grid}.profile-select{align-items:center;display:flex}.profile-details{min-width:0}.icon-delete-button span{display:inline}.expandable-record{border-bottom:1px solid #edf0f1}.expandable-record>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;list-style:none;display:flex}.expandable-record>summary::-webkit-details-marker{display:none}.expandable-record>summary>span{gap:3px;min-width:0;display:grid}.expandable-record>summary strong{font-size:12px}.expandable-record>summary small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.expandable-record>summary b{color:#315d91;white-space:nowrap;font-size:9px}.expandable-record[open]>summary b{font-size:0}.expandable-record[open]>summary b:after{content:"Hide details";font-size:9px}.expanded-record-content{padding:4px 0 15px}.record-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.record-facts>div{background:var(--soft);border-radius:7px;gap:3px;padding:9px;display:grid}.record-facts span,.record-notes span{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:800}.record-facts strong{overflow-wrap:anywhere;text-transform:capitalize;font-size:10px}.record-notes{border:1px solid var(--line);background:#fafbfb;border-radius:7px;margin-top:10px;padding:10px}.record-notes p{color:#56666d;white-space:pre-line;margin:5px 0 0;font-size:10px;line-height:1.55}.record-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px;display:grid}.record-images figure{background:#11191d;border-radius:8px;margin:0;position:relative;overflow:hidden}.record-images img{object-fit:cover;width:100%;height:180px;display:block}.record-images figcaption{color:#fff;background:#11191dcf;border-radius:4px;padding:4px 6px;font-size:8px;font-weight:800;position:absolute;bottom:7px;right:7px}.no-record-images{color:var(--muted);margin:10px 0 0;font-size:9px}.quote-request-record .quote-contact-actions{margin-top:10px}.quote-request-record .quote-contact-actions a{background:#fff}@media (max-width:1050px){.lead-command-grid{grid-template-columns:1fr}}@media (max-width:720px){.pipeline-heading{display:block}.pipeline-heading>span{margin-top:3px;display:block}.icon-delete-button span{display:none}.record-facts{grid-template-columns:1fr 1fr}.record-images{grid-template-columns:1fr}.record-images img{height:210px}}
.quote-kpis{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px;display:grid}.quote-kpis article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:15px}.quote-kpis span{color:var(--muted);font-size:11px;display:block}.quote-kpis strong{margin-top:6px;font-size:23px;display:block}.quote-create{margin-bottom:14px}.quote-create>header svg{width:18px;color:var(--muted)}.quote-items-editor{border:1px solid var(--line);border-radius:8px;overflow:hidden}.quote-item-head,.quote-item-input{grid-template-columns:130px 1fr 110px 130px;gap:7px;padding:8px;display:grid}.quote-item-head{text-transform:uppercase;color:#5c6c73;background:#edf1f2;font-size:9px;font-weight:800}.quote-item-input{border-top:1px solid #edf0f1}.quote-item-input input,.quote-item-input select{padding:8px}.quote-adjustments{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.quotes-workspace{grid-template-columns:minmax(300px,.65fr) minmax(550px,1.35fr);align-items:start;gap:14px;display:grid}.quote-list>div{display:grid}.quote-list a{color:var(--ink);border-bottom:1px solid #edf0f1;border-left:3px solid #0000;justify-content:space-between;gap:10px;padding:11px;text-decoration:none;display:flex}.quote-list a.active{border-left-color:var(--accent);background:#f2f6f7}.quote-list a>div{gap:3px;display:grid}.quote-list a>div:last-child{text-align:right}.quote-list a strong{font-size:11px}.quote-list a span{color:var(--muted);font-size:9px}.quote-status{text-transform:uppercase;letter-spacing:.05em;color:#5e6d74!important;font-size:9px!important}.quote-status.sent,.quote-status.viewed{color:#2f6e9e!important}.quote-status.accepted{color:#257044!important}.quote-status.declined,.quote-status.expired{color:#a1373b!important}.quote-parties{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.quote-parties>div{background:var(--soft);border-radius:7px;gap:3px;padding:10px;display:grid}.quote-parties span,.quote-parties small{color:var(--muted);font-size:9px}.quote-parties strong{font-size:12px}.quote-lines{border:1px solid var(--line);border-radius:8px;overflow:hidden}.quote-line{border-top:1px solid #edf0f1;grid-template-columns:1fr 70px 100px 100px;align-items:center;gap:8px;padding:10px;font-size:11px;display:grid}.quote-line.heading{text-transform:uppercase;background:#edf1f2;border-top:0;font-size:9px;font-weight:800}.quote-line>span:not(:first-child){text-align:right}.quote-line span:first-child{gap:2px;display:grid}.quote-line small{text-transform:uppercase;color:var(--muted);font-size:8px}.quote-totals{width:min(330px,100%);margin:13px 0 13px auto;display:grid}.quote-totals div{border-bottom:1px solid #edf0f1;justify-content:space-between;padding:7px 0;font-size:11px;display:flex}.quote-totals .grand-total{border-top:2px solid var(--ink);font-size:15px}.quote-copy{background:var(--soft);border-radius:7px;margin-top:8px;padding:10px}.quote-copy strong{text-transform:uppercase;font-size:10px}.quote-copy p{color:#5a6970;margin:5px 0 0;font-size:11px;line-height:1.5}.quote-status-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:7px;margin-top:13px;padding-top:13px;display:flex}.quote-status-actions button{align-items:center;gap:5px;font-size:10px;display:flex}.quote-status-actions svg{width:13px}.quote-status-actions .accept{color:#24643a;background:#eff9f2;border-color:#9dc9ac}.quote-status-actions .decline{color:#8e2529;background:#fff5f5;border-color:#e1b8ba}.job-ready{color:#27633a;background:#e7f5eb;border:1px solid #b9d6c3;border-radius:7px;padding:9px;font-size:11px}@media (max-width:1050px){.quotes-workspace{grid-template-columns:1fr}.quote-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.quote-item-head{display:none}.quote-item-input{grid-template-columns:1fr 1fr}.quote-item-input input:first-of-type{grid-column:1/-1}.quote-adjustments,.quote-parties{grid-template-columns:1fr}.quote-line{grid-template-columns:1fr 45px 70px 75px;font-size:9px}}
.quote-status.void{color:#a1373b!important}.quote-status.paid{color:#257044!important}.quote-item-head.tax-aware,.quote-item-input.tax-aware{grid-template-columns:120px 1fr 95px 120px 90px}@media (max-width:720px){.quote-item-input.tax-aware{grid-template-columns:1fr 1fr}.quote-item-input.tax-aware input[name=item_description]{grid-column:1/-1}}
.invoice-kpis{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px;display:grid}.invoice-kpis>a{border:1px solid var(--line);min-height:112px;color:var(--ink);background:#fff;border-left:4px solid #0000;border-radius:10px;padding:15px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:block;position:relative}.invoice-kpis>a>svg{color:#819096;width:18px;position:absolute;top:14px;right:14px}.invoice-kpis>a.attention{background:#fff8f4;border-color:#e4b6a1 #e4b6a1 #e4b6a1 #d5794f}.invoice-kpis>a:hover{border-color:#61bfd9;border-left-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 22px #1044591f}.invoice-kpis>a:active{background:#e7f5f9;transform:translateY(0)}.invoice-kpis>a.active{border-color:#2b9fbe;border-left-color:var(--accent);background:#eaf7fa;box-shadow:0 0 0 2px #2fb5d91f}.invoice-kpis span{color:var(--muted);font-size:11px;display:block}.invoice-kpis strong{margin-top:6px;font-size:23px;display:block}.invoice-kpis small{color:#257892;margin-top:8px;font-size:9px;font-weight:800;display:block}.invoice-adjustments{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.invoices-workspace{grid-template-columns:minmax(310px,.65fr) minmax(580px,1.35fr);align-items:start;gap:14px;display:grid}.invoices-workspace.list-only{grid-template-columns:1fr}.invoice-list>div{display:grid}.invoice-list a{color:var(--ink);border-bottom:1px solid #edf0f1;border-left:4px solid #0000;justify-content:space-between;gap:10px;padding:13px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.invoice-list a:hover,.invoice-list a.active{border-left-color:var(--accent);background:#f2f8fa}.invoice-list a:active{background:#dceff4}.invoice-list a>div{gap:3px;display:grid}.invoice-list a>div:last-child{text-align:right}.invoice-list a strong{font-size:11px}.invoice-list a span{color:var(--muted);font-size:9px}.invoice-back-link{color:#267b94;margin-top:5px;font-size:9px;font-weight:800;text-decoration:none;display:inline-flex}.invoice-back-link:hover{text-decoration:underline}.invoice-status{text-transform:uppercase;letter-spacing:.05em;color:#5e6d74!important;font-size:9px!important}.invoice-status.sent{color:#2f6e9e!important}.invoice-status.partial{color:#9a621d!important}.invoice-status.paid{color:#257044!important}.invoice-status.overdue,.invoice-status.void{color:#a1373b!important}.invoice-status.refunded{color:#6d4d91!important}.quote-totals .balance-total{border-top:2px solid var(--accent);color:#123f56;font-size:16px}.payment-form{background:#f2f7f8;border:1px solid #cadde2;border-radius:9px;grid-template-columns:1.2fr .7fr .8fr 1fr auto;align-items:end;gap:9px;margin-top:14px;padding:13px;display:grid}.payment-form>div{align-items:center;gap:8px;display:flex}.payment-form>div svg{width:19px;color:var(--accent)}.payment-form>div span{display:grid}.payment-form>div small{color:var(--muted);font-size:9px}.payment-form label{font-size:9px}.payment-form input,.payment-form select{width:100%;margin-top:4px}.invoice-history-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.invoice-history-grid>section{border:1px solid var(--line);border-radius:8px;padding:11px}.invoice-history-grid h3{margin:0 0 8px;font-size:11px}.invoice-history-grid p{color:var(--muted);margin:0;font-size:10px}.history-row{border-top:1px solid #edf0f1;justify-content:space-between;gap:8px;padding:8px 0;display:flex}.history-row:first-of-type{border-top:0}.history-row span{gap:2px;display:grid}.history-row strong{font-size:10px}.history-row small,.history-row b{color:var(--muted);font-size:8px}.conversion-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:13px;padding-top:13px;display:flex}.conversion-actions form{margin:0}.conversion-actions a,.conversion-actions button{align-items:center;gap:6px;display:flex}.conversion-actions svg{width:14px}@media (max-width:1100px){.invoices-workspace{grid-template-columns:1fr}.payment-form{grid-template-columns:1fr 1fr}.payment-form>div{grid-column:1/-1}}@media (max-width:720px){.invoice-kpis{grid-template-columns:repeat(2,1fr)}.invoice-kpis>a{min-height:104px}.invoice-adjustments,.invoice-history-grid,.payment-form{grid-template-columns:1fr}.payment-form>div{grid-column:auto}}
.terminal-kpis{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px;display:grid}.terminal-kpis article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:15px;position:relative}.terminal-kpis svg{color:#75868d;width:18px;position:absolute;top:14px;right:14px}.terminal-kpis span,.terminal-kpis small{color:var(--muted);font-size:10px;display:block}.terminal-kpis strong{margin-top:6px;font-size:23px;display:block}.terminal-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.terminal-setup-card,.terminal-register-card,.terminal-history{margin-bottom:14px}.terminal-setup-card>p,.terminal-register-card>p{color:var(--muted);font-size:12px}.terminal-address-form{grid-template-columns:1fr 1fr 1fr;gap:11px;margin-top:16px;display:grid}.terminal-address-form .wide-field{grid-column:span 2}.terminal-address-form label,.terminal-register-card label{gap:5px;font-size:10px;font-weight:700;display:grid}.terminal-address-form input,.terminal-register-card input,.terminal-register-card select{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;padding:10px}.terminal-register-card form{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:10px;margin-top:14px;display:grid}.terminal-row{border-top:1px solid #edf0f1;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.terminal-row:first-of-type{border-top:0}.terminal-row span{gap:3px;display:grid}.terminal-row strong{font-size:11px}.terminal-row small{color:var(--muted);font-size:9px;line-height:1.45}.terminal-row b{text-transform:uppercase;color:#7a4b27;font-size:9px}.terminal-row b.online{color:#267346}.terminal-grid header button{align-items:center;gap:6px;display:flex}.terminal-grid header button svg{width:14px}.terminal-history header>span{color:var(--muted);font-size:10px}@media (max-width:1000px){.terminal-kpis{grid-template-columns:repeat(2,1fr)}.terminal-grid{grid-template-columns:1fr}.terminal-register-card form{grid-template-columns:1fr 1fr}}@media (max-width:720px){.terminal-kpis{grid-template-columns:1fr 1fr}.terminal-address-form,.terminal-register-card form{grid-template-columns:1fr}.terminal-address-form .wide-field{grid-column:auto}}.square-setup-card header button{align-items:center;gap:6px;display:flex}.square-setup-card header button svg{width:14px}.square-pairing-code{text-align:center;background:#f2f8f9;border:1px solid #b8d4da;border-radius:9px;justify-items:center;gap:7px;margin-top:14px;padding:18px;display:grid}.square-pairing-code span,.square-pairing-code small{color:var(--muted);font-size:10px}.square-pairing-code strong{letter-spacing:.16em;color:#123f56;font-size:30px}.square-setup-card .notice{margin-top:13px}
.terminal-payment-panel{background:linear-gradient(145deg,#101e2a,#0b1620);border:1px solid #29475a;border-radius:9px;gap:11px;margin-top:14px;padding:14px;display:grid}.terminal-payment-heading{align-items:center;gap:9px;display:flex}.terminal-payment-heading>svg{width:21px;color:var(--accent)}.terminal-payment-heading span{gap:2px;display:grid}.terminal-payment-heading strong{font-size:12px}.terminal-payment-heading small{color:var(--muted);font-size:9px}.terminal-payment-panel form{grid-template-columns:.7fr 1.2fr auto;align-items:end;gap:10px;display:grid}.terminal-payment-panel label{gap:5px;font-size:9px;font-weight:700;display:grid}.terminal-payment-panel input,.terminal-payment-panel select{width:100%;color:var(--ink);background:#0b1520;border:1px solid #30475a;border-radius:7px;padding:9px}.terminal-payment-panel input[readonly]{color:#9fb0bc;background:#101b25}.terminal-payment-panel button{justify-content:center;align-items:center;gap:6px;display:flex}.terminal-payment-panel button svg{width:15px}.terminal-empty,.terminal-progress,.terminal-result{background:#0c1722;border:1px solid #2b4355;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:11px;font-size:10px;display:flex}.terminal-empty a{color:#62d8f6;font-weight:700}.terminal-progress>span{gap:2px;margin-right:auto;display:grid}.terminal-progress small{color:var(--muted)}.terminal-result.success{color:#7ce0ae;background:#112a20;border-color:#2e7656}.terminal-error{color:#ff9298;align-items:center;gap:6px;margin:0;font-size:10px;display:flex}.terminal-error svg{width:15px}.spin{animation:1s linear infinite terminal-spin}@keyframes terminal-spin{to{transform:rotate(360deg)}}@media (max-width:720px){.terminal-payment-panel form{grid-template-columns:1fr}.terminal-empty,.terminal-progress,.terminal-result{flex-direction:column;align-items:flex-start}}
.payment-reference{justify-items:end;gap:3px;display:grid!important}.payment-reference a{color:#185776;font-size:8px;font-weight:700}
.document-tracking{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.document-tracking>span{border:1px solid var(--line);background:#fff;border-radius:7px;gap:2px;padding:9px;display:grid}.document-tracking b{font-size:9px}.document-tracking small{color:var(--muted);font-size:8px}.customer-response-audit{color:#245f38;background:#f0faf3;border:1px solid #b8d8c3;border-radius:8px;align-items:flex-start;gap:9px;margin-top:9px;padding:11px;display:flex}.customer-response-audit.declined{color:#8a2d31;background:#fff5f5;border-color:#e1b9bb}.customer-response-audit>svg{flex:none;width:18px}.customer-response-audit>span{gap:3px;display:grid}.customer-response-audit b{font-size:10px}.customer-response-audit small,.customer-response-audit em{color:#627077;font-size:8px;font-style:normal}.document-delivery-panel{background:linear-gradient(135deg,#f6f9fa,#eef3f4);border:1px solid #c8d5d9;border-radius:10px;margin-top:14px;padding:13px}.delivery-heading{gap:3px;margin-bottom:10px;display:grid}.delivery-heading>span{align-items:center;gap:7px;font-size:11px;display:flex}.delivery-heading svg{width:16px;color:var(--accent)}.delivery-heading small{color:var(--muted);font-size:9px}.document-delivery-panel form{grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:9px;display:grid}.document-delivery-panel label{font-size:9px;font-weight:700}.document-delivery-panel input{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;margin-top:4px;padding:9px}.delivery-buttons{gap:7px;display:flex}.delivery-buttons button,.secure-link-result button,.secure-link-result a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;align-items:center;gap:5px;padding:9px 10px;font-size:10px;text-decoration:none;display:flex}.delivery-buttons .primary-button{background:var(--dark);color:#fff;border-color:var(--dark)}.delivery-buttons svg,.secure-link-result svg{width:13px}.delivery-result{margin:10px 0 0;font-size:10px}.delivery-result.sent{color:#24643a}.delivery-result.error{color:#9b2c32}.delivery-result.link{color:#8b5b1e}.secure-link-result{grid-template-columns:1fr auto auto;gap:6px;margin-top:8px;display:grid}.secure-link-result input{color:#5d6a70;margin:0;font-size:9px}.customer-document-shell{background:radial-gradient(circle at 50% 0,#00bdf022,#0000 35rem),linear-gradient(155deg,#0b1420,#060b12 58%,#07111c);min-height:100vh;padding:28px 16px 60px}.document-toolbar{color:#dce4e7;justify-content:space-between;align-items:center;max-width:920px;margin:0 auto 12px;font-size:11px;display:flex}.document-toolbar>span{align-items:center;gap:6px;display:flex}.document-toolbar svg{width:15px}.document-print-button{color:#62dfff;background:#00bdf00a;border:1px solid #00bdf0;border-radius:8px;align-items:center;gap:6px;padding:9px 12px;font-weight:700;transition:color .16s,background .16s,box-shadow .16s,transform 80ms;display:flex}.document-print-button:hover{color:#00131a;background:#2fd1f7;box-shadow:0 8px 22px #00bdf036}.document-print-button:active{background:#009bc7;transform:translateY(1px)scale(.985);box-shadow:inset 0 3px 7px #00192366}.customer-document{--ink:#152026;--muted:#5f6c72;--line:#dce2e5;--paper:#fff;--soft:#f2f5f6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;color:#152026;background:#fff;border-radius:14px;max-width:920px;margin:auto;overflow:hidden;box-shadow:0 24px 90px #0008}.receipt-success{grid-template-columns:58px 1fr;align-items:center;gap:16px;padding:30px 38px 20px;display:grid}.receipt-success>span{color:#087f47;background:#e7f8ef;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.receipt-success svg{width:27px}.receipt-success p{color:#087f47;letter-spacing:.14em;margin:0;font-size:9px;font-weight:900}.receipt-success h1{margin:5px 0;font-size:24px}.receipt-success small{color:#5f6c72}.receipt-line-item{border-block:1px solid #dce2e5;justify-content:space-between;gap:20px;margin:5px 38px 0;padding:17px 0;display:flex}.receipt-line-item>div{gap:4px;display:grid}.receipt-line-item small{color:#5f6c72}.receipt-line-item>b{font-size:16px}.receipt-summary{margin-top:0}.receipt-payment-method{background:#f5f7f8;border:1px solid #dce2e5;border-radius:9px;align-items:center;gap:10px;margin:0 38px 26px;padding:15px;display:flex}.receipt-payment-method>svg{color:#087f47;width:22px}.receipt-payment-method>span{gap:2px;display:grid}.receipt-payment-method small{color:#5f6c72}.receipt-payment-method>a{color:#087f47;margin-left:auto;font-size:10px;font-weight:800;text-decoration:none}.receipt-footer{color:#fff;background:#11191d;gap:4px;padding:21px 38px;display:grid}.receipt-footer span{color:#9aabb3;font-size:10px}.receipt-footer a{color:#5ddafa;width:max-content;font-size:10px;text-decoration:none}.customer-document-header{color:#fff;background:linear-gradient(110deg,#07111b,#101d29 70%,#082131);border-bottom:3px solid #00bdf0;justify-content:space-between;align-items:center;padding:30px 38px;display:flex}.document-wordmark{display:grid}.document-logo{filter:drop-shadow(0 0 10px #00bdf047);width:235px;max-width:100%;height:auto}.document-wordmark span{letter-spacing:.2em;color:#89a6b5;margin-top:6px;padding-left:3px;font-size:8px}.customer-document-header>div:last-child{text-align:right;text-transform:uppercase;display:grid}.customer-document-header>div:last-child span{letter-spacing:.18em;color:#35d1f7;font-size:10px}.customer-document-header>div:last-child strong{margin-top:4px;font-size:18px}.document-intro{justify-content:space-between;gap:30px;padding:32px 38px 22px;display:flex}.document-intro p,.document-vehicle>span{text-transform:uppercase;letter-spacing:.14em;color:#008fba;margin:0;font-size:9px;font-weight:800}.document-intro h1{margin:5px 0;font-size:25px}.document-intro>div>strong,.document-intro>div>span{color:#66747a;margin-top:3px;font-size:11px;display:block}.document-intro dl{gap:10px;min-width:220px;margin:0;display:grid}.document-intro dl div{border-bottom:1px solid #edf0f1;justify-content:space-between;gap:15px;padding-bottom:8px;display:flex}.document-intro dt{color:#6d7a80;font-size:10px}.document-intro dd{margin:0;font-size:10px;font-weight:700}.document-vehicle{background:#edf8fb;border-left:4px solid #00bdf0;gap:3px;margin:0 38px 22px;padding:13px 15px;display:grid}.document-vehicle strong{font-size:13px}.document-vehicle small{color:#69767d;font-size:9px}.public-document-lines{border:1px solid #dce2e5;border-radius:9px;margin:0 38px;overflow:hidden}.public-line{border-top:1px solid #edf0f1;grid-template-columns:1fr 70px 110px 110px;align-items:center;gap:10px;padding:12px 14px;font-size:11px;display:grid}.public-line.header{text-transform:uppercase;color:#5e6d73;background:#e7f4f8;border:0;font-size:9px;font-weight:800}.public-line>span:not(:first-child){text-align:right}.public-line>span:first-child{gap:2px;display:grid}.public-line small{text-transform:uppercase;color:#7b878c;font-size:8px}.public-document-summary{width:min(390px,100% - 76px);margin:18px 38px 24px auto}.public-document-summary>div{border-bottom:1px solid #e8ecee;justify-content:space-between;padding:8px 2px;font-size:11px;display:flex}.public-document-summary .public-total{border-top:2px solid #11191d;font-size:16px}.public-document-summary .public-balance{color:#006f91;border-top:2px solid #00bdf0;font-size:18px}.document-copy-grid{grid-template-columns:1fr 1fr;gap:12px;margin:0 38px 26px;display:grid}.document-copy-grid>div{background:#f5f7f7;border-radius:8px;padding:14px}.document-copy-grid h2{text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:10px}.document-copy-grid p{white-space:pre-wrap;color:#5e6c72;margin:0;font-size:10px;line-height:1.55}.quote-response-card{background:#f8fafb;border:1px solid #ccd8dc;border-radius:10px;margin:0 38px 30px;padding:20px}.document-payment-card,.payment-status{border-radius:10px;margin:0 38px 26px;padding:18px 20px}.document-payment-card{background:linear-gradient(135deg,#f5fbf7,#edf6f0);border:1px solid #b9d1c1;justify-content:space-between;align-items:center;gap:24px;display:flex}.document-payment-card h2,.payment-status h2{margin:4px 0;font-size:18px}.document-payment-card p,.payment-status p{color:#627077;margin:0;font-size:10px;line-height:1.5}.document-payment-card button{white-space:nowrap;color:#fff;background:#176638;border:0;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:flex}.document-payment-card button svg,.payment-status>svg{width:19px}.payment-status{color:#245f38;background:#f0faf3;border:1px solid #bad9c4;align-items:center;gap:12px;display:flex}.payment-status.cancelled{color:#76581f;background:#fffaf0;border-color:#d9d0b5}.payment-status.error{color:#8a2d31;background:#fff5f5;border-color:#e1b9bb}.response-eyebrow{letter-spacing:.14em;font-weight:800;color:#008fba!important;font-size:9px!important}.quote-response-card h2{margin:4px 0;font-size:18px}.quote-response-card p{color:#627077;font-size:10px;line-height:1.5}.quote-response-card form{gap:10px;margin-top:14px;display:grid}.response-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quote-response-card label{gap:4px;font-size:9px;font-weight:700;display:grid}.quote-response-card input,.quote-response-card textarea{background:#fff;border:1px solid #cfd8dc;border-radius:7px;padding:10px}.quote-response-card textarea{min-height:65px}.terms-check{align-items:flex-start;gap:7px;font-weight:500!important;display:flex!important}.terms-check input{width:auto;margin-top:2px}.response-buttons{gap:8px;display:flex}.response-buttons button{border-radius:8px;padding:11px 16px;font-weight:800}.accept-quote{color:#fff;background:#176638;border:0}.decline-quote{color:#8a292d;background:#fff;border:1px solid #d9aeb0}.document-form-error{background:#fff0f0;border-radius:7px;padding:9px;color:#92282d!important}.response-complete{align-items:center;gap:12px;display:flex}.response-complete svg{color:#247443;width:30px}.response-complete.declined svg{color:#9c3439}.response-complete p{margin:0}.customer-document footer{color:#657278;background:#eaf2f5;border-top:1px solid #cbdce3;justify-content:space-between;gap:20px;padding:20px 38px;font-size:9px;display:flex}.customer-document footer>div{gap:2px;display:grid}.customer-document footer strong{color:#152026}.invalid-document{place-items:center;display:grid}.invalid-document section{text-align:center;color:#fff;max-width:520px}.invalid-document svg{width:42px}.invalid-document h1{font-size:28px}.invalid-document p{color:#bdc7cb;line-height:1.6}.invalid-document a{color:#11191d;background:#fff;border-radius:8px;margin-top:10px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-block}@media (max-width:720px){.document-delivery-panel form,.secure-link-result{grid-template-columns:1fr}.delivery-buttons{flex-wrap:wrap}.customer-document-shell{padding:12px 8px 40px}.document-toolbar{padding:0 4px}.customer-document-header,.document-intro{padding:22px}.document-intro{display:grid}.document-intro dl{min-width:0}.document-vehicle,.public-document-lines,.quote-response-card,.document-payment-card,.payment-status{margin-left:22px;margin-right:22px}.document-payment-card{display:grid}.document-payment-card button{justify-content:center;width:100%}.public-line{grid-template-columns:1fr 42px 68px 72px;padding:10px 8px;font-size:9px}.public-document-summary{width:calc(100% - 44px);margin:16px 22px}.document-copy-grid{grid-template-columns:1fr;margin:0 22px 22px}.response-fields{grid-template-columns:1fr}.response-buttons{display:grid}.customer-document footer{padding:18px 22px;display:grid}.receipt-success{grid-template-columns:46px 1fr;padding:22px}.receipt-success>span{width:44px;height:44px}.receipt-success h1{font-size:20px}.receipt-line-item,.receipt-payment-method{margin-left:22px;margin-right:22px}.receipt-payment-method{flex-wrap:wrap;align-items:flex-start}.receipt-payment-method>a{width:100%;margin-left:32px}}@media print{body{background:#fff}.document-toolbar,.quote-response-card,.document-payment-card,.payment-status{display:none!important}.customer-document-shell{background:#fff;padding:0}.customer-document{box-shadow:none;border-radius:0;max-width:none}.customer-document-header{-webkit-print-color-adjust:exact;print-color-adjust:exact}.public-document-lines,.document-copy-grid>div,.customer-document footer{break-inside:avoid}}
.job-kpis{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px;display:grid}.job-kpis article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:15px}.job-kpis span{color:var(--muted);font-size:11px;display:block}.job-kpis strong{margin-top:6px;font-size:25px;display:block}.job-kpis .attention{background:#fff9ed;border-color:#e4bb72}.job-intake-grid{grid-template-columns:.8fr 1.2fr;gap:14px;margin-bottom:14px;display:grid}.job-intake-grid>article>header svg{width:18px;color:var(--muted)}.accepted-quotes>div>section{border-bottom:1px solid #edf0f1;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.accepted-quotes section div{gap:3px;display:grid}.accepted-quotes strong{font-size:11px}.accepted-quotes span{color:var(--muted);font-size:9px}.accepted-quotes button{font-size:10px}.production-board{grid-template-columns:repeat(7,minmax(190px,1fr));gap:9px;margin-bottom:14px;padding-bottom:7px;display:grid;overflow-x:auto}.job-column{background:#e6ebed;border:1px solid #d4dde0;border-radius:9px;min-height:220px;padding:8px}.job-column>header{justify-content:space-between;padding:4px 3px 9px;display:flex}.job-column>header strong{text-transform:uppercase;font-size:10px}.job-column>header span{background:#fff;border-radius:20px;padding:2px 6px;font-size:9px}.job-column>div{gap:7px;display:grid}.job-column>div>p{text-align:center;color:#87969c;font-size:9px}.job-column a{color:var(--ink);background:#fff;border:1px solid #d7dfe2;border-radius:7px;gap:6px;padding:9px;text-decoration:none;display:grid}.job-column a.active{border-color:#5c737e;box-shadow:0 0 0 1px #5c737e}.job-column a>div:first-child{color:var(--muted);justify-content:space-between;font-size:8px;display:flex}.job-column a>strong{font-size:11px}.job-column a>small{color:var(--muted);font-size:8px}.priority{text-transform:uppercase}.priority.high,.priority.urgent{color:#a43237;font-weight:800}.task-progress{background:#edf1f2;border-radius:10px;height:7px;position:relative;overflow:hidden}.task-progress i{background:#3c7b54;height:100%;display:block}.task-progress span{font-size:7px;position:absolute;top:-2px;right:2px}.job-detail-grid{grid-template-columns:1.35fr .65fr;align-items:start;gap:14px;display:grid}.job-stage{text-transform:uppercase;color:var(--muted);font-size:9px}.job-summary{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.job-summary>div{background:var(--soft);border-radius:7px;gap:3px;padding:10px;display:grid}.job-summary span,.job-summary small{color:var(--muted);font-size:9px}.job-summary strong{font-size:11px}.job-scope{border:1px solid var(--line);border-radius:7px;margin-top:10px;padding:10px}.job-scope strong{text-transform:uppercase;font-size:10px}.job-scope p{color:#58676e;margin:5px 0;font-size:11px;line-height:1.5}.job-controls{grid-template-columns:.5fr 1fr;gap:10px;margin-top:12px;display:grid}.job-controls form{background:var(--soft);border-radius:7px;align-items:end;gap:6px;padding:9px;display:flex}.job-controls label{flex:1;gap:3px;font-size:8px;font-weight:700;display:grid}.job-controls input,.job-controls select{border:1px solid var(--line);background:#fff;border-radius:5px;width:100%;min-width:0;padding:7px;font-size:9px}.job-controls button{white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:flex}.job-controls svg{width:12px}.job-side{gap:14px;display:grid}.job-checklist header svg,.job-activity header svg{width:17px;color:var(--muted)}.job-checklist>div>section{border-bottom:1px solid #edf0f1;align-items:center;gap:8px;padding:8px 0;display:flex}.job-checklist section form button{border-radius:50%;place-items:center;width:23px;height:23px;padding:2px;display:grid}.job-checklist section form button span{border:1px solid #849399;border-radius:50%;width:8px;height:8px}.job-checklist section form button.completed{color:#2f7549;background:#e7f5eb}.job-checklist section form svg{width:14px}.job-checklist section>div{gap:2px;display:grid}.job-checklist section strong{font-size:10px}.job-checklist section span{text-transform:uppercase;color:var(--muted);font-size:8px}.new-task{grid-template-columns:85px 1fr auto;gap:5px;margin-top:9px;display:grid}.new-task input,.new-task select,.job-activity>form input{border:1px solid var(--line);border-radius:5px;min-width:0;padding:7px;font-size:9px}.new-task button{font-size:9px}.job-activity>form{gap:5px;display:flex}.job-activity>form input{flex:1}.job-activity>form button{padding:5px 8px}.job-activity>form svg{width:13px}.job-activity>div{margin-top:8px;display:grid}.job-activity>div section{border-bottom:1px solid #edf0f1;gap:3px;padding:8px 0;display:grid}.job-activity section strong{font-size:9px}.job-activity section span{color:var(--muted);font-size:8px}@media (max-width:1100px){.job-intake-grid,.job-detail-grid{grid-template-columns:1fr}.job-summary{grid-template-columns:1fr 1fr}}@media (max-width:720px){.job-kpis{grid-template-columns:1fr 1fr}.production-board{grid-template-columns:repeat(7,220px)}.job-controls{grid-template-columns:1fr}.job-controls form{flex-wrap:wrap}.job-summary,.new-task{grid-template-columns:1fr}}.auto-handoff{flex-direction:column;display:flex}.auto-handoff>p{color:var(--muted);margin:11px 0;font-size:11px;line-height:1.55}.auto-handoff>a{color:var(--accent);margin-top:auto;font-size:10px;font-weight:800}.handoff-flow{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.handoff-flow span{background:var(--soft);color:var(--ink);border-radius:6px;padding:8px;font-weight:800}.handoff-flow i{color:var(--muted);font-style:normal}.job-progress-summary{color:#fff;background:linear-gradient(135deg,#111b20,#24363e);border-radius:8px;margin-bottom:9px;padding:11px}.job-progress-summary>div:first-child{justify-content:space-between;align-items:center;display:flex}.job-progress-summary span,.job-progress-summary small{color:#bdc8cd;font-size:9px}.job-progress-summary strong{font-size:17px}.job-progress-track{background:#44565e;border-radius:10px;height:5px;margin:7px 0;overflow:hidden}.job-progress-track i{background:var(--accent);border-radius:inherit;height:100%;display:block}.job-details-editor{border:1px solid var(--line);background:#fff;border-radius:7px;margin-top:10px}.job-details-editor>summary{cursor:pointer;padding:10px;font-size:10px;font-weight:800;list-style:none}.job-details-editor>summary::-webkit-details-marker{display:none}.job-details-editor[open]>summary{border-bottom:1px solid var(--line)}.job-details-editor .record-form{padding:10px}.job-details-editor textarea{min-height:70px}.work-orders-index{position:relative}.work-orders-heading{align-items:flex-end}.work-orders-heading>div{gap:4px;display:grid}.work-orders-heading .primary-button{align-items:center;gap:7px;display:flex}.work-orders-heading .primary-button svg{width:16px;height:16px}.page-back-button{width:max-content;color:var(--muted);align-items:center;gap:5px;margin-bottom:6px;font-size:11px;font-weight:750;text-decoration:none;display:flex}.page-back-button:hover{color:var(--ink)}.page-back-button svg{width:14px;height:14px}.heading-with-help{align-items:center;gap:8px;display:flex}.heading-with-help h1{margin:0}.heading-tooltip{color:var(--muted);cursor:help;place-items:center;display:grid;position:relative}.heading-tooltip>svg{width:18px;height:18px}.heading-tooltip [role=tooltip]{z-index:12;color:#fff;opacity:0;visibility:hidden;background:#111b20;border-radius:8px;width:290px;padding:10px 12px;font-size:11px;line-height:1.45;transition:all .16s;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)translate(-4px);box-shadow:0 10px 30px #0003}.heading-tooltip:hover [role=tooltip],.heading-tooltip:focus [role=tooltip]{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.work-order-filters{gap:8px;margin-bottom:5px;padding:2px 1px 12px;display:flex;overflow-x:auto}.work-order-filters a{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:11px;font-weight:750;text-decoration:none;display:flex}.work-order-filters a strong{background:var(--soft);min-width:20px;height:20px;color:var(--ink);border-radius:999px;place-items:center;padding:0 5px;font-size:9px;display:grid}.work-order-filters a.active{border-color:var(--dark);background:var(--dark);color:#fff}.work-order-filters a.active strong{color:#fff;background:#ffffff20}.work-order-list{padding:0;overflow:hidden}.work-order-list-heading,.work-order-rows>a{grid-template-columns:1.1fr .9fr 1.4fr .55fr;align-items:center;gap:14px;display:grid}.work-order-list-heading{background:var(--soft);border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:11px 17px;font-size:9px;font-weight:800}.work-order-rows>a{min-height:66px;color:var(--ink);border-bottom:1px solid #edf0f1;padding:12px 17px;text-decoration:none;transition:background .15s}.work-order-rows>a:last-child{border-bottom:0}.work-order-rows>a:hover{background:#f8fafb}.work-order-rows>a>span{min-width:0;font-size:11px}.work-order-rows strong,.work-order-rows small{display:block}.work-order-rows strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.work-order-rows small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.work-order-rows .job-stage{background:var(--soft);letter-spacing:.04em;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:850;display:inline-flex}.work-order-rows .job-stage.production,.work-order-rows .job-stage.quality_check{color:#805400;background:#fff2d9}.work-order-rows .job-stage.ready{color:#22663c;background:#e5f5ea}.work-order-rows .job-stage.delivered{color:#36557e;background:#e8eef7}.work-order-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#071015b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.work-order-modal{background:#fff;border-radius:14px;width:min(1120px,100%);max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 24px 80px #0006}.work-order-modal>header{z-index:5;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px;display:flex;position:sticky;top:0}.work-order-modal>header h2{margin:2px 0 4px}.work-order-modal>header span{color:var(--muted);font-size:11px}.work-order-modal>header>a{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);border-radius:8px;place-items:center;display:grid}.work-order-modal>header svg{width:17px}.work-order-modal>.invoice-create-form{padding:20px}.work-order-modal .invoice-service-editor{margin-top:4px}.work-order-toast{z-index:140;color:#205d35;background:#effaf2;border:1px solid #acd1b8;border-radius:10px;align-items:center;gap:10px;width:min(480px,100% - 30px);padding:12px 14px;animation:.22s ease-out workOrderToastIn;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 45px #0002}.work-order-toast>svg{flex:none;width:19px}.work-order-toast span{font-size:12px;font-weight:750}.work-order-toast button{color:inherit;background:0 0;border:0;place-items:center;margin-left:auto;padding:3px;display:grid}.work-order-toast button svg{width:16px}@keyframes workOrderToastIn{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.work-order-detail-page{max-width:1250px}.work-order-detail-page>.page-heading{align-items:flex-end}.work-order-detail-page>.page-heading>.job-stage{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-weight:850}.work-order-primary{margin-bottom:14px}.work-order-primary .job-controls{grid-template-columns:.55fr 1.45fr auto}.work-order-primary .job-controls>.job-invoice-action{align-self:stretch}.work-order-primary .job-invoice-action button{height:100%}.job-details-editor .primary-button,.work-order-detail-page .primary-button{background:var(--dark);border-color:var(--dark);color:#fff}.work-order-dropdown{margin-top:12px;padding:0;overflow:hidden}.work-order-dropdown>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;padding:15px 17px;list-style:none;display:flex}.work-order-dropdown>summary::-webkit-details-marker{display:none}.work-order-dropdown>summary>span{gap:3px;display:grid}.work-order-dropdown>summary strong{font-size:14px}.work-order-dropdown>summary small{color:var(--muted);font-size:10px}.work-order-dropdown>summary>b{text-transform:uppercase;color:var(--muted);font-size:9px}.work-order-dropdown[open]>summary{border-bottom:1px solid var(--line)}.work-order-dropdown[open]>summary>b{font-size:0}.work-order-dropdown[open]>summary>b:after{content:"Close";font-size:9px}.work-order-dropdown-body{padding:16px}.work-order-dropdown .job-checklist>div>section{border-bottom:1px solid #edf0f1;align-items:center;gap:8px;padding:9px 0;display:flex}.work-order-dropdown .job-activity>form{display:flex}@media (max-width:850px){.work-order-list-heading{display:none}.work-order-rows>a{grid-template-columns:1fr 1fr}.work-order-rows>a>span:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;margin-bottom:3px;font-size:8px;font-weight:800;display:block}.work-order-primary .job-controls{grid-template-columns:1fr}.heading-tooltip [role=tooltip]{top:calc(100% + 8px);left:0;transform:translateY(-4px)}.heading-tooltip:hover [role=tooltip],.heading-tooltip:focus [role=tooltip]{transform:translateY(0)}}@media (max-width:560px){.work-orders-heading{align-items:flex-start}.work-order-rows>a{grid-template-columns:1fr;padding:14px}.work-order-modal-backdrop{padding:0}.work-order-modal{border-radius:0;height:100dvh;max-height:100dvh}.work-order-modal>header,.work-order-modal>.invoice-create-form{padding:15px}.heading-tooltip [role=tooltip]{width:min(280px,100vw - 36px);left:auto;right:0}}
.job-documentation-grid{grid-template-columns:1.05fr .95fr;align-items:start;gap:14px;margin-top:14px;display:grid}.job-photo-panel>header svg,.installation-panel>header svg{width:20px;color:var(--accent)}.job-photo-uploader{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:9px;margin-bottom:13px;padding:12px;display:grid}.job-photo-uploader-title{align-items:center;gap:9px;display:flex}.job-photo-uploader-title>svg{width:20px;color:var(--accent)}.job-photo-uploader-title>div{gap:2px;display:grid}.job-photo-uploader-title strong{font-size:11px}.job-photo-uploader-title span{color:var(--muted);font-size:9px}.job-photo-uploader label{gap:4px;font-size:9px;font-weight:800;display:grid}.job-photo-uploader input,.job-photo-uploader select{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;color:var(--ink);border-radius:6px;padding:8px}.job-photo-file{background:var(--paper);cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;padding:12px;border:1px dashed var(--accent)!important}.job-photo-file>svg{width:22px;color:var(--accent)}.job-photo-file>span{gap:2px;display:grid}.job-photo-file small{color:var(--muted);font-size:8px}.job-photo-file input{grid-column:1/-1;padding:6px}.job-photo-message{color:var(--muted);margin:0;font-size:9px}.job-photo-groups{gap:14px;display:grid}.job-photo-groups>section{gap:7px;display:grid}.job-photo-groups h3,.installation-history>h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:9px}.job-photo-groups>section>p{color:var(--muted);margin:0;font-size:9px}.job-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.job-photo-grid>article{border:1px solid var(--line);background:var(--soft);border-radius:8px;overflow:hidden}.job-photo-image{aspect-ratio:4/3;background:#10181c;place-items:center;display:grid;position:relative}.job-photo-image>img{object-fit:cover}.job-photo-image>span{color:#aebbc0;font-size:8px}.job-photo-image form{position:absolute;top:5px;right:5px}.job-photo-image button{color:#ffadb2;background:#341b1e;border-color:#683338;place-items:center;width:27px;height:27px;padding:4px;display:grid}.job-photo-image button svg{width:13px}.job-photo-grid>article>div:last-child{gap:3px;padding:7px;display:grid}.job-photo-grid strong{font-size:9px}.job-photo-grid span{color:var(--muted);font-size:8px;line-height:1.35}.installation-form{border-bottom:1px solid var(--line);padding-bottom:14px}.installation-form label>small{color:var(--muted);font-size:8px;font-weight:500}.installation-history{gap:9px;margin-top:14px;display:grid}.installation-history>section{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:8px;padding:11px;display:grid}.installation-history>section>div:first-child{justify-content:space-between;gap:10px;display:flex}.installation-history strong{font-size:11px}.installation-history span,.installation-history dt,.installation-history dd,.installation-history p{color:var(--muted);margin:0;font-size:9px}.installation-history dl{grid-template-columns:1fr 1fr;gap:7px;margin:0;display:grid}.installation-history dl>div{gap:2px;display:grid}.installation-history dd{color:var(--ink)}@media (max-width:1100px){.job-documentation-grid{grid-template-columns:1fr}.job-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:720px){.job-photo-grid{grid-template-columns:1fr 1fr}.installation-history dl{grid-template-columns:1fr}}
.import-safety{color:#fff;background:#172126;border-radius:9px;align-items:center;gap:11px;margin-bottom:14px;padding:13px 15px;display:flex}.import-safety svg{color:#66d18f;width:20px}.import-safety div{gap:2px;display:grid}.import-safety span{color:#b9c7cc;font-size:11px}.import-upload{margin-bottom:14px}.import-upload>header svg{width:18px;color:var(--muted)}.import-upload>form{grid-template-columns:220px 240px 1fr auto;align-items:end;gap:10px;display:grid}.import-upload label{gap:5px;font-size:10px;font-weight:700;display:grid}.import-upload select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px}.file-picker{border:1px dashed #9eacb2;border-radius:7px;align-items:center;gap:9px;padding:8px 10px;position:relative;overflow:hidden;display:flex!important}.file-picker svg{width:19px}.file-picker span{display:grid}.file-picker small{color:var(--muted);font-weight:400}.file-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.imports-workspace{grid-template-columns:minmax(280px,.55fr) minmax(600px,1.45fr);align-items:start;gap:14px;display:grid}.import-list>div{display:grid}.import-list a{color:var(--ink);border-bottom:1px solid #edf0f1;border-left:3px solid #0000;justify-content:space-between;gap:8px;padding:10px;text-decoration:none;display:flex}.import-list a.active{background:var(--soft);border-left-color:var(--accent)}.import-list a>div{gap:2px;display:grid}.import-list a>div:last-child{text-align:right}.import-list strong,.import-list b{font-size:10px}.import-list span{color:var(--muted);font-size:8px}.batch-status,.row-status{text-transform:uppercase;letter-spacing:.06em;color:#65757c;font-size:8px!important}.batch-status.completed,.row-status.imported{color:#267044}.batch-status.failed,.row-status.error{color:#a12f35}.batch-status.importing{color:#2d6e9f}.import-counts{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.import-counts div{background:var(--soft);border-radius:7px;gap:3px;padding:9px;display:grid}.import-counts span{color:var(--muted);font-size:9px}.import-counts strong{font-size:17px}.mapping-form{border:1px solid var(--line);border-radius:8px;padding:12px}.mapping-heading,.preview-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.mapping-heading h3,.preview-heading h3{margin:2px 0;font-size:13px}.mapping-heading>span,.preview-heading>span{color:var(--muted);font-size:9px}.mapping-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.mapping-grid label{gap:3px;font-size:9px;font-weight:700;display:grid}.mapping-grid select{border:1px solid var(--line);background:#fff;border-radius:5px;padding:7px;font-size:9px}.commit-row{justify-content:flex-end;gap:7px;margin:10px 0;display:flex}.commit-row form button{align-items:center;gap:5px;font-size:10px;display:flex}.commit-row svg{width:13px}.import-preview{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.import-preview>div:last-child{display:grid}.import-preview section{border-bottom:1px solid #edf0f1;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:8px 0;display:grid}.row-number{color:var(--muted);text-align:center;font-size:9px}.import-preview section>div:nth-child(2){gap:2px;display:grid}.import-preview strong{font-size:10px}.import-preview span,.import-preview small{color:var(--muted);font-size:8px}.import-preview em{color:#a12f35;font-size:8px}@media (max-width:1100px){.import-upload>form{grid-template-columns:1fr 1fr}.imports-workspace{grid-template-columns:1fr}.mapping-grid{grid-template-columns:1fr 1fr}}@media (max-width:650px){.import-upload>form,.mapping-grid{grid-template-columns:1fr}.import-counts{grid-template-columns:1fr 1fr}}
.booking-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.booking-summary article{background:var(--paper);border:1px solid var(--line);border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;padding:13px;display:grid}.booking-summary svg{width:19px;color:var(--accent);grid-row:1/3}.booking-summary span{color:var(--muted);font-size:9px}.booking-summary strong{font-size:15px}.booking-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.booking-card>header>span{color:var(--muted);font-size:9px}.booking-facts{gap:9px;margin:12px 0;display:grid}.booking-facts>div{background:var(--soft);border-radius:7px;grid-template-columns:22px 1fr;align-items:center;gap:2px 7px;padding:9px;display:grid}.booking-facts>div:first-child{grid-template-columns:1fr}.booking-facts svg{width:16px;color:var(--muted);grid-row:1/3}.booking-facts strong{font-size:10px}.booking-facts span{color:var(--muted);font-size:9px}.booking-contact{gap:12px;font-size:9px;display:flex}.booking-notes{color:var(--ink);background:#2b2515;border:1px solid #6c5b25;border-radius:6px;padding:8px;font-size:9px}.booking-actions{border-top:1px solid var(--line);gap:9px;margin-top:11px;padding-top:11px;display:grid}.booking-sync-form{gap:10px;display:grid}.booking-actions label{gap:4px;font-size:9px;font-weight:700;display:grid}.booking-actions input,.booking-actions select{border:1px solid var(--line);border-radius:6px;width:100%;padding:8px}.booking-actions button{font-size:9px}.booking-actions>form:last-child{justify-content:flex-end;display:flex}.booking-sync-history{margin-top:14px}.booking-sync-history>div{display:grid}.booking-sync-history>div>section{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding:11px 0;display:flex}.booking-sync-history>div>section>div{gap:3px;display:grid}.booking-sync-history>div>section>div:last-child{text-align:right}.booking-sync-history span{color:var(--muted);font-size:10px}.booking-sync-history b{color:#72e09c}@media (max-width:950px){.booking-grid{grid-template-columns:1fr}}@media (max-width:650px){.booking-summary{grid-template-columns:1fr}.booking-actions{align-items:stretch}.booking-sync-history>div>section{display:grid}.booking-sync-history>div>section>div:last-child{text-align:left}}
.overview-kpis{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.overview-kpis>a{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr auto;gap:2px 12px;padding:17px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid;position:relative}.overview-kpis>a:hover{border-color:#aab6bb;transform:translateY(-1px);box-shadow:0 8px 22px #1520260b}.overview-kpis>a.attention{background:snow;border-color:#e5b4b6}.overview-kpis svg{color:#8b989e;grid-area:1/2/4;width:21px}.overview-kpis>a.attention svg{color:var(--accent)}.overview-kpis span,.overview-kpis small{color:var(--muted)}.overview-kpis span{font-size:13px}.overview-kpis strong{margin:4px 0;font-size:30px;line-height:1.1}.overview-kpis small{font-size:11px}.overview-workspace{grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:14px;margin-top:14px;display:grid}.priority-inbox,.sales-pipeline{grid-column:1}.today-schedule,.shop-snapshot{grid-column:2}.today-schedule{grid-row:1}.priority-list{display:grid}.priority-list>a{color:var(--ink);border-bottom:1px solid #edf0f1;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 2px;text-decoration:none;display:grid}.priority-list>a:last-child{border-bottom:0}.priority-list>a>div{min-width:0}.priority-list>a strong,.priority-list>a span{display:block}.priority-list>a span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.priority-list>a>b{align-items:center;gap:3px;font-size:11px;display:flex}.priority-list>a>b svg{width:14px}.priority-icon{background:var(--soft);border-radius:8px;place-items:center;width:34px;height:34px;display:grid!important}.priority-icon svg{width:17px}.priority-icon.request{color:#315d91;background:#eaf2fb}.priority-icon.followup{color:#9d3b40;background:#fbecee}.priority-icon.ready{color:#287345;background:#e8f5ec}.today-schedule>div{display:grid}.today-schedule section{border-bottom:1px solid #edf0f1;grid-template-columns:72px 1fr;gap:10px;padding:11px 0;display:grid}.today-schedule section:last-child{border-bottom:0}.today-schedule time{font-size:12px;font-weight:800}.today-schedule section strong,.today-schedule section span{display:block}.today-schedule section span{color:var(--muted);text-transform:capitalize;margin-top:3px;font-size:11px}.sales-pipeline .pipeline a{color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:7px;padding:12px;text-decoration:none;display:block}.sales-pipeline .pipeline span{font-size:22px}.shop-snapshot>header{margin-bottom:2px}.shop-snapshot>a{color:var(--ink);border-bottom:1px solid #edf0f1;grid-template-columns:1fr auto;gap:3px 12px;padding:13px 0;text-decoration:none;display:grid}.shop-snapshot>a:last-child{border-bottom:0}.shop-snapshot>a span{align-items:center;gap:7px;font-size:12px;display:flex}.shop-snapshot>a span svg{width:15px;color:var(--muted)}.shop-snapshot>a>strong{font-size:18px}.shop-snapshot>a>small{color:var(--muted);grid-column:1/3}.shop-snapshot .snapshot-copy{text-align:right;max-width:145px;font-size:11px}.text-button{color:#315d91;font-size:12px;text-decoration:none}.empty-state.compact{min-height:110px;color:var(--muted);text-align:center;place-content:center;gap:5px;display:grid}.empty-state.compact strong{color:var(--ink)}@media (max-width:1000px){.overview-kpis{grid-template-columns:repeat(2,1fr)}.overview-workspace{grid-template-columns:1fr}.overview-workspace>*{grid-column:1}.today-schedule{grid-row:auto}}@media (max-width:720px){.overview-kpis{grid-template-columns:1fr 1fr}.overview-kpis>a{padding:14px}.overview-kpis strong{font-size:26px}.priority-list>a{grid-template-columns:34px minmax(0,1fr)}.priority-list>a>b{display:none}}@media (max-width:440px){.overview-kpis{grid-template-columns:1fr}}
.create-menu{margin-left:auto;position:relative}.create-menu>summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:flex}.create-menu>summary::-webkit-details-marker{display:none}.create-menu>summary svg{width:13px;height:13px}.create-menu-popover{z-index:50;border:1px solid var(--line);background:#fff;border-radius:10px;width:290px;padding:7px;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 16px 45px #10181c24}.create-menu-popover a{color:var(--ink);border-radius:7px;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:10px;text-decoration:none;display:grid}.create-menu-popover a:hover{background:var(--soft)}.create-menu-popover svg{width:18px;color:var(--accent)}.create-menu-popover span{gap:2px;display:grid}.create-menu-popover strong{font-size:12px}.create-menu-popover small{color:var(--muted);font-size:9px}.drawer-layer{z-index:100;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11191d66;position:absolute;inset:0}.lead-drawer{background:#fff;width:min(620px,94vw);height:100%;padding:22px;animation:.22s ease-out drawer-in;position:relative;overflow-y:auto;box-shadow:-18px 0 55px #11191d2b}.lead-drawer>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:14px;margin-bottom:17px;padding-bottom:15px;display:flex}.lead-drawer h2{margin:3px 0;font-size:22px}.lead-drawer-close{width:34px;height:34px;color:var(--ink);border:1px solid var(--line);border-radius:50%;place-items:center;text-decoration:none;display:grid}.lead-drawer-close svg{width:16px}@keyframes drawer-in{0%{opacity:.6;transform:translate(35px)}to{opacity:1;transform:translate(0)}}@media (max-width:720px){.create-menu-popover{width:auto;position:fixed;top:62px;left:12px;right:12px}.lead-drawer{width:100%;padding:18px}}
:root{--ink:#e8eef3;--muted:#8b9aa8;--line:#263545;--paper:#101923;--soft:#162230;--dark:#070d15;--accent:#00bdf0;--input-bg:#0c1520}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:#0000;background-image:radial-gradient(circle at 12% 0,#00bdf017,#0000 30rem),radial-gradient(circle at 88% 38%,#00bdf00e,#0000 34rem),linear-gradient(155deg,#0b1420,#060b12 58%,#07111c);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.shell{background:0 0}.workspace{background:0 0;min-height:100vh}.sidebar{background:linear-gradient(#080f18,#050a10);border-right:1px solid #1e2c3a;box-shadow:12px 0 36px #0005}.sidebar-brand{gap:7px;padding:2px 8px 20px;text-decoration:none;display:grid}.sidebar-brand img{filter:drop-shadow(0 0 10px #00bdf04d);width:190px;max-width:100%;height:auto}.sidebar-brand span{color:#77909f;letter-spacing:.22em;padding-left:3px;font-size:9px}.sidebar nav a,.sidebar nav a:first-child:not(.active){color:#a8b5bf;background:0 0;border:1px solid #0000}.sidebar nav a:hover{color:#fff;background:#132331;border-color:#203b4c}.sidebar nav a.active,.sidebar nav a.active:first-child{color:#fff;box-shadow:inset 3px 0 0 var(--accent), 0 0 18px #00bdf00d;background:linear-gradient(90deg,#00bdf026,#00bdf00b);border-color:#00bdf052}.sidebar nav a.active svg{color:var(--accent)}.staff-card{border-color:#20303e}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a121ccf;border-color:#223241;box-shadow:0 8px 28px #0003}.dashboard-page article,.dashboard-page .panel,.dashboard-page .scanner-card,.dashboard-page .vin-search-form,.dashboard-page .analytics-source,.dashboard-page .report-window{box-shadow:0 10px 30px #0001f;background:var(--paper)!important;border-color:var(--line)!important}.dashboard-page .pipeline-column,.dashboard-page .job-column,.dashboard-page .quote-item-head,.dashboard-page .quote-line.heading{border-color:var(--line);background:#111c28}.panel header,.panel li,.terminal-row,.history-row,.customer-row,.quote-item-input,.quote-status-actions,.conversion-actions{border-color:var(--line)!important}.shell input,.shell select,.shell textarea,.login-page input,.login-page select,.login-page textarea{outline:none;color:var(--ink)!important;background:var(--input-bg)!important;border-color:#304254!important}.shell input:focus,.shell select:focus,.shell textarea:focus,.login-page input:focus{box-shadow:0 0 0 3px #00bdf01f;border-color:var(--accent)!important}input::placeholder,textarea::placeholder{color:#647587}.create-menu-popover,.lead-drawer{color:var(--ink);border-color:var(--line);background:#0e1823}.create-menu-popover a{color:var(--ink)}.create-menu-popover a:hover{background:var(--soft)}.shell button,.shell .secondary-button{color:#dce7ed;background:#172330;border-color:#334657}.shell .primary-button,.shell form button[type=submit]:not(.danger-button):not(.icon-delete-button):not(.accept):not(.decline),.shell form button:not([type]):not(.danger-button):not(.icon-delete-button):not(.accept):not(.decline):not(.completed){color:#55dcff;background:#00bdf008;border:1px solid #00bdf0;font-weight:800;transition:color .16s,background .16s,border-color .16s,box-shadow .16s,transform 80ms;box-shadow:inset 0 0 0 1px #00bdf00d}.shell .primary-button:hover,.shell form button[type=submit]:not(.danger-button):not(.icon-delete-button):hover,.shell form button:not([type]):not(.danger-button):not(.icon-delete-button):hover{color:#00131a;background:linear-gradient(135deg,#4edaff,#00afe6);border-color:#63e1ff;transform:translateY(-1px);box-shadow:0 8px 22px #00bdf036}.shell .primary-button:active,.shell form button[type=submit]:not(.danger-button):not(.icon-delete-button):active,.shell form button:not([type]):not(.danger-button):not(.icon-delete-button):active{color:#00131a;background:#009bc7;border-color:#25cdf4;transform:translateY(1px)scale(.985);box-shadow:inset 0 3px 7px #00192366}.shell :is(button,summary.primary-button,a.primary-button,a.text-button){touch-action:manipulation;transition:color .16s,background .16s,border-color .16s,box-shadow .16s,transform 80ms,filter .16s!important}.shell :is(button,summary.primary-button,a.primary-button,a.text-button):not(.danger-button):not(.icon-delete-button):not(.decline):not(.decline-quote):hover{filter:brightness(1.04);color:#00131a!important;background:linear-gradient(135deg,#4edaff,#00afe6)!important;border-color:#63e1ff!important;transform:translateY(-1px)!important;box-shadow:0 8px 22px #00bdf036!important}.shell :is(button,summary.primary-button,a.primary-button,a.text-button):not(.danger-button):not(.icon-delete-button):not(.decline):not(.decline-quote):active{filter:brightness(.92);color:#00131a!important;background:#009bc7!important;border-color:#25cdf4!important;transform:translateY(1px)scale(.97)!important;box-shadow:inset 0 3px 7px #00192366!important}.shell :is(.danger-button,.icon-delete-button,.decline,.decline-quote):hover{filter:brightness(1.22);transform:translateY(-1px)!important}.shell :is(.danger-button,.icon-delete-button,.decline,.decline-quote):active{filter:brightness(.86);transform:translateY(1px)scale(.97)!important}.shell button:disabled{cursor:not-allowed;opacity:.52;transform:none!important}.staff-card form button,.job-checklist form button,.lead-drawer-close{color:#dce7ed!important;box-shadow:none!important;background:0 0!important;border-color:#334657!important;transform:none!important}.danger-button,.icon-delete-button{color:#ff777d!important;box-shadow:none!important;background:#34171c!important;border-color:#653038!important}.eyebrow{color:var(--accent)}.status{color:#f1cf75;background:#2b2515;border-color:#6c5b25}.status.connected{color:#72e09c;background:#102a1d;border-color:#275d3b}.notice.success{color:#75dfa0;background:#10291d;border-color:#2b6240}.notice.error{color:#ff8f94;background:#32181c;border-color:#6c3037}.dashboard-page .lead-card,.dashboard-page .invoice-list a.active,.dashboard-page .document-delivery-panel,.dashboard-page .payment-form{color:var(--ink);border-color:var(--line)!important;background:#111c28!important}.dashboard-page .lead-card{box-shadow:0 7px 20px #0002}.dashboard-page .lead-card :is(h3,strong,summary),.dashboard-page .invoice-list a.active :is(strong,span),.dashboard-page .document-delivery-panel :is(b,label),.dashboard-page .payment-form :is(span,label,strong){color:var(--ink)}.dashboard-page .lead-card :is(p,.lead-contact,.lead-details,.recent-activity),.dashboard-page .document-delivery-panel small,.dashboard-page .payment-form small{color:var(--muted)}.dashboard-page .lead-card :is(.lead-value,details),.dashboard-page .invoice-list a,.dashboard-page .history-row{border-color:var(--line)}.dashboard-page .pipeline-column>header span,.dashboard-page .lead-card .source,.dashboard-page .lead-card .followup{color:#aebcc7;background:#1b2a38}.dashboard-page .document-delivery-panel .delivery-buttons button,.dashboard-page .document-delivery-panel .secure-link-result :is(button,a){color:var(--ink);background:#172330;border-color:#334657}.login-page{background:radial-gradient(circle at 50% 0,#00bdf021,#0000 36rem),linear-gradient(145deg,#07101a,#020509)}.login-card{color:var(--ink);background:#0e1722;border:1px solid #26394a;box-shadow:0 24px 80px #000a,0 0 50px #00bdf00c}.login-logo{filter:drop-shadow(0 0 12px #00bdf04d);width:min(300px,100%);height:auto;margin-bottom:8px;display:block}.dashboard-page .service-links>a,.dashboard-page .choice-editor form:first-of-type,.dashboard-page .duration-estimate,.dashboard-page .price-estimate,.dashboard-page .appointment-card,.dashboard-page .time-kpis article,.dashboard-page .bay-list form,.dashboard-page .ai-kpis article,.dashboard-page .locked-actions,.dashboard-page .scanner-card,.dashboard-page .vin-search-form{color:var(--ink)!important;border-color:var(--line)!important;background:#111c28!important}.dashboard-page .service-links>a:hover,.dashboard-page .service-links>a.active{border-color:var(--accent)!important;background:#172738!important}.dashboard-page .status-pill{color:#aebcc7;background:#1b2a38;border:1px solid #334657}.dashboard-page .status-pill.active{color:#72e09c;background:#102a1d;border-color:#275d3b}.dashboard-page .overview-kpis>a.attention{color:var(--ink);background:#291a20!important;border-color:#713b47!important}.dashboard-page .priority-icon.followup{color:#ff8f94;background:#32181c}.dashboard-page .duration-estimate,.dashboard-page .price-estimate{border-left-color:#52677b!important}.dashboard-page .duration-estimate.ready,.dashboard-page .price-estimate.ready{border-left-color:var(--accent)!important}.dashboard-page .price-estimate.ready strong{color:#72e09c}.dashboard-page .bay-list form{border-radius:20px}.dashboard-page .locked-actions span,.dashboard-page .recommendation p,.dashboard-page .proposed-action span{color:var(--muted)}.customer-entry-stack{align-content:start;gap:14px;display:grid}.business-customer-panel{border-color:#27546a!important}.business-customer-panel header>div{gap:3px;display:grid}.business-customer-panel .eyebrow{margin:0}.company-record-label{color:#55dcff;letter-spacing:.06em;text-transform:uppercase;background:#0b3442;border:1px solid #16617a;border-radius:999px;width:max-content;padding:3px 7px;font-size:8px;font-weight:800}.dashboard-page article,.dashboard-page .panel,.dashboard-page .scanner-card,.dashboard-page .vin-search-form,.dashboard-page .analytics-source,.dashboard-page .report-window{box-shadow:inset 3px 0 0 var(--accent), 0 10px 30px #0000001f!important}@media (max-width:720px){.sidebar-brand{width:205px;padding-bottom:14px}.sidebar{border-bottom:1px solid #1e2c3a;border-right:0}}
.services-layout{grid-template-columns:minmax(270px,.65fr) minmax(580px,1.5fr);align-items:start;gap:14px;display:grid}.service-catalog{position:sticky;top:82px}.service-catalog header svg{width:18px;color:var(--muted)}.service-links{gap:6px;display:grid}.service-links>a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:11px;text-decoration:none;display:flex}.service-links>a.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.service-links>a.inactive{opacity:.55}.service-links>a span{gap:3px;display:grid}.service-links strong{font-size:11px}.service-links small{color:var(--muted);font-size:9px}.service-links svg{color:#398054;width:14px}.new-service{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.new-service summary{cursor:pointer;align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}.new-service summary svg{width:13px}.new-service .record-form{margin-top:10px}.service-editor{gap:14px;display:grid}.service-details{position:relative}.status-pill{text-transform:uppercase;color:var(--muted);background:#edf0f1;border-radius:20px;padding:5px 8px;font-size:9px}.status-pill.active{color:#287044;background:#e4f4e9}.service-detail-actions{gap:7px;display:flex}.service-toggle{position:absolute;bottom:14px;right:14px}.service-toggle button{font-size:9px}.pricing-settings{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:10px;margin:4px 0 8px;padding:13px;display:grid}.pricing-settings>div:first-child{gap:2px;display:grid}.pricing-settings h3{margin:0;font-size:14px}.pricing-settings span,.pricing-formula-note{color:var(--muted);font-size:9px}.pricing-field-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.option-heading{justify-content:space-between;align-items:end;padding:2px 3px;display:flex}.option-heading h2{margin:2px 0 0;font-size:17px}.option-heading>span{color:var(--muted);font-size:10px}.option-groups{grid-template-columns:1fr 1fr;gap:14px;display:grid}.option-group.inactive{opacity:.6}.option-group header h3{margin:0;font-size:13px}.option-group header span{color:var(--muted);font-size:9px}.option-group header button{font-size:8px}.choice-list{display:grid}.choice-list>section{border-bottom:1px solid #edf0f1;justify-content:space-between;align-items:flex-start;gap:8px;padding:9px 0;display:flex}.choice-list>section.inactive{opacity:.45}.choice-summary{gap:2px;display:grid}.choice-list strong{font-size:10px}.choice-list span{color:var(--muted);font-size:8px}.choice-list button{font-size:8px}.choice-editor{text-align:right;min-width:48px}.choice-editor summary{cursor:pointer;color:var(--accent);font-size:8px;font-weight:800}.choice-editor form:first-of-type{border:1px solid var(--line);text-align:left;background:#fff;border-radius:7px;gap:6px;width:230px;margin-top:8px;padding:9px;display:grid}.choice-editor label,.add-choice label{gap:3px;font-size:8px;font-weight:800;display:grid}.choice-editor input,.add-choice input{border:1px solid var(--line);border-radius:5px;min-width:0;padding:7px;font-size:9px}.choice-toggle{margin-top:5px}.choice-toggle button{width:100%}.add-choice{grid-template-columns:1.25fr 90px 1fr 1fr;align-items:end;gap:6px;margin-top:10px;display:grid}.add-choice button{white-space:nowrap;grid-column:1/-1;font-size:9px}.add-option-group header svg{width:18px;color:var(--muted)}.checkbox-label{align-items:center;gap:7px;display:flex!important}.checkbox-label input{width:auto!important}.appointment-service-configurator{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:10px;padding:12px;display:grid}.appointment-service-configurator>label,.service-option-fields label{gap:4px;font-size:10px;font-weight:800;display:grid}.appointment-service-configurator select{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;padding:9px}.service-option-fields,.appointment-estimates{grid-template-columns:1fr 1fr;gap:8px;display:grid}.duration-estimate,.price-estimate{background:#fff;border-left:4px solid #9eabb0;border-radius:6px;gap:3px;padding:10px;display:grid}.duration-estimate.ready,.price-estimate.ready{border-left-color:var(--accent)}.duration-estimate span,.duration-estimate small,.price-estimate span,.price-estimate small{color:var(--muted);font-size:9px}.duration-estimate strong,.price-estimate strong{font-size:15px}.price-estimate.ready strong{color:#287044}@media (max-width:1100px){.services-layout{grid-template-columns:1fr}.service-catalog{position:static}.option-groups{grid-template-columns:1fr}}@media (max-width:720px){.service-option-fields,.appointment-estimates,.pricing-field-grid,.add-choice{grid-template-columns:1fr}.service-toggle{margin-top:10px;position:static}.choice-editor form:first-of-type{width:min(230px,70vw)}}.measurement-pricing-selector{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:grid}.measurement-pricing-selector>label{gap:4px;font-size:10px;font-weight:800;display:grid}.measurement-pricing-selector>small{color:var(--muted);font-size:9px}.measurement-pricing-selector fieldset{border:0;flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}.measurement-pricing-selector legend{width:100%;margin-bottom:2px;font-size:9px;font-weight:800}.measurement-pricing-selector fieldset label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;display:flex}.measurement-pricing-selector fieldset label.selected{border-color:var(--accent);background:#eaf4fa}.measurement-pricing-selector fieldset input{width:auto}.measurement-pricing-selector fieldset small{color:var(--muted)}.appointment-estimates{grid-template-columns:repeat(3,1fr)}.pricing-confidence{background:#fff;border-left:4px solid #9eabb0;border-radius:6px;gap:3px;padding:10px;display:grid}.pricing-confidence span,.pricing-confidence small{color:var(--muted);font-size:9px}.pricing-confidence strong{font-size:13px}.pricing-confidence.confidence-high{border-left-color:#287044}.pricing-confidence.confidence-medium{border-left-color:#c48a19}.pricing-confidence.confidence-low{border-left-color:#c45252}.internal-price-breakdown{border:1px solid var(--line);background:#fff;border-radius:7px;gap:9px;padding:10px;display:grid}.internal-price-breakdown header{justify-content:space-between;gap:8px;display:flex}.internal-price-breakdown header div{gap:2px;display:grid}.internal-price-breakdown header span{letter-spacing:.12em;color:var(--muted);font-size:8px}.internal-price-breakdown header strong{text-transform:capitalize;font-size:11px}.internal-price-breakdown header b{color:#8d6412;font-size:8px}.internal-price-breakdown>div{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.internal-price-breakdown>div>span{background:var(--soft);color:var(--muted);border-radius:5px;gap:2px;padding:7px;font-size:8px;display:grid}.internal-price-breakdown>div strong{color:var(--ink);font-size:10px}.internal-price-breakdown ul{color:#7a4c00;background:#fff3e0;border-radius:5px;margin:0;padding:8px 8px 8px 24px;font-size:9px}.manager-price-override{background:#fff;border-left:4px solid #c48a19;border-radius:6px;padding:10px}.manager-price-override small{color:var(--muted);font-weight:400}@media (max-width:720px){.appointment-estimates,.internal-price-breakdown>div{grid-template-columns:1fr}}
.vehicle-data-layout{grid-template-columns:minmax(280px,.7fr) minmax(560px,1.5fr);align-items:start;gap:14px;display:grid}.vehicle-profile-list{position:sticky;top:82px}.vehicle-profile-list header svg,.panel-measurements header svg,.new-vehicle-profile header svg{width:19px;color:var(--muted)}.vehicle-profile-links{gap:6px;display:grid}.vehicle-profile-links>a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;gap:3px;padding:11px;text-decoration:none;display:grid}.vehicle-profile-links>a.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.vehicle-profile-links>a.inactive{opacity:.5}.vehicle-profile-links strong{font-size:11px}.vehicle-profile-links small,.catalog-field-notice,.source-note{color:var(--muted);font-size:9px}.vehicle-data-editor{gap:14px;display:grid}.vehicle-profile-detail{position:relative}.vehicle-measurement-kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.vehicle-measurement-kpis>div{border:1px solid var(--line);background:var(--soft);border-radius:7px;gap:4px;padding:10px;display:grid}.vehicle-measurement-kpis span{color:var(--muted);font-size:9px}.vehicle-measurement-kpis strong{font-size:14px}.source-note a{color:var(--accent)}.profile-toggle{position:absolute;bottom:14px;right:14px}.panel-measurement-list{margin-bottom:14px;display:grid}.panel-measurement-list>div:not(.empty-state){border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.panel-measurement-list span{gap:3px;display:grid}.panel-measurement-list strong{font-size:11px}.panel-measurement-list small{color:var(--muted);font-size:9px}.panel-measurement-list b{font-size:11px}.add-panel-form,.new-vehicle-profile .record-form{border-top:1px solid var(--line);padding-top:13px}.vehicle-catalog-fields{grid-template-columns:repeat(2,1fr)}.import-review{margin-top:14px}.import-review-counts{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.import-review-counts>div{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:4px;padding:11px;display:grid}.import-review-counts span{color:var(--muted);font-size:9px}.import-review-counts strong{font-size:17px}.import-review-list{gap:10px;display:grid}.import-review-row{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:minmax(230px,.85fr) minmax(520px,1.6fr) auto;align-items:end;gap:12px;padding:12px;display:grid}.import-source-copy{align-self:center;gap:4px;display:grid}.import-source-copy small,.import-source-copy span,.import-source-copy em{color:var(--muted);font-size:9px}.import-source-copy strong{font-size:11px}.import-source-copy em{color:#9a5a13;font-style:normal}.import-approval-form{grid-template-columns:1fr 1.35fr .7fr .7fr .8fr auto;align-items:end;gap:7px;display:grid}.import-approval-form label{color:var(--muted);gap:4px;font-size:9px;display:grid}.import-approval-form input{width:100%;min-width:0}.import-approval-form button,.import-reject-form button{white-space:nowrap}.import-reject-form button{color:var(--muted);border-color:#c9d0d5}.import-review-more{margin-top:12px}@media (max-width:1220px){.import-review-row{grid-template-columns:1fr}.import-approval-form{grid-template-columns:repeat(3,1fr)}.import-reject-form{justify-self:start}}@media (max-width:1050px){.vehicle-data-layout{grid-template-columns:1fr}.vehicle-profile-list{position:static}}@media (max-width:720px){.vehicle-measurement-kpis,.vehicle-catalog-fields,.import-review-counts,.import-approval-form{grid-template-columns:1fr}.profile-toggle{margin-top:10px;position:static}}
.pricing-guidance{background:linear-gradient(135deg,#eef5f8,#fff);align-items:flex-start;gap:11px;margin-bottom:14px;display:flex}.pricing-guidance svg{width:20px;color:var(--accent);flex:none}.pricing-guidance div{gap:4px;display:grid}.pricing-guidance strong{font-size:12px}.pricing-guidance span{color:var(--muted);font-size:11px;line-height:1.5}.pricing-setting-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.pricing-setting-card header{align-items:flex-start}.pricing-setting-card header>div{gap:3px;display:grid}.pricing-setting-card header h2{margin:0;font-size:18px}.pricing-setting-card header span{color:var(--muted);font-size:10px;line-height:1.45}.pricing-setting-card header svg{width:20px;color:var(--accent)}.pricing-setting-fields{grid-template-columns:1fr 1fr;gap:11px;display:grid}.pricing-setting-fields label{align-content:start}.pricing-setting-fields small{color:var(--muted);font-size:8px;font-weight:500;line-height:1.4}.pricing-setting-fields input:disabled{background:var(--soft);color:var(--muted)}.pricing-setting-card form>button{justify-self:start}.pricing-setting-card:first-child{grid-column:1/-1}.pricing-setting-card:first-child .pricing-setting-fields{grid-template-columns:repeat(4,1fr)}.financial-settings-card{margin-bottom:14px}.financial-settings-card>header>div{gap:3px;display:grid}.financial-settings-card>header h2{margin:0;font-size:18px}.financial-settings-card>header span{color:var(--muted);font-size:10px}.financial-settings-card>header svg{width:21px;color:var(--accent)}.financial-setting-groups{grid-template-columns:.8fr 1.2fr;gap:14px;display:grid}.financial-setting-groups fieldset{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:9px;align-content:start;gap:11px;margin:0;padding:14px;display:grid}.financial-setting-groups legend{color:var(--ink);align-items:center;gap:7px;padding:0 7px;font-size:11px;font-weight:900;display:flex}.financial-setting-groups legend svg{width:16px;color:var(--accent)}.financial-rate-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settings-check{border:1px solid var(--line);background:var(--soft);border-radius:8px;align-items:flex-start;gap:9px;padding:10px;display:flex!important}.settings-check input{height:17px;accent-color:var(--accent);flex:none;margin:1px 0 0;width:17px!important}.settings-check span{gap:2px;display:grid}.settings-check strong{font-size:10px}.settings-check small{color:var(--muted);font-size:9px;line-height:1.45}@media (max-width:1050px){.pricing-setting-card:first-child .pricing-setting-fields{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.pricing-setting-grid,.pricing-setting-fields,.pricing-setting-card:first-child .pricing-setting-fields,.financial-setting-groups,.financial-rate-grid{grid-template-columns:1fr}.pricing-setting-card:first-child{grid-column:auto}}
.sidebar-brand,.staff-card{flex:none}.sidebar nav{overscroll-behavior:contain;scrollbar-color:#40515a transparent;scrollbar-width:thin;flex:auto;min-height:0;padding-right:4px;overflow-y:auto}.nav-group>summary{color:#b9c5ca;cursor:pointer;border-radius:7px;align-items:center;gap:10px;padding:10px;font-size:13px;list-style:none;display:flex}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:hover,.nav-group>summary.active{color:#fff;background:#29363c}.nav-group>summary.active{box-shadow:inset 3px 0 0 var(--accent), 0 0 18px #00bdf00d;background:linear-gradient(90deg,#00bdf026,#00bdf00b);border:1px solid #00bdf052}.nav-group>summary>svg{width:16px}.nav-group .nav-chevron{width:13px;margin-left:auto;transition:transform .18s}.nav-group[open] .nav-chevron{transform:rotate(180deg)}.nav-submenu{border-left:1px solid #34454e;gap:2px;margin:2px 0 5px 17px;padding-left:8px;display:grid}.sidebar .nav-submenu a{padding:8px 9px;font-size:11px}.sidebar .nav-submenu a svg{width:14px}@media (max-width:720px){.sidebar nav{flex:none;align-items:flex-start;min-height:auto;padding-right:0;overflow:auto visible}.nav-group{flex:none;min-width:max-content}.nav-submenu{width:190px;margin:3px 0 0 10px}}
.profile-settings-page>.page-heading>svg{width:28px;color:var(--accent)}.profile-settings-card{max-width:950px}.profile-settings-card header>div{gap:4px;display:grid}.profile-settings-card header span{color:var(--muted);font-size:10px}.profile-settings-card header svg{width:20px;color:var(--accent)}.profile-address-grid{grid-template-columns:1.4fr .5fr .75fr .55fr;gap:11px;display:grid}.profile-address-grid label{gap:6px;font-size:12px;font-weight:700;display:grid}.profile-settings-card form>button{justify-self:start;align-items:center;gap:7px;display:flex}.profile-settings-card form>button svg{width:15px}.social-settings-card form{grid-template-columns:1fr 1fr}.social-settings-card form label span{align-items:center;gap:6px;display:flex}.social-settings-card form label span svg{width:15px;color:var(--accent)}.social-settings-card form button{grid-column:1/-1}@media (max-width:760px){.profile-address-grid,.social-settings-card form{grid-template-columns:1fr}.social-settings-card form button{grid-column:auto}}