:root{--accent:#d61f2c;--bg:#0d0e10;--panel:#17191d;--text:#f7f7f8;--muted:#9ea3aa;--border:#2a2d33;--green:#21a366}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{touch-action:manipulation}.app{min-height:100%;padding-bottom:86px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#101114;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px}.brand .logo{width:38px;height:38px;border-radius:11px;background:var(--accent);display:grid;place-items:center}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.iconbtn{width:42px;height:42px;border:1px solid var(--border);background:#181a1f;color:#fff;border-radius:12px}.screen{max-width:720px;margin:0 auto;padding:18px}.card,.customer-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px;margin-bottom:14px}.hero{border-radius:20px;padding:24px;margin-bottom:14px}.hero.dark{background:linear-gradient(140deg,#1a1b1f,#0b0c0e);border:1px solid var(--border)}.hero h1{font-size:34px;line-height:1.02;margin:6px 0 10px}.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:800;color:var(--accent);text-transform:uppercase;margin:0}.sub,.fine,small{color:var(--muted)}.fine{text-align:center;font-size:12px}.grid{display:grid;gap:10px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.btn{border:0;border-radius:12px;padding:14px 15px;min-height:48px;font-weight:800;cursor:pointer}.btn.primary,.ai-button{background:var(--accent);color:#fff}.btn.secondary{background:#22252a;color:#fff;border:1px solid #343840}.btn.success{background:var(--green);color:#fff}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.row{width:100%;margin-top:12px}.selected{outline:2px solid var(--accent)}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:14px;min-width:0}.kpi b{display:block;overflow-wrap:anywhere}.job{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.job:last-child{border-bottom:0}.pill{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:6px 9px;font-size:12px;color:#d7d9dc}.pill.status{border-color:#355a47;color:#78d49f}.field{margin:11px 0}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:6px}.field input,.field select,.field textarea,textarea,input,select{width:100%;background:#101216;color:#fff;border:1px solid #343840;border-radius:11px;padding:13px;min-height:46px;font-size:16px}.field textarea{resize:vertical}.other-input{margin-top:8px}.input-action{display:grid;grid-template-columns:1fr auto;gap:8px}.input-action button{border:0;border-radius:10px;background:#25282d;color:#fff;padding:0 14px;font-weight:800}.nav{position:fixed;bottom:0;left:0;right:0;height:72px;background:#111216;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);z-index:30}.nav button{background:none;border:0;color:#8d929a;padding:8px 2px;font-size:18px}.nav button div{font-size:10px}.nav .active{color:#fff}.nav .plus span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff}.workflow{max-width:720px;margin:0 auto;padding:12px 18px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;background:#111216;border-bottom:1px solid var(--border)}.workflow span{font-size:11px;text-align:center;color:#71767e}.workflow span:before{content:"";display:block;height:3px;background:#33363c;margin-bottom:6px;border-radius:3px}.workflow span.done,.workflow span.current{color:#fff}.workflow span.done:before,.workflow span.current:before{background:var(--accent)}.workflow small{display:block;font-size:8px;margin-top:2px}.section-title{display:flex;gap:12px;align-items:center}.section-title>span{font-size:26px}.section-title h2{margin:0}.section-title p{margin:3px 0 0;color:var(--muted)}.mutedbox,.warning{background:#111318;border:1px solid var(--border);border-radius:12px;padding:13px;color:#bec2c8}.warning{border-color:#7f3338;color:#ffd9dc}.ai-card{border-color:#75313a;background:linear-gradient(145deg,#211216,#17191d)}.ai-head{display:flex;align-items:center;gap:11px}.ai-head>span{width:38px;height:38px;border-radius:10px;background:var(--accent);display:grid;place-items:center}.ai-head h2{margin:0}.cause{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}.risk{font-size:11px;border-radius:999px;padding:5px 8px}.risk.high{background:#63252c;color:#ffdce0}.risk.medium{background:#514419;color:#ffe49b}.risk.low{background:#263e35;color:#a9e4c3}.plan li{margin:9px 0}.total{font-size:30px;font-weight:900;text-align:right;margin-top:12px}.lineitem{display:grid;grid-template-columns:minmax(0,2fr) 70px 90px 38px;gap:7px;margin:8px 0}.lineitem input{min-width:0}.remove{border:1px solid #573137;background:#25161a;color:#ff8e98;border-radius:9px;font-size:21px}.approval-options{display:grid;gap:10px;margin-bottom:14px}.option{display:flex;flex-direction:column;gap:5px;text-align:left;padding:16px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:#fff}.option.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.option span{color:var(--muted)}.check{display:flex;align-items:flex-start;gap:10px;padding:10px 0}.check input{width:22px;height:22px;flex:0 0 auto}.complete-banner{background:#163725;color:#70d99e;border:1px solid #285d3f;padding:15px;border-radius:14px;text-align:center;font-weight:900;margin-bottom:14px}.textbtn{display:block;width:100%;background:none;border:0;color:#777;padding:13px}.notice{position:fixed;left:50%;bottom:88px;transform:translate(-50%,20px);opacity:0;transition:.2s;background:#fff;color:#111;padding:12px 16px;border-radius:12px;box-shadow:0 8px 28px #0006;z-index:100;max-width:88%;text-align:center}.notice.show{opacity:1;transform:translate(-50%,0)}

.customer-mode{background:#f3f4f6;color:#15171b}.customer-app{background:#f3f4f6;min-height:100%}.customer-app .topbar{background:#fff;color:#111;border-bottom:1px solid #e1e3e6}.customer-app .brand small{color:#777}.customer-app .iconbtn{background:#fff;color:#111;border-color:#ddd}.customer-app .screen{max-width:560px}.customer-card{background:#fff;color:#15171b;border-color:#e0e2e5;box-shadow:0 6px 24px #1111}.customer-card .field input,.customer-card .field select,.customer-card .field textarea{background:#fff;color:#111;border-color:#cfd2d7}.customer-card small,.customer-card .fine,.customer-card .sub{color:#6f747c}.customer-app .section-title p{color:#6f747c}.intake-steps{max-width:560px;margin:0 auto;padding:14px 18px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.intake-steps button{background:none;border:0;color:#8b9098;font-size:10px;padding:5px}.intake-steps button span{display:grid;place-items:center;width:29px;height:29px;margin:0 auto 5px;border-radius:50%;background:#e4e6e9;color:#666;font-weight:900}.intake-steps button.active,.intake-steps button.done{color:#111}.intake-steps button.active span,.intake-steps button.done span{background:var(--accent);color:#fff}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#eceef1;border-radius:12px;padding:4px;margin:14px 0}.segmented button{border:0;background:transparent;padding:10px;border-radius:9px;font-weight:800}.segmented button.active{background:#fff;color:var(--accent);box-shadow:0 2px 8px #0001}.voice-panel{display:flex;flex-direction:column;align-items:center;gap:9px;padding:18px;background:#fafafa;border:1px solid #e4e5e8;border-radius:14px;margin-bottom:12px}.mic{width:68px;height:68px;border:0;border-radius:50%;background:var(--accent);color:#fff;font-size:28px}.review{background:#f7f8fa;border:1px solid #e1e3e6;border-radius:12px;padding:14px;margin:14px 0}.review b,.review span{display:block;margin-bottom:5px}.review p{margin:9px 0}.customer-app .btn.secondary{background:#f1f2f4;color:#16181b;border-color:#d7d9dd}.customer-app .textbtn{color:#777}

@media(max-width:600px){
  .screen{padding:14px}.grid.two{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.kpi:last-child{grid-column:1/-1}
  .lineitem{grid-template-columns:1fr 70px 90px 36px}.workflow{overflow-x:auto;grid-template-columns:repeat(8,70px)}.workflow small{font-size:7px}
  .hero h1{font-size:29px}.customer-card{padding:16px}.intake-steps{padding-left:8px;padding-right:8px}
}
@media print{.nav,.topbar,.workflow,.btn,.iconbtn{display:none!important}.app{padding:0}.screen{max-width:none}.card{break-inside:avoid}}

.inspection-section h3{margin-top:0}.inspection-row{display:grid;grid-template-columns:minmax(0,1.6fr) 150px minmax(0,1.2fr);gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.inspection-row:last-child{border-bottom:0}.inspection-label{font-weight:700}.inspection-status,.inspection-note{min-width:0}
@media(max-width:650px){.inspection-row{grid-template-columns:1fr}.inspection-status,.inspection-note{width:100%}}