:root,[data-theme=dark]{--page:#0b0a12;--surface:#14121d;--raised:#1b1827;--border:rgba(255,255,255,0.06);--border-hi:rgba(255,255,255,0.1);--text:#f3f0fa;--text-2:#a99fc4;--text-3:#6f6788;--accent:#8b5cf6;--accent-2:#6d3fe0;--accent-i:#c4a9ec;--glow:rgba(139,92,246,0.45);--gold:#d9b46a;--ok:#5fd39a;--warn:#e0a84a;--bad:#e06a6a;--hero-bg:linear-gradient(160deg,#211c33,#15121f 70%);--fd:"Fraunces",Georgia,"Times New Roman",serif;--fb:"Inter",system-ui,-apple-system,sans-serif}[data-theme=light]{--page:#faf9fc;--surface:#ffffff;--raised:#f5f2fb;--border:rgba(20,12,30,0.08);--border-hi:rgba(20,12,30,0.14);--text:#1a1226;--text-2:#5b5170;--text-3:#8a82a0;--accent:#6d3fe0;--accent-2:#5a2fc7;--accent-i:#7c4ddb;--glow:rgba(109,63,224,0.28);--gold:#a9762b;--ok:#2f9d6e;--warn:#b87d22;--bad:#c0463f;--hero-bg:linear-gradient(160deg,#f0ebfb,#fbfaff 70%)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100vh;background:var(--page);color:var(--text);font-family:var(--fb);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}h1{font-family:var(--fd);font-weight:400;font-size:32px;letter-spacing:-.5px;margin:2px 0 0}h1 em{font-style:italic;color:var(--accent-i)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-3);display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:22px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.sub{font-size:13px;color:var(--text-2);margin-top:4px}.shell{min-height:100vh}.appbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1.1}.brand-eye{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-3)}.brand-name{font-family:var(--fd);font-size:18px}.appbar-right{display:flex;align-items:center;gap:10px}.who{font-size:12px}.icon-btn,.who{color:var(--text-2)}.icon-btn{font-family:var(--fb);font-size:11px;letter-spacing:.4px;padding:7px 12px;border-radius:12px;border:1px solid var(--border-hi);background:var(--raised);cursor:pointer}.icon-btn:hover{color:var(--text);border-color:var(--accent)}.icon-btn:disabled{opacity:.5;cursor:default}.appbar-nav{display:flex;align-items:center;gap:2px;margin-left:14px;margin-right:auto}.appbar-link{font-size:12px;letter-spacing:.2px;text-decoration:none;color:var(--text-2);padding:7px 11px;border-radius:9px;white-space:nowrap;transition:color .14s,background .14s}.appbar-link:hover{color:var(--text);background:var(--raised)}.appbar-link[data-active]{color:var(--text);background:color-mix(in srgb,var(--accent) 16%,transparent)}@media (max-width:720px){.appbar-nav{display:none}}.shell-main{max-width:1080px;margin:0 auto;padding:30px 22px 70px}.shell:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(68% 55% at 12% 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),radial-gradient(58% 50% at 100% 6%,color-mix(in srgb,var(--accent-i) 8%,transparent),transparent 62%),radial-gradient(80% 60% at 50% 108%,color-mix(in srgb,var(--accent-2) 9%,transparent),transparent 64%)}.hub{position:relative}.hub-hero{padding:16px 0 2px;max-width:720px}.hub-hero .eyebrow{margin-bottom:10px}.hub-hero h1{font-size:34px}.hub-search{display:block;width:100%;max-width:420px;margin-top:18px;padding:11px 14px;border-radius:12px;border:1px solid var(--border-hi);background:var(--surface);color:var(--text);font-family:var(--fb);font-size:14px}.hub-search::placeholder{color:var(--text-3)}.hub-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.hub-group{margin-top:30px}.hub-group-h{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-3)}.hub-group-h:after{content:"";flex:1 1;height:1px;background:var(--border)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));grid-gap:14px;gap:14px}.tile{position:relative;display:flex;flex-direction:column;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 16px 15px;box-shadow:0 6px 16px -12px rgba(0,0,0,.6);transition:border-color .16s,transform .16s,box-shadow .16s;overflow:hidden}.tile:after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.35;transition:opacity .16s}.tile:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 16px 34px -16px var(--glow)}.tile:hover:after{opacity:1}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tile .tag{font-size:9px;letter-spacing:1.5px}.tile .tag,.tile-state{text-transform:uppercase;color:var(--text-3)}.tile-state{font-size:8.5px;letter-spacing:1.2px;white-space:nowrap;padding:3px 7px;border-radius:999px;border:1px solid var(--border-hi)}.tile-state[data-new]{color:#fff;border-color:transparent;background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:0 4px 12px -4px var(--glow)}.tile .ttl{font-family:var(--fd);font-size:20px;margin:10px 0 7px}.tile .ttl em{font-style:italic;color:var(--accent-i)}.tile .sub{font-size:12px;color:var(--text-2);flex:1 1;line-height:1.5}.tile .arrow{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--accent-i);margin-top:14px}@media (prefers-reduced-motion:no-preference){.tiles .tile{animation:ap-rise .34s ease both}.tiles .tile:nth-child(2){animation-delay:.04s}.tiles .tile:nth-child(3){animation-delay:.08s}.tiles .tile:nth-child(4){animation-delay:.12s}.tiles .tile:nth-child(n+5){animation-delay:.16s}}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border-hi);border-radius:18px;padding:30px 28px 26px;box-shadow:0 18px 40px -18px rgba(0,0,0,.8)}.auth-card h1{margin:4px 0 22px}.field{display:block;margin-bottom:14px}.field span{display:block;font-size:11px;letter-spacing:.5px;color:var(--text-2);margin-bottom:5px}.field input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border-hi);background:var(--raised);color:var(--text);font-family:var(--fb);font-size:14px}.field input:focus{outline:none;border-color:var(--accent)}.btn-primary{width:100%;padding:11px 16px;border:none;border-radius:12px;background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#fff;font-family:var(--fb);font-size:13px;font-weight:600;letter-spacing:.4px;cursor:pointer;box-shadow:0 8px 20px -8px var(--glow);margin-top:4px}.btn-primary:disabled{opacity:.6;cursor:default}.link-btn{display:block;width:100%;margin-top:12px;background:none;border:none;color:var(--text-3);font-size:12px;cursor:pointer}.link-btn:hover{color:var(--accent-i)}.auth-error{color:var(--bad)}.auth-error,.auth-note{font-size:12px;margin:0 0 12px}.auth-note{color:var(--ok)}.noaccess{max-width:460px;margin:60px auto;text-align:center;background:var(--surface);border:1px solid var(--border-hi);border-radius:18px;padding:32px}.noaccess h1{margin:8px 0}.noaccess p{font-size:13px;color:var(--text-2);margin:0 0 18px}.noaccess .btn{display:inline-block;text-decoration:none}.ai-wrap{max-width:920px}.ai-msg{font-size:12px;color:var(--bad);margin:10px 0}.pills{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.pill{background:none;border:1px solid var(--border-hi);color:var(--text-2);font-family:var(--fb);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;padding:7px 12px;border-radius:999px;cursor:pointer}.pill:hover{color:var(--text);border-color:var(--accent)}.pill[data-on]{background:var(--accent);border-color:var(--accent);color:#fff}.pill .n{opacity:.7;margin-left:5px}.group{margin:0 0 24px}.group-h{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3);margin:0 0 10px;display:flex;align-items:center;gap:8px}.group-h .dot{width:8px;height:8px;border-radius:50%}.group-n{opacity:.6}.needs .dot{background:var(--warn)}.queued .dot{background:var(--accent)}.done .dot{background:var(--text-3)}.card{border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:10px;background:var(--surface)}.card.is-done{opacity:.62}.card .ttl{font-size:14px;font-weight:500;line-height:1.35}.card .meta{font-size:10px;letter-spacing:.4px;color:var(--text-3);margin-top:4px}.card .kind,.card .meta{text-transform:uppercase}.card .kind{display:inline-block;font-size:9px;letter-spacing:.6px;padding:2px 7px;border-radius:6px;background:var(--raised);margin-right:6px}.card .kind,.resp{color:var(--text-2)}.resp{font-size:13px;line-height:1.55;margin:9px 0 0;white-space:pre-wrap}.resp.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.btn{font-family:var(--fb);font-size:11px;letter-spacing:.4px;padding:8px 13px;border-radius:10px;border:1px solid var(--border-hi);background:var(--raised);color:var(--text-2);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.btn:hover{border-color:var(--accent);color:var(--text)}.btn.done{background:color-mix(in srgb,var(--ok) 14%,transparent);border-color:color-mix(in srgb,var(--ok) 40%,transparent);color:var(--ok)}.empty{color:var(--text-3);font-size:13px;padding:34px 4px;text-align:center}@media (prefers-reduced-motion:no-preference){.shell-main{animation:ap-rise .3s ease both}}@keyframes ap-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.dt-wrap{border:1px solid var(--border);border-radius:14px;overflow:hidden;overflow-x:auto}.dt-table{width:100%;border-collapse:collapse;font-size:13px}.dt-th{text-align:left;padding:10px 14px;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3);background:var(--raised);border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dt-th[data-sortable]{cursor:pointer}.dt-th[data-sortable]:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 8%,var(--raised))}.dt-th[data-active]{color:var(--accent-i)}.dt-th-inner{display:inline-flex;align-items:center;gap:4px}.dt-sort-arrow{font-size:9px;opacity:.6}.dt-td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.dt-row{cursor:default;transition:background .12s}.dt-row[data-clickable]{cursor:pointer}.dt-row:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.dt-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.dt-row:last-child .dt-td{border-bottom:none}.dt-empty{text-align:center;padding:36px 16px;color:var(--text-3);font-size:13px}.dt-ticket-no{color:var(--accent-i);font-size:12px}@media (max-width:768px){.dt-wrap{border:none;border-radius:0}.dt-table thead{display:none}.dt-table,.dt-table tbody,.dt-table td,.dt-table tr{display:block;width:100%}.dt-row{border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:8px;padding:12px 14px}.dt-td{display:inline;padding:0;max-width:none;white-space:normal;border-bottom:none}.dt-td:before{content:attr(data-label) ": ";font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text-3);margin-right:3px}}.cust-wrap{max-width:960px}.cust-toolbar{align-items:center;gap:10px;margin:22px 0 16px}.cust-sort,.cust-toolbar{display:flex;flex-wrap:wrap}.cust-sort{gap:6px;margin-left:auto}.cust-type-pill{font-size:8.5px;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;padding:3px 8px;border-radius:999px;flex-shrink:0}.cust-type-pill[data-type=residential]{color:var(--accent-i);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.cust-type-pill[data-type=commercial]{color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 38%,transparent);background:color-mix(in srgb,var(--gold) 12%,transparent)}.cust-type-pill[data-type=none]{color:var(--text-3);border:1px solid var(--border);background:transparent}.skel-line{border-radius:6px;background:linear-gradient(90deg,var(--raised) 40%,color-mix(in srgb,var(--raised) 80%,var(--surface)) 60%,var(--raised) 80%);background-size:200% 100%;animation:skel-shimmer 1.6s ease infinite;height:14px}.skel-line.w-60{width:60%}.skel-line.w-40{width:40%}.skel-line.w-80{width:80%}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cust-meta-muted,.cust-phone-label{color:var(--text-3)}.cust-btn-stub{opacity:.5;cursor:default;margin-left:auto}.cust-error-msg{color:var(--bad);margin-bottom:12px}.cust-skel{gap:6px}.cust-skel,.cust-skel-row{display:flex;flex-direction:column}.cust-skel-row{border-radius:14px;border:1px solid var(--border);background:var(--surface);padding:14px 18px;gap:8px}.cust-detail-wrap{max-width:760px}.cust-back-link{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent-i);text-decoration:none;margin-bottom:20px}.cust-back-link:hover{color:var(--text)}.cust-detail-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}.cust-contact-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 22px;margin-top:22px;overflow:hidden;transition:border-color .16s,box-shadow .16s}.cust-contact-card:after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.35;transition:opacity .16s}.cust-contact-card:hover{border-color:var(--border-hi);box-shadow:0 12px 28px -14px var(--glow)}.cust-contact-card:hover:after{opacity:.8}.cust-contact-field{display:flex;align-items:flex-start;gap:16px;padding:10px 0;border-bottom:1px solid var(--border)}.cust-contact-field:last-of-type{border-bottom:none}.cust-contact-field .eyebrow{min-width:72px;flex-shrink:0;padding-top:1px}.cust-contact-value{font-size:14px;color:var(--text);display:flex;flex-direction:column;gap:3px}.cust-contact-link{color:var(--accent-i);text-decoration:none}.cust-contact-link:hover{text-decoration:underline}.cust-contact-muted{color:var(--text-3)}.cust-contact-source{font-size:12px;color:var(--text-2)}.cust-address-line{display:block}.cust-card-actions{margin-top:16px;display:flex;gap:10px}.cust-section{margin-top:28px}.cust-section .eyebrow{margin-bottom:10px}.cust-coming-soon{border:1px solid var(--border);border-radius:12px;padding:20px 18px;font-size:13px;color:var(--text-3);text-align:center}.phone-line{display:flex;align-items:center;gap:8px}.phone-line-label{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-3);min-width:48px}.cust-skel-card{border-radius:16px;border:1px solid var(--border);background:var(--surface);padding:20px 22px;margin-top:22px;display:flex;flex-direction:column;gap:12px}.cust-sites-section{margin-top:28px}.cust-sites-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.site-empty-state{border:1px dashed var(--border-hi);border-radius:16px;padding:36px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.site-empty-icon{font-size:28px;opacity:.3;margin-bottom:4px}.site-empty-title{font-size:15px;font-weight:500;color:var(--text-2)}.site-empty-sub{font-size:13px;color:var(--text-3);max-width:320px;margin-bottom:8px}.site-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 20px 18px;margin-bottom:10px;overflow:hidden;transition:border-color .16s,transform .16s,box-shadow .16s}.site-card:after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.3;transition:opacity .16s}.site-card:hover{border-color:var(--border-hi);transform:translateY(-2px);box-shadow:0 12px 28px -14px var(--glow)}.site-card:hover:after{opacity:.9}.site-card--inactive{opacity:.58;filter:saturate(.6)}.site-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-card-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1 1;min-width:0}.site-card-name{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-inactive-pill{font-size:8.5px;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;padding:3px 8px;border-radius:999px;color:var(--text-3);border:1px solid var(--border);background:transparent}.site-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.site-btn-danger:hover{border-color:var(--bad);color:var(--bad)}.site-confirm-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.site-confirm-label{font-size:11px;color:var(--text-2);white-space:nowrap}.site-card-body{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.site-field-row{display:flex;align-items:flex-start;gap:12px;padding:5px 0}.site-field-label{min-width:64px;flex-shrink:0;padding-top:1px}.site-field-value{font-size:13px;color:var(--text);display:flex;flex-direction:column;gap:2px}.site-card-notes{margin-top:10px;font-size:12px;color:var(--text-2);line-height:1.5;border-top:1px solid var(--border);padding-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.site-form-wrap{background:var(--raised);border:1px solid var(--border-hi);border-radius:16px;padding:20px 22px;margin-bottom:10px}.site-form-eyebrow{margin-bottom:16px}.site-form-textarea{display:block;width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border-hi);background:var(--surface);color:var(--text);font-family:var(--fb);font-size:14px;resize:vertical;line-height:1.5}.site-form-textarea:focus{outline:none;border-color:var(--accent)}.site-form-active-row{display:flex;align-items:center;gap:8px;margin:14px 0 2px;font-size:13px;color:var(--text-2);cursor:pointer}.site-form-active-row input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}@media (prefers-reduced-motion:no-preference){.site-card{animation:ap-rise .26s ease both}}.field select,.field-select{display:block;width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border-hi);background:var(--raised);color:var(--text);font-family:var(--fb);font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.field select:focus,.field-select:focus{outline:none;border-color:var(--accent)}.field-pair{display:flex;gap:10px}.field-pair input{flex:1 1;padding:10px 12px;border-radius:12px;border:1px solid var(--border-hi);background:var(--raised);color:var(--text);font-family:var(--fb);font-size:14px}.field-pair input:focus{outline:none;border-color:var(--accent)}.cust-form-actions{display:flex;gap:10px;margin-top:20px;align-items:center}.cust-form-submit{width:auto}.crm-wrap{max-width:1200px}.crm-kpis{display:flex;gap:14px;margin:24px 0 20px;flex-wrap:wrap}.crm-kpi{position:relative;flex:1 1;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 20px 18px;overflow:hidden}.crm-kpi:after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.4}.crm-kpi-label{display:block;margin-bottom:10px}.crm-kpi-value{font-family:var(--fd);font-size:32px;font-weight:400;line-height:1;color:var(--text);display:flex;align-items:baseline;gap:8px}.crm-kpi-value--gold{color:var(--gold)}.crm-kpi-value--bad{color:var(--bad)}.crm-kpi-sub{font-family:var(--fb);font-size:13px;color:var(--gold);opacity:.8}.crm-toolbar{display:flex;align-items:center;gap:10px;margin:0 0 20px;flex-wrap:wrap}.crm-pills{margin:0}.crm-status-pill{display:inline-block;font-size:9px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;padding:3px 8px;border-radius:999px;white-space:nowrap;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-i)}.crm-status-pill--overdue{border-color:color-mix(in srgb,var(--bad) 38%,transparent);background:color-mix(in srgb,var(--bad) 10%,transparent);color:var(--bad)}.sup-wrap{max-width:1100px}.sup-kpis{display:flex;gap:14px;margin:24px 0 20px;flex-wrap:wrap}.sup-kpi{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 18px;min-width:130px;flex:1 1 130px;position:relative;overflow:hidden}.sup-kpi:after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.3}.sup-kpi-label{display:block;margin-bottom:6px}.sup-kpi-value{font-family:var(--fd);font-size:30px;font-weight:400;line-height:1}.sup-kpi-value--accent{color:var(--accent-i);font-style:italic}.sup-kpi-value--gold{color:var(--gold)}.sup-kpi-value--bad{color:var(--bad)}.sup-kpi-value--ok{color:var(--ok)}.sup-kpi-sub{font-size:12px;color:var(--text-3);font-family:var(--fb);margin-left:6px}.sup-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.sup-row--urgent{box-shadow:inset 3px 0 0 var(--bad)}.sup-row--high{box-shadow:inset 3px 0 0 var(--warn)}.sup-status{display:inline-block;font-size:9px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;padding:3px 8px;border-radius:999px;white-space:nowrap;border:1px solid transparent}.sup-status--open{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 38%,transparent);background:color-mix(in srgb,var(--warn) 10%,transparent)}.sup-status--in_progress{color:var(--accent-i);border-color:color-mix(in srgb,var(--accent) 38%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.sup-status--awaiting_customer{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 38%,transparent);background:color-mix(in srgb,var(--gold) 10%,transparent)}.sup-status--awaiting_quote{color:var(--accent-i);border-color:color-mix(in srgb,var(--accent) 38%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.sup-status--quoted{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 38%,transparent);background:color-mix(in srgb,var(--ok) 10%,transparent)}.sup-status--visit_booked{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 38%,transparent);background:color-mix(in srgb,var(--gold) 10%,transparent)}.sup-status--with_manufacturer{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 38%,transparent);background:color-mix(in srgb,var(--warn) 10%,transparent)}.sup-status--resolved{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 38%,transparent);background:color-mix(in srgb,var(--ok) 10%,transparent)}.sup-status--closed{color:var(--text-3);border-color:var(--border);background:transparent}.sup-prio{display:inline-block;font-size:9px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;padding:3px 8px;border-radius:999px;white-space:nowrap;border:1px solid transparent}.sup-prio--low,.sup-prio--medium{color:var(--text-3);border-color:var(--border);background:transparent}.sup-prio--high{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 38%,transparent);background:color-mix(in srgb,var(--warn) 10%,transparent)}.sup-prio--urgent{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 38%,transparent);background:color-mix(in srgb,var(--bad) 10%,transparent)}.sup-cat{display:inline-block;font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:6px;white-space:nowrap;color:var(--accent-i);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.sup-skel{display:flex;flex-direction:column;gap:10px;margin-top:24px}.sup-empty{color:var(--text-3);font-size:13px;padding:34px 4px;text-align:center}.sup-detail-wrap{max-width:800px}.sup-meta-pills{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.sup-info-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 20px;margin-bottom:14px;position:relative;overflow:hidden}.sup-info-card:after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.35}.sup-info-card-name{font-family:var(--fd);font-size:18px;margin-bottom:6px}.sup-info-link{display:block;font-size:13px;color:var(--accent-i);text-decoration:none;margin-bottom:3px}.sup-info-link:hover{text-decoration:underline}.sup-callout{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--raised);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:13px}.sup-callout-label{flex-shrink:0}.sup-callout-value{color:var(--text-2);flex:1 1}.sup-callout-link{color:var(--accent-i);text-decoration:none;font-size:11px;letter-spacing:.5px}.sup-callout-link:hover{text-decoration:underline}.sup-description{margin:18px 0}.sup-desc-body{font-size:14px;color:var(--text-2);line-height:1.6;margin:8px 0 0;white-space:pre-wrap}.sup-section-head{margin:28px 0 12px}.sup-thread{gap:12px;max-height:400px;overflow-y:auto;padding:4px 0 8px;margin-bottom:16px}.sup-msg,.sup-thread{display:flex;flex-direction:column}.sup-msg{gap:3px;max-width:72%}.sup-msg--me{align-items:flex-end;align-self:flex-end}.sup-msg-who{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--text-3)}.sup-msg-bubble{background:var(--raised);border:1px solid var(--border);border-radius:14px;padding:10px 14px;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.sup-msg--me .sup-msg-bubble{background:color-mix(in srgb,var(--accent) 14%,var(--raised));border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.sup-msg-when{font-size:10px;color:var(--text-3)}.sup-comment-form{display:flex;gap:10px;align-items:flex-end;margin-bottom:28px}.sup-comment-ta{flex:1 1;min-height:52px;max-height:160px;resize:vertical;padding:10px 13px;border-radius:12px;border:1px solid var(--border-hi);background:var(--surface);color:var(--text);font-family:var(--fb);font-size:13px;line-height:1.5;overflow-y:auto}.sup-comment-ta::placeholder{color:var(--text-3)}.sup-comment-ta:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.sup-comment-send{flex-shrink:0}.sup-deferred-note{border:1px dashed var(--border);border-radius:10px;padding:16px 18px;margin-top:28px}.sup-deferred-body{font-size:13px;color:var(--text-3);margin:6px 0 0}