.sc{--brand:#0309F6;--brand-dk:#0207C4;--mag:#D200D6;--red:#D1030A;--red-dk:#A30208;--ink:#14171c;--ink2:#4a5260;--mut:#7a8290;--line:#e3e6eb;--bg:#f4f5f7;--card:#fff;--orange:#E2560A;--green:#14804a;--blue:#1f4fbf;--purple:#6b3fb5;--r:12px}
.sc *{box-sizing:border-box}
.sc{margin:0}
.sc{font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
.sc [hidden]{display:none!important}
.sc button,.sc input,.sc select,.sc textarea{font:inherit;color:inherit}
.sc :focus-visible{outline:3px solid rgba(3,9,246,.35);outline-offset:2px}
.sc .muted{color:var(--mut)}
.sc .btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 14px;font-weight:600;cursor:pointer;white-space:nowrap}
.sc .btn:hover{border-color:#c9ced6}
.sc .btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.sc .btn.primary:hover{background:var(--brand-dk)}
.sc .btn.ghost{background:#fff;border-color:var(--line);color:var(--brand)}
.sc .btn.wide{width:100%}
.sc .btn:disabled{opacity:.55;cursor:default}
.sc .login{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#f3f4ff 0%,#fbf2fc 100%)}
.sc .login-card{background:#fff;border-radius:18px;padding:32px 28px;width:100%;max-width:380px;text-align:center;box-shadow:0 20px 60px rgba(3,9,246,.12);border-top:5px solid var(--brand)}
.sc .login-card h1{font-size:22px;margin:14px 0 2px}
.sc .login-card form{text-align:left;margin-top:22px}
.sc .login-card label{font-weight:600;font-size:13px;color:var(--ink2)}
.sc .login-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;margin:6px 0 14px;font-size:16px}
.sc .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sc .logo-login{width:100%;max-width:300px;height:auto;display:block;margin:0 auto 6px}
.sc .err{color:var(--red);min-height:1.4em;margin:10px 0 0;font-size:14px}
.sc .unused-brand-mark{width:38px;height:38px;border-radius:10px;background:var(--red);color:#fff;font-weight:800;display:grid;place-items:center;letter-spacing:.5px;flex:none}
.sc .unused-brand-mark-big{width:58px;height:58px;font-size:22px;border-radius:14px;margin:0 auto}
.sc .top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px max(16px,env(safe-area-inset-left));background:#fff;border-bottom:4px solid var(--brand);box-shadow:0 2px 0 var(--mag)}
.sc .logo-head{height:44px;width:auto;display:block}
.sc .brand-sub{font-size:13px;font-weight:700;color:var(--mag);text-transform:uppercase;letter-spacing:.6px;border-left:2px solid var(--line);padding-left:10px}
.sc .brand{display:flex;gap:10px;align-items:center;min-width:0}
.sc .top-actions{display:flex;gap:8px}
.sc .banner{background:#fbefff;color:#6d0070;border-bottom:1px solid #efc6f0;margin-top:2px;padding:9px 16px;font-size:13.5px;text-align:center}
.sc .wrap{max-width:1280px;margin:0 auto;padding:16px}
.sc .stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}
.sc .stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;text-align:left;cursor:pointer}
.sc .stat b{display:block;font-size:26px;line-height:1.1}
.sc .stat span{font-size:12.5px;color:var(--ink2);font-weight:600}
.sc .stat.on{border-color:var(--brand);box-shadow:0 0 0 2px rgba(3,9,246,.15)}
.sc .stat.alert b{color:var(--red)}
.sc .stat.warn b{color:var(--orange)}
.sc .filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.sc .filters input[type=search]{flex:1 1 260px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:16px}
.sc .chips{display:flex;gap:6px;flex-wrap:wrap}
.sc .chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-weight:600;font-size:13.5px;cursor:pointer}
.sc .chip.on{background:var(--brand);border-color:var(--brand);color:#fff}
.sc .selects{display:flex;gap:8px;flex-wrap:wrap}
.sc select{padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;max-width:100%}
.sc .list{display:flex;flex-direction:column;gap:8px}
.sc .list-head{display:none}
.sc .row{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--line);border-radius:var(--r);padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:6px 12px;cursor:pointer;text-align:left;width:100%}
.sc .row:hover{border-color:#cfd4db}
.sc .row.d-warn{border-left-color:var(--orange)}
.sc .row.d-red{border-left-color:var(--red)}
.sc .row.d-over{border-left-color:var(--red);background:#fff6f6}
.sc .row .who strong{font-size:16px}
.sc .row .who a{color:var(--ink2);text-decoration:none;font-size:14px}
.sc .row .area{color:var(--ink2);font-size:13.5px}
.sc .row .issue{grid-column:1/-1;color:var(--ink);font-size:14.5px}
.sc .row .meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sc .row .go{display:none}
.sc .tag{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 9px;font-size:12.5px;font-weight:700;white-space:nowrap;border:1px solid transparent}
.sc .p-Urgent{background:var(--red);color:#fff}
.sc .p-High{background:#fde3e3;color:#9b0207}
.sc .p-Normal{background:#e8edf5;color:#2b3b55}
.sc .p-Low{background:#eef0f2;color:#5f6773}
.sc .dl{background:#eef0f2;color:var(--ink2);font-weight:600}
.sc .dl.warn{background:#fdeadf;color:#a63c00;font-weight:800}
.sc .dl.red{background:#fde3e3;color:var(--red);font-weight:800}
.sc .dl.over{background:var(--red);color:#fff;font-weight:800}
.sc .dl.done{background:#e6f4ec;color:var(--green)}
.sc .s{background:#fff;border-color:var(--line);color:var(--ink2)}
.sc .s-New{border-color:#c9d6ea;color:var(--blue)}
.sc .s-Confirm-call-queued{background:#efe8fb;border-color:#d8c8f3;color:var(--purple)}
.sc .s-Confirmed,.sc .s-Confirmed-AM,.sc .s-Confirmed-PM{background:#e6f4ec;border-color:#bfe2cd;color:var(--green)}
.sc .s-Declined{background:#fde3e3;border-color:#f3c0c2;color:#9b0207}
.sc .s-No-answer{background:#fdeadf;border-color:#f6cdb3;color:#a63c00}
.sc .s-Scheduled{background:#e5effc;border-color:#c3d8f5;color:var(--blue)}
.sc .s-Done,.sc .s-Completed{background:#eef0f2;color:#5f6773}
.sc .s-Cancelled{background:#f1f1f4;color:#5b5b66;text-decoration:line-through}
.sc .sample-tag{background:#f4f5f7;color:var(--mut);border:1px dashed #c9ced6;font-weight:600}
.sc .empty{text-align:center;color:var(--mut);padding:40px 0}
.sc dialog{border:0;border-radius:16px;padding:0;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 32px);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.sc dialog::backdrop{background:rgba(15,17,21,.55)}
.sc .dlg-close{position:absolute;right:8px;top:6px;margin:0}
.sc .x{border:0;background:transparent;font-size:28px;line-height:1;padding:6px 10px;cursor:pointer;color:var(--mut)}
.sc #dBody{padding:20px 20px 22px}
.sc #dBody h2{margin:0 36px 4px 0;font-size:20px}
.sc .kv{display:grid;grid-template-columns:110px 1fr;gap:6px 10px;margin:14px 0;font-size:14.5px}
.sc .kv dt{color:var(--mut);font-weight:600}
.sc .kv dd{margin:0}
.sc .kv a{color:var(--brand)}
.sc .box{border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:12px}
.sc .box h3{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:var(--mag)}
.sc .slots{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 10px}
.sc .slot{border:2px solid var(--line);border-radius:12px;padding:10px;background:#fff;cursor:pointer;text-align:center}
.sc .slot b{display:block;font-size:17px}
.sc .slot span{font-size:12.5px;color:var(--ink2)}
.sc .slot.on{border-color:var(--brand);background:#f3f4ff}
.sc .field{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px;font-size:14px}
.sc .field input[type=date]{padding:8px;border:1px solid var(--line);border-radius:10px}
.sc textarea{width:100%;min-height:80px;padding:10px;border:1px solid var(--line);border-radius:10px;resize:vertical}
.sc .row2{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sc .hist{list-style:none;margin:0;padding:0;font-size:13.5px;color:var(--ink2);max-height:160px;overflow:auto}
.sc .hist li{padding:4px 0;border-bottom:1px dashed var(--line)}
.sc .hist time{color:var(--mut);margin-right:6px}
.sc .qnote{font-size:13.5px;background:#efe8fb;color:#4a2a85;border-radius:10px;padding:9px 11px;margin-bottom:10px}
.sc .toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(30px);opacity:0;background:var(--brand);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;transition:.25s;pointer-events:none;z-index:20;max-width:90vw}
.sc .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:720px){.sc .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sc .stat{padding:10px}
.sc .stat b{font-size:22px}
.sc .stat span{font-size:11.5px}
.sc .logo-head{height:34px}
.sc .brand-sub{display:none}
.sc .top-actions .btn{padding:7px 10px;font-size:13px}
.sc #refresh{display:none}
.sc .selects{width:100%}
.sc .selects select{flex:1 1 30%;min-width:0;font-size:14px;padding:9px 6px}}
@media (min-width:1000px){.sc .list-head{display:grid;grid-template-columns:1.5fr 1fr 2.1fr 90px 175px 170px 24px;gap:12px;padding:0 16px 6px 19px;font-size:12px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.5px}
.sc .list{gap:6px}
.sc .row{grid-template-columns:1.5fr 1fr 2.1fr 90px 175px 170px 24px;align-items:center;gap:12px;padding:11px 16px}
.sc .row .issue{grid-column:auto}
.sc .row .meta{display:contents}
.sc .row .go{display:block;color:var(--mut);font-size:20px}
.sc .row .who a{display:block}}
.sc .s-Wants-reschedule{background:#fbefff;border-color:#efc6f0;color:#8a008d}
.sc .tag.appt{background:#eef0fe;border-color:#cdd0fb;color:var(--brand)}
.sc .sync-line{font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc .sync-line.bad{color:var(--mag);font-weight:600}
.sc .banner.sync-err{background:#fbefff;color:#8a008d;font-weight:600}
.sc #apErr:empty{display:none}
.sc #apErr{margin:6px 0 0}
@media (max-width:720px){.sc .brand{flex-wrap:wrap;row-gap:2px}
.sc .sync-line{flex-basis:100%;font-size:11.5px}}
.sc .row .issue{min-width:0;display:flex;flex-direction:column;gap:4px}
.sc .rchips{display:flex;flex-wrap:wrap;gap:4px}
.sc .rchip{display:inline-block;font-size:12px;font-weight:700;line-height:1.2;padding:3px 8px;border-radius:999px;background:#eef0fe;color:var(--brand);border:1px solid #cdd0fb;white-space:nowrap}
.sc .row .prob{display:block;color:var(--ink2);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sc .box.req .rchips{margin:0 0 10px}
.sc .box.req .rchip{font-size:13px;padding:4px 10px}
.sc .kv dd.contact{display:flex;flex-direction:column;gap:2px}
.sc .kv dd.contact small{color:var(--mut);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.4px}
.sc ul.parts{margin:0;padding-left:18px}
.sc ul.parts li{margin:1px 0}
.sc .box.req .kv{margin:0}
.sc .stcell{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:0}
.sc .small{font-size:12.5px}
.sc .who-chip{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;color:var(--ink);padding:0 4px;white-space:nowrap}
.sc .who-chip small{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--mag);background:#fbefff;border:1px solid #efc6f0;border-radius:999px;padding:2px 7px}
.sc .btn.on{background:var(--brand);border-color:var(--brand);color:#fff}
.sc .banner.boot{background:#eef0fe;color:#0207a0;border-bottom-color:#cdd0fb}
.sc .login-card h2{font-size:20px;margin:14px 0 4px}
.sc .login-card input[readonly]{background:#f4f5f7;color:var(--ink2)}
.sc .s-Needs-follow-up{background:#fff1e6;border-color:#f6cdb3;color:#a63c00}
.sc .row{grid-template-columns:auto 1fr auto}
.sc .row .pick{display:flex;align-items:flex-start;padding-top:3px;cursor:pointer}
.sc .row .pick input,.sc .list-head input{width:18px;height:18px;accent-color:var(--brand);cursor:pointer;margin:0}
.sc .row.picked{border-color:var(--brand);box-shadow:0 0 0 2px rgba(3,9,246,.12)}
.sc .row .issue,.sc .row .meta,.sc .row .techc{grid-column:1/-1}
.sc .techc select{font-size:13.5px;padding:6px 8px;border-radius:999px;border-color:#cdd0fb;color:var(--brand);font-weight:700;background:#f6f7ff;max-width:100%}
.sc .techc select.none{color:var(--mut);background:#fff;border-color:var(--line);font-weight:600}
.sc .dtsel{padding:7px 9px;border-radius:10px;font-weight:600}
.sc .bulk{position:sticky;top:76px;z-index:4;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border:2px solid var(--brand);border-radius:12px;padding:9px 12px;margin-bottom:10px;box-shadow:0 6px 18px rgba(3,9,246,.12)}
.sc .bulk b{color:var(--brand);margin-right:4px}
.sc .bulk label{font-size:13.5px;color:var(--ink2);font-weight:600}
.sc .list-head{display:none}
@media (min-width:1000px){.sc .list-head{display:grid;grid-template-columns:22px 1.4fr .9fr 2fr 84px 165px 160px 140px 18px;align-items:center}
.sc .row{grid-template-columns:22px 1.4fr .9fr 2fr 84px 165px 160px 140px 18px}
.sc .row .pick{padding-top:0}
.sc .row .issue,.sc .row .techc{grid-column:auto}
.sc .techc select{width:100%}}
.sc .team-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 6px}
.sc .team-head h2{margin:0;font-size:22px}
.sc .add-grid{display:grid;grid-template-columns:1fr 1.3fr 1.4fr 1fr auto;gap:10px;align-items:end}
.sc .add-grid .field{flex-direction:column;align-items:stretch;gap:4px;margin:0}
.sc .add-grid label{font-weight:600;font-size:12.5px;color:var(--ink2)}
.sc .add-grid input,.sc .add-grid select{padding:10px;border:1px solid var(--line);border-radius:10px;font-size:15px;width:100%}
.sc .team-add .err{margin-top:6px;min-height:0}
.sc .linkbox{border:2px solid var(--mag);background:#fffaff}
.sc .linkbox h3{color:var(--mag)}
.sc .linkrow{display:flex;gap:8px}
.sc .linkrow input{flex:1;min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;font-size:13.5px;background:#fff;color:var(--ink2)}
.sc .tl-h{margin:20px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--mag)}
.sc .tl-h span{color:var(--mut);font-weight:600;margin-left:4px}
.sc .person{display:grid;grid-template-columns:1.3fr 1.2fr auto;gap:10px 16px;align-items:center;background:#fff;border:1px solid var(--line);border-left:5px solid var(--brand);border-radius:12px;padding:12px 14px;margin-bottom:8px}
.sc .person.off{border-left-color:var(--line);opacity:.7}
.sc .p-main{display:flex;flex-direction:column;min-width:0}
.sc .p-main strong{font-size:16px}
.sc .p-login{color:var(--ink2);font-size:13.5px;overflow:hidden;text-overflow:ellipsis}
.sc .p-phone{color:var(--brand);font-size:13.5px;text-decoration:none}
.sc .p-state{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sc .p-act{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.sc .p-act select{padding:8px}
.sc .st-on{background:#e6f4ec;border-color:#bfe2cd;color:var(--green)}
.sc .st-inv{background:#eef0fe;border-color:#cdd0fb;color:var(--brand)}
.sc .st-exp{background:#fdeadf;border-color:#f6cdb3;color:#a63c00}
.sc .st-off{background:#eef0f2;color:#5f6773}
@media (max-width:860px){.sc .add-grid{grid-template-columns:1fr 1fr}
.sc .add-go{grid-column:1/-1}
.sc .add-go .btn{width:100%}
.sc .person{grid-template-columns:1fr}
.sc .p-act{justify-content:flex-start}}
.sc.tech-mode #refresh{display:none}
.sc .mine{max-width:640px}
.sc .mine-tabs{display:flex;gap:8px;margin:2px 0 12px}
.sc .mine-tabs .chip{font-size:15px;padding:9px 16px}
.sc .job{background:#fff;border:1px solid var(--line);border-top:5px solid var(--brand);border-radius:14px;padding:14px 14px 16px;margin-bottom:14px;box-shadow:0 2px 10px rgba(20,23,28,.04)}
.sc .job.is-done{border-top-color:#c9ced6}
.sc .job-when{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:14.5px;color:var(--ink2);margin-bottom:6px}
.sc .job-when b{font-size:17px;color:var(--brand)}
.sc .job-when.today b{color:var(--mag)}
.sc .job-when.past b{color:var(--red)}
.sc .job-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sc .job-top h3{margin:0;font-size:20px;flex:1 1 auto}
.sc .job-addr{display:flex;align-items:center;gap:10px;margin:10px 0 8px;padding:11px 12px;border:1px solid #cdd0fb;background:#f6f7ff;border-radius:12px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15.5px}
.sc .job-addr small{display:block;color:var(--mut);font-weight:600;font-size:12.5px}
.sc .job-addr .ic{font-size:20px}
.sc .job-addr .go{margin-left:auto;color:var(--brand);font-weight:700;white-space:nowrap}
.sc .job-call{display:flex;gap:8px;flex-wrap:wrap}
.sc .job-call .btn{flex:1 1 auto;text-align:center;text-decoration:none;padding:12px 14px;font-size:16px}
.sc .job .box.req{margin-top:12px}
.sc .job .kv{grid-template-columns:96px 1fr}
.sc .onote{margin-top:10px;background:#fbefff;border:1px solid #efc6f0;border-radius:10px;padding:9px 11px;font-size:14px;color:#5a005c;white-space:pre-wrap}
.sc .onote b{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--mag);margin-bottom:2px}
.sc .jhist{margin-top:10px;max-height:none}
.sc .jnote{width:100%;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:10px;font-size:16px;resize:vertical}
.sc .job-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.sc .job-btns .btn{padding:13px 10px;font-size:15.5px}
.sc .job-btns .btn:last-child{grid-column:1/-1}
.sc .btn.done{background:var(--green);border-color:var(--green);color:#fff}
.sc .btn.fu{background:#fff;border-color:var(--mag);color:var(--mag)}
.sc .mine-hi{font-size:13.5px;color:var(--ink2);margin:0 0 8px;font-weight:600}
.sc .mine-hi b{color:var(--ink)}
@media (min-width:721px){.sc .mine-hi{display:none}}
@media (max-width:720px){.sc .who-chip{display:none}}
.sc a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.sc .files .files-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.sc .files .files-head h3{margin:0}
.sc .fcount{display:inline-block;min-width:20px;padding:1px 7px;border-radius:999px;background:var(--mag);color:#fff;font-size:12px;letter-spacing:0;text-align:center;vertical-align:1px}
.sc .up-btns{display:flex;gap:8px;flex-wrap:wrap}
.sc .up-btns label.btn{display:inline-flex;align-items:center;gap:4px;cursor:pointer}
.sc .up-btns .pick{color:var(--brand);border-color:#c8cafd}
.sc .drop-hint{border:2px dashed #d3d6ff;border-radius:10px;padding:10px;text-align:center;color:var(--mut);font-size:13px;margin-bottom:10px}
.sc .files.drag{border-color:var(--brand);background:#f3f4ff}
.sc .files.drag .drop-hint{border-color:var(--brand);color:var(--brand);background:#fff}
@media (hover:hover) and (pointer:fine){.sc .up-btns .cam{display:none}}
@media (hover:none),(pointer:coarse){.sc .drop-hint{display:none}}
.sc .thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.sc .thumbs .none{grid-column:1/-1;margin:2px 0;font-size:13.5px}
.sc .tile{position:relative;aspect-ratio:1/1;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#eef0f4;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sc .tile:hover{border-color:var(--brand)}
.sc .tile img,.sc .tile video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.sc .tile .play{position:absolute;inset:auto auto 6px 6px;width:26px;height:26px;border-radius:50%;background:rgba(3,9,246,.88);color:#fff;font-size:11px;display:grid;place-items:center;padding-left:2px}
.sc .tile .ficon{font-size:28px;line-height:1}
.sc .tile .fname{font-size:11px;color:var(--ink2);padding:4px 6px 0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc .ups{display:flex;flex-direction:column;gap:6px}
.sc .ups:not(:empty){margin-bottom:10px}
.sc .up{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff}
.sc .up-ic{font-size:20px}
.sc .up-main{flex:1;min-width:0}
.sc .up-name{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc .up-word{font-size:12px;color:var(--mut)}
.sc .bar{height:6px;border-radius:99px;background:#eceefe;overflow:hidden;margin:4px 0 2px}
.sc .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--mag));transition:width .2s}
.sc .up-fail{border-color:#f2c3c5;background:#fff7f7}
.sc .up-fail .up-word{color:var(--red)}
.sc .up-wait .up-word{color:var(--orange)}
.sc .up-done .up-word{color:var(--green)}
.sc .btn.small{padding:6px 10px;font-size:13px}
.sc .btn.danger{color:var(--red);border-color:#f0c4c6}
.sc .x-up{border:0;background:none;font-size:20px;line-height:1;color:var(--mut);cursor:pointer;padding:2px 4px}
.sc .clip{align-self:flex-start;width:auto;display:inline-block;margin-left:6px;font-size:12px;font-weight:600;color:var(--brand);background:#eef0ff;border-radius:999px;padding:1px 7px;white-space:nowrap;vertical-align:1px}
.sc .job .files{margin-top:12px}
.sc .viewer{border:0;padding:0;background:#0b0d12;color:#fff;width:min(1100px,100vw);max-width:100vw;max-height:100vh;border-radius:14px;overflow:hidden}
.sc .viewer::backdrop{background:rgba(5,6,10,.82)}
.sc .viewer .dlg-close{position:absolute;top:8px;right:8px;z-index:3}
.sc .viewer .dlg-close .x{background:rgba(255,255,255,.14);color:#fff;border:0;width:38px;height:38px;border-radius:50%;font-size:24px;cursor:pointer}
.sc .vmedia{position:relative;display:flex;align-items:center;justify-content:center;min-height:240px;max-height:calc(100vh - 120px);background:#000}
.sc .vmedia img,.sc .vmedia video{max-width:100%;max-height:calc(100vh - 120px);display:block;object-fit:contain}
.sc .vmedia audio{width:90%;margin:60px 0}
.sc .vdoc{text-align:center;padding:40px 20px}
.sc .vdoc .ficon{font-size:54px}
.sc .vdoc p{margin:10px 0 16px;word-break:break-word}
.sc .vnav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.sc .vnav.prev{left:10px}
.sc .vnav.next{right:10px}
.sc .vbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 14px;background:#11141b}
.sc .vinfo{display:flex;flex-direction:column;min-width:0}
.sc .vinfo b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc .vinfo span{font-size:12.5px;color:#aab0bd}
.sc .vact{display:flex;gap:8px}
.sc .vact .btn{text-decoration:none;color:var(--ink)}
.sc .vact .btn.danger{color:var(--red)}
@media (max-width:720px){.sc .viewer{border-radius:0;width:100vw;height:100vh;max-height:100vh}
.sc .vmedia{height:calc(100vh - 110px);max-height:none}
.sc .vmedia img,.sc .vmedia video{max-height:calc(100vh - 110px)}
.sc .thumbs{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}}
.sc .up-btns .sm{display:none}
@media (hover:none),(pointer:coarse){.sc .files .files-head h3{width:100%}
.sc .up-btns{display:grid;grid-template-columns:1fr 1fr;width:100%}
.sc .up-btns label.btn{justify-content:center;padding:12px 8px}
.sc .up-btns .lg{display:none}
.sc .up-btns .sm{display:inline}}
.sc .geo-b{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;font-size:12px;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.sc .vinfo .vgeo{display:flex;flex-direction:column;gap:1px;margin-top:6px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-size:13.5px;max-width:100%}
.sc .vinfo .vgeo:hover{background:rgba(255,255,255,.14)}
.sc .vinfo .vgeo span{color:inherit;font-size:inherit}
.sc .vinfo .vgeo .vg-sub{font-size:12px;color:#aab0bd}
.sc .vinfo .vgeo .vg-sub u{color:#9fb0ff;text-decoration:none;font-weight:600}
.sc .vinfo .vgeo.none{color:#aab0bd;font-size:12.5px;background:none;padding:4px 0 0}
.sc .team-set .chk{display:flex;gap:8px;align-items:flex-start;margin:8px 0;font-weight:600;cursor:pointer}
.sc .team-set .chk input{margin-top:3px;width:18px;height:18px;accent-color:var(--brand)}
.sc .team-set .chk .muted{font-weight:400}
.sc .small-note{font-size:13px;margin:0 0 6px}
.sc .vmedia,.sc .vmedia img,.sc .vmedia video{max-height:calc(100vh - 170px)}
@media (max-width:720px){.sc .vmedia{height:calc(100vh - 250px);height:calc(100dvh - 250px)}
.sc .vmedia img,.sc .vmedia video{max-height:calc(100vh - 250px);max-height:calc(100dvh - 250px)}
.sc .vbar{padding:10px 12px}
.sc .vinfo{width:100%}
.sc .vinfo .vgeo{font-size:13px}}
.sc .btn.geo-tg{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:.9em}
.sc .btn.geo-tg input{width:18px;height:18px;accent-color:#0309F6;margin:0}
.sc .btn.geo-tg .geo-st{font-size:.85em}
/* ---- embedded in the SuperSeal portal (Oct 26) ---- */
.sc{background:transparent;max-width:1500px;margin:0 auto;padding:0 0 calc(84px + env(safe-area-inset-bottom))}
.sc .sc-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 4px;flex-wrap:wrap}
.sc .sc-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}
.sc .sc-title{font-size:20px;margin:0;color:var(--ink)}
.sc .sc-actions{display:flex;gap:8px;align-items:center}
.sc .sync-line{font-size:12.5px}
.sc .banner{border-radius:10px;margin:6px 16px 0}
.sc .wrap{padding:10px 16px 16px}
.sc .toast{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60}
.sc .row{gap:0;padding:0;border-bottom:0}
.sc .list{gap:0}
.sc .chip{flex:none}
.sc .x{width:auto;height:auto;border-radius:0;background:none}
.sc .empty{padding:30px 10px}
.sc .cc-link{font-weight:700;color:var(--brand)}
@media (min-width:900px){.sc{padding-bottom:30px}}
@media (max-width:720px){.sc .sc-actions .lbl{display:none}.sc .sc-bar{padding:12px 12px 2px}.sc .wrap{padding:8px 12px 12px}.sc .banner{margin:6px 12px 0}}
/* + New call form */
.sc .nc-sub{margin:-4px 0 12px;font-size:13px}
.sc .nc{display:grid;gap:12px}
.sc .nc-f{display:flex;flex-direction:column;gap:5px;border:0;padding:0;margin:0;min-width:0}
.sc .nc-f>label,.sc .nc-f>legend,.sc .nc-group>legend{font-weight:700;font-size:13.5px;color:var(--ink2);padding:0}
.sc .nc-f>legend{margin-bottom:6px}
.sc .nc input[type=text],.sc .nc input[type=tel],.sc .nc input[type=email],.sc .nc input[type=date],.sc .nc select,.sc .nc textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:16px;background:#fff}
.sc .nc textarea{resize:vertical;min-height:76px}
.sc .nc input:focus,.sc .nc select:focus,.sc .nc textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(3,9,246,.15)}
.sc .nc-group{border:1px solid var(--line);border-radius:12px;padding:10px 12px 12px;margin:0}
.sc .nc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sc .nc-grid .nc-f:not(.half){grid-column:1/-1}
.sc .nc-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.sc .nc-chk{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:500;background:#fff}
.sc .nc-chk input{width:20px;height:20px;accent-color:var(--brand);flex:none;margin:0}
.sc .nc-chk:has(input:checked){border-color:var(--brand);background:#f1f2ff}
.sc .nc-scale{display:flex;gap:6px}
.sc .nc-scale label{flex:1}
.sc .nc-scale input{position:absolute;opacity:0;pointer-events:none}
.sc .nc-scale span{display:block;text-align:center;border:1px solid var(--line);border-radius:10px;padding:11px 0;font-weight:700;cursor:pointer;background:#fff}
.sc .nc-scale input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff}
.sc .nc-scale input:focus-visible+span{outline:3px solid rgba(3,9,246,.35)}
.sc .nc-hint{margin:2px 0 0;font-size:12px;color:var(--mut)}
.sc .req{color:var(--mag)}
.sc .nc-go{position:sticky;bottom:-1px;background:#fff;padding:8px 0 4px}
@media (max-width:520px){.sc .nc-checks{grid-template-columns:1fr}}

/* offline drafts */
.sc .unsent{border:0;background:#fde7fd;color:#8a008d;border-radius:999px;padding:7px 12px;font-weight:700;font-size:13px;cursor:pointer}
.sc .unsent-list{margin:6px 16px 0}
.sc .badge-draft{display:inline-block;background:#fde7fd;color:#8a008d;border:1px solid #f1b8f2;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:700;white-space:nowrap}
.sc .pend{display:grid;gap:6px;margin:6px 0}
.sc .pend:empty{display:none}
.sc .pend-i{font-size:13.5px;padding:8px 10px;border:1px dashed #e7a6e8;border-radius:10px;background:#fff8ff}
.sc .draft-note{margin:4px 0 0;font-size:12px;color:var(--mut)}
.sc .draft-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#f1f2ff;border:1px solid #c9ccff;border-radius:10px;padding:8px 10px;margin:0 0 12px;font-size:13.5px}
@media (max-width:720px){.sc .unsent-list{margin:6px 12px 0}}
.sc .wrap{max-width:none}

/* Oct 26 Nathan: address over phone (portal .who was inline-flex), phone on one line, narrower Area, smaller chips */
.sc .row .who{display:block;min-width:0;color:var(--ink);font-weight:400}
.sc .row .who strong{display:block;font-size:15px;line-height:1.25}
.sc .row .who a{display:block;white-space:nowrap;margin-top:2px}
.sc .row .who br{display:none}
.sc .row .area{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc .rchip{font-size:11px;padding:2px 6px}
@media (min-width:1000px){.sc .list-head,.sc .row{grid-template-columns:22px 2fr 100px 1.8fr 84px 165px 160px 140px 18px}}

/* column-header filters */
.sc .list-head .hf{width:100%;min-width:0;font:inherit;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--mut);background:#f6f7fb;border:1px solid var(--line);border-radius:8px;padding:5px 6px;cursor:pointer}
.sc .list-head .hf.on{color:#fff;background:var(--brand);border-color:var(--brand)}
.sc .list-head{padding-bottom:8px}
@media (min-width:1000px){.sc .selects .mobile-only{display:none}}

/* address suggestions on "+ New call" (Oct 26) */
.ac-wrap{position:relative}
.ac-list{position:absolute;left:0;right:0;top:100%;z-index:50;margin-top:4px;background:#fff;border:1px solid #d6d8ea;border-radius:12px;box-shadow:0 10px 28px rgba(20,21,43,.16);overflow:hidden}
.ac-item{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #eef0f6;padding:10px 12px;font:inherit;color:#14152B;cursor:pointer}
.ac-item b{font-size:15px}.ac-item span{font-size:13px;color:#6b6e88}
.ac-item:hover,.ac-item.on{background:#ECEDFF}
.ac-foot{font-size:10.5px;color:#9a9db3;padding:4px 12px 6px;text-align:right}
.ac-map{display:inline-block;margin:6px 0 2px;font-size:14px;font-weight:600;color:#0309F6;text-decoration:none}

/* Payment (Oct 26): Admin & Office only */
.sc .pay-only{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;color:var(--mag);background:#fbe8fb;border-radius:999px;padding:2px 8px;vertical-align:2px}
.sc .pay-group{border-color:#c9cbfd;background:#fafaff}
.sc .pay-f{display:grid;gap:10px}
.sc .pay-lbl{font-weight:700;font-size:13.5px;color:var(--ink2)}
.sc .pay-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sc .pay-m{position:relative}
.sc .pay-m input{position:absolute;opacity:0;pointer-events:none}
.sc .pay-m span{display:block;text-align:center;border:1px solid var(--line);border-radius:10px;padding:11px 4px;font-weight:700;cursor:pointer;background:#fff;font-size:14px}
.sc .pay-m input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff}
.sc .pay-m input:focus-visible+span{outline:3px solid rgba(3,9,246,.35)}
.sc .pay-f input[data-pay=card_number]{letter-spacing:.06em;font-variant-numeric:tabular-nums}
.sc .pay-box{border-color:#c9cbfd;border-left:4px solid var(--brand)}
.sc .pay-box h3{display:flex;align-items:center;flex-wrap:wrap}
.sc .pay-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sc .pay-meth{font-weight:700;background:#f1f2ff;color:var(--brand);border-radius:8px;padding:3px 9px;font-size:13.5px}
.sc .pay-mask{font-size:14.5px}
.sc .pay-mask b{font-variant-numeric:tabular-nums;letter-spacing:.04em}
.sc .pay-note{margin:8px 0 0;font-size:14px;color:var(--ink2)}
.sc .pay-charged{margin:8px 0 0;font-size:13.5px;font-weight:700;color:var(--green)}
.sc .pay-none{margin:0 0 4px}
.sc .pay-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.sc .btn.pay-del{color:var(--red)}
.sc .pay-open{margin-top:10px;border:2px solid var(--mag);border-radius:12px;padding:10px 12px;background:#fff7ff}
.sc .pay-kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}
.sc .pay-kv dt{color:var(--mut);font-size:13px}
.sc .pay-kv dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;word-break:break-all}
.sc .pay-num{font-size:17px;letter-spacing:.06em}
.sc .pay-timer{font-size:12.5px;color:var(--mag);font-weight:700;margin-right:auto}
.sc .pay-pin{margin-top:10px;background:#f1f2ff;border-radius:12px;padding:10px 12px}
.sc .pay-pin-t{display:block;margin:0 0 8px;font-size:14px}
.sc .pay-pin-row{display:flex;flex-wrap:wrap;gap:8px}
.sc .pay-pin-row input{width:96px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:20px;letter-spacing:.3em;text-align:center;background:#fff}
.sc .pay-pin-row input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(3,9,246,.15)}
.sc .pay-box .err:empty{display:none}
.sc .pay-log{margin:8px 0 0;font-size:12px;color:var(--mut)}
.sc .pay-edit{gap:10px}
.sc .pay-clear{margin-top:2px}
@media (max-width:420px){.sc .pay-methods{grid-template-columns:repeat(2,1fr)}}

/* Assigned team on a call (Oct 26) */
.sc .tm-chips{display:flex;flex-wrap:wrap;gap:6px}
.sc .tm-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #c9cbfd;background:#f1f2ff;border-radius:999px;padding:5px 6px 5px 11px;font-size:14px;line-height:1.2}
.sc .tm-chip small{color:var(--ink2);font-size:11.5px;font-weight:600}
.sc .tm-chip.pri{background:var(--brand);border-color:var(--brand);color:#fff}
.sc .tm-chip.pri small{color:#dfe0ff}
.sc .tm-x{border:0;background:rgba(0,0,0,.08);color:inherit;width:26px;height:26px;border-radius:50%;font-size:17px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.sc .tm-chip.pri .tm-x{background:rgba(255,255,255,.22)}
.sc .tm-add{margin-top:8px;width:100%;max-width:340px;padding:10px 12px;border:1px dashed var(--brand);border-radius:10px;background:#fff;color:var(--brand);font-weight:600;font-size:15px}
.sc .tm-none{font-size:14px}

/* Drafts + Covered columns + Edit (Oct 26) */
.sc .drafts-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 10px}
.sc .dr-h{font-weight:800;font-size:14px;color:var(--ink2)}
.sc .dr-chip{display:inline-flex;align-items:stretch;border:1px dashed var(--mag);background:#fff7ff;border-radius:12px;overflow:hidden;max-width:100%}
.sc .dr-open{border:0;background:none;text-align:left;padding:7px 4px 7px 11px;cursor:pointer;display:flex;flex-direction:column;min-width:0}
.sc .dr-open b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.sc .dr-open small{font-size:11.5px;color:var(--mut)}
.sc .dr-x{border:0;background:none;color:var(--mut);font-size:19px;padding:0 11px;cursor:pointer}
.sc .covtabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 10px}
.sc .ctab{display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font-weight:700;cursor:pointer;text-align:left;font-size:14px}
.sc .ctab b{background:var(--bg);border-radius:999px;padding:1px 9px;font-size:13px}
.sc .ctab.on{background:var(--brand);border-color:var(--brand);color:#fff}
.sc .ctab.on b{background:rgba(255,255,255,.2)}
.sc .ctab.hot:not(.on){border-color:var(--mag);color:var(--mag)}
.sc .ctab.hot:not(.on) b{background:#fbe8fb}
@media (max-width:720px){.sc .covtabs{grid-template-columns:1fr 1fr}.sc .ctab{font-size:13px;padding:9px 10px}}
.sc .tag.cov-s{background:#e9ebff;color:var(--brand)}
.sc .tag.cov-b{background:#fbe8fb;color:#8a008d}
.sc .tag.cov-c{background:#e6f4ec;color:var(--green)}
.sc .btn.mini{padding:4px 10px;font-size:12.5px;border-radius:8px}
.sc .cov-box{border-left:4px solid var(--brand)}
.sc .cov-box.cov-bill{border-left-color:var(--mag);background:#fffaff}
.sc .cov-box.cov-closed{border-left-color:var(--green)}
.sc .cov-line{margin:4px 0 8px;font-size:14px}
.sc .edit-call{float:right;margin:-2px 0 0 8px}
.sc .nc-go2{display:grid;grid-template-columns:1fr 2fr;gap:8px}

/* Cancel call (Oct 26) */
.sc .tag.cov-x{background:#f1f1f4;color:#5b5b66;text-decoration:none}
.sc .cancel-call{color:#5b5b66}
.sc .cov-warn{color:#8a008d;font-weight:600}
.sc .cancel-note{border-left-color:#5b5b66}

/* Back-to-top arrow in the call / new-call panel (Nathan 1:07 PM) */
.sc .to-top{position:sticky;bottom:calc(14px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-58px 14px 14px auto;border:0;border-radius:50%;background:#0309F6;color:#fff;font-size:22px;font-weight:800;line-height:1;box-shadow:0 6px 18px rgba(3,9,246,.35);cursor:pointer;z-index:6;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s,transform .18s}
.sc .to-top.show{opacity:1;pointer-events:auto;transform:none}
.sc .to-top:focus-visible{outline:3px solid #D200D6;outline-offset:2px}
.sc #dlg > #dBody{padding-bottom:64px}

/* Division color (Nathan 1:25 PM): every service call is SuperClean / vacuum → magenta stripe + tag */
.sc .row{border-left:6px solid #D200D6}
.sc .job{border-left:6px solid #D200D6}
.sc .tag.div-sc{background:#D200D6;color:#fff;border-color:#D200D6}
.sc #list .row,.sc #list .row.d-warn,.sc #list .row.d-red,.sc #list .row.d-over{border-left-color:#D200D6}

/* ---- Service Calls board (Nathan, Oct 26 1:43 PM) ---- */
.sc .kb-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 10px;flex-wrap:wrap}
.sc .kb-seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.sc .kb-seg button{border:0;background:#fff;padding:8px 14px;font:inherit;font-weight:600;font-size:14px;color:var(--ink2);cursor:pointer}
.sc .kb-seg button[aria-pressed="true"]{background:var(--brand);color:#fff}
.sc .kb-closed-btn{border:1px solid var(--brand);background:#fff;color:var(--brand);border-radius:999px;padding:8px 14px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;margin-left:auto}
.sc .kb-closed-btn[aria-pressed="true"]{background:var(--brand);color:#fff}
.sc .kb{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 2px 12px;align-items:start;overscroll-behavior-x:contain}
.sc .kb-col{scroll-snap-align:start;background:#eceef3;border-radius:14px;padding:8px;min-width:0;display:flex;flex-direction:column;max-height:calc(100vh - 170px)}
.sc .kb-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px 8px;font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--ink2);border-top:3px solid var(--brand);border-radius:2px;padding-top:8px}
.sc .kb-c-open .kb-h{border-top-color:var(--mag)}
.sc .kb-c-noanswer .kb-h{border-top-color:#E0007A}
.sc .kb-c-completed .kb-h{border-top-color:var(--red)}
.sc .kb-c-billed .kb-h{border-top-color:#1a9e55}
.sc .kb-c-closed .kb-h{border-top-color:var(--mut)}
.sc .kb-ct{background:#fff;color:var(--ink);border-radius:999px;min-width:26px;padding:1px 8px;text-align:center;font-weight:800;font-size:13px}
.sc .kb-body{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:60px;border-radius:10px;padding:2px}
.sc .kb-body.drop-on{outline:2px dashed var(--brand);outline-offset:-2px;background:rgba(3,9,246,.06)}
.sc .kb-card{background:#fff;border:1px solid var(--line);border-left:5px solid var(--mag);border-radius:10px;padding:9px 11px;cursor:pointer;box-shadow:0 1px 2px rgba(20,23,28,.05)}
.sc .kb-card:hover,.sc .kb-card:focus-visible{border-color:var(--brand);border-left-color:var(--mag);outline:none;box-shadow:0 2px 8px rgba(3,9,246,.12)}
.sc .kb-drag .kb-card{cursor:grab}
.sc .kb-card.dragging{opacity:.45}
.sc .kb-a{font-weight:700;font-size:14.5px;line-height:1.25;color:var(--ink)}
.sc .kb-n{font-size:13px;color:var(--ink2);margin-top:2px}
.sc .kb-m{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;font-size:12.5px;align-items:center}
.sc .kb-m:empty{display:none}
.sc .kb-when{font-weight:600;color:var(--brand)}
.sc .kb-st{display:inline-block;font-size:11.5px;font-weight:700;background:#f1f2f5;color:var(--ink2);border-radius:6px;padding:1px 6px}
.sc .kb-dl{font-size:11.5px;font-weight:800;border-radius:6px;padding:1px 6px;color:#fff;background:var(--red)}
.sc .kb-dl.over{background:var(--red-dk)}
.sc .kb-team{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.sc .kb-chip{font-size:11.5px;font-weight:700;background:rgba(3,9,246,.08);color:var(--brand);border-radius:999px;padding:1px 8px}
.sc .kb-empty{color:var(--mut);font-size:13px;text-align:center;margin:10px 0}
.sc .kb-note{color:var(--mut);font-size:13px;margin:0 6px 8px}
.sc .kb.kb-closed{display:block;overflow:visible}
.sc .kb.kb-closed .kb-col{max-height:none}
.sc .kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.sc .stage-seg{display:inline-flex;flex-wrap:wrap;gap:4px}
.sc .stage-seg .stg{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 11px;font:inherit;font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer}
.sc .stage-seg .stg.on{background:var(--brand);border-color:var(--brand);color:#fff}
.sc .stage-seg .stg:disabled{opacity:.6}
.sc .stage-ro{font-weight:600}
@media (max-width:720px){.sc .kb{grid-auto-columns:84vw;gap:10px;margin:0 -12px;padding:0 12px 12px;scroll-padding:0 12px}.sc .kb-col{max-height:calc(100vh - 230px)}.sc .kb.kb-closed{margin:0}}

/* On hold + Cancelled columns (Nathan 2:29 PM) */
.sc .kb-c-hold .kb-h{border-top-color:#7a8290}
.sc .kb-c-cancelled .kb-h{border-top-color:var(--red-dk)}
.sc .kb-c-cancelled .kb-card{opacity:.85}
.sc .stage-seg .stg.stg-cx{color:var(--red-dk)}
.sc .stage-seg .stg.stg-cx.on{background:var(--red-dk);border-color:var(--red-dk);color:#fff}

@media (min-width:1200px){.sc .kb{grid-auto-columns:minmax(178px,1fr);gap:10px}}

/* Closed calls = Paid + Cancelled; drop targets; cancel-reason dialog (Nathan 2:46-2:50 PM) */
.sc .kb-outs{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);display:none;gap:12px;z-index:60}
.sc .kb.kb-dragging .kb-outs{display:flex}
.sc .kb-out{min-width:220px;padding:18px 22px;border-radius:14px;border:2px dashed;font-weight:800;text-align:center;background:#fff;box-shadow:0 6px 24px rgba(20,21,43,.18)}
.sc .kb-out-paid{border-color:var(--green);color:var(--green)}
.sc .kb-out-cx{border-color:var(--red);color:var(--red)}
.sc .kb-out.drop-on.kb-out-paid{background:var(--green-soft)}
.sc .kb-out.drop-on.kb-out-cx{background:var(--red-soft)}
.sc .kb-ctabs{display:flex;gap:6px;margin:8px 0 10px}
.sc .kb-ctabs button{flex:1;padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:#fff;font-weight:700;color:var(--ink)}
.sc .kb-ctabs button.on{background:var(--blue);border-color:var(--blue);color:#fff}
.sc .kb-ctabs button span{opacity:.75;margin-left:4px}
.sc .kb-why{font-size:12.5px;color:var(--muted);margin-top:4px}
.sc .kb-st.kb-paid{background:var(--green-soft);color:var(--green)}
.sc .kb-st.kb-cx{background:var(--red-soft);color:var(--red)}
.sc .kb-st.kb-chk{background:var(--mag-soft);color:var(--mag)}
.sc .stage-seg .stg.stg-paid{color:var(--green)}
.sc .stage-seg .stg.stg-paid.on{background:var(--green);border-color:var(--green);color:#fff}
.sc .paid-btn{margin-left:8px}
.cx-dlg{border:0;border-radius:16px;padding:0;width:min(420px,92vw);box-shadow:0 12px 40px rgba(20,21,43,.3)}
.cx-dlg::backdrop{background:rgba(20,21,43,.45)}
.cx-form{padding:18px;display:flex;flex-direction:column;gap:10px}
.cx-form h3{margin:0;font-size:18px}
.cx-l{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:14px}
.cx-l select,.cx-l textarea{font:inherit;font-weight:400;font-size:16px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.cx-err{color:var(--red);margin:0;font-size:13.5px}
.cx-btns{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}
.cx-btns .btn.danger{background:var(--red);border-color:var(--red);color:#fff}

/* Call now / Schedule (Nathan 2:43 PM) */
.sc .cc-when{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 6px}
.sc .cc-at{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 8px}
.sc .cc-at input{font:inherit;font-size:16px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.sc .cc-hint{flex-basis:100%;font-size:12.5px;margin:2px 0 0}
.sc .last-cc{background:var(--blue-soft);color:var(--ink)}

/* offline bar (Nathan 3:07 PM) */
.off-bar{position:sticky;top:0;z-index:40;background:#14152B;color:#fff;font-weight:700;font-size:14px;line-height:1.35;padding:10px 14px;border-left:5px solid var(--mag)}
.sc .unsent{font-weight:700}

/* Oct 26 (Nathan 4:09 PM): past-date Scheduled calls stay put, flagged */
.sc .kb-past{display:inline-block;background:#d40000;color:#fff;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:700;margin-left:4px}
.sc .kb-pastct{margin-left:auto;margin-right:6px;color:#d40000;border:1px solid #d40000;border-radius:999px;padding:0 7px;font-size:11px;font-weight:700;background:#fff}

/* Oct 26: tech "Submit work" form + work report */
.sc .wr-dlg{width:min(620px,calc(100vw - 16px))}
.sc #wrBody{padding:18px 16px 20px;overflow:auto;max-height:calc(100vh - 40px)}
.sc .wr-form h2{margin:0 36px 2px 0;font-size:20px}
.sc .wr-form .nc-f{margin-top:14px;border:0;padding:0}
.sc .wr-form legend,.sc .wr-form label[for=wrNote]{font-weight:800;font-size:15px;margin-bottom:6px;display:block}
.sc .wr-form .wr-h{margin:18px 0 0;font-size:15px}
.sc .wr-parts legend{font-size:13.5px!important;color:var(--ink2)}
.sc .wr-other{display:flex;gap:6px;margin-top:6px}.sc .wr-other input{flex:1;min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;font:inherit}
.sc #wrNote{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:16px}
.sc .wr-form .ok{color:#14804A}.sc .wr-form .bad{color:var(--red)}
.sc .wr-miss{margin-top:14px;border:1px solid #f3c2c4;background:#fff5f5;border-radius:12px;padding:10px 12px;font-size:14px}
.sc .wr-miss ul{margin:4px 0 0;padding-left:4px;list-style:none}.sc .wr-miss li{color:var(--red);margin:2px 0}
.sc .wr-miss.ready{border-color:#bfe3cc;background:#f1fbf4}
.sc .wr-go{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;position:sticky;bottom:-20px;background:#fff;padding:10px 0 4px}
.sc .wr-go .btn{min-height:46px;padding:0 18px;font-size:16px}
.sc .wr-go #wrGo:disabled{opacity:.45;cursor:not-allowed}
.sc .wr-rep h3{margin:0 0 2px}.sc .wr-rep .rchips{margin:6px 0}
.sc .wr-box{border-color:#cdd0fb;background:#fafaff}
.sc #wrPresets{width:100%;box-sizing:border-box;font:inherit;font-size:14px;padding:10px;border:1px solid var(--line);border-radius:10px}
.sc .wr-off{margin:6px 0 0;color:var(--ink2);font-weight:600}
.sc .mine-tabs{flex-wrap:wrap;row-gap:6px}
@media (max-width:420px){.sc .mine-tabs .chip{padding:9px 12px}}
.sc .wr-parts .nc-checks{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sc .wr-parts .nc-chk{padding:8px 10px;font-size:13.5px}

/* Confirm-call number (Oct 26): Main / Alt */
.cph-card{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:10px 0 8px;padding:8px 10px;border:1px solid #d7e3f4;background:#f4f8fe;border-radius:10px;font-size:14px}
.cph-lbl{font-weight:600;color:#33415c}
.cph-sw{display:inline-flex;flex-wrap:wrap;gap:6px}
.cph-b{border:1px solid #c5d3e8;background:#fff;border-radius:999px;padding:5px 11px;font:inherit;font-size:13.5px;color:#33415c;cursor:pointer}
.cph-b.on{background:#1f5fbf;border-color:#1f5fbf;color:#fff}
.cph-b:disabled{opacity:.6}
.cph-num{font-weight:600}
.nc-f.cph .cph-one span{color:#33415c}

/* Urgency pill (Oct 27, Nathan: "see the level of urgency on the card") */
.sc .tag.prio{font-weight:800;letter-spacing:.2px;gap:5px}
.sc .tag.prio.p-Urgent{background:#D1030A;border-color:#D1030A;color:#fff}
.sc .tag.prio.p-High{background:#E8590C;border-color:#E8590C;color:#fff}
.sc .tag.prio.p-Normal{background:#e5ecf8;border-color:#c7d5ee;color:#1f4fbf}
.sc .tag.prio.p-Low{background:#f1f2f4;border-color:#e1e4e8;color:#6b7280;font-weight:700}
.sc .kb-p{margin:0 0 5px}
.sc .kb-p .tag.prio{font-size:12px;padding:2px 9px}
.sc .kb-card.kp-Urgent{box-shadow:inset 0 3px 0 #D1030A,0 1px 2px rgba(20,23,28,.05)}
.sc .kb-card.kp-High{box-shadow:inset 0 3px 0 #E8590C,0 1px 2px rgba(20,23,28,.05)}
.sc .kb-card.kp-Urgent{background:#fff7f7}
/* Age badge (Oct 27): days since the call came in */
.sc .tag.age{font-weight:700}
.sc .tag.age.a0{background:#e8f5ec;border-color:#c5e6d0;color:#1d7a43}
.sc .tag.age.a1{background:#fff6cc;border-color:#f3dd7a;color:#7a5b00}
.sc .tag.age.a2{background:#ffe6d5;border-color:#f7bf98;color:#a63c00}
.sc .tag.age.a3{background:#D1030A;border-color:#D1030A;color:#fff}
.sc .kb-p{display:flex;flex-wrap:wrap;gap:5px}
.sc .kb-p .tag.age{font-size:12px;padding:2px 9px}

/* Complete / Finish call (Oct 27) */
.wr-outs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wr-ob{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;font-weight:800;font-size:16px;border:2px solid #cbd5e1;background:#fff;border-radius:12px;min-height:64px}
.wr-ob small{font-weight:500;font-size:12px;opacity:.75}
.wr-ob.ok.on{background:#16a34a;border-color:#16a34a;color:#fff}
.wr-ob.un.on{background:#ea580c;border-color:#ea580c;color:#fff}
.wr-why{border-left:4px solid #ea580c;padding-left:10px;margin-top:10px}
.wr-why .wr-why{border-left-color:#f59e0b}
#wrPartOther{width:100%;margin-top:8px;padding:10px;font-size:16px;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box}
#wrGo.dim{opacity:.55}
.tag.fu-flag{background:#fff7ed;color:#9a3412;border:1px solid #fdba74;font-weight:700;white-space:normal}
.wr-out{padding:8px 10px;border-radius:8px;margin:6px 0;font-size:14px}
.wr-out.ok{background:#f0fdf4;color:#166534;border:1px solid #86efac}
.wr-out.un{background:#fff7ed;color:#9a3412;border:1px solid #fdba74}
.wr-lab{margin:8px 0 2px;font-weight:700;font-size:13px}
.fin-call{background:#16a34a;color:#fff;border-color:#16a34a}
.set-lab{display:block;margin:10px 0 4px}

.wr-rep .wr-thumbs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.wr-rep .wr-thumbs>*{width:72px;height:72px}

/* Narrower board + tighter cards (Nathan 4:51 PM Oct 27, desktop video: "These are too wide… make it a little smaller") */
.sc .kb-card{padding:6px 8px;border-left-width:4px;border-radius:8px}
.sc .kb-body{gap:6px}
.sc .kb-col{padding:6px;border-radius:12px}
.sc .kb-h{font-size:12px;padding:6px 4px 6px;letter-spacing:.3px;line-height:1.2}
.sc .kb-ct{font-size:12px;min-width:22px;padding:0 6px}
.sc .kb-a{font-size:13px;line-height:1.22}
.sc .kb-n{font-size:12px;margin-top:1px}
.sc .kb-m{gap:4px;margin-top:4px;font-size:12px}
.sc .kb-st,.sc .kb-dl,.sc .kb-chip{font-size:11px}
.sc .kb-team{gap:3px;margin-top:4px}
.sc .kb-card .tag{font-size:11px;padding:1px 6px}
.sc .kb-p{margin:0 0 3px;gap:4px}
@media (min-width:1000px){.sc .kb{grid-auto-columns:minmax(132px,176px);gap:8px;justify-content:start}}
@media (max-width:720px){.sc .kb{grid-auto-columns:78vw;gap:8px}.sc .kb-card{padding:7px 9px}.sc .kb-a{font-size:14px}}

/* Take photo / Choose from gallery (Nathan 4:57 PM Oct 27): two big buttons on phones, geotag switch under them; same in the Complete form */
@media (hover:none),(pointer:coarse),(max-width:720px){.sc .files .up-btns{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
.sc .files .up-btns label.btn{justify-content:center;padding:12px 8px;font-size:16px;min-width:0}
.sc .files .up-btns .geo-tg{order:3;padding:7px 8px;font-size:13px}
.sc .files .up-btns .lg{display:none}.sc .files .up-btns .sm{display:inline}}
/* Oct 27 (Nathan 5:24 PM): technician list — Today / Scheduled / Completed, one "Open call" button */
.sc .tjob .job-call{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
.sc .tjob .job-btns{display:flex;margin-top:10px}
.sc .tjob .job-btns .open-call{flex:1 1 100%;font-size:16px;font-weight:700;padding:13px 16px;min-height:48px}
.sc .tjob .box.req h3{margin-bottom:6px}

/* ---- Extra work / parts sold → Adjust bill (Oct 28) ---- */
.adj-flag{display:inline-flex;align-items:center;gap:2px;font-size:11px;line-height:1;font-weight:800;color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;border-radius:999px;padding:2px 6px;white-space:nowrap;vertical-align:middle}
.kb-adj-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid #fca5a5;background:#fff;color:#b91c1c;font-weight:700;font-size:13px;cursor:pointer;min-height:32px}
.kb-adj-chip[hidden]{display:none}
.kb-adj-chip b{background:#dc2626;color:#fff;border-radius:999px;padding:0 7px;font-size:12px}
.kb-adj-chip.on{background:#dc2626;border-color:#dc2626;color:#fff}.kb-adj-chip.on b{background:#fff;color:#b91c1c}
.xw-box.open{border:2px solid #dc2626;background:#fef2f2}.xw-box.open h3{color:#b91c1c}
.xw-box.done{border:1px solid #bbf7d0;background:#f0fdf4}.xw-box.done h3{color:#15803d}
.xw-lines{margin:8px 0;padding-left:18px}.xw-lines li{margin:4px 0;font-weight:600}
.xw-t{display:inline-block;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;margin-left:4px;vertical-align:1px}
.xw-p{background:#fee2e2;color:#991b1b}.xw-e{background:#ffedd5;color:#9a3412}
.xw-n{font-weight:400;font-size:13px;color:#475569}
.xw-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.wr-x.yes{border-color:#fdba74;background:#fff7ed}
.wr-inc{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;margin:4px 0 8px}
.wr-inc .rchips{margin-top:6px}.wr-inc p{margin:6px 0 0}
.wr-xyn{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0}
.wr-xyn .btn{min-height:52px;font-weight:800;border:2px solid #cbd5e1;background:#fff;border-radius:12px;white-space:normal;line-height:1.2}
.wr-xyn .btn.on{background:#334155;border-color:#334155;color:#fff}.wr-xyn .btn.xy-yes.on{background:#ea580c;border-color:#ea580c}
.xls{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.xl{background:#fff;border:1px solid #fed7aa;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}
.xl-top{display:flex;align-items:center;gap:8px}.xl-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:1}
.xl-seg .btn{min-height:42px;font-weight:700;border:2px solid #cbd5e1;background:#fff;border-radius:10px}.xl-seg .btn.on{background:#ea580c;border-color:#ea580c;color:#fff}
.xl-rm{width:40px;height:40px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:22px;line-height:1;color:#64748b}
.xl-picks{display:flex;flex-wrap:wrap;gap:6px}.xl-picks .chip{min-height:38px;padding:6px 12px}
.xl-row{display:flex;gap:8px;align-items:center}.xl-what{flex:1;min-width:0;min-height:44px;font-size:16px}
.xl-q{display:inline-flex;align-items:center;gap:6px}.xl-q .btn{width:42px;height:44px;padding:0;font-size:20px;font-weight:800}.xl-q b{min-width:22px;text-align:center;font-size:17px}
.xl-note{min-height:42px;font-size:16px;width:100%}
.xl-more{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.xl-more .btn{min-height:44px}
.xl-ok{color:#9a3412;font-weight:600}
.sa.adj{background:#c2410c}.sa.adj .sa-fix{color:#c2410c}
.xw-pr{font-weight:700;color:#0f172a;font-size:13px;margin-left:4px}.xw-pr.none{font-weight:400;color:#94a3b8}
.xw-tot{margin:4px 0 0;font-size:14px}
.xw-prices{margin-top:10px;border-top:1px solid #fecaca;padding-top:8px}.xw-prices summary{cursor:pointer;font-weight:700;font-size:13px;color:#334155}
.xw-prices textarea{width:100%;box-sizing:border-box;font:13px/1.4 ui-monospace,monospace;margin:6px 0}
.xl-pr{margin:0;font-weight:800;color:#9a3412}
.xl-what,.xl-note{border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;box-sizing:border-box;background:#fff}
.pp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 16px;margin:8px 0}
.pp-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid #f1f5f9}
.pp-n{font-size:14px}.pp-in{display:inline-flex;align-items:center;gap:4px;color:#475569}.pp-in input{width:96px;min-height:36px;border:1px solid #cbd5e1;border-radius:8px;padding:4px 8px;font-size:15px;text-align:right}
.pp-add{display:flex;gap:8px;margin-top:6px}.pp-add input{flex:1;min-height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:4px 10px}
.xl-sel{flex:1;min-width:0;min-height:44px;font-size:16px;border:1px solid #cbd5e1;border-radius:10px;padding:6px 8px;background:#fff}

/* Oct 28: customer type tag + "Not our customer" pending approval + sales tax on extras (small, like the Adjust chip — Chaya's clean board) */
.ct-tag{display:inline-flex;align-items:center;font-size:10.5px;line-height:1;font-weight:700;color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;padding:2px 6px;white-space:nowrap;vertical-align:middle}
.ct-tag.ct-custom{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.ct-tag.ct-not{color:#92400e;background:#fffbeb;border-color:#fcd34d}
.ap-flag{display:inline-flex;align-items:center;gap:2px;font-size:11px;line-height:1;font-weight:800;color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:999px;padding:2px 6px;white-space:nowrap;vertical-align:middle}
.sc .ap-box{border:1.5px solid #f59e0b;background:#fffbeb}.sc .ap-box h3{color:#92400e}
.sc .ap-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.sc .ap-btns .btn{min-width:120px}
.sc .ap-deny{background:#fff;color:#b91c1c;border:1.5px solid #fca5a5}.sc .ap-deny:hover{background:#fee2e2}
.sc .ap-done{margin:6px 0}
.sc .ct-group{display:flex;flex-direction:column;gap:6px}.sc .ct-group .req{color:#d40000}
.sc .ct-opt{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer;font-size:14px}
.sc .ct-opt:has(input:checked){border-color:var(--ink2);background:#f8fafc;font-weight:600}.sc .ct-opt input{margin:0;width:18px;height:18px}
.sc .ct-hint{margin:2px 0 0;color:#92400e}
.xw-taxed{max-width:340px;border-top:1px solid var(--line);padding-top:6px}
.xw-trow{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:1px 0}.xw-trow.xw-tsum{font-size:14.5px;border-top:1px dashed var(--line);margin-top:3px;padding-top:4px}
.sc .pp-tax{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.sa.appr{background:#b45309}.sa.appr .sa-fix{color:#b45309}

/* Oct 28: billing type tag (Free / Warranty; Paid shows nothing) + motor info */
.bt-tag{display:inline-flex;align-items:center;font-size:10.5px;line-height:1;font-weight:700;border-radius:999px;padding:2px 6px;white-space:nowrap;vertical-align:middle;border:1px solid}
.bt-tag.bt-free{color:#166534;background:#f0fdf4;border-color:#86efac}.bt-tag.bt-warranty{color:#1e40af;background:#eff6ff;border-color:#93c5fd}
.sc .bt-seg{display:inline-flex;gap:4px;flex-wrap:wrap}.sc .bt-seg .btn.on{background:var(--ink2,#334155);color:#fff;border-color:var(--ink2,#334155)}
.sc .bt-claim{display:inline-flex;gap:4px;margin-left:6px;align-items:center}.sc .bt-claim input{width:190px;padding:4px 8px;font-size:13px}
.sc #ncClaim{margin-top:6px}.sc .bt-opts{display:flex;flex-direction:column;gap:6px}
.xw-nc{max-width:400px;border-top:1px solid var(--line);padding-top:6px}.xw-nc .xw-trow span:first-child{flex:1}
.sc .wr-motor{border:1.5px solid #93c5fd;background:#f8fbff;border-radius:12px;padding:10px 12px}
.sc .wm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 8px}.sc .wm-f{display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:600}.sc .wm-f input{font-weight:400}
.sc .wm-box{margin:6px 0}.sc .wm-kv{margin:2px 0}
.sc .wm-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sc .wm-f input{width:100%;box-sizing:border-box;min-width:0}
.sc fieldset.wr-motor{border:1.5px solid #93c5fd;background:#f8fbff;border-radius:12px;padding:10px 12px}

/* Oct 28 (Nathan 12:11 AM): part list prices on "+ New call" + call screen (Admin / Office) */
.sc .nc-chk .ncp-x{margin-left:auto;display:flex;align-items:center;gap:7px;flex:none}
.sc .nc-chk .ncp-x .xw-pr{margin-left:0;white-space:nowrap}
.sc .nc .nc-chk select.ncp-q{width:auto;min-width:0;padding:3px 2px 3px 6px;font-size:16px;border-radius:8px;cursor:pointer}
.sc .nc-chk .ncp-x > span:first-child{flex:1}
.sc .nc-chk .ncp-p{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;min-width:44px}
.sc .ncp-each{font-size:11.5px;color:#64748b;white-space:nowrap}
.sc .nc-chk:has(input:checked) .ncp-x .xw-pr{color:var(--brand)}
.sc .ncp-box{margin-top:8px;max-width:420px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#fafbff}
.sc .ncp-box .xw-tot{margin:0}.sc .ncp-box .xw-nc{border-top:0;padding-top:0}
.sc .ncp-qt{font-size:12.5px;color:#334155;margin-left:3px}
.sc dd .ncp-tot{max-width:340px;margin-top:6px}

/* v35 (Nathan Oct 28 video): Added on site checkboxes + qty box, Other-needs-a-note hint, one admin Geotag switch */
.sc .xgrp{margin:10px 0 4px}.sc .xgrp .wr-lab{margin:0 0 2px;font-weight:800}
.sc .xchecks{grid-template-columns:1fr}
.sc .xrow{display:flex;flex-direction:column;border-radius:10px}
.sc .xrow.on .nc-chk{border-color:#ea580c;background:#fff7ed;border-bottom-left-radius:0;border-bottom-right-radius:0}
.sc .xrow .nc-chk span{flex:1}.sc .xr-pr{color:#9a3412;font-weight:800;white-space:nowrap}
.sc .xr-more{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;border:1px solid #ea580c;border-top:0;border-radius:0 0 10px 10px;background:#fff;padding:8px 12px}
.sc .xr-q{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px}
.sc .xr-q input{width:58px;height:38px;font-size:17px;font-weight:800;text-align:center;border:1px solid var(--line);border-radius:8px;padding:0 4px}
.sc .xr-tot{font-weight:800;color:#9a3412}.sc .xr-more .xl-note{flex:1 1 100%;min-width:0}
.sc .wr-oth{color:#9a3412;font-weight:700;margin-top:6px}
.geo-sw{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:6px 0;line-height:1.35}
.geo-sw input{position:absolute;opacity:0;width:1px;height:1px}
.geo-knob{flex:0 0 auto;width:50px;height:30px;border-radius:15px;background:#cbd5e1;position:relative;transition:background .15s;margin-top:2px}
.geo-knob::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .15s}
.geo-sw input:checked+.geo-knob{background:#16a34a}.geo-sw input:checked+.geo-knob::after{left:23px}
.geo-sw input:focus-visible+.geo-knob{outline:2px solid #2563eb;outline-offset:2px}

/* v33 (sc.js v36, Nathan Oct 29 9:26 AM): Motor on the call — office only */
.sc .mt-group .mt-hint{margin:6px 0 0;color:#1e3a8a}
.sc .mt-price{margin-top:8px;display:flex;flex-direction:column;gap:4px}.sc .mt-price label{font-weight:600;font-size:14px}
.sc .mt-in{display:flex;align-items:center;gap:6px;max-width:200px}.sc .mt-in span{font-weight:700}.sc .mt-in input{flex:1;min-width:0}
.sc .mt-price .nc-hint{margin:2px 0 0}
.sc fieldset.wr-motor.opt{border-color:var(--line);background:#fafafa}
.sc .mt-dd .xw-pr{margin-left:4px}

/* History behind a button (v34) */
.sc .hist-box{padding:0;border:0;background:none;box-shadow:none}
.sc .hist-tog{width:100%;justify-content:flex-start;gap:10px;font-size:15px;padding:11px 14px;background:#fff;color:var(--brand);border-color:var(--line)}
.sc .hist-tog .hist-n{background:var(--line);color:var(--ink2);border-radius:999px;padding:1px 9px;font-size:12.5px;font-weight:700}
.sc .hist-tog .hist-chev{margin-left:auto;font-size:14px;color:var(--mut)}
.sc .hist-tog[aria-expanded="true"]{border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.sc .hist-box .hist{margin-top:8px;padding:0 4px;max-height:320px}
.sc .hist-box .hist[hidden]{display:none}

/* Nov 5 (Nathan 11:42 AM): "Extra work" / "Part sold" fold closed until tapped; header shows what's inside */
.sc details.xfold{border:1px solid #d6dbe3;border-radius:10px;padding:0 10px;margin:10px 0 6px;background:#fff}
.sc details.xfold>summary.xf-sum{list-style:none;display:flex;align-items:center;gap:8px;min-height:46px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sc details.xfold>summary.xf-sum::-webkit-details-marker{display:none}
.sc details.xfold>summary .wr-lab{margin:0;font-weight:800;font-size:14px}
.sc details.xfold .xf-n{margin-left:auto;font-size:12px;color:#6b7280;white-space:nowrap}
.sc details.xfold .xf-n.has{color:#fff;background:#2563eb;border-radius:999px;padding:2px 9px;font-weight:700}
.sc details.xfold .xf-chev{font-size:13px;color:#6b7280;transition:transform .15s}
.sc details.xfold[open]>summary .xf-chev{transform:rotate(90deg)}
.sc details.xfold[open]{padding-bottom:8px}