/* Grafica unica (miglioria 15, 28/09): stessi valori di NetCom One app/tokens.css. Roboto ospitato qui (/fonts/roboto/, SIL OFL 1.1);
   blu del marchio #0f5c8d; 7 misure di testo (--nc-fs-*); tema scuro con contrasto AA verificato (tests/design-system.test.mjs). */
@font-face{font-family:"Roboto";font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/roboto/Roboto-Variable-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303,U+0309,U+0323,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
:root{color-scheme:light dark;--nc-bg:#f3f6fa;--nc-card:#fff;--nc-text:#173149;--nc-muted:#5a6d80;--nc-border:#dde6ef;--nc-accent:#0f5c8d;--nc-amber:#84510b;--nc-amber-bg:#fff5df;--nc-amber-border:#e9c77f;--nc-ok:#17653f;--nc-ok-bg:#e9f8ef;--nc-danger:#8c2c25;--nc-danger-bg:#fff2f1;--nc-info:#0f5c8d;--nc-info-bg:#eaf4fa;--nc-brand:#0f5c8d;--nc-brand-hover:#0b4a72;--nc-focus:#1f79b2;--nc-border-input:#7b8fa3}
:root{--nc-font-sans:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--nc-fs-2xs:11px;--nc-fs-xs:13px;--nc-fs-sm:15px;--nc-fs-md:17px;--nc-fs-lg:20px;--nc-fs-xl:28px;--nc-fs-2xl:clamp(34px,4vw + 19px,60px);--nc-space-1:4px;--nc-space-2:8px;--nc-space-3:12px;--nc-space-4:16px;--nc-space-5:20px;--nc-space-6:24px;--nc-radius-sm:10px;--nc-radius-md:14px;--nc-radius-lg:20px;--nc-fw-medium:500;--nc-fw-semibold:600;--nc-tap:44px;--nc-on-brand:#fff;font-family:var(--nc-font-sans);font-synthesis-weight:none}
body,.portal{background:var(--nc-bg);color:var(--nc-text)}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--nc-focus);outline-offset:4px}.side{background:linear-gradient(165deg,#0c263c,#081a2a);padding:28px 18px}.side .brand{border:0;background:transparent;text-align:left;cursor:pointer;padding:0;color:#fff}.brand-mark{background:transparent;box-shadow:none;width:42px;height:48px}.brand-mark img{width:40px;height:44px}.side nav{margin-top:44px;gap:8px}.nav-item{min-height:46px;font-weight:500;font-size:var(--nc-fs-sm)}.nav-item.active{background:rgb(140 196 236 / 14%);box-shadow:inset 3px 0 #8cc4ec;color:#fff}.nav-item svg{width:19px;height:19px;flex:none;stroke-width:1.6}.top{background:var(--nc-card);border-color:var(--nc-border)}.top-title{color:var(--nc-text);font-weight:600}.top-subtitle{color:var(--nc-muted)}.top-inner{min-height:78px}.top-actions button{width:40px;height:40px;background:var(--nc-bg);color:var(--nc-accent);border:1px solid var(--nc-border)}.notification-button svg{width:19px;height:19px}.main{padding:32px 40px 52px}.wrap{max-width:1200px}.client-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:36px 38px;border-radius:22px;color:#fff;background:linear-gradient(115deg,#0d2c45,#071b2d 70%,#0b4a72);box-shadow:0 12px 40px #071b2d13;margin-bottom:24px}.client-hero:after{content:"";position:absolute;z-index:-1;right:-60px;top:-95px;width:360px;height:360px;border-radius:50%;border:1px solid #8cc4ec25;box-shadow:0 0 0 40px #8cc4ec09,0 0 0 85px #8cc4ec06}.client-hero .eyebrow{font-size:var(--nc-fs-2xs);letter-spacing:.14em;color:#8cc4ec;margin:0 0 14px}.client-hero h1{font-size:var(--nc-fs-xl);line-height:1.15;font-weight:500;letter-spacing:-.045em;margin:0 0 12px;color:#fff}.client-hero p{margin:0;color:#bacddd;line-height:1.6;font-size:var(--nc-fs-sm);max-width:500px}.client-hero .hero-assurance{display:flex;align-items:center;gap:7px;font-size:var(--nc-fs-2xs);margin-top:22px;color:#8dd6c2}.hero-assurance svg{width:15px;height:15px}.client-hero .new-request{flex:none;height:44px;color:#fff;border:1px solid #8cc4ec5c;background:#ffffff0e;backdrop-filter:blur(10px);font-weight:500;white-space:nowrap}.new-request{font-weight:600;background:var(--nc-brand)}.new-request:hover{background:var(--nc-brand-hover)}.new-request svg{width:17px;height:17px;vertical-align:middle;margin-right:6px}.client-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 26px}.client-action{display:flex;align-items:center;gap:14px;min-height:104px;border:1px solid var(--nc-border);border-radius:17px;background:var(--nc-card);padding:19px;text-align:left;color:var(--nc-text);transition:border-color .18s,transform .18s}.client-action:hover{border-color:var(--nc-accent);transform:translateY(-2px)}.client-action>svg{width:26px;height:26px;flex:none;stroke:var(--nc-accent);stroke-width:1.6}.client-action span{display:grid;gap:6px}.client-action strong{font-size:var(--nc-fs-sm);font-weight:600}.client-action small{font-size:var(--nc-fs-xs);color:var(--nc-muted);line-height:1.45}.client-action.fault>svg{stroke:var(--nc-amber)}.metric-grid{gap:14px;margin-bottom:30px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{width:100%;text-align:left;color:var(--nc-text);background:var(--nc-card);border:1px solid var(--nc-border);border-radius:17px;padding:20px;box-shadow:none}.metric-card strong{color:var(--nc-text);font-size:var(--nc-fs-lg);font-weight:500}.metric-card span{color:var(--nc-muted);font-size:var(--nc-fs-2xs);letter-spacing:.06em}.metric-card p{font-size:var(--nc-fs-xs);color:var(--nc-muted)}button.metric-card:hover{border-color:var(--nc-accent)}.section-head h2{font-size:var(--nc-fs-lg);font-weight:600;color:var(--nc-text)}.section-head .eyebrow{font-size:var(--nc-fs-2xs);letter-spacing:.1em}.white-card,.record-card,.metric-card,.modal,.account-detail,.notification-item{background:var(--nc-card);border-color:var(--nc-border)}.white-card{padding:22px;border-radius:18px}.white-card h3,.record-top h3,.view-header h1,.profile-modal h2,.modal h2,.account-detail dd,.notification-item h3{color:var(--nc-text)}.record-card{border-radius:13px;padding:16px;box-shadow:none}.record-card.clickable:hover{background:var(--nc-bg);box-shadow:none}.record-meta,.record-note,.muted,.view-subtitle,.notification-item p{color:var(--nc-muted)}.record-top h3{font-size:var(--nc-fs-sm);font-weight:600}.record-note{font-size:var(--nc-fs-xs)}.empty{background:var(--nc-bg);border-color:var(--nc-border);color:var(--nc-muted);min-height:110px}.lower{margin-top:0}.small-button,.secondary{color:var(--nc-accent);border-color:var(--nc-border);background:var(--nc-card)}.view-header{margin-bottom:28px}.view-header h1{font-weight:500;font-size:var(--nc-fs-xl)}.modal{border:1px solid var(--nc-border)}.fields label{color:var(--nc-text)}.fields input,.fields textarea,.portal select{background:var(--nc-bg);color:var(--nc-text);border-color:var(--nc-border-input)}.modal-note,.request-upload,.profile-hero{background:var(--nc-bg);color:var(--nc-muted);border-color:var(--nc-border)}.client-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.client-section-heading button{border:0;background:transparent;color:var(--nc-accent);font-size:var(--nc-fs-xs);padding:5px}.top-refresh svg{width:17px;height:17px}.top-refresh:disabled{opacity:.45}.client-footer{margin-top:28px;padding-top:18px;border-top:1px solid var(--nc-border);color:var(--nc-muted);font-size:var(--nc-fs-2xs);letter-spacing:.06em;display:flex;justify-content:space-between;gap:16px}.notification-badge{border-color:var(--nc-card)}
@media(prefers-color-scheme:dark){
/* QA 26/09 #0: il tema scuro vale solo dentro l'area. La schermata di accesso (.client-entry: accesso, «Problemi di accesso?»,
   link scaduto) resta sempre chiara: riprende le variabili chiare e nessuna regola scura la raggiunge (:where non cambia la specificità). */
:root{--nc-bg:#0a1623;--nc-card:#112233;--nc-text:#dfebf6;--nc-muted:#94aabe;--nc-border:#253a4d;--nc-accent:#8cc4ec;--nc-amber:#f4c77a;--nc-amber-bg:#3a2a10;--nc-amber-border:#7a5a22;--nc-ok:#95d8b8;--nc-ok-bg:#173a32;--nc-danger:#f1b1b1;--nc-danger-bg:#3b2329;--nc-info:#8cc4ec;--nc-info-bg:#15364c;--nc-brand:#0f5c8d;--nc-brand-hover:#1a6fa6;--nc-focus:#8cc4ec;--nc-border-input:#5a7893}
.client-entry{color-scheme:light;color:var(--nc-text);--nc-bg:#f3f6fa;--nc-card:#fff;--nc-text:#173149;--nc-muted:#5a6d80;--nc-border:#dde6ef;--nc-accent:#0f5c8d;--nc-amber:#84510b;--nc-amber-bg:#fff5df;--nc-amber-border:#e9c77f;--nc-ok:#17653f;--nc-ok-bg:#e9f8ef;--nc-danger:#8c2c25;--nc-danger-bg:#fff2f1;--nc-info:#0f5c8d;--nc-info-bg:#eaf4fa;--nc-brand:#0f5c8d;--nc-brand-hover:#0b4a72;--nc-focus:#1f79b2;--nc-border-input:#7b8fa3}
.side:where(:not(.client-entry *)){background:linear-gradient(165deg,#0b2031,#071521)}
.client-hero:where(:not(.client-entry *)){background:linear-gradient(115deg,#16354e,#0c263c 70%,#104457);box-shadow:none}
.white-card:where(:not(.client-entry *)),.record-card:where(:not(.client-entry *)),.modal:where(:not(.client-entry *)){box-shadow:none}
.access-form:where(:not(.client-entry *)){background:var(--nc-bg)}
.card:where(:not(.client-entry *)){background:var(--nc-card);border-color:var(--nc-border)}
.card h2:where(:not(.client-entry *)),.card-eyebrow:where(:not(.client-entry *)),.card-copy:where(:not(.client-entry *)),.notice:where(:not(.client-entry *)),.account-details:where(:not(.client-entry *)),.system-detail strong:where(:not(.client-entry *)){color:var(--nc-text)}
.card-copy:where(:not(.client-entry *)),.notice:where(:not(.client-entry *)){color:var(--nc-muted)}
.card .fields input:where(:not(.client-entry *)),.card .fields textarea:where(:not(.client-entry *)){color:var(--nc-text);background:var(--nc-bg);border-color:var(--nc-border)}
.status-received:where(:not(.client-entry *)),.status-in_review:where(:not(.client-entry *)),.status-in_installation:where(:not(.client-entry *)){color:var(--nc-info);background:var(--nc-info-bg)}
.status-resolved:where(:not(.client-entry *)),.status-closed:where(:not(.client-entry *)){color:var(--nc-ok);background:var(--nc-ok-bg)}
.notification-item.unread:where(:not(.client-entry *)){background:#173247;border-color:#2b6683}
.timeline-item:where(:not(.client-entry *)){border-color:var(--nc-border)}
.message.success:where(:not(.client-entry *)),.profile-status.success:where(:not(.client-entry *)){background:var(--nc-ok-bg);color:var(--nc-ok)}
.message.error:where(:not(.client-entry *)),.profile-status.error:where(:not(.client-entry *)){background:#3b2329;color:#f1b1b1}
.system-detail div:where(:not(.client-entry *)){background:var(--nc-bg);border-color:var(--nc-border)}
}
@media(max-width:900px){.client-hero{padding:28px}.client-quick-actions{gap:10px}.client-action{padding:16px;gap:10px}.client-action small{font-size:var(--nc-fs-2xs)}}
@media(max-width:700px){.main{margin-left:0;padding:18px 16px 96px}.top{margin-left:0}.top-inner{padding:0 18px;min-height:66px}.client-hero{padding:25px 22px;align-items:flex-start;flex-direction:column;gap:24px;border-radius:18px;margin-bottom:16px}.client-hero h1{font-size:var(--nc-fs-xl)}.client-hero .hero-assurance{margin-top:16px}.client-hero .new-request{align-self:flex-start}.client-quick-actions{grid-template-columns:1fr;margin-bottom:20px;gap:8px}.client-action{min-height:74px;padding:14px 18px;border-radius:14px}.client-action span{gap:4px}.client-action small{font-size:var(--nc-fs-xs)}.client-action>svg{width:23px;height:23px}.metric-grid{gap:8px;margin-bottom:24px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.metric-card{padding:15px;border-radius:14px}.metric-card strong{font-size:var(--nc-fs-lg)}.mobile-nav{position:fixed;inset:auto 0 0;z-index:5;display:flex;gap:2px;justify-content:space-around;padding:9px 7px calc(9px + env(safe-area-inset-bottom));background:var(--nc-card);border-top:1px solid var(--nc-border);overflow:auto}.mobile-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:48px;width:auto;min-width:57px;padding:5px;color:var(--nc-muted);font-size:var(--nc-fs-2xs);font-weight:500;border-radius:10px}.mobile-nav .nav-item.active{box-shadow:none;color:var(--nc-accent);background:var(--nc-bg)}.mobile-nav .nav-item svg{width:19px;height:19px}.lower{grid-template-columns:1fr}.client-footer{font-size:var(--nc-fs-2xs)}.view-header h1{font-size:var(--nc-fs-xl)}.view-header{align-items:start}.view-header .new-request{padding:0 11px;font-size:var(--nc-fs-xs)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Stati dell'area: caricamento, verifica non riuscita, scelta dello spazio, uscita sempre raggiungibile. */
.portal-loading{margin:56px auto;color:var(--nc-muted);text-align:center;font-size:var(--nc-fs-sm)}
.portal-notice{max-width:560px;margin:32px auto}.portal-notice h2{margin:8px 0 8px;color:var(--nc-text);font-size:var(--nc-fs-lg);font-weight:600;letter-spacing:-.02em}.portal-notice>p{margin:0;color:var(--nc-muted);font-size:var(--nc-fs-sm);line-height:1.6}
.portal-notice-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.portal-notice-actions .primary,.portal-notice-actions .secondary{width:auto;min-width:120px;height:43px;margin:0;padding:0 18px}
.space-list{margin-top:18px}.space-list .record-card h3{font-size:var(--nc-fs-sm)}
.profile-actions{display:grid;gap:10px;margin-top:18px}.profile-actions .secondary{margin-top:0}.profile-actions [hidden]{display:none}.profile-signout{color:var(--nc-danger)}
.auth-actions{display:flex;gap:6px}.auth-actions .link{flex:1}
.inline-feedback{margin:0 0 14px}
@media(prefers-color-scheme:dark){.profile-signout{color:#f1b1b1}}
/* Ciò che il codice nasconde (attributo hidden) resta nascosto a ogni larghezza: il blocco per telefoni
   imposta display:flex sulle voci del menu con la stessa specificità di .nav-item[hidden] e, caricato dopo, vinceva. */
[hidden],.mobile-nav .nav-item[hidden]{display:none!important}
/* G2-C Area clienti: appuntamento da confermare (una cosa sola in Panoramica), piano e consensi, «presenta un amico».
   Solo variabili --nc-*: tema chiaro e scuro come il resto dell'area; niente larghezze fisse (375px senza scorrimento). */
.answer-card{margin:0 0 22px;border:1px solid var(--nc-accent)}
.answer-card h2{margin:6px 0 4px;color:var(--nc-text);font-size:var(--nc-fs-lg);font-weight:600;overflow-wrap:anywhere}
.answer-when{margin:0 0 16px;color:var(--nc-muted);font-size:var(--nc-fs-sm)}
.answer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.answer-actions .secondary{width:auto;min-width:120px;height:43px;padding:0 18px}
.answer-done{margin:0;color:var(--nc-text);font-size:var(--nc-fs-xs);font-weight:600}
.plan-card,.consent-card,.referral-card{margin-bottom:18px}
.plan-card .record-note,.consent-card .record-note{margin:0 0 14px;line-height:1.55}
.consent-list{display:grid;gap:10px}
.consent-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--nc-border);border-radius:13px;background:var(--nc-bg)}
.consent-row>div{display:grid;gap:4px;min-width:0}
.consent-row strong{color:var(--nc-text);font-size:var(--nc-fs-sm)}
.consent-row .primary{min-width:0;height:38px;padding:0 14px}
.consent-status{font-size:var(--nc-fs-xs);color:var(--nc-muted)}
.consent-status.consent-active{color:#17653f}
.consent-status.consent-pending{color:#84510b}
.consent-status.consent-confirming{color:var(--nc-accent)}
.consent-note{font-size:var(--nc-fs-xs);line-height:1.45;color:var(--nc-muted)}
.referral-card{margin-top:4px}
.referral-head{display:flex;gap:14px;align-items:flex-start}
.referral-head>svg{width:26px;height:26px;flex:none;stroke:var(--nc-accent)}
.referral-head h3{margin:0 0 6px}
.referral-head .record-note{margin:0 0 12px}
.referral-link{margin:4px 0 0;padding:10px 12px;border:1px dashed var(--nc-border);border-radius:11px;color:var(--nc-text);background:var(--nc-bg);font-size:var(--nc-fs-xs);overflow-wrap:anywhere;user-select:all}
.choice-modal h2{margin:6px 0 10px;font-size:var(--nc-fs-lg)}
.choice-modal .card-copy{line-height:1.6}
.choice-note{display:grid;gap:6px;margin-top:14px;color:var(--nc-text);font-size:var(--nc-fs-sm);font-weight:600}
.choice-note[hidden]{display:none}
.choice-note textarea{width:100%;padding:10px 12px;border:1px solid var(--nc-border);border-radius:11px;color:var(--nc-text);background:var(--nc-bg);font:inherit;resize:vertical}
.choice-actions{flex-wrap:wrap;gap:10px}
.choice-actions .secondary{width:auto;min-width:110px;height:43px;padding:0 16px}
@media(prefers-color-scheme:dark){.consent-status.consent-active:where(:not(.client-entry *)){color:#95d8b8}.consent-status.consent-pending:where(:not(.client-entry *)){color:#f4c77a}.consent-status.consent-confirming:where(:not(.client-entry *)){color:#8cc4ec}}
@media(max-width:520px){.answer-actions>button,.choice-actions>button{flex:1 1 140px}.consent-row{flex-wrap:wrap}.consent-row>button{flex:0 0 auto}}
/* Revisione UX 27/09 (Area Clienti): tocchi da 44px, etichette leggibili sul telefono, «Segnala un problema» in ambra,
   gruppi aperti/chiusi, preventivi e contratto, stati leggibili anche con il tema scuro. Solo variabili --nc-*. */
.small-button,.client-section-heading button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;font-size:var(--nc-fs-xs)}
.top-actions button,.modal-close{width:44px;height:44px;min-width:44px}
.consent-row .primary,.answer-actions .primary{min-height:44px;height:auto}
.mobile-nav .nav-item{font-size:var(--nc-fs-xs)}
@media(max-width:700px){.mobile-nav{gap:0;padding-left:4px;padding-right:4px}.mobile-nav .nav-item{border-color:transparent;background:transparent}.mobile-nav .nav-item.active{border-color:var(--nc-border);background:var(--nc-bg)}.mobile-nav .nav-item{font-size:var(--nc-fs-2xs);letter-spacing:-.02em;min-width:0;flex:1 1 0;padding:5px 0;white-space:nowrap}
.client-hero{padding:18px 20px;gap:0;margin-bottom:14px}.client-hero .eyebrow{margin-bottom:8px}.client-hero h1{font-size:var(--nc-fs-lg);margin-bottom:6px}.client-hero .hero-assurance{display:none}}
.top-refresh{border-radius:50%}
.view-eyebrow{color:var(--nc-accent)}
.client-action.fault{border-color:var(--nc-amber-border);background:var(--nc-amber-bg)}
.client-action.fault>svg,.client-action.fault strong{stroke:var(--nc-amber);color:var(--nc-amber)}
.client-action{min-height:74px}
.focus-card .answer-when{overflow-wrap:anywhere}
.list-group-title{margin:24px 0 12px;color:var(--nc-text);font-size:var(--nc-fs-md);font-weight:600}
.list-group{margin-top:18px;border:1px solid var(--nc-border);border-radius:14px;background:var(--nc-card)}
.list-group>summary{display:flex;align-items:center;min-height:44px;padding:0 16px;color:var(--nc-text);font-size:var(--nc-fs-sm);font-weight:600;cursor:pointer}
.list-group>.list-stack{padding:0 12px 12px}
.demo-banner{margin:0 0 16px;padding:10px 14px;border:1px dashed var(--nc-amber-border);border-radius:12px;color:var(--nc-amber);background:var(--nc-amber-bg);font-size:var(--nc-fs-xs);font-weight:600}
.request-urgent{display:flex!important;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:1px solid var(--nc-amber-border);border-radius:11px;color:var(--nc-amber);background:var(--nc-amber-bg)}
.request-urgent[hidden]{display:none!important}
.request-urgent input{width:22px;height:22px;margin:0;accent-color:var(--nc-amber)}
.status-pill.quote-to_accept,.status-scheduled,.status-in_progress,.status-maintenance,.status-rescheduled{color:var(--nc-amber);background:var(--nc-amber-bg)}
.status-pill.quote-accepted,.status-pill.quote-accepting,.status-resolved,.status-closed,.status-operational,.status-completed{color:var(--nc-ok);background:var(--nc-ok-bg)}
.status-pill.quote-expired,.status-archived{color:var(--nc-muted);background:var(--nc-bg)}
.status-cancelled,.status-attention{color:var(--nc-danger);background:var(--nc-danger-bg)}
.status-received,.status-in_review,.status-in_installation{color:var(--nc-info);background:var(--nc-info-bg)}
.pay-state{display:block;margin-top:4px;font-size:var(--nc-fs-xs);font-weight:700}.pay-due{color:var(--nc-amber)}.pay-paid{color:var(--nc-ok)}
.plan-card .client-section-heading h3{margin:0;overflow-wrap:anywhere}
.quote-modal h2{margin:6px 0 4px;font-size:var(--nc-fs-lg);overflow-wrap:anywhere}
.quote-lines{display:grid;gap:0;margin:16px 0 0;border:1px solid var(--nc-border);border-radius:12px;overflow:hidden}
.quote-line{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;color:var(--nc-text);font-size:var(--nc-fs-xs);line-height:1.45}
.quote-line+.quote-line{border-top:1px solid var(--nc-border)}
.quote-line span{min-width:0;overflow-wrap:anywhere}.quote-line small{color:var(--nc-muted)}.quote-line strong{white-space:nowrap}
.quote-totals{display:grid;gap:6px;margin:14px 0 0}
.quote-totals>div{display:flex;justify-content:space-between;gap:12px;color:var(--nc-muted);font-size:var(--nc-fs-xs)}
.quote-totals dd{margin:0;color:var(--nc-text);white-space:nowrap}
.quote-totals .quote-total{padding-top:8px;border-top:1px solid var(--nc-border);color:var(--nc-text);font-size:var(--nc-fs-md);font-weight:700}
.quote-tax{margin:10px 0 0;color:var(--nc-muted);font-size:var(--nc-fs-xs);line-height:1.5;overflow-wrap:anywhere}
.side-bottom .nav-item svg{width:19px;height:19px;flex:none}
.choice-actions .secondary,.answer-actions .secondary{margin-top:0}
#request-form select{width:100%;min-height:45px;border:1px solid var(--nc-border-input);border-radius:10px;padding:0 12px;color:var(--nc-text);background:var(--nc-bg);font:inherit}
#request-form select:focus{border-color:var(--nc-accent);outline:none;box-shadow:0 0 0 4px rgb(15 92 141 / 12%)}
.request-file-summary:empty{display:none}
#request-details-content .record-top h2{margin:4px 0 6px;font-size:var(--nc-fs-lg);line-height:1.25;overflow-wrap:anywhere}
.answer-actions .primary{width:auto;min-width:140px;padding:0 20px}
/* Verifica completa 27/09 (#46, #48): nel tema scuro dettaglio richiesta, messaggi, errori, × delle finestre e bordi del
   profilo prendono i colori scuri (contrasto ≥ 4,5:1). La schermata d'ingresso resta chiara (guardia :where). */
@media(prefers-color-scheme:dark){.detail-section-title:where(:not(.client-entry *)),.detail-row strong:where(:not(.client-entry *)){color:var(--nc-text)}.detail-row span:where(:not(.client-entry *)){color:var(--nc-muted)}.detail-row:where(:not(.client-entry *)){border-left-color:var(--nc-border)}.notification-item time:where(:not(.client-entry *)),.notification-item.unread time:where(:not(.client-entry *)){color:var(--nc-muted)}.request-feedback.success:where(:not(.client-entry *)){background:var(--nc-ok-bg);color:var(--nc-ok);border-color:#2c5f4a}.request-feedback.error:where(:not(.client-entry *)){background:var(--nc-danger-bg);color:var(--nc-danger);border-color:#6b3a42}.modal-close:where(:not(.client-entry *)){background:var(--nc-bg);color:var(--nc-text)}.account-details:where(:not(.client-entry *)),.account-detail+.account-detail:where(:not(.client-entry *)){border-color:var(--nc-border)}}
/* Verifica 27/09 #55: sul telefono il titolo sta già nella barra in alto: niente secondo titolo uguale. */
@media(max-width:760px){.view-header h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* Idee 2 e 4: gemello digitale e punteggio di sicurezza */
.twin-score{margin-top:14px;padding:14px;border:1px solid var(--nc-border);border-radius:13px;background:var(--nc-bg)}
.twin-score-head{display:flex;align-items:center;gap:14px}
.twin-score-value{font-size:var(--nc-fs-xl);font-weight:600;color:var(--nc-text);line-height:1}
.twin-score-value small{font-size:var(--nc-fs-xs);color:var(--nc-muted);font-weight:500}
.twin-score-head span{display:grid;gap:3px}.twin-score-head b{font-size:var(--nc-fs-sm);color:var(--nc-text)}.twin-score-head span small{font-size:var(--nc-fs-xs);color:var(--nc-muted)}
.twin-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.twin-suggestions .small-button{text-align:left;white-space:normal}
.twin-devices,.twin-history{margin-top:12px;border-top:1px solid var(--nc-border);padding-top:10px}
.twin-devices summary,.twin-history summary{cursor:pointer;font-size:var(--nc-fs-xs);font-weight:600;color:var(--nc-accent);min-height:32px;display:flex;align-items:center}
.twin-area h4{margin:12px 0 6px;font-size:var(--nc-fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--nc-muted)}
.twin-area ul,.twin-history ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.twin-device{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--nc-border);border-radius:10px;background:var(--nc-card);color:var(--nc-text);text-align:left;font-size:var(--nc-fs-xs);min-height:44px}
button.twin-device{cursor:pointer}button.twin-device:hover{border-color:var(--nc-accent)}
.twin-device-name small{color:var(--nc-muted)}
.twin-battery,.twin-sim{font-size:var(--nc-fs-xs);border-radius:999px;padding:3px 9px}
.twin-sim{display:inline-block;margin:8px 0 0}
.tone-ok{color:var(--nc-ok);background:var(--nc-ok-bg)}.tone-warn{color:var(--nc-amber);background:var(--nc-amber-bg)}.tone-alert{color:var(--nc-danger);background:var(--nc-danger-bg)}
.twin-history li{display:flex;justify-content:space-between;font-size:var(--nc-fs-xs);color:var(--nc-text);padding:6px 0;border-bottom:1px solid var(--nc-border)}
/* UX-TEL-13 (29/09): etichette della barra in basso a 11px con respiro ai lati; righe «Dispositivi per stanza» e «Storico interventi» da 44px; link del piè di pagina toccabile. */
@media(max-width:700px){.mobile-nav{gap:2px;padding-left:6px;padding-right:6px}.mobile-nav .nav-item{font-size:11px;padding:5px 2px;overflow:hidden}.mobile-nav .nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.client-footer{font-size:11px}}
.twin-devices summary,.twin-history summary{min-height:44px}
.client-footer a{display:inline-flex;align-items:center;min-height:40px}
/* FV-04 (29/09): acconto dell'offerta firmata nella finestra del preventivo; IBAN e causale si copiano e vanno a capo. */
.quote-deposit{margin-top:16px;padding:14px;border:1px solid var(--nc-border);border-radius:12px}
.quote-deposit h3{margin:0 0 6px;font-size:15px;color:var(--nc-text)}
.quote-deposit p{margin:0;color:var(--nc-muted);font-size:13px;line-height:1.5}
.quote-deposit .quote-copy{white-space:normal;overflow-wrap:anywhere;text-align:right;user-select:all;font-variant-numeric:tabular-nums}
.quote-deposit[data-state="paid"] h3{color:var(--nc-ok)}
/* Finitura 29/09 (Area Clienti): filigrana del marchio nel benvenuto; scheda manutenzione con gerarchia e una sola azione;
   punteggio con anello e schede dei suggerimenti; documenti per tipo con icona e «Scarica»; finestre uguali fra loro
   (intestazione con icona, campi da 44px, chip al posto dei menu, coppia di pulsanti, foglio dal basso sul telefono).
   Solo variabili --nc-*, nessuna animazione. */
.client-hero{overflow:hidden}
.hero-mark{position:absolute;z-index:-1;right:-5%;top:50%;width:min(300px,40%);aspect-ratio:603/701;transform:translateY(-46%);background:url("/netcom/logo-mark-white.png") center/contain no-repeat;opacity:.085;pointer-events:none}
@media(max-width:700px){.hero-mark{width:130px;right:-22px;top:-18px;transform:none;opacity:.07}}
/* Manutenzione */
.plan-head{display:flex;align-items:flex-start;gap:14px}
.plan-icon,.modal-icon,.choice-card-icon,.score-tip-icon,.doc-icon,.empty-icon{display:grid;place-items:center;flex:none;border-radius:13px;color:var(--nc-accent);background:var(--nc-info-bg)}
.plan-icon,.modal-icon{width:44px;height:44px}.plan-icon svg,.modal-icon svg{width:22px;height:22px}
.plan-title{flex:1;min-width:0}
.plan-title .card-eyebrow,.modal-top .card-eyebrow,.score-eyebrow,.doc-group-title,.score-tips-title,.detail-section-title{margin:0;font-size:var(--nc-fs-2xs);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--nc-muted)}
.plan-title .card-eyebrow,.modal-top .card-eyebrow{color:var(--nc-accent)}
.plan-title h3{margin:3px 0 0;font-size:var(--nc-fs-md);font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.plan-title .record-meta{margin:4px 0 0;font-size:var(--nc-fs-xs)}
.plan-head .status-pill{margin-top:4px}
.plan-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:18px}
.plan-fact{display:grid;gap:3px;align-content:start;padding:12px 14px;border:1px solid var(--nc-border);border-radius:13px;background:var(--nc-bg)}
.plan-fact span{font-size:var(--nc-fs-2xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--nc-muted)}
.plan-fact strong{font-size:var(--nc-fs-sm);font-weight:600;line-height:1.35;color:var(--nc-text)}
.plan-fact small{font-size:var(--nc-fs-xs);color:var(--nc-muted)}
.plan-fact .pay-state{margin-top:2px}
.plan-fact-visit{border-color:var(--nc-accent)}.plan-fact-visit strong{font-size:var(--nc-fs-lg);font-weight:500;letter-spacing:-.02em}
.plan-fact-due{border-color:var(--nc-amber-border);background:var(--nc-amber-bg)}.plan-fact-due span,.plan-fact-due strong{color:var(--nc-amber)}
.plan-actions,.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px}
.plan-actions{justify-content:flex-start}
.plan-action,.modal-actions .primary,.modal-actions .secondary{width:auto;min-width:150px;min-height:44px;height:auto;margin:0;padding:0 20px;border-radius:12px;font-size:var(--nc-fs-sm)}
.plan-card .record-note{margin:14px 0 0}
.plan-details{margin-top:16px;border-top:1px solid var(--nc-border);padding-top:4px}
.plan-details summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-size:var(--nc-fs-xs);font-weight:600;color:var(--nc-accent)}
.plan-details .plan-facts{margin-top:4px}.plan-facts-secondary .plan-fact{background:transparent}
/* Punteggio di sicurezza */
.twin-score{padding:18px;border-radius:15px}
.twin-score-head{display:flex;align-items:center;gap:18px}
.score-ring{position:relative;display:grid;place-items:center;flex:none;width:96px;height:96px}
.score-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.score-track{fill:none;stroke:var(--nc-border);stroke-width:9}
.score-arc{fill:none;stroke:currentColor;stroke-width:9;stroke-linecap:round;stroke-dasharray:263.9;stroke-dashoffset:calc(263.9 - 263.9 * var(--score,0) / 10)}
.ring-ok,.twin-score.score-ok .twin-score-head b{color:var(--nc-ok)}.ring-warn,.twin-score.score-warn .twin-score-head b{color:var(--nc-amber)}.ring-alert,.twin-score.score-alert .twin-score-head b{color:var(--nc-danger)}
.score-ring .twin-score-value{position:relative;font-size:var(--nc-fs-xl);font-weight:600;letter-spacing:-.03em;line-height:1;color:currentColor}
.score-ring .twin-score-value small{margin-left:1px;font-size:var(--nc-fs-xs);font-weight:500;color:var(--nc-muted)}
.twin-score-head span{display:grid;gap:4px;min-width:0}.twin-score-head b{font-size:var(--nc-fs-md);font-weight:600}
.twin-suggestions{display:block;margin-top:18px;border-top:1px solid var(--nc-border);padding-top:14px}
.score-tips-title{margin:0 0 10px}
.score-tips{display:grid;gap:10px}
.score-tip{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--nc-border);border-radius:13px;background:var(--nc-card)}
.score-tip-icon{width:38px;height:38px;border-radius:11px}.score-tip-icon svg{width:19px;height:19px}
.score-tip-body{flex:1;min-width:0;display:grid;gap:2px}
.score-tip-body strong{font-size:var(--nc-fs-sm);font-weight:600;line-height:1.3;color:var(--nc-text)}
.score-tip-body small{font-size:var(--nc-fs-xs);color:var(--nc-muted)}
.score-tip .small-button{flex:none;white-space:nowrap}
@media(max-width:560px){.score-tip{flex-wrap:wrap}.score-tip .small-button{flex:1 1 100%}}
/* Documenti */
.doc-group+.doc-group{margin-top:22px}
.doc-group-title{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.doc-group-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;font-size:var(--nc-fs-2xs);letter-spacing:0;color:var(--nc-accent);background:var(--nc-info-bg)}
.doc-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.doc-card{display:flex;align-items:center;gap:14px;padding:14px 16px}
.doc-icon{width:46px;height:46px}.doc-icon svg{width:22px;height:22px}
.doc-certificate,.doc-warranty{color:var(--nc-ok);background:var(--nc-ok-bg)}.doc-report{color:var(--nc-amber);background:var(--nc-amber-bg)}
.doc-body{flex:1;min-width:0}.doc-body h3{margin:0;font-size:var(--nc-fs-sm);font-weight:600;line-height:1.3;overflow-wrap:anywhere}.doc-body .record-meta{margin:4px 0 0;font-size:var(--nc-fs-xs)}
.doc-download{flex:none;gap:6px;padding:0 14px 0 12px}.doc-download svg{width:17px;height:17px}
@media(max-width:520px){.doc-card{flex-wrap:wrap}.doc-download{flex:1 1 100%}}
.empty-docs{display:grid;gap:10px;place-items:center;min-height:0;padding:28px 18px}
.empty-icon{width:52px;height:52px;border-radius:16px}.empty-icon svg{width:24px;height:24px}
.empty-docs p{margin:0;max-width:380px}
/* Finestre: una sola grafica */
.modal{padding:26px;border-radius:22px;box-shadow:0 30px 70px #071b2d40}
.modal-top{gap:14px}.modal-top>div{flex:1;min-width:0}
.modal h2,.modal-top h2{margin:5px 0 0;font-size:var(--nc-fs-lg);font-weight:600;letter-spacing:-.02em;line-height:1.25;overflow-wrap:anywhere}
.modal .card-copy{margin:8px 0 0;font-size:var(--nc-fs-sm);line-height:1.55;color:var(--nc-muted)}
.modal-close{flex:none;border:1px solid var(--nc-border);color:var(--nc-text);background:var(--nc-bg);font-size:var(--nc-fs-lg);line-height:1}
.modal .fields{margin-top:22px;gap:16px}
.modal .fields label{font-size:var(--nc-fs-xs);font-weight:600;color:var(--nc-text)}
.modal .fields small{font-weight:400;font-size:var(--nc-fs-xs);color:var(--nc-muted)}
.modal .fields input:not([type="checkbox"]):not([type="radio"]),.modal .fields textarea,.modal select,.choice-field input,.choice-field select{min-height:45px;border:1px solid var(--nc-border-input);border-radius:12px;color:var(--nc-text);background:var(--nc-bg);font:inherit;font-size:var(--nc-fs-sm)}
.modal .fields input:focus,.modal .fields textarea:focus,.modal select:focus,.choice-field input:focus,.choice-field select:focus{border-color:var(--nc-accent);outline:none;box-shadow:0 0 0 4px rgb(15 92 141 / 14%)}
.modal .request-upload{border-radius:14px;padding:14px}.modal .request-upload input{min-height:0;padding:9px 10px;font-size:var(--nc-fs-xs)}
.modal-note{border-radius:12px;padding:12px 14px;font-size:var(--nc-fs-xs);line-height:1.55}
.modal-actions .primary:disabled{opacity:.5;cursor:not-allowed}
.profile-hero,.account-details{border-radius:14px}
.profile-actions{grid-template-columns:1fr 1fr}.profile-actions .secondary{min-height:44px;height:auto;margin:0;border-radius:12px}
.profile-actions .profile-signout{grid-column:1 / -1}
#request-details-content .record-top{gap:12px;margin-top:6px}
.detail-section-title{margin:22px 0 10px}
.detail-list{gap:0;margin-top:0;border:1px solid var(--nc-border);border-radius:14px;overflow:hidden;background:var(--nc-bg)}
.detail-row{display:grid;gap:3px;border-left:0;padding:12px 14px}.detail-row+.detail-row{border-top:1px solid var(--nc-border)}
.detail-row strong{font-size:var(--nc-fs-sm)}
#request-details-content .empty{margin-top:0;min-height:0;padding:16px}
/* Chip (scelte rapide e «Come ti ricontattiamo») */
.choice-group{margin:18px 0 0;padding:0;border:0;min-width:0}
.fields .choice-group{margin:0}
.choice-group legend{padding:0;margin:0 0 8px;font-size:var(--nc-fs-xs);font-weight:600;color:var(--nc-text)}
.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row+.chip-row{margin-top:8px}
.chip,.fields .chip{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;min-height:40px;padding:0 14px;border:1px solid var(--nc-border-input);border-radius:999px;color:var(--nc-text);background:var(--nc-card);font:inherit;font-size:var(--nc-fs-xs);font-weight:500;cursor:pointer}
.chip:hover{border-color:var(--nc-accent)}
.chip[aria-checked="true"],.chip-input:has(input:checked){border-color:var(--nc-accent);box-shadow:inset 0 0 0 1px var(--nc-accent);background:var(--nc-info-bg);color:var(--nc-accent);font-weight:600}
.chip[aria-checked="true"]::before,.chip-input:has(input:checked) span::before{content:"✓";margin-right:6px;font-weight:700}
.chip-input input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;opacity:0;cursor:pointer}
.chip-input:has(input:focus-visible){outline:3px solid var(--nc-focus);outline-offset:3px}
/* «Chiedi un altro giorno» */
.choice-card{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:14px;border:1px solid var(--nc-border);border-radius:14px;background:var(--nc-bg)}
.choice-card-icon{width:40px;height:40px;border-radius:12px}.choice-card-icon svg{width:20px;height:20px}
.choice-card>div{display:grid;gap:3px;min-width:0}
.choice-card strong{font-size:var(--nc-fs-sm);font-weight:600;color:var(--nc-text);overflow-wrap:anywhere}
.choice-card span{display:flex;align-items:center;gap:5px;font-size:var(--nc-fs-xs);color:var(--nc-muted)}.choice-card span svg{width:14px;height:14px;flex:none}
.choice-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.choice-field{display:grid;gap:6px;font-size:var(--nc-fs-xs);font-weight:600;color:var(--nc-text)}
.choice-field small{font-weight:400;color:var(--nc-muted)}
.choice-field input,.choice-field select{width:100%;padding:0 12px}
.choice-field-note{margin-top:12px}
.choice-summary{margin:16px 0 0;padding:12px 14px;border-radius:12px;font-size:var(--nc-fs-sm);font-weight:600;line-height:1.45;color:var(--nc-accent);background:var(--nc-info-bg)}
.choice-summary[data-empty="true"]{border:1px dashed var(--nc-border);font-weight:400;color:var(--nc-muted);background:var(--nc-bg)}
.choice-success{display:block;margin:18px 0 0;padding:14px;border-radius:12px;font-size:var(--nc-fs-sm);font-weight:600;line-height:1.5;color:var(--nc-ok);background:var(--nc-ok-bg)}
.choice-modal .choice-note{margin-top:16px}
@media(max-width:520px){.choice-fields{grid-template-columns:1fr}.profile-actions{grid-template-columns:1fr}}
/* Telefono: le finestre salgono dal basso */
@media(max-width:700px){.modal-backdrop{place-items:end stretch;padding:0}.modal{width:100%;max-width:none;max-height:calc(100dvh - 20px);border-radius:22px 22px 0 0;padding:14px 18px calc(20px + env(safe-area-inset-bottom))}.modal:before{content:"";display:block;width:40px;height:4px;margin:0 auto 14px;border-radius:2px;background:var(--nc-border)}.modal-actions .primary,.modal-actions .secondary{flex:1 1 140px;min-width:0}}
/* Urgenza: chiama l'ufficio (23/10/2026). Solo variabili del tema; dimensioni dai token (definiti in testa dal 26/10: prima
   mancavano e il pulsante usciva squadrato, senza spazi e con il testo scuro sul blu). */
.call-card{display:flex;align-items:center;justify-content:space-between;gap:var(--nc-space-4);flex-wrap:wrap;margin:0 0 var(--nc-space-4)}
.call-card h3{margin:var(--nc-space-1) 0 var(--nc-space-2);font-size:var(--nc-fs-lg)}
.call-card .muted{margin:0;max-width:560px}
.client-call{display:inline-flex;align-items:center;gap:var(--nc-space-2);min-height:var(--nc-tap,46px);padding:0 var(--nc-space-5);border-radius:var(--nc-radius-md);background:var(--nc-brand);color:var(--nc-on-brand);font-weight:var(--nc-fw-semibold);text-decoration:none;white-space:nowrap}
.client-call>svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8}
.client-call:hover{background:var(--nc-brand-hover)}
@media(max-width:700px){.call-card{flex-direction:column;align-items:stretch}.client-call{justify-content:center}}
/* Rifinitura 26/10/2026 (revisione a video dell'Area Clienti). Telefono: i tre riquadri della Panoramica (impianti, da
   approvare, documenti) uno per riga, numero a destra; in tre colonne strette la freccia finiva da sola sotto il testo.
   Piede: le due voci allineate al centro e a capo se serve (il link alto 40 px spostava la riga). */
@media(max-width:640px){.metric-grid{grid-template-columns:1fr;gap:var(--nc-space-2)}.metric-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--nc-space-3);padding:var(--nc-space-3) var(--nc-space-4)}.metric-card>span{grid-column:1}.metric-card>strong{grid-column:2;grid-row:1/span 2;margin:0;font-size:var(--nc-fs-xl)}.metric-card>.record-meta{grid-column:1;margin:2px 0 0}}
.client-footer{align-items:center;flex-wrap:wrap;row-gap:0}
/* PC: in «Documenti recenti» (colonna stretta della Panoramica) il titolo si spezzava una parola per riga accanto a
   «Scarica»; ora il titolo tiene la riga e «Scarica» va sotto, a destra, quando non c'è posto. */
.doc-card-compact{flex-wrap:wrap;row-gap:var(--nc-space-2)}.doc-card-compact .doc-body{flex:1 1 170px;min-width:0}.doc-card-compact .doc-download{margin-left:auto}
/* Panoramica: «Presenta un amico» staccato dai riquadri sopra come gli altri (prima 4 px). */
.grid.lower+.referral-card{margin-top:var(--nc-space-4)}
/* 26/10: collegamento a NetCom One nell'avviso (link con l'aspetto del pulsante principale) */
.portal-notice-actions a.primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}