/* ===================================================================== acw_v3.css - AreaClientiWEB - Grammatica grafica centralizzata V3 --------------------------------------------------------------------- Foglio CONDIVISO (ACW + RENT + futuro). ADDITIVO: convive col legacy, non sostituisce style.css. Nessuna pagina lo carica finche' non viene collegata esplicitamente (a partire da admin_accesso). Sorgente grammatica .acc-*: admin_accesso.php (banco di prova V3). Rosso unificato: #cc232a (campionato dal logo) al posto del vecchio #be123c. ===================================================================== */ :root{ /* brand / azione */ --acc-blu:#1f6fb2; --acc-blu-h:#1a5f9c; --acc-blu-2:#2980b9; /* guscio grafite */ --navy:#2a2e36; --navy-2:#343b46; --navy-line:rgba(255,255,255,.08); --navy-ink:#d4dae3; --navy-ink-dim:#9aa3b4; /* marchio */ --brand-red:#cc232a; /* stati */ --acc-ok:#15803d; --acc-warn:#b45309; --acc-danger:#cc232a; --acc-info:#1f6fb2; /* neutri */ --acc-ink:#1f242c; --acc-slate:15,23,42; --acc-head:#3d5573; /* forma — Regola R1 */ --acc-radius:6px; --acc-radius-sm:4px; /* ombre */ --shadow-soft:0 2px 8px rgba(15,23,42,.06); --shadow-raise:0 10px 24px rgba(2,6,23,.10); /* misure layout — Regola R6 */ --hh:100px; --sw:260px; --logo-h:60px; --wrap:1360px; /* alias compat (rimovibili a fine bonifica) */ --acc-grafite:var(--navy); --acc-grafite-2:var(--navy-2); --acc-r:var(--acc-radius); --acc-hh:var(--hh); --acc-sw:var(--sw); --acc-logo-h:var(--logo-h); --acc-wrap:var(--wrap); } /* ===== Grammatica .acc-* (da admin_accesso, invariata salvo rosso) ===== */ /* i pannelli azione (cambia ruolo / sospendi / reimposta / aggiungi) nascono CHIUSI e si aprono UNO ALLA VOLTA al clic */ [hidden]{display:none !important;} .acc-pactions button.is-on{border-color:#1f6fb2;color:#1f6fb2;background:rgba(31,111,178,.07);} .acc-pcard{border:1px solid rgba(31,111,178,.22);background:rgba(31,111,178,.04);border-radius:8px;padding:12px 14px;margin-bottom:10px;} .acc-pcard .acc-persona{border-top:none;padding:0;} .acc-statebadge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:4px;} .acc-statebadge .acc-dot{width:7px;height:7px;border-radius:50%;} .acc-statebadge.is-att{color:#15803d;background:rgba(21,128,61,.10);} .acc-statebadge.is-att .acc-dot{background:#15803d;} .acc-statebadge.is-sus{color:#cc232a;background:rgba(204,35,42,.09);} .acc-statebadge.is-sus .acc-dot{background:#cc232a;} .acc-statebadge.is-neu{color:rgba(15,23,42,.62);background:rgba(15,23,42,.06);} .acc-statebadge.is-neu .acc-dot{background:rgba(15,23,42,.45);} .acc-statebadge.is-inline{margin-left:0;} .acc-codestat{border:1px solid rgba(15,23,42,.12);background:rgba(15,23,42,.025);border-radius:8px;padding:8px 12px;margin:2px 0 12px;} .acc-srow{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;padding:4px 0;} .acc-srow .acc-k{color:rgba(15,23,42,.55);} .acc-sval-ok{color:#15803d;font-weight:700;display:inline-flex;align-items:center;gap:5px;} .acc-sval-warn{color:#b45309;font-weight:700;display:inline-flex;align-items:center;gap:5px;} .acc-sval-ok svg,.acc-sval-warn svg{width:14px;height:14px;flex:0 0 auto;} .acc-susnote{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#cc232a;font-weight:700;padding-bottom:7px;margin-bottom:5px;border-bottom:1px solid rgba(204,35,42,.18);} .acc-susnote svg{width:14px;height:14px;flex:0 0 auto;} .acc-wrap{max-width:1140px;} /* icone nei tasti: ereditano colore (currentColor) e si dimensionano qui */ .acc-actions button svg,.acc-pactions button svg,.acc-confirm-a button svg,.acc-send svg,.acc-padd>button svg,.acc-pinline button svg,.acc-esito-pwd button svg{width:14px;height:14px;vertical-align:-2px;margin-right:5px;} /* i 3 tasti del codice riempiono la riga -> bordo destro simmetrico col riquadro sopra */ .acc-actions button{flex:1;white-space:nowrap;} /* STEP 2: accesso ai servizi come INTERRUTTORI che si salvano da soli (no form, no bottone) */ .acc-svcgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px;margin:2px 0 4px;} .acc-svcbox{display:flex;align-items:center;gap:10px;border:1px solid rgba(15,23,42,.12);border-radius:8px;padding:9px 12px;background:#fff;cursor:pointer;} .acc-svcico{display:inline-flex;color:#1f6fb2;flex:0 0 auto;} .acc-svcico svg{width:18px;height:18px;} .acc-svclbl{flex:1;font-size:13px;font-weight:700;color:#1f242c;line-height:1.25;} .acc-switch{position:relative;display:inline-block;width:38px;height:21px;flex:0 0 auto;} .acc-switch input{position:absolute;opacity:0;width:0;height:0;} .acc-slider{position:absolute;inset:0;background:rgba(15,23,42,.22);border-radius:21px;transition:background .15s;} .acc-slider::before{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s;} .acc-switch input:checked + .acc-slider{background:#15803d;} .acc-switch input:checked + .acc-slider::before{transform:translateX(17px);} .acc-svcmsg{font-size:11px;font-weight:800;white-space:nowrap;} .acc-svcmsg.is-saving{color:rgba(15,23,42,.45);} .acc-svcmsg.is-ok{color:#15803d;} .acc-svcmsg.is-err{color:#b42318;white-space:normal;} .acc-svctoggle:disabled + .acc-slider{opacity:.6;} /* FASE 2: servizi PER-PERSONA (eredita / personalizza) */ .acc-psvc{margin-top:8px;border-top:1px solid rgba(31,111,178,.18);padding-top:11px;} .acc-psvc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;flex-wrap:wrap;} .acc-psvc-ttl{font-size:12.5px;font-weight:800;color:rgba(15,23,42,.6);} .acc-modeseg{display:inline-flex;border:1px solid rgba(31,111,178,.30);border-radius:6px;overflow:hidden;} .acc-modebtn{font-size:12px;font-weight:800;padding:4px 13px;border:none;background:#fff;color:#1f6fb2;cursor:pointer;} .acc-modebtn + .acc-modebtn{border-left:1px solid rgba(31,111,178,.30);} .acc-modebtn.is-on{background:#1f6fb2;color:#fff;} .acc-psvc-note{font-size:12px;color:rgba(15,23,42,.55);margin-bottom:9px;} .acc-psvc-erow{display:flex;align-items:center;gap:9px;padding:5px 2px;border-top:1px solid rgba(15,23,42,.06);} .acc-psvc-erow:first-of-type{border-top:none;} .acc-psvc-lbl{flex:1;font-size:13px;font-weight:700;color:#1f242c;} .acc-psvc-pill{font-size:11.5px;font-weight:800;padding:2px 9px;border-radius:4px;white-space:nowrap;} .acc-psvc-pill.is-on{color:#15803d;background:rgba(21,128,61,.10);} .acc-psvc-pill.is-off{color:rgba(15,23,42,.5);background:rgba(15,23,42,.06);} .acc-psvc-box{cursor:pointer;margin-bottom:7px;} .acc-psvc-box.is-diff{border-color:#1f6fb2;background:rgba(31,111,178,.06);} .acc-psvc-box.is-capped{opacity:.62;} .acc-psvc-ref{display:block;font-size:11px;font-weight:600;color:rgba(15,23,42,.45);} .acc-psvc-cap{font-size:10.5px;font-weight:800;color:#b45309;white-space:nowrap;} .acc-psvc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;flex-wrap:wrap;} .acc-psvc-hint{font-size:11px;color:rgba(31,111,178,.75);font-weight:700;} .acc-psvc-reset{font-size:12px;font-weight:800;padding:4px 10px;border:1px solid rgba(15,23,42,.18);border-radius:5px;background:#fff;color:rgba(15,23,42,.6);cursor:pointer;} .acc-psvc-reset:hover{border-color:rgba(204,35,42,.4);color:#cc232a;} .acc-psvc-reset svg{width:13px;height:13px;vertical-align:-2px;margin-right:4px;} .acc-search{display:flex;gap:10px;margin:4px 0 4px;flex-wrap:wrap;align-items:center;} .acc-search input[type=text]{flex:1;min-width:240px;padding:11px 14px;border:1px solid rgba(31,111,178,.30);border-radius:6px;font-size:15px;} .acc-tahost{position:relative;flex:1;min-width:240px;} .acc-tahost input[type=text]{width:100%;min-width:0;box-sizing:border-box;} .acc-sugg{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;background:#fff;border:1px solid rgba(31,111,178,.25);border-radius:6px;box-shadow:0 8px 24px rgba(15,23,42,.12);overflow:hidden;} .acc-sitem{display:flex;align-items:center;gap:11px;padding:9px 12px;text-decoration:none;color:inherit;border-top:1px solid rgba(15,23,42,.06);} .acc-sitem:first-child{border-top:none;} .acc-sitem:hover,.acc-sitem.is-sel{background:rgba(31,111,178,.06);} .acc-savatar{width:32px;height:32px;border-radius:6px;object-fit:contain;background:#fff;border:1px solid rgba(15,23,42,.08);flex:0 0 auto;} .acc-sinit{display:flex;align-items:center;justify-content:center;background:rgba(31,111,178,.10);color:#1f6fb2;font-weight:800;font-size:12px;border:none;} .acc-sinfo{flex:1;min-width:0;} .acc-sname{display:block;font-weight:700;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .acc-ssub{display:block;font-size:12px;color:rgba(15,23,42,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .acc-go{padding:11px 18px;border:none;border-radius:6px;background:#1f6fb2;color:#fff;font-size:14px;font-weight:700;cursor:pointer;} .acc-go:hover{background:#1a5f9c;} .acc-clear{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid rgba(15,23,42,.16);border-radius:6px;background:#fff;color:rgba(15,23,42,.6);font-size:13px;font-weight:700;text-decoration:none;} .acc-clear:hover{border-color:rgba(15,23,42,.30);background:rgba(15,23,42,.03);} .acc-hint{font-size:12px;color:rgba(15,23,42,.5);margin-bottom:18px;} .acc-sub{font-size:13.5px;color:rgba(15,23,42,.6);line-height:1.5;} .acc-card{background:#fff;border:1px solid rgba(31,111,178,.16);border-radius:6px;padding:18px 20px;margin-bottom:18px;} .acc-head{display:flex;align-items:center;gap:13px;margin-bottom:16px;} .acc-ava{width:46px;height:46px;border-radius:6px;background:rgba(31,111,178,.10);color:#1f6fb2;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex:0 0 auto;} .acc-logo{width:46px;height:46px;border-radius:6px;object-fit:contain;background:#fff;border:1px solid rgba(15,23,42,.08);flex:0 0 auto;} .acc-badge{font-size:12px;font-weight:800;padding:4px 11px;border-radius:4px;background:rgba(31,111,178,.08);color:#1f6fb2;} .acc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;} .acc-box{border:1px solid rgba(15,23,42,.10);border-radius:6px;padding:14px 16px;} .acc-box h3{margin:0 0 10px;font-size:14px;font-weight:800;color:var(--acc-head);display:flex;align-items:center;gap:7px;} .acc-box h3 svg{width:16px;height:16px;color:var(--acc-blu);} .acc-row{font-size:14px;line-height:1.95;} .acc-k{color:rgba(15,23,42,.5);} .acc-ok{color:#15803d;font-weight:700;} .acc-warn{color:#b45309;font-weight:700;} .acc-no{color:rgba(15,23,42,.4);} .acc-persona{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid rgba(15,23,42,.07);} .acc-pname{font-weight:700;} .acc-prole{font-size:12px;color:#1f6fb2;font-weight:700;white-space:nowrap;} .acc-psub{font-size:12px;color:rgba(15,23,42,.5);} .acc-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;} .acc-actions button{font-size:12px;padding:5px 12px;border-radius:4px;border:1px solid rgba(15,23,42,.16);background:#fff;color:rgba(15,23,42,.5);cursor:not-allowed;} .acc-soon{font-size:12px;color:rgba(15,23,42,.45);margin-top:7px;} .acc-services{display:flex;flex-wrap:wrap;gap:8px;} .acc-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid;border-radius:4px;font-size:13px;font-weight:700;} .acc-chip svg{width:14px;height:14px;} .acc-chip--on{border-color:rgba(21,128,61,.30);color:#15803d;background:rgba(21,128,61,.05);} .acc-chip--off{border-color:rgba(15,23,42,.14);color:rgba(15,23,42,.42);background:#fff;} .acc-results{display:flex;flex-direction:column;gap:8px;} .acc-result{display:flex;align-items:center;gap:12px;border:1px solid rgba(15,23,42,.12);border-radius:6px;padding:11px 14px;background:#fff;text-decoration:none;color:inherit;} .acc-result:hover{border-color:rgba(31,111,178,.45);background:rgba(31,111,178,.03);} .acc-rlogo{width:38px;height:38px;border-radius:6px;object-fit:contain;background:#fff;border:1px solid rgba(15,23,42,.08);flex:0 0 auto;} .acc-rava{width:38px;height:38px;border-radius:6px;background:rgba(31,111,178,.10);color:#1f6fb2;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:0 0 auto;} .acc-rinfo{flex:1;min-width:0;} .acc-rname{display:block;font-weight:700;} .acc-rsub{display:block;font-size:12.5px;color:rgba(15,23,42,.55);} .acc-rchev{width:18px;height:18px;color:rgba(15,23,42,.4);flex:0 0 auto;} .acc-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:2px 0 18px;} .acc-tile{display:block;text-decoration:none;color:inherit;border:1px solid rgba(15,23,42,.12);border-radius:6px;padding:13px 15px;background:#fff;} .acc-tile:hover{border-color:rgba(31,111,178,.45);background:rgba(31,111,178,.03);} .acc-tile.is-active{border:2px solid rgba(31,111,178,.55);} .acc-tile svg{width:19px;height:19px;color:#1f6fb2;} .acc-tile .tt{font-size:13.5px;font-weight:800;margin-top:6px;} .acc-tile .td{font-size:12px;color:rgba(15,23,42,.55);} .acc-th{margin:0 0 12px;font-size:14px;font-weight:800;display:flex;align-items:center;gap:7px;} .acc-th svg{width:16px;height:16px;color:#1f6fb2;} .acc-tab{width:100%;border-collapse:collapse;font-size:13.5px;} .acc-tab th{text-align:left;font-weight:800;color:rgba(15,23,42,.5);font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:6px 10px;border-bottom:1px solid rgba(15,23,42,.12);} .acc-tab td{padding:8px 10px;border-bottom:1px solid rgba(15,23,42,.06);vertical-align:top;} .acc-tab td:first-child{color:rgba(15,23,42,.55);white-space:nowrap;} .acc-tab td:nth-child(2){font-weight:700;white-space:nowrap;} .acc-empty{color:rgba(15,23,42,.5);font-size:14px;padding:8px 0;} .acc-pager{display:flex;align-items:center;gap:14px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(15,23,42,.08);} .acc-pager button{padding:5px 12px;border:1px solid rgba(15,23,42,.16);border-radius:4px;background:#fff;color:rgba(15,23,42,.7);font-size:13px;font-weight:700;cursor:pointer;} .acc-pager button:disabled{opacity:.4;cursor:default;} .acc-pg-lbl{color:rgba(15,23,42,.55);font-size:13px;} .acc-actions button.acc-pri{font-size:12.5px;font-weight:800;padding:6px 14px;border:1px solid #1f6fb2;background:#1f6fb2;color:#fff;cursor:pointer;border-radius:5px;} .acc-actions button.acc-pri:hover{background:#1a5f9c;} .acc-actions button.acc-pri:disabled{opacity:.5;cursor:default;} .acc-confirm{margin-top:12px;border:1px solid rgba(180,83,9,.35);background:rgba(180,83,9,.05);border-radius:7px;padding:13px 15px;} .acc-confirm-h{display:flex;align-items:center;gap:7px;font-weight:800;font-size:14px;margin-bottom:5px;} .acc-confirm-h svg{width:17px;height:17px;color:#b45309;flex:0 0 auto;} .acc-confirm-t{font-size:13px;color:rgba(15,23,42,.7);line-height:1.5;margin-bottom:12px;} .acc-confirm-a{display:flex;gap:8px;justify-content:flex-end;} .acc-confirm-a button{padding:6px 14px;border:1px solid rgba(15,23,42,.18);border-radius:5px;background:#fff;color:rgba(15,23,42,.75);font-size:13px;font-weight:700;cursor:pointer;} .acc-confirm-a button.acc-cdanger{border-color:rgba(204,35,42,.5);color:#cc232a;} .acc-confirm-a button.acc-cdanger:hover{background:rgba(204,35,42,.06);} .acc-esito{margin-top:12px;border:1px solid rgba(15,23,42,.12);border-radius:7px;padding:13px 15px;background:#fff;} .acc-esito.ok{border-color:rgba(21,128,61,.32);background:rgba(21,128,61,.04);} .acc-esito.err{border-color:rgba(204,35,42,.4);background:rgba(204,35,42,.05);color:#cc232a;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;} .acc-esito.err svg{width:18px;height:18px;flex:0 0 auto;} .acc-esito-h{display:flex;align-items:center;gap:7px;font-weight:800;font-size:14px;color:#15803d;margin-bottom:11px;} .acc-esito-h svg{width:18px;height:18px;color:#15803d;flex:0 0 auto;} .acc-esito-pwd{display:flex;align-items:center;gap:10px;background:rgba(15,23,42,.04);border-radius:6px;padding:9px 12px;margin-bottom:11px;flex-wrap:wrap;} .acc-esito-pwd code{font-family:Consolas,Menlo,monospace;font-size:15px;font-weight:700;letter-spacing:.5px;color:#1f242c;} .acc-esito-pwd button{margin-left:auto;padding:3px 11px;border:1px solid rgba(15,23,42,.18);border-radius:4px;background:#fff;font-size:12.5px;font-weight:700;cursor:pointer;color:rgba(15,23,42,.7);} .acc-esito-pwd button:hover{border-color:#1f6fb2;color:#1f6fb2;} .acc-esito-send{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px;} .acc-send{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border:1px solid rgba(15,23,42,.16);border-radius:5px;background:#fff;color:rgba(15,23,42,.8);font-size:13px;font-weight:700;text-decoration:none;} .acc-send:hover{border-color:#1f6fb2;color:#1f6fb2;} .acc-esito-note{font-size:12px;color:rgba(15,23,42,.5);} /* tasti persona su DUE righe (3 + 2): wrap + un break a tutta larghezza dopo "servizi"; flex:1 riempie ogni riga */ .acc-pactions{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 2px;} .acc-pactions button{flex:1;font-size:12px;padding:5px 10px;border-radius:4px;border:1px solid rgba(15,23,42,.16);background:#fff;color:rgba(15,23,42,.72);cursor:pointer;white-space:nowrap;} .acc-pbreak{flex:0 0 100%;height:0;} .acc-pactions button:hover{border-color:#1f6fb2;color:#1f6fb2;} .acc-pactions button.acc-del{color:#cc232a;border-color:rgba(204,35,42,.30);} .acc-pactions button.acc-del:hover,.acc-pactions button.acc-del.is-on{border-color:#cc232a;color:#cc232a;background:rgba(204,35,42,.06);} .acc-pinline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:2px 0 10px;padding:10px 12px;background:rgba(15,23,42,.03);border-radius:6px;} .acc-pinline select{padding:5px 8px;border:1px solid rgba(15,23,42,.2);border-radius:5px;font-size:13px;background:#fff;} .acc-pinline input[type=text],.acc-pinline input[type=email]{padding:5px 8px;border:1px solid rgba(15,23,42,.2);border-radius:5px;font-size:13px;background:#fff;min-width:200px;} .acc-pinline button{font-size:12.5px;padding:5px 12px;border-radius:5px;border:1px solid rgba(15,23,42,.18);background:#fff;color:rgba(15,23,42,.72);cursor:pointer;} button.acc-pri2{border:1px solid #1f6fb2;color:#fff;background:#1f6fb2;font-weight:700;cursor:pointer;} button.acc-pri2:hover{background:#1a5f9c;} .acc-padd{margin-top:12px;padding-top:12px;border-top:1px solid rgba(15,23,42,.08);} .acc-padd>button.acc-pri{font-size:12.5px;font-weight:800;padding:6px 13px;border:1px solid #1f6fb2;background:#1f6fb2;color:#fff;border-radius:5px;cursor:pointer;} .acc-padd>button.acc-pri i{font-style:normal;} .acc-paddform{margin-top:11px;padding:13px 15px;border:1px solid rgba(15,23,42,.12);border-radius:7px;background:#fff;} .acc-paddgrid{display:grid;grid-template-columns:auto 1fr;gap:9px 10px;align-items:center;max-width:380px;} .acc-paddgrid label{font-size:12.5px;color:rgba(15,23,42,.6);} .acc-paddgrid input,.acc-paddgrid select{padding:7px 10px;border:1px solid rgba(15,23,42,.2);border-radius:5px;font-size:13.5px;width:100%;box-sizing:border-box;background:#fff;} /* ============================================================ V3-GUSCIO-ADMIN-ACCESSO — skin guscio (header + sidebar) Additivo, attivo SOLO con body.acw-v3 (oggi: admin_accesso in Formazione). Sopra il legacy (style.css + sidebar_premium inline). Niente PHP/JS. Riferimento bloccato: _ACW_V3_REF/acw_v2_admin_accesso_guscio_preload.html NOTA: sezione HEADER scritta con valori LETTERALI (niente var()/calc() nel gradiente) perche' un gradiente con calc()/stop "0" veniva scartato dal browser. ============================================================ */ body.acw-v3{--navy:#2a2e36;--navy-2:#343b46;--navy-line:rgba(255,255,255,.08);--navy-ink:#d4dae3;--navy-ink-dim:#9aa3b4;--g-blu:#1f6fb2;--g-hh:100px;--g-sw:260px;--g-logo:60px;--g-r:6px;} /* ---------- HEADER: .top-bar = corpo grafite->bianco, riquadro logo grafite (LETTERALE) ---------- */ body.acw-v3 .top-bar{background:linear-gradient(90deg,#2a2e36 0px,#2a2e36 262px,#2e333c 292px,#454c57 322px,#6f7682 354px,#a9aeb8 388px,#dfe3e9 420px,#ffffff 470px) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border-bottom:1px solid rgba(31,111,178,.20) !important;box-shadow:none !important;} body.acw-v3 .top-bar-inner{display:flex !important;align-items:center !important;gap:0 !important;width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;height:100px !important;} body.acw-v3 .top-bar-inner>.brand{flex:0 0 260px !important;justify-self:auto !important;height:100px !important;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:0 !important;background:#2a2e36 !important;min-width:0 !important;} body.acw-v3 .brand img.logo-small{height:70px !important;width:auto !important;max-width:none !important;background:#ffffff !important;border-radius:6px !important;padding:9px 16px !important;backdrop-filter:none !important;box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px 2px rgba(255,255,255,.55) !important;} body.acw-v3 .brand img.logo-small:hover{transform:none !important;} body.acw-v3 .brand-name{display:none !important;} /* orologio = chip bianco discreto, subito dopo il logo */ body.acw-v3 .header-clock{width:auto !important;height:auto !important;min-width:96px !important;aspect-ratio:auto !important;justify-self:auto !important;margin:0 0 0 22px !important;flex:0 0 auto !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;background:#ffffff !important;border:1px solid rgba(15,23,42,.08) !important;border-radius:6px !important;backdrop-filter:none !important;box-shadow:0 1px 3px rgba(15,23,42,.05) !important;padding:6px 13px !important;} body.acw-v3 .clock-time{font-size:17px !important;font-weight:800 !important;letter-spacing:.3px !important;color:#1f242c !important;line-height:1 !important;} body.acw-v3 .clock-day{font-size:9.5px !important;font-weight:700 !important;color:rgba(15,23,42,.55) !important;margin-top:3px !important;text-transform:capitalize !important;} body.acw-v3 .clock-date{font-size:9px !important;color:rgba(15,23,42,.45) !important;opacity:1 !important;margin-top:1px !important;} /* area utente a destra: logo cliente se presente (come legacy), poi saluto+nome, badge */ body.acw-v3 .user-box{justify-self:auto !important;margin-left:auto !important;margin-right:26px !important;gap:12px !important;min-width:0 !important;} body.acw-v3 .client-identity{gap:11px !important;} body.acw-v3 .client-logo-img{width:42px !important;height:42px !important;border-radius:6px !important;padding:3px !important;background:#ffffff !important;object-fit:contain !important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08) !important;} body.acw-v3 .client-logo-img:hover{transform:none !important;filter:none !important;} body.acw-v3 .client-icon-svg{width:42px !important;height:42px !important;} body.acw-v3 .user-hello{font-size:12.5px !important;color:rgba(15,23,42,.55) !important;opacity:1 !important;} body.acw-v3 .user-name{font-size:clamp(15px,1.18vw,18px) !important;font-weight:800 !important;color:#1f242c !important;} body.acw-v3 .online-icon,body.acw-v3 .notif-icon{width:40px !important;height:40px !important;border-radius:6px !important;background:rgba(15,23,42,.05) !important;color:rgba(15,23,42,.6) !important;border:1px solid rgba(15,23,42,.06) !important;} body.acw-v3 .online-icon:hover,body.acw-v3 .notif-icon:hover{background:rgba(31,111,178,.08) !important;color:#1f6fb2 !important;border-color:rgba(31,111,178,.18) !important;box-shadow:none !important;} body.acw-v3 .notif-badge{background:#cc232a !important;} body.acw-v3 .online-badge{background:#15803d !important;} body.acw-v3 .logout-icon{border-radius:6px !important;} /* ---------- SIDEBAR: .acw-sidebar = grafite, fissa, sempre aperta 260 ---------- */ body.acw-v3 .acw-sidebar{left:0 !important;top:100px !important;width:260px !important;height:calc(100vh - 100px) !important;border:0 !important;border-radius:0 !important;background:#2a2e36 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:2px 0 0 rgba(0,0,0,.04) !important;padding:14px 12px !important;} body.acw-v3 .acw-sidebar::before,body.acw-v3 .acw-sidebar::after{display:none !important;} body.acw-v3 .acw-sidebar-inner{padding:0 !important;} body.acw-v3 .acw-sb-top{padding:0 !important;} body.acw-v3 .acw-sb-topbox{background:transparent !important;border:0 !important;box-shadow:none !important;justify-content:flex-start !important;padding:4px 11px 2px !important;} body.acw-v3 .acw-sb-app-abbr{display:none !important;} body.acw-v3 .acw-sb-app-meta{display:flex !important;align-items:flex-start !important;text-align:left !important;} body.acw-v3 .acw-sb-app-title{color:#ffffff !important;font-weight:800 !important;font-size:15px !important;letter-spacing:.2px !important;} body.acw-v3 .acw-sb-app-release{color:#9aa3b4 !important;font-size:11px !important;font-weight:700 !important;opacity:1 !important;} body.acw-v3 .acw-sb-top-sep{border-color:rgba(255,255,255,.08) !important;margin:6px 8px 8px !important;} body.acw-v3 .acw-sidebar-controls{display:none !important;} body.acw-v3 .acw-sidebar-nav{scrollbar-width:none !important;-ms-overflow-style:none !important;} body.acw-v3 .acw-sidebar-nav::-webkit-scrollbar{width:0 !important;height:0 !important;display:none !important;} body.acw-v3 .acw-sb-link{justify-content:flex-start !important;color:#d4dae3 !important;background:transparent !important;border:1px solid transparent !important;border-radius:6px !important;padding:9px 11px !important;font-size:13.5px !important;font-weight:600 !important;box-shadow:none !important;transform:none !important;} body.acw-v3 .acw-sb-label{display:inline !important;color:#d4dae3 !important;font-weight:600 !important;} body.acw-v3 .acw-sb-ico{color:#d4dae3 !important;opacity:.92 !important;} body.acw-v3 .acw-sb-caret{display:inline !important;color:#9aa3b4 !important;} body.acw-v3 .acw-sb-link:hover{background:rgba(255,255,255,.06) !important;color:#ffffff !important;border-color:transparent !important;box-shadow:none !important;transform:none !important;} body.acw-v3 .acw-sb-link:hover .acw-sb-label,body.acw-v3 .acw-sb-link:hover .acw-sb-ico{color:#ffffff !important;} body.acw-v3 .acw-sb-item.is-active>.acw-sb-link{background:#1f6fb2 !important;border-color:rgba(255,255,255,.14) !important;box-shadow:0 8px 20px rgba(31,111,178,.32) !important;} body.acw-v3 .acw-sb-item.is-active>.acw-sb-link .acw-sb-label,body.acw-v3 .acw-sb-item.is-active>.acw-sb-link .acw-sb-ico{color:#ffffff !important;} body.acw-v3 .acw-sb-sub{background:transparent !important;border:0 !important;border-left:1px solid rgba(255,255,255,.08) !important;border-radius:0 !important;margin:2px 0 4px 32px !important;padding:0 0 0 7px !important;box-shadow:none !important;} body.acw-v3 .acw-sb-sub-link{color:#9aa3b4 !important;font-size:12.5px !important;font-weight:600 !important;} body.acw-v3 .acw-sb-sub-link:hover{background:rgba(255,255,255,.05) !important;color:#ffffff !important;} body.acw-v3 .acw-sb-sub-item.is-active .acw-sb-sub-link{color:#ffffff !important;background:rgba(31,111,178,.30) !important;} body.acw-v3 .acw-sidebar-bottom,body.acw-v3 .acw-sidebar-bottom-exit{border-color:rgba(255,255,255,.08) !important;} body.acw-v3 .acw-sb-link.acw-accent-green:hover,body.acw-v3 .acw-sb-link.acw-accent-green:hover .acw-sb-label,body.acw-v3 .acw-sb-link.acw-accent-green:hover .acw-sb-ico{color:#34d27a !important;} body.acw-v3 .acw-sb-link.acw-accent-red:hover,body.acw-v3 .acw-sb-link.acw-accent-red:hover .acw-sb-label,body.acw-v3 .acw-sb-link.acw-accent-red:hover .acw-sb-ico{color:#ff6b6b !important;} /* ---------- contenuto: spazio per la sidebar fissa 260 ---------- */ body.acw-v3.acw-has-sidebar .content{padding-left:284px !important;} /* larghezza "blocco centrale" V3 = 1360 (grammatica V3), promossa a TUTTE le pagine V3 tranne il login (card centrata) */ body.acw-v3:not(.login-page) .content{max-width:1360px !important;} @media (max-width:979px){body.acw-v3.acw-has-sidebar .content{padding-left:16px !important;}} /* ---- icone validate (swap via CSS mask, scopato body.acw-v3 — niente markup, niente Produzione) ---- */ body.acw-v3 .acw-sb-link[data-tip="Dashboard"] .acw-sb-ico>svg{display:none !important;} body.acw-v3 .acw-sb-link[data-tip="Dashboard"] .acw-sb-ico{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%273%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3C%2Fsvg%3E") center / 18px no-repeat !important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%273%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3C%2Fsvg%3E") center / 18px no-repeat !important;background-color:currentColor !important;} body.acw-v3 .acw-sb-link[data-tip="Pratiche"] .acw-sb-ico>svg{display:none !important;} body.acw-v3 .acw-sb-link[data-tip="Pratiche"] .acw-sb-ico{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M9%203h6l1%202h3a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2h3l1-2z%27%20stroke-linejoin%3D%27round%27%2F%3E%3Cpath%20d%3D%27M7.5%2012h9M7.5%2016h6.5%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E") center / 18px no-repeat !important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M9%203h6l1%202h3a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2h3l1-2z%27%20stroke-linejoin%3D%27round%27%2F%3E%3Cpath%20d%3D%27M7.5%2012h9M7.5%2016h6.5%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E") center / 18px no-repeat !important;background-color:currentColor !important;} body.acw-v3 .acw-sb-link[data-tip="Servizi"] .acw-sb-ico>svg{display:none !important;} body.acw-v3 .acw-sb-link[data-tip="Servizi"] .acw-sb-ico{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%3E%3Crect%20x%3D%273%27%20y%3D%277%27%20width%3D%2718%27%20height%3D%2713%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%207V5a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M3%2012h18%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E") center / 18px no-repeat !important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%3E%3Crect%20x%3D%273%27%20y%3D%277%27%20width%3D%2718%27%20height%3D%2713%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%207V5a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M3%2012h18%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E") center / 18px no-repeat !important;background-color:currentColor !important;} body.acw-v3 .acw-sb-link[data-tip="Impostazioni"] .acw-sb-ico>svg{display:none !important;} body.acw-v3 .acw-sb-link[data-tip="Impostazioni"] .acw-sb-ico{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M12%2015.2a3.2%203.2%200%201%200%200-6.4%203.2%203.2%200%200%200%200%206.4z%27%2F%3E%3Cpath%20d%3D%27M19.4%2013a7.9%207.9%200%200%200%200-2l2-1.2-2-3.4-2.3.6a7.8%207.8%200%200%200-1.7-1L15%203h-4l-.4%202.9a7.8%207.8%200%200%200-1.7%201L6.6%206.3l-2%203.4L6.6%2011a7.9%207.9%200%200%200%200%202l-2%201.2%202%203.4%202.3-.6a7.8%207.8%200%200%200%201.7%201L11%2021h4l.4-2.9a7.8%207.8%200%200%200%201.7-1l2.3.6%202-3.4-2-1.2z%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E") center / 18px no-repeat !important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M12%2015.2a3.2%203.2%200%201%200%200-6.4%203.2%203.2%200%200%200%200%206.4z%27%2F%3E%3Cpath%20d%3D%27M19.4%2013a7.9%207.9%200%200%200%200-2l2-1.2-2-3.4-2.3.6a7.8%207.8%200%200%200-1.7-1L15%203h-4l-.4%202.9a7.8%207.8%200%200%200-1.7%201L6.6%206.3l-2%203.4L6.6%2011a7.9%207.9%200%200%200%200%202l-2%201.2%202%203.4%202.3-.6a7.8%207.8%200%200%200%201.7%201L11%2021h4l.4-2.9a7.8%207.8%200%200%200%201.7-1l2.3.6%202-3.4-2-1.2z%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E") center / 18px no-repeat !important;background-color:currentColor !important;} body.acw-v3 .acw-sb-link[data-tip="WhatsApp"] .acw-sb-ico>svg{display:none !important;} body.acw-v3 .acw-sb-link[data-tip="WhatsApp"] .acw-sb-ico{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27black%27%3E%3Cpath%20d%3D%27M12%202a10%2010%200%200%200-8.6%2015l-1.3%204.9%205-1.3A10%2010%200%201%200%2012%202zm0%2018a8%208%200%200%201-4.1-1.1l-.3-.2-3%20.8.8-2.9-.2-.3A8%208%200%201%201%2012%2020zm4.4-6c-.2-.1-1.4-.7-1.6-.8s-.4-.1-.5.1-.6.8-.8%201-.3.2-.5.1a6.5%206.5%200%200%201-3.2-2.8c-.2-.4.2-.4.6-1.2a.4.4%200%200%200%200-.4l-.8-1.8c-.2-.5-.4-.4-.5-.4h-.5a.9.9%200%200%200-.7.3%202.8%202.8%200%200%200-.9%202.1%204.9%204.9%200%200%200%201%202.6%2011%2011%200%200%200%204.3%203.8c1.6.6%201.9.5%202.3.5a2.4%202.4%200%200%200%201.6-1.1%202%202%200%200%200%20.1-1.1c0-.1-.2-.2-.4-.3z%27%2F%3E%3C%2Fsvg%3E") center / 18px no-repeat !important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27black%27%3E%3Cpath%20d%3D%27M12%202a10%2010%200%200%200-8.6%2015l-1.3%204.9%205-1.3A10%2010%200%201%200%2012%202zm0%2018a8%208%200%200%201-4.1-1.1l-.3-.2-3%20.8.8-2.9-.2-.3A8%208%200%201%201%2012%2020zm4.4-6c-.2-.1-1.4-.7-1.6-.8s-.4-.1-.5.1-.6.8-.8%201-.3.2-.5.1a6.5%206.5%200%200%201-3.2-2.8c-.2-.4.2-.4.6-1.2a.4.4%200%200%200%200-.4l-.8-1.8c-.2-.5-.4-.4-.5-.4h-.5a.9.9%200%200%200-.7.3%202.8%202.8%200%200%200-.9%202.1%204.9%204.9%200%200%200%201%202.6%2011%2011%200%200%200%204.3%203.8c1.6.6%201.9.5%202.3.5a2.4%202.4%200%200%200%201.6-1.1%202%202%200%200%200%20.1-1.1c0-.1-.2-.2-.4-.3z%27%2F%3E%3C%2Fsvg%3E") center / 18px no-repeat !important;background-color:currentColor !important;} body.acw-v3 .acw-sb-link[data-tip="Help Center"] .acw-sb-ico>svg{display:none !important;} body.acw-v3 .acw-sb-link[data-tip="Help Center"] .acw-sb-ico{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%2F%3E%3Cpath%20d%3D%27M9.5%209.5a2.7%202.7%200%200%201%205%201.2c0%201.7-2%202.2-2%203.8%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M12%2017.3h.01%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E") center / 18px no-repeat !important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%2F%3E%3Cpath%20d%3D%27M9.5%209.5a2.7%202.7%200%200%201%205%201.2c0%201.7-2%202.2-2%203.8%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M12%2017.3h.01%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E") center / 18px no-repeat !important;background-color:currentColor !important;} body.acw-v3 .acw-sb-link[data-tip="Esci"] .acw-sb-ico>svg{display:none !important;} body.acw-v3 .acw-sb-link[data-tip="Esci"] .acw-sb-ico{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M10%206H6a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M14%2016l4-4-4-4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18%2012H10%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E") center / 18px no-repeat !important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M10%206H6a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M14%2016l4-4-4-4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18%2012H10%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E") center / 18px no-repeat !important;background-color:currentColor !important;} /* ---- sidebar un filo piu\' compatta (densita\' interna, larghezza invariata) ---- */ body.acw-v3 .acw-sidebar{padding:12px 10px !important;} body.acw-v3 .acw-sb-list{gap:0 !important;} body.acw-v3 .acw-sb-link{padding:5px 10px !important;font-size:13px !important;gap:9px !important;border-radius:4px !important;} body.acw-v3 .acw-sb-app-title{font-size:14px !important;} body.acw-v3 .acw-sb-sub-link{padding:3px 9px !important;border-radius:3px !important;} body.acw-v3 .acw-sb-sub{margin:1px 0 3px 32px !important;} /* ---- refuso: spegne i tooltip legacy (.acw-tip) nella sidebar: nel guscio fisso le etichette sono gia' visibili ---- */ body.acw-v3 .acw-sidebar .acw-tip::after,body.acw-v3 .acw-sidebar .acw-tip::before{content:none !important;display:none !important;} /* ---- box pagina = raggio canonico R1 6px ; micro-elementi --acc-radius-sm 4px (promozione foundation .acc-*, 19/06) ---- */ body.acw-v3 .acc-card,body.acw-v3 .acc-box,body.acw-v3 .acc-pcard,body.acw-v3 .acc-codestat,body.acw-v3 .acc-svcbox,body.acw-v3 .acc-pinline,body.acw-v3 .acc-paddform,body.acw-v3 .acc-confirm,body.acw-v3 .acc-esito,body.acw-v3 .acc-result,body.acw-v3 .acc-tile{border-radius:var(--acc-radius) !important;} body.acw-v3 .acc-statebadge,body.acw-v3 .acc-badge,body.acw-v3 .acc-psvc-pill,body.acw-v3 .acc-chip{border-radius:var(--acc-radius-sm) !important;} /* ============================================================ FINE V3-GUSCIO-ADMIN-ACCESSO ============================================================ */ /* ============================================================ V3-MESSAGGI — componenti globali di messaggistica vestiti V3 Attivo SOLO con body.acw-v3. Vivono nel footer condiviso -> valgono su tutte le pagine V3. Riferimenti deliberati: acw_v3_messaggi_confronto.html + acw_v3_banner/overlay preload + styleguide R13/R14/R15. Additivo, sopra il legacy. Cambia aspetto (radius, palette, chip), non le animazioni JS. ============================================================ */ /* ---------------- 1) TOAST (angolo basso destra, auto-dismiss) ---------------- */ body.acw-v3 .acw-toast-stack{left:auto !important;right:18px !important;bottom:18px !important;width:auto !important;transform:none !important;} body.acw-v3 .acw-toast{width:320px !important;max-width:320px !important;border-radius:8px !important;background:#fff !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:0 !important;border-left:4px solid var(--tc,#1f6fb2) !important;box-shadow:0 16px 38px rgba(2,6,23,.2) !important;padding:11px 13px 13px !important;} body.acw-v3 .acw-toast.is-success{--tc:#15803d;} body.acw-v3 .acw-toast.is-info{--tc:#1f6fb2;} body.acw-v3 .acw-toast.is-warning{--tc:#b45309;} body.acw-v3 .acw-toast.is-error{--tc:#cc232a;} body.acw-v3 .acw-toast-ico{width:24px !important;height:24px !important;border-radius:6px !important;background:color-mix(in srgb,var(--tc,#1f6fb2) 12%,#fff) !important;color:var(--tc,#1f6fb2) !important;} body.acw-v3 .acw-toast-title{font-weight:800 !important;font-size:13px !important;} body.acw-v3 .acw-toast-msg{font-size:12px !important;color:rgba(15,23,42,.6) !important;} body.acw-v3 .acw-toast-x{border-radius:6px !important;} /* ---------------- 2) INLINE (mattoncino in pagina, non blocca) ---------------- */ body.acw-v3 .alert{border-radius:7px !important;border:1px solid rgba(15,23,42,.14) !important;background:#fff !important;box-shadow:none !important;} body.acw-v3 .alert-info{border-color:rgba(31,111,178,.22) !important;background:rgba(31,111,178,.05) !important;} body.acw-v3 .alert-success{border-color:rgba(21,128,61,.32) !important;background:rgba(21,128,61,.05) !important;} body.acw-v3 .alert-warning{border-color:rgba(180,83,9,.30) !important;background:rgba(180,83,9,.06) !important;} body.acw-v3 .alert-error{border-color:rgba(204,35,42,.35) !important;background:rgba(204,35,42,.05) !important;} body.acw-v3 .acw-errbanner{border-radius:7px !important;border-width:1px !important;} body.acw-v3 .acw-errbanner--warn{border-color:rgba(180,83,9,.35) !important;} body.acw-v3 .acw-errbanner--ko{border-color:rgba(204,35,42,.40) !important;} /* ---------------- 3) OVERLAY / MODAL / BANNER (al centro, blocca) ---------------- */ /* backdrop sfocato V3 */ body.acw-v3 .welcome-backdrop, body.acw-v3 .acw-modal-backdrop, body.acw-v3 .acw-ask-backdrop{background:rgba(15,23,42,.5) !important;backdrop-filter:blur(4px) !important;-webkit-backdrop-filter:blur(4px) !important;} /* scatola: 14px, bianca pulita (niente glass legacy), ombra V3 */ body.acw-v3 .premium-dialog, body.acw-v3 .acw-modal-box, body.acw-v3 .acw-modal, body.acw-v3 .acw-ask-box{border-radius:14px !important;background:#fff !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:0 34px 80px rgba(2,6,23,.5),inset 0 0 0 1px rgba(255,255,255,.5) !important;} /* icona = CHIP squircle (R15): non piu' cerchio; il gradiente tonale per stato resta dal legacy */ body.acw-v3 .welcome-icon-circle, body.acw-v3 .acw-modal-icon-circle{border-radius:18px !important;} /* titolo piu' contenuto + info-box squadrato */ body.acw-v3 .premium-title, body.acw-v3 .acw-modal-title{font-size:19px !important;font-weight:800 !important;} body.acw-v3 .premium-info-box, body.acw-v3 .acw-modal-infobox{border-radius:4px !important;} /* pulsanti modali: squadrati 6px, blu costruttivo */ body.acw-v3 .premium-btn, body.acw-v3 .acw-modal-btn{border-radius:6px !important;background:#1f6fb2 !important;} body.acw-v3 .premium-close, body.acw-v3 .acw-modal-close{border-radius:6px !important;} /* ask dialog: bottoni 6px (R1) */ body.acw-v3 .acw-ask-box{border-radius:14px !important;} body.acw-v3 .acw-ask-btn{border-radius:6px !important;} body.acw-v3 .acw-ask-btn.ok{background:#1f6fb2 !important;} body.acw-v3 .acw-ask-btn.danger{background:#cc232a !important;color:#fff !important;} /* ---------------- V3-BANNER-SKIN : completamento modale/banner premium (target preload approvato) ---------------- */ body.acw-v3 .premium-dialog{--c:#1f6fb2;position:relative !important;overflow:hidden !important;max-width:440px !important;padding:26px 24px 22px !important;text-align:center !important;border-radius:14px !important;} body.acw-v3 .premium-dialog.is-success,body.acw-v3 .premium-dialog.banner-success{--c:#15803d;} body.acw-v3 .premium-dialog.is-warning,body.acw-v3 .premium-dialog.banner-warning{--c:#b45309;} body.acw-v3 .premium-dialog.is-error,body.acw-v3 .premium-dialog.banner-error{--c:#cc232a;} body.acw-v3 .premium-dialog.is-info,body.acw-v3 .premium-dialog.banner-info{--c:#1f6fb2;} body.acw-v3 .premium-dialog::before{content:"" !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:4px !important;background:var(--c) !important;} body.acw-v3 .welcome-icon-circle{width:64px !important;height:64px !important;border-radius:18px !important;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 22%,#fff),color-mix(in srgb,var(--c) 7%,#fff)) !important;box-shadow:0 12px 26px color-mix(in srgb,var(--c) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.75) !important;color:var(--c) !important;margin:4px auto 14px !important;display:flex !important;align-items:center !important;justify-content:center !important;} body.acw-v3 .welcome-icon-circle::after{display:none !important;} body.acw-v3 .welcome-icon{color:var(--c) !important;font-size:30px !important;line-height:1 !important;} body.acw-v3 .premium-eyebrow{font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:.07em !important;color:var(--c) !important;margin:0 0 4px !important;} body.acw-v3 .premium-title{font-size:19px !important;font-weight:800 !important;color:var(--acc-ink) !important;margin:0 0 8px !important;} body.acw-v3 .premium-dialog p{font-size:14px !important;color:rgba(var(--acc-slate),.7) !important;line-height:1.55 !important;} body.acw-v3 .premium-info-box{border-radius:4px !important;background:rgba(31,111,178,.06) !important;border:1px solid rgba(31,111,178,.18) !important;border-left:3px solid var(--c) !important;text-align:left !important;} body.acw-v3 .premium-btn,body.acw-v3 .welcome-btn{border-radius:6px !important;background:var(--acc-blu) !important;color:#fff !important;border:none !important;padding:11px 20px !important;font-weight:800 !important;font-size:14px !important;cursor:pointer !important;} body.acw-v3 .premium-btn:hover,body.acw-v3 .welcome-btn:hover{background:var(--acc-blu-h) !important;} body.acw-v3 .welcome-close,body.acw-v3 .premium-close{position:absolute !important;top:12px !important;right:14px !important;background:transparent !important;border:none !important;color:rgba(var(--acc-slate),.4) !important;font-size:20px !important;line-height:1 !important;cursor:pointer !important;} body.acw-v3 .welcome-close:hover,body.acw-v3 .premium-close:hover{color:var(--acc-danger) !important;} /* ============================================================ FINE V3-BANNER-SKIN ============================================================ */ /* ============================================================ FINE V3-MESSAGGI ============================================================ */ /* ============================================================ V3-FORM — componente form V3 (campi), scopato body.acw-v3. Generale: vale su tutte le pagine V3 con .form-row/.field (ACI e future). Veste i campi reali con !important per battere gli stili inline delle pagine. I pulsanti (.primary-btn/.secondary-btn) sono gia' V3 dal blocco dashboard. Riferimento deliberato: _ACW_V3_REF/acw_v3_form_legacy_vs_v3.html ============================================================ */ /* etichette: nette, 13px semibold, slate */ body.acw-v3 .form-row label, body.acw-v3 .field label{font-size:13px !important;font-weight:700 !important;color:#1f242c !important;margin-bottom:6px !important;} /* campi: bordo sottile 1px, angoli 6px, focus blu con alone */ body.acw-v3 .form-row input[type="text"], body.acw-v3 .form-row input[type="search"], body.acw-v3 .form-row input:not([type]), body.acw-v3 .field input[type="text"], body.acw-v3 .field input:not([type]), body.acw-v3 .form-row select, body.acw-v3 .field select, body.acw-v3 .form-row textarea, body.acw-v3 .field textarea{border:1px solid rgba(15,23,42,.22) !important;border-radius:6px !important;padding:10px 12px !important;font-size:14px !important;background-color:#fff !important;color:#1f242c !important;font-family:inherit !important;transition:border-color .15s, box-shadow .15s !important;} body.acw-v3 .form-row input:focus, body.acw-v3 .field input:focus, body.acw-v3 .form-row select:focus, body.acw-v3 .field select:focus, body.acw-v3 .form-row textarea:focus, body.acw-v3 .field textarea:focus{outline:none !important;border-color:#1f6fb2 !important;box-shadow:0 0 0 3px rgba(31,111,178,.18) !important;} body.acw-v3 .form-row input::placeholder, body.acw-v3 .field input::placeholder, body.acw-v3 .field textarea::placeholder{color:rgba(15,23,42,.4) !important;} /* select rivestito: freccia custom V3 (niente stile browser grezzo) */ body.acw-v3 .form-row select, body.acw-v3 .field select{appearance:none !important;-webkit-appearance:none !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%231f242c'%20stroke-width='2'%3E%3Cpath%20d='M6%209l6%206%206-6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 11px center !important;background-size:16px !important;padding-right:34px !important;} /* textarea (es. revisione: area incolla) */ body.acw-v3 .field textarea, body.acw-v3 .form-row textarea{min-height:74px !important;resize:vertical !important;} /* ============================================================ FINE V3-FORM ============================================================ */ /* ============================================================ V3-LOADER (CANONICO) — styleguide acw_v3_styleguide.html righe 198-210, 1:1. Barra "percentuale che viaggia" (.acc-bar / .fill / .rb), anello overlay (.acc-ring), spinner (.acc-spin), scheletro (.acc-sk). Selettori .acc-* NUDI come la grammatica canonica. Markup barra:
N%
Le pagine adotteranno questa struttura in fase di BONIFICA (oggi i servizi usano ancora .acw-load-bar legacy). ============================================================ */ .acc-bar{height:10px;border-radius:10px;background:rgba(15,23,42,.09);position:relative;} .acc-bar .fill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--acc-blu),#2f8fd0);position:relative;overflow:hidden;} .acc-bar .fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-120%);animation:acc-sheen 1.3s linear infinite;} @keyframes acc-sheen{to{transform:translateX(260%);}} .acc-bar .rb{position:absolute;top:-30px;transform:translateX(-50%);background:var(--acc-blu);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;white-space:nowrap;box-shadow:0 5px 14px rgba(31,111,178,.4);} .acc-bar .rb::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--acc-blu);} .acc-ring{transform:rotate(-90deg);} .acc-ring .trk{stroke:rgba(15,23,42,.10);} .acc-ring .ind{stroke:var(--acc-blu);stroke-linecap:round;} .acc-spin{width:30px;height:30px;border-radius:50%;background:conic-gradient(var(--acc-blu),rgba(31,111,178,0));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);animation:acc-spinrot .9s linear infinite;} @keyframes acc-spinrot{to{transform:rotate(1turn);}} .acc-sk{background:linear-gradient(100deg,rgba(15,23,42,.06) 30%,rgba(15,23,42,.12) 50%,rgba(15,23,42,.06) 70%);background-size:200% 100%;border-radius:6px;animation:acc-sk 1.3s ease-in-out infinite;} @keyframes acc-sk{to{background-position:-200% 0;}} /* ============================================================ FINE V3-LOADER ============================================================ */ /* ============================================================ V3-COMPONENTI — componenti "display" canonici, styleguide acw_v3_styleguide.html, 1:1. Accordion (211-221), Tabella V3 (240-252), Stati a colore (253-263), Dropdown/menu (265-281), KPI dashboard (283-296), Stepper (298-310). Selettori .acc-*/.st*/.kpi*/.stp-* NUDI (canonici). var(--r) -> var(--acc-radius) (token reale). MOTORE PURO: nessuna pagina li usa ancora; si vedranno in bonifica. ============================================================ */ /* ----- Accordion ----- */ .acc-ac{border:1px solid rgba(15,23,42,.12);border-radius:var(--acc-radius);background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04);margin:0 0 10px;} .acc-ac:last-child{margin-bottom:0;} .acc-ac>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;font-weight:800;font-size:13.5px;color:var(--acc-ink);user-select:none;border-radius:var(--acc-radius);transition:background .15s,color .15s;} .acc-ac>summary::-webkit-details-marker{display:none;} .acc-ac>summary:hover{background:rgba(31,111,178,.05);} .acc-ac>summary:focus-visible{outline:3px solid rgba(31,111,178,.32);outline-offset:-3px;} .acc-ac>summary .chev{margin-left:auto;flex:0 0 auto;width:17px;height:17px;color:rgba(15,23,42,.42);transition:transform .2s ease,color .2s;} .acc-ac[open]>summary{color:var(--acc-blu);background:rgba(31,111,178,.045);border-bottom-left-radius:0;border-bottom-right-radius:0;} .acc-ac[open]>summary .chev{transform:rotate(90deg);color:var(--acc-blu);} .acc-ac .bdy{padding:12px 14px 14px;font-size:13px;color:rgba(15,23,42,.74);line-height:1.55;border-top:1px solid rgba(15,23,42,.08);} @supports selector(::details-content){.acc-ac::details-content{block-size:0;overflow:clip;transition:block-size .25s ease;}.acc-ac[open]::details-content{block-size:auto;}} /* ----- Tabella V3 (compatta, zebra, header fisso) ----- */ .sgt-wrap{border:1px solid rgba(15,23,42,.12);border-radius:var(--acc-radius);overflow:hidden;} table.acc-t{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;} table.acc-t thead th{text-align:left;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:rgba(15,23,42,.55);background:#f8fafc;padding:7px 10px;border-bottom:1px solid rgba(15,23,42,.14);white-space:nowrap;} table.acc-t th.sortable{cursor:pointer;} table.acc-t th.sortable .sx{margin-left:5px;color:var(--acc-blu);font-size:10px;} table.acc-t tbody td{padding:7px 10px;border-bottom:1px solid rgba(15,23,42,.07);vertical-align:middle;color:var(--acc-ink);} table.acc-t tbody tr:last-child td{border-bottom:none;} table.acc-t tbody tr:nth-child(even) td{background:rgba(15,23,42,.025);} table.acc-t tbody tr:hover td{background:rgba(31,111,178,.045);} table.acc-t tbody tr.sel td{background:rgba(31,111,178,.08);} table.acc-t input[type=checkbox]{width:15px;height:15px;accent-color:var(--acc-blu);} .tmono{font-family:Consolas,monospace;font-weight:700;color:rgba(15,23,42,.72);} /* ----- Stati a colore (un colore = un significato) ----- */ .st{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12px;white-space:nowrap;} .st::before{content:"";width:8px;height:8px;border-radius:50%;} .st-ok{color:#15803d;}.st-ok::before{background:#15803d;} .st-warn{color:#b45309;}.st-warn::before{background:#b45309;} .st-bad{color:#cc232a;}.st-bad::before{background:#cc232a;} .st-info{color:#1f6fb2;}.st-info::before{background:#1f6fb2;} .st-neu{color:rgba(15,23,42,.5);}.st-neu::before{background:rgba(15,23,42,.4);} .stv{display:flex;flex-direction:column;gap:7px;} .stv .vr{display:flex;align-items:center;gap:10px;font-size:12.5px;color:rgba(15,23,42,.6);} .stv .vr .st{min-width:120px;} /* ----- Dropdown / menu ----- */ .acc-menu{min-width:230px;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:var(--acc-radius);box-shadow:0 10px 28px rgba(15,23,42,.16);padding:6px;} .acc-mi{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:none;background:transparent;padding:8px 9px;border-radius:5px;font-size:13px;color:var(--acc-ink);cursor:pointer;font-family:inherit;} .acc-mi:hover{background:rgba(31,111,178,.08);} .acc-mi .ck{margin-left:auto;color:var(--acc-blu);opacity:0;} .acc-mi.is-sel{color:var(--acc-blu);font-weight:700;} .acc-mi.is-sel .ck{opacity:1;} .acc-mi.danger{color:var(--acc-danger);} .acc-mi.danger:hover{background:rgba(204,35,42,.08);} .acc-mi svg{width:16px;height:16px;flex:0 0 auto;} .acc-mi .av{width:30px;height:30px;border-radius:6px;background:rgba(31,111,178,.1);color:var(--acc-blu);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex:0 0 auto;} .acc-mi .tx{display:flex;flex-direction:column;gap:1px;} .acc-mi .nm{font-weight:700;} .acc-mi .sub{font-size:11.5px;color:rgba(15,23,42,.5);} .acc-div{height:1px;background:rgba(15,23,42,.08);margin:5px 4px;} .ndot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;margin-top:6px;} .ndot.new{background:var(--acc-blu);}.ndot.alert{background:var(--acc-danger);}.ndot.read{background:rgba(15,23,42,.28);} /* ----- KPI + barra stato (dashboard) ----- */ .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;} .kpi{background:#fff;border:1px solid rgba(15,23,42,.10);border-left:4px solid var(--c,#1f6fb2);border-radius:10px;padding:14px 16px;} .kpi .l{font-size:11.5px;font-weight:700;color:rgba(15,23,42,.55);text-transform:uppercase;letter-spacing:.03em;} .kpi .n{font-size:28px;font-weight:800;line-height:1.1;margin:4px 0 2px;color:var(--acc-ink);} .kpi .d{font-size:12px;color:rgba(15,23,42,.5);} .kpi.k-warn{--c:#b45309;}.kpi.k-warn .n{color:#b45309;} .kpi.k-bad{--c:#cc232a;}.kpi.k-bad .n{color:#cc232a;} .kpi.k-info{--c:#1f6fb2;} .sbar{display:flex;height:15px;border-radius:8px;overflow:hidden;background:rgba(15,23,42,.06);} .sbar i{display:block;height:100%;} .slegend{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px;font-size:12px;color:rgba(15,23,42,.6);} .slegend span{display:inline-flex;align-items:center;gap:6px;} .dotc{width:9px;height:9px;border-radius:2px;display:inline-block;} /* ----- Stepper (wizard a passi) ----- */ .stp-ind{display:flex;align-items:flex-start;} .stp-node{display:flex;flex-direction:column;align-items:center;gap:7px;flex:0 0 auto;} .stp-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;border:2px solid rgba(15,23,42,.22);background:#fff;color:rgba(15,23,42,.5);} .stp-circle svg{width:15px;height:15px;} .stp-lbl{font-size:12px;font-weight:700;color:rgba(15,23,42,.5);white-space:nowrap;} .stp-line{background:rgba(15,23,42,.16);flex:1;height:2px;margin:15px 6px 0;min-width:22px;} .stp-node.current .stp-circle{border-color:var(--acc-blu);background:var(--acc-blu);color:#fff;box-shadow:0 0 0 4px rgba(31,111,178,.15);} .stp-node.current .stp-lbl{color:var(--acc-blu);} .stp-node.done .stp-circle{border-color:var(--acc-ok);background:var(--acc-ok);color:#fff;} .stp-node.done .stp-lbl{color:var(--acc-ink);} .stp-line.done{background:var(--acc-ok);} @media(max-width:560px){.stp-ind{flex-direction:column;align-items:stretch;}.stp-node{flex-direction:row;gap:11px;}.stp-line{width:2px;height:18px;min-width:0;flex:none;margin:3px 0 3px 15px;}} /* ============================================================ FINE V3-COMPONENTI ============================================================ */ /* ============================================================ V3-MINORI — componenti minori canonici, styleguide acw_v3_styleguide.html, 1:1. Note box (140-146), Card-esito col visto (148-155), Bottone-icona base (163-168), Tooltip (184-186), Pager (192-197). Tutti ASSENTI prima d'ora -> aggiunta pulita. Selettori .acc-* NUDI (canonici). MOTORE PURO: nessuna pagina li usa ancora. ============================================================ */ /* ----- Note box (info / warn) ----- */ .acc-note{border:1px solid rgba(15,23,42,.12);border-radius:7px;padding:14px 16px;background:rgba(15,23,42,.02);} .acc-note--info{border-color:rgba(31,111,178,.22);background:rgba(31,111,178,.04);} .acc-note--warn{border-color:rgba(180,83,9,.30);background:rgba(180,83,9,.05);} .acc-note-h{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13.5px;margin-bottom:7px;} .acc-note-h svg{width:17px;height:17px;} .acc-note--info .acc-note-h{color:#1f6fb2;} .acc-note--warn .acc-note-h{color:#b45309;} .acc-note p{margin:0;font-size:13px;color:rgba(15,23,42,.72);line-height:1.55;} /* ----- Card-esito grande (visto nel cerchio) ----- */ .acc-rescard{flex:1 1 280px;min-width:260px;border-radius:6px;border:2px solid rgba(15,23,42,.10);background:#fff;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;} .acc-rescard__eyebrow{font-weight:800;letter-spacing:.05em;font-size:11px;text-transform:uppercase;color:rgba(15,23,42,.55);} .acc-rescard__status{margin-top:8px;font-weight:800;font-size:28px;line-height:1.05;} .acc-rescard__note{margin-top:12px;font-size:12px;color:rgba(15,23,42,.62);font-weight:600;text-transform:uppercase;letter-spacing:.02em;} .acc-rescard__iconwrap{flex:0 0 auto;width:104px;height:104px;border-radius:999px;border:10px solid rgba(15,23,42,.07);display:flex;align-items:center;justify-content:center;} .acc-rescard__icon{width:52px;height:52px;} .acc-rescard__icon svg{width:100%;height:100%;} .acc-rescard--ok{border-color:rgba(21,128,61,.45);} .acc-rescard--ok .acc-rescard__status{color:#15803d;} .acc-rescard--ok .acc-rescard__iconwrap{border-color:rgba(21,128,61,.15);} .acc-rescard--ok .acc-rescard__icon{color:#15803d;} .acc-rescard--danger{border-color:rgba(204,35,42,.5);} .acc-rescard--danger .acc-rescard__status{color:#cc232a;} .acc-rescard--danger .acc-rescard__iconwrap{border-color:rgba(204,35,42,.15);} .acc-rescard--danger .acc-rescard__icon{color:#cc232a;} /* ----- Bottone-icona (base) ----- */ .acc-iconbtn{width:44px;height:44px;border-radius:6px;border:1px solid rgba(15,23,42,.16);background:#fff;color:rgba(15,23,42,.6);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;} .acc-iconbtn:hover{border-color:var(--acc-blu);color:var(--acc-blu);} .acc-iconbtn svg{width:18px;height:18px;} .acc-iconbtn--go{background:var(--acc-blu);border-color:var(--acc-blu);color:#fff;} .acc-iconbtn--go:hover{background:var(--acc-blu-h);color:#fff;} .acc-iconbtn--danger:hover{border-color:var(--acc-danger);color:var(--acc-danger);background:rgba(204,35,42,.06);} /* ----- Tooltip ----- */ .acc-tip{position:relative;display:inline-flex;} .acc-tip[data-tip]:hover::after,.acc-tip[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1f242c;color:#fff;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap;padding:6px 9px;border-radius:6px;box-shadow:0 6px 18px rgba(15,23,42,.28);z-index:6;} .acc-tip[data-tip]:hover::before,.acc-tip[data-tip]:focus-visible::before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#1f242c;z-index:6;} /* ----- Pager ----- */ .acc-pg{display:inline-flex;gap:4px;align-items:center;} .acc-pg button{min-width:34px;height:34px;padding:0 9px;border:1px solid rgba(15,23,42,.14);background:#fff;border-radius:6px;font-weight:700;font-size:13px;color:#334155;cursor:pointer;transition:background .15s,border-color .15s,color .15s;} .acc-pg button:hover:not(:disabled){border-color:var(--acc-blu);color:var(--acc-blu);} .acc-pg button.on{background:var(--acc-blu);border-color:var(--acc-blu);color:#fff;} .acc-pg button:disabled{opacity:.45;cursor:not-allowed;} .acc-pg .dots{padding:0 4px;color:rgba(15,23,42,.4);} /* variante SERVER-SIDE del pager numerato: link (+ .on corrente, [aria-disabled] estremi) come i button */ .acc-pg a{min-width:34px;height:34px;padding:0 9px;border:1px solid rgba(15,23,42,.14);background:#fff;border-radius:6px;font-weight:700;font-size:13px;color:#334155;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s;} .acc-pg a:hover{border-color:var(--acc-blu);color:var(--acc-blu);} .acc-pg .on{min-width:34px;height:34px;padding:0 9px;border:1px solid var(--acc-blu);background:var(--acc-blu);border-radius:6px;font-weight:700;font-size:13px;color:#fff;display:inline-flex;align-items:center;justify-content:center;} .acc-pg [aria-disabled="true"]{min-width:34px;height:34px;padding:0 9px;border:1px solid rgba(15,23,42,.14);border-radius:6px;font-weight:700;font-size:13px;color:#334155;display:inline-flex;align-items:center;justify-content:center;opacity:.45;cursor:default;pointer-events:none;} /* ============================================================ FINE V3-MINORI ============================================================ */ /* ============================================================ V3-FORMCAN — form canonico (styleguide acw_v3_styleguide.html 224-239, 1:1) con DUE disposizioni: .acc-form = etichetta a SINISTRA (default canonico, form lunghi/verticali) .acc-form--inline = etichetta SOPRA (variante compatta, form in riga es. servizi ACI) — ampliamento R10 (19/06/2026) Obbligatori "a parole" (label[data-req]) + validazione inline (.is-invalid / .is-valid). var(--r) -> var(--acc-radius). MOTORE PURO: in bonifica sostituira' il blocco V3-FORM legacy (agganciato a .form-row/.field). ============================================================ */ .acc-form .acc-field{display:grid;grid-template-columns:148px 1fr;gap:2px 14px;align-items:start;margin-bottom:13px;} .acc-form .acc-label{font-size:12.5px;font-weight:700;color:var(--acc-ink);padding-top:9px;} .acc-form .acc-label[data-req]::after{content:" (obbligatorio)";font-weight:500;color:rgba(15,23,42,.45);font-size:11px;} .acc-form .acc-control{width:100%;padding:9px 11px;border:1px solid rgba(15,23,42,.22);border-radius:var(--acc-radius);font-size:13.5px;background:#fff;font-family:inherit;color:var(--acc-ink);} .acc-form .acc-control:focus{outline:none;border-color:var(--acc-blu);box-shadow:0 0 0 3px rgba(31,111,178,.18);} .acc-form select.acc-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f242c' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:15px;padding-right:32px;} .acc-form textarea.acc-control{min-height:58px;resize:vertical;} .acc-form .acc-help{grid-column:2;font-size:11.5px;color:rgba(15,23,42,.55);margin-top:4px;} .acc-form .acc-err{grid-column:2;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--acc-danger);margin-top:4px;} .acc-form .acc-err svg{width:13px;height:13px;flex:0 0 auto;} .acc-form .acc-okm{grid-column:2;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--acc-ok);margin-top:4px;} .acc-form .acc-okm svg{width:13px;height:13px;flex:0 0 auto;} .acc-form .is-invalid .acc-control{border-color:var(--acc-danger);} .acc-form .is-valid .acc-control{border-color:var(--acc-ok);} .acc-form .req{color:var(--acc-danger);} /* variante compatta: etichetta SOPRA (form in riga) — ampliamento R10 */ .acc-form--inline .acc-field{display:flex;flex-direction:column;gap:6px;} .acc-form--inline .acc-label{padding-top:0;} .acc-form--inline .acc-help,.acc-form--inline .acc-err,.acc-form--inline .acc-okm{grid-column:auto;} /* ============================================================ FINE V3-FORMCAN ============================================================ */ /* ============================================================ V3-SEMANTICA — semantica colori azioni (Regola R2), styleguide acw_v3_styleguide.html 170-177, 1:1. Conferma (anche di azioni rischiose) = BLU ("procedi"): il rischio lo segnala il CONTESTO (pannello ambra + testo), non un bottone rosso. ROSSO = annullamento: Annulla / Pulisci / X virano al rosso in hover. Override con !important: CORREGGE .acc-cdanger (oggi rosso -> BLU) e gli hover. VISIBILE dove si usano queste classi (es. admin_accesso). NON include .acc-empty (gestito a parte). ============================================================ */ .acc-cdanger{border:1px solid var(--acc-blu) !important;background:var(--acc-blu) !important;color:#fff !important;} .acc-cdanger:hover{background:var(--acc-blu-h) !important;} .acc-clear:hover{border-color:var(--acc-danger) !important;color:var(--acc-danger) !important;background:rgba(204,35,42,.06) !important;} .acc-confirm-a button:not(.acc-cdanger):not(.acc-pri2):hover{border-color:var(--acc-danger) !important;color:var(--acc-danger) !important;background:rgba(204,35,42,.06) !important;} .acc-iconbtn--danger:hover{border-color:var(--acc-danger) !important;color:var(--acc-danger) !important;background:rgba(204,35,42,.06) !important;} /* ============================================================ FINE V3-SEMANTICA ============================================================ */ /* ============================================================ V3-LOGIN-INDEX — skin login (index.php), attivo SOLO con body.acw-v3 Additivo, sopra il legacy (style.css +