/* Sterling glass-inspired interface. CSS only; no imagery, timers or render loops.
   Opaque content surfaces; blur is limited to navigation and the acceptance bar. */
:root{--sterling-blue:#175ba6;--sterling-ink:#172b41;--sterling-border:#dce5ef;--sterling-shadow:0 5px 20px rgba(27,57,92,.055);--sterling-glass:#f5f8fc;--sterling-focus:#075dc3}
body.crm-staff{--brand:var(--sterling-blue);--brand-2:#2876c5;--ink:var(--sterling-ink);--ink-2:#506176;--ink-3:#66768b;--line:var(--sterling-border);--bg:#fff;--card:#fff;--r:18px;background:#fff;color:var(--ink)}
body.crm-staff .top,body.crm-staff[data-theme] .top{background:var(--sterling-glass);color:var(--sterling-ink);border-bottom:1px solid #dce5ef;box-shadow:0 3px 18px #223f6810}
body.crm-staff .top .back{color:#164e8b;min-width:40px;min-height:40px}
body.crm-staff .top .act{background:#fff;color:#174d83;border:1px solid #d8e4ef;border-radius:13px;box-shadow:inset 0 1px #fff;min-height:40px}
body.crm-staff .home-logo{background:transparent;border-radius:0;padding:0}
body.crm-staff .top h1{font-weight:700;letter-spacing:-.025em}
body.crm-staff #main-nav-host .tabs{background:var(--sterling-glass);border:1px solid #d9e4ef;box-shadow:0 -3px 22px #1b395e0c,inset 0 1px #fff;border-radius:22px 22px 0 0;padding-top:6px}
body.crm-staff .tabs a{color:#53657c;border-radius:14px;margin:0 2px;min-height:52px}
body.crm-staff .tabs a.on{background:#e2effe;color:#124e93;box-shadow:inset 0 0 0 1px #b9d5f3}
body.crm-staff .tabs a.on svg{stroke-width:2.2}
body.crm-staff .card,body.crm-staff .kpi,body.crm-staff .line,body.crm-staff .install-photo-card{border-color:var(--sterling-border);box-shadow:var(--sterling-shadow)}
body.crm-staff .card[class*="tone-"]{background:#fff;border-top-width:3px}
body.crm-staff .card h2{letter-spacing:.025em;line-height:1.5}
body.crm-staff .btn,body.crm-customer .btn{border-radius:14px;box-shadow:inset 0 1px 0 #ffffff2b,0 3px 8px #193e6912}
body.crm-staff .btn:not(.sec):not(.ghost):not(.danger):not(.ok){background:linear-gradient(165deg,#2777c5,#175ba6);color:white}
body.crm-staff .btn.sec{background:linear-gradient(#f9fbfe,#edf3fa);color:#23496e;border:1px solid #d6e3f0;box-shadow:inset 0 1px #fff}
body.crm-staff .btn.ghost{background:#fff;color:#175ba6;border-color:#bfcee0;box-shadow:none}
body.crm-staff .btn.danger{background:#fff0ed;color:#a52921;border:1px solid #edc7c2;box-shadow:none}
body.crm-staff .btn.ok{background:#16703b;color:#fff}
body.crm-staff .btn:disabled,body.crm-customer .btn:disabled{box-shadow:none;transform:none;opacity:.55}
body.crm-staff input.in,body.crm-staff select.in,body.crm-staff textarea.in{border:1px solid #bacbde;background:#fff;border-radius:13px;box-shadow:inset 0 1px 2px #1b395e05}
body.crm-staff input.in:focus,body.crm-staff select.in:focus,body.crm-staff textarea.in:focus{border-color:#1a65b5;outline:2px solid #b4d5fa;outline-offset:1px}
body.crm-staff .seg{background:#edf2f8;border:1px solid #dde6ef;border-radius:15px;padding:4px;gap:3px}
body.crm-staff .seg button{border-radius:11px;min-height:44px}
body.crm-staff .seg button.on{color:#124e93;background:#fff;box-shadow:0 2px 6px #294d751a,inset 0 0 0 1px #dbe5ef}
body.crm-staff .ptabs{gap:7px}
body.crm-staff .ptabs button{background:#f0f4f9;color:#435d78;border:1px solid #dde7f1;min-height:44px}
body.crm-staff .ptabs button.on{background:#e4efff;color:#174e93;border-color:#afccec}
body.crm-staff .chip,body.crm-staff .opt{border-radius:14px}
body.crm-staff .chip.on,body.crm-staff .opt.on{background:#edf5ff;border-color:#458bd1;color:#154f8b}
body.crm-staff .next{border:1px solid #ffffff50;box-shadow:0 5px 16px #1d3e7118;border-radius:18px}
body.crm-staff .next button{border-radius:13px;box-shadow:0 2px 5px #193b6c20}
body.crm-staff .fab{background:linear-gradient(150deg,#318bd5,#175ba6);border:1px solid #9ac7ed;box-shadow:0 6px 18px #174b8b30,inset 0 1px #ffffff7a}
body.crm-staff .sheet-bg{background:rgba(19,35,56,.32)}
body.crm-staff .sheet{background:#fff;border:1px solid #dde7f1;border-radius:24px 24px 0 0;box-shadow:0 20px 70px #172e5233}
body.crm-staff .sheet h3{letter-spacing:-.02em;font-size:21px;color:#203d5b}
body.crm-staff .sheet .handle{background:#bacbdc}
body.crm-staff .sheet-close,body.crm-customer .dialog-close{border-radius:50%;background:#edf3f9;color:#264b72;min-width:44px;min-height:44px}
body.crm-staff .toast{border:1px solid #ffffff40;box-shadow:0 8px 28px #142f4f25;border-radius:16px}
body.crm-staff .photo-lightbox,body.crm-staff .photo-lightbox-controls{border-radius:18px}
body.crm-staff .scheduler-scroll,body.crm-staff .sg{border-color:#cbd9e8;border-radius:14px;background:#fff}
body.crm-staff .scheduler-draft{outline:1px solid #fff;outline-offset:-4px}
body.crm-staff .bub{border-radius:18px;line-height:1.5}
body.crm-staff .bub.in{background:#f0f4f9;border:1px solid #e0e8f1;border-bottom-left-radius:6px}
body.crm-staff .bub.out{background:#1b5b9f;border-bottom-right-radius:6px}
body.crm-staff .doc{border-radius:14px}
body.crm-staff .pixel-profit-toggle{border-radius:17px;border:1px solid #c5d5e7;background:linear-gradient(135deg,#edf4ff,#f5f0ff);color:#284c7d;font:700 16px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-shadow:none;letter-spacing:0;box-shadow:inset 0 1px #fff,0 4px 14px #243e6810}
body.crm-staff .pixel-coin{border-radius:9px;box-shadow:none;border:1px solid #d1b76d;background:#fff2bf;color:#74501c}
body.crm-staff .pixel-star{display:none}
body.crm-staff .pixel-profit-toggle:active{box-shadow:inset 0 1px #fff;transform:none}
body.crm-staff button:focus-visible,body.crm-staff a:focus-visible,body.crm-staff summary:focus-visible{outline:3px solid var(--sterling-focus);outline-offset:3px}
/* One short response to interaction; nothing moves while the page is idle. */
@media(prefers-reduced-motion:no-preference){
 body.crm-staff .btn,body.crm-staff .tabs a,body.crm-staff .top .act,body.crm-staff .ptabs button,body.crm-staff .chip,body.crm-customer .btn,body.crm-pricer .btn{transition:background-color .15s ease,box-shadow .15s ease,transform .12s ease!important}
 body.crm-staff .btn:not(:disabled):active,body.crm-staff .top .act:active,body.crm-customer .btn:not(:disabled):active,body.crm-pricer .btn:not(:disabled):active{transform:scale(.985)}
 body.crm-staff .sheet{animation:sterling-sheet-in .16s ease-out!important}
 @keyframes sterling-sheet-in{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
}
@media(hover:hover){body.crm-staff .btn.sec:hover{background:#e4effb}body.crm-staff .tabs a:not(.on):hover{background:#e8eff8}body.crm-staff .row.tap:hover{background:#f5f9fd}}
@media(min-width:700px){body.crm-staff .sheet{border-radius:24px}}
@media(min-width:900px){body.crm-staff #main-nav-host .tabs{left:10px;width:180px;border-radius:18px;padding:10px 5px;height:calc(100vh - 74px - var(--sa-t));margin-top:10px}body.crm-staff .tabs a{padding:11px 12px;margin-bottom:4px}body.crm-staff.viewas-on #main-nav-host .tabs{height:calc(100vh - 110px - var(--sa-t))}}
/* Customer-facing estimates and invoices retain solid, high-contrast pricing. */
body.crm-customer{background:#fff;color:#193149;--ink:#193149;--muted:#53667a;--line:#dce5ef}
body.crm-customer .card{border-radius:20px;border-color:#dce5ef;box-shadow:var(--sterling-shadow);background:#fff}
body.crm-customer .invoice-hero,body.crm-customer #top{background:linear-gradient(120deg,#edf6ff,#fff 80%);border-color:#ccdfee;border-radius:22px}
body.crm-customer .accept-bar{background:var(--sterling-glass);border-bottom:1px solid #cadbeb;box-shadow:0 3px 18px #193d6514}
body.crm-customer .accept-dialog,body.crm-customer .hardware-gallery{background:#fff;border:1px solid #d3dfec;border-radius:22px;box-shadow:0 20px 70px #17335533}
body.crm-customer .accept-trigger{animation:none!important}
body.crm-customer .payment-choice>a,body.crm-customer label.opt{border-radius:14px}
body.crm-customer .other-payments>summary{background:#edf4fb;color:#234b75;border:1px solid #cfdfed;border-radius:14px;min-height:48px}
body.crm-customer .glass-choice:has(input:checked){box-shadow:0 0 0 2px #fff,inset 3px 0 #2477b9}
body.crm-customer .hardware-controls button{min-height:44px;border-radius:13px}
/* Pricing tool follows the same surfaces without touching calculation controls. */
html[data-theme=light] body.crm-pricer{--accent:#175ba6;--focus:#075dc3;--line:#d6e2ed;--soft:#f1f6fb;--display:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--body:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff}
body.crm-pricer .block{border-radius:18px;box-shadow:var(--sterling-shadow)}
body.crm-pricer .btn,body.crm-pricer input,body.crm-pricer select{border-radius:12px}
body.crm-pricer .seg,body.crm-pricer .panel{border-radius:13px}
/* Progressive enhancement: unsupported/reduced-transparency browsers stay opaque. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body.crm-staff .top,body.crm-staff[data-theme] .top,body.crm-staff #main-nav-host .tabs,body.crm-customer .accept-bar{background:rgba(248,251,255,.92);-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%)}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 body.crm-staff .top,body.crm-staff[data-theme] .top,body.crm-staff #main-nav-host .tabs,body.crm-customer .accept-bar{background:#f5f8fc;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#657a92}
 body.crm-staff .card,body.crm-customer .card{border-color:#657a92;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){body.crm-staff *,body.crm-customer *,body.crm-pricer *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body.crm-staff .top,body.crm-staff #main-nav-host,body.crm-staff .fab,body.crm-customer .accept-bar{display:none!important}body.crm-staff .page{margin:0;padding:0;max-width:none}body.crm-staff .card,body.crm-customer .card,body.crm-pricer .block{box-shadow:none;background:#fff;border-color:#ccc}body.crm-customer .invoice-hero{background:white}}