/* BLAGOWEB CRM · CRUSCOTTO AGENTE · pacchetto E · 18 ott 2026.
   Va SOPRA crm-metodo.css (lo carica Blagoweb_CRM_Agent_Dashboard::carica_risorse con dipendenza dal foglio) e usa i suoi
   componenti: .bwcrm-testa, -kpi, -tessera, -scorri/-tabella, -badge, -avviso, -vuoto, -schede, -bt, -campo/-ingresso, -stack.
   Qui c'è solo ciò che il foglio non ha: la griglia della pagina, le voci di elenco, la scheda scura del riepilogo, la fisarmonica
   delle provvigioni, la barra di avanzamento. Niente colori fuori da tokens.css, niente gradienti, niente ombre.
   Ricetta Elementor/tema: ogni parte è dentro un elemento con classe bwcrm-* (così vale la lista !important del foglio per font,
   colore via --_c, margini a zero, maiuscolo e spaziatura) e il colore si dice SOLO con --_c. Le sole !important di questo file:
   margini a zero nella parte protetta, raggio di bottoni/voci, root centrata, [hidden]. I pezzi di altri moduli (anticipi, lavori,
   configuratore) stanno in .agente-incluso o nel pannello, FUORI da elementi bwcrm-*: non si toccano i loro colori. */

/* 1 · RADICE E PAGINA */
.blago-dash.bwcrm{display:grid;gap:16px;box-sizing:border-box;width:100%;max-width:75rem;min-width:0;padding:0}
.blago-dash.bwcrm.bwcrm{margin-inline:auto!important}
.blago-dash.bwcrm [class*="bwcrm-"],.blago-dash.bwcrm [class*="bwcrm-"] *{margin:0!important}
.blago-dash.bwcrm,.blago-dash.bwcrm *{letter-spacing:normal!important}
.blago-dash.bwcrm .bwcrm-ico{flex:none}
.blago-dash.bwcrm .bwcrm-testa .bwcrm-aiuto{order:3}

/* 2 · CIFRE IN CIMA (4 tessere in Inchiostro, lo stato è la barra a sinistra) */
.blago-dash.bwcrm .agente-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
.blago-dash.bwcrm :is(.bwcrm-kpi__et,.bwcrm-kpi__sub){font-size:.9375rem}
.blago-dash.bwcrm .bwcrm-kpi--err::before{background:var(--bwcrm-err)}
.blago-dash.bwcrm .bwcrm-kpi__n{overflow-wrap:anywhere}
@media (min-width:48rem){.blago-dash.bwcrm .agente-kpi{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* 3 · AVVISO «DA GUARDARE» (Ambra, una frase che dice cosa fare) */
.blago-dash.bwcrm .agente-avviso{display:grid;gap:8px}
.blago-dash.bwcrm .agente-avviso strong{font-weight:600}
.blago-dash.bwcrm .agente-avviso ul{display:grid;gap:4px;padding:0;list-style:none}
.blago-dash.bwcrm .agente-avviso li{display:flex;align-items:center;gap:8px;min-height:28px}

/* 4 · SCHEDE: scorrono di lato con ombra, la voce corrente va al centro (bwcrm.js) */
.blago-dash.bwcrm .dash-tabs{scroll-snap-type:x proximity;scroll-padding-inline:24px}
.blago-dash.bwcrm .dash-tabs>.dtab{scroll-snap-align:center;gap:8px}
.blago-dash.bwcrm .dash-tabs[data-ombra~=sx]{mask-image:linear-gradient(90deg,transparent,#000 32px)}
.blago-dash.bwcrm .dash-tabs[data-ombra~=dx]{mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
.blago-dash.bwcrm .dash-tabs[data-ombra~=sx][data-ombra~=dx]{mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent)}
.blago-dash.bwcrm .dtab .badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:999px!important;background:var(--bwcrm-bg3);font:600 .9375rem/1 var(--bwcrm-font);font-variant-numeric:tabular-nums}
.blago-dash.bwcrm .dtab .badge-count.badge-alert{background:var(--bwcrm-att-bg);box-shadow:inset 0 0 0 1px var(--bwcrm-att-b);--_c:var(--bwcrm-att-fg)}
.blago-dash.bwcrm .dtab.is-attiva .badge-count:not(.badge-alert){background:var(--bwcrm-acc-s);--_c:var(--bwcrm-acc-sf)}

/* 5 · PANNELLI E SEZIONI */
.blago-dash.bwcrm .agente-pannello{display:grid;gap:24px;min-width:0;align-content:start}
.blago-dash.bwcrm .agente-sezione{display:grid;gap:12px;min-width:0;--s:12px}
.blago-dash.bwcrm .agente-titolo{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:650 1.2rem/1.3 var(--bwcrm-font)}
.blago-dash.bwcrm .agente-titolo .bwcrm-ico{color:var(--bwcrm-acc)}
.blago-dash.bwcrm .agente-conta{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px!important;background:var(--bwcrm-bg3);font:600 .9375rem/1.2 var(--bwcrm-font);--_c:var(--bwcrm-fg2)}
.blago-dash.bwcrm .agente-nota{font-size:.9375rem;line-height:1.5;--_c:var(--bwcrm-mute)}
.blago-dash.bwcrm .agente-incluso{min-width:0}
.blago-dash.bwcrm .agente-incluso{overflow-x:auto}
.blago-dash.bwcrm .agente-incluso *{font-size:.9375rem!important;line-height:1.45}
.blago-dash.bwcrm .agente-incluso :is(h2,h3){font-size:1.2rem!important}

/* 6 · VOCI DI ELENCO (attività, approvazioni, appuntamenti, richieste, abbonamenti): barra di stato a sinistra */
.blago-dash.bwcrm .agente-voce{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding:16px 20px 16px 24px}
.blago-dash.bwcrm .agente-voce::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--bwcrm-bord)}
.blago-dash.bwcrm .agente-voce[data-liv=ok]::before{background:var(--bwcrm-acc)}
.blago-dash.bwcrm .agente-voce[data-liv=att]::before{background:var(--bwcrm-att-b)}
.blago-dash.bwcrm .agente-voce[data-liv=err]::before{background:var(--bwcrm-err)}
.blago-dash.bwcrm .agente-voce .item-main{flex:1 1 16rem;display:grid;gap:6px;min-width:0}
.blago-dash.bwcrm .agente-voce .item-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-weight:600;font-size:1rem;line-height:1.35;overflow-wrap:anywhere}
.blago-dash.bwcrm .agente-voce .item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;font-size:.9375rem;line-height:1.4;--_c:var(--bwcrm-mute)}
.blago-dash.bwcrm .agente-voce .item-meta>span{display:inline-flex;align-items:center;gap:6px}
.blago-dash.bwcrm .agente-voce .item-actions{display:flex;flex-wrap:wrap;gap:8px}
.blago-dash.bwcrm .agente-voce .item-desc{font-size:.9375rem;--_c:var(--bwcrm-fg2)}
.blago-dash.bwcrm .agente-voce .item-riga{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}
.blago-dash.bwcrm .agente-voce--colonna{flex-direction:column;align-items:stretch}
@media (max-width:47.9375rem){.blago-dash.bwcrm .agente-voce .item-actions{width:100%}.blago-dash.bwcrm .agente-voce .item-actions .bwcrm-bt{flex:1 1 auto}}
.blago-dash.bwcrm .agente-scad{display:inline-flex;align-items:center;gap:6px;font-weight:600;--_c:var(--bwcrm-mute)}
.blago-dash.bwcrm .agente-scad[data-liv=err]{--_c:var(--bwcrm-err-fg)}
.blago-dash.bwcrm .agente-scad[data-liv=att]{--_c:var(--bwcrm-att-fg)}
.blago-dash.bwcrm .agente-scad[data-liv=ok]{--_c:var(--bwcrm-ok-fg)}
.blago-dash.bwcrm .agente-scad[data-liv=neutro]{font-weight:400}
.blago-dash.bwcrm .agente-importo{font:500 1.25rem/1.2 var(--bwcrm-mono)!important;font-variant-numeric:tabular-nums;--_c:var(--bwcrm-acc)}
.blago-dash.bwcrm .agente-voce[hidden]{display:none!important}

/* 7 · TABELLE: il foglio le rende scorrevoli con la prima colonna ferma; qui solo i ritocchi del cruscotto */
.blago-dash.bwcrm .bwcrm-scorri .dtable{min-width:36rem}
.blago-dash.bwcrm .bwcrm-scorri .dtable--larga{min-width:60rem}
.blago-dash.bwcrm .dtable td small{display:block;font-size:.9375rem;--_c:var(--bwcrm-mute)}
.blago-dash.bwcrm .dtable td.num,.blago-dash.bwcrm .dtable th.num{text-align:end;white-space:nowrap}
.blago-dash.bwcrm .dtable td.dx,.blago-dash.bwcrm .dtable th.dx{text-align:end}
.blago-dash.bwcrm .dtable td.cen{text-align:center}
.blago-dash.bwcrm .dtable tfoot td{font-weight:600}
.blago-dash.bwcrm .dtable tr[hidden]{display:none!important}
.blago-dash.bwcrm .dtable .agente-azioni{display:flex;gap:8px}
.blago-dash.bwcrm .dtable :is(th,td){padding:12px 8px}
.blago-dash.bwcrm .dtable .bwcrm-badge{padding:2px 8px}
.blago-dash.bwcrm .dtable .agente-azioni{flex-direction:column;align-items:stretch}
.blago-dash.bwcrm .dtable .agente-azioni .bwcrm-bt{padding-inline:12px}
.blago-dash.bwcrm .agente-rischio{display:inline-flex;align-items:center;gap:6px;font-size:.9375rem;--_c:var(--bwcrm-mute)}
.blago-dash.bwcrm .agente-rischio i{width:10px;height:10px;border-radius:50%!important;background:var(--bwcrm-bord2)}
.blago-dash.bwcrm .agente-rischio[data-liv=ok]{--_c:var(--bwcrm-ok-fg)}
.blago-dash.bwcrm .agente-rischio[data-liv=ok] i{background:var(--bwcrm-acc)}
.blago-dash.bwcrm .agente-rischio[data-liv=att]{--_c:var(--bwcrm-att-fg)}
.blago-dash.bwcrm .agente-rischio[data-liv=att] i{background:var(--bwcrm-att-b)}
.blago-dash.bwcrm .agente-rischio[data-liv=err]{--_c:var(--bwcrm-err-fg)}
.blago-dash.bwcrm .agente-rischio[data-liv=err] i{background:var(--bwcrm-err)}
.blago-dash.bwcrm .dtable tr.agente-passata td{opacity:.7}

/* 8 · FILTRI */
.blago-dash.bwcrm .agente-filtri{display:flex;flex-wrap:wrap;gap:12px 16px}
.blago-dash.bwcrm .agente-filtri .bwcrm-campo{flex:1 1 12rem;max-width:20rem}

/* 9 · SCHEDA SCURA DEL RIEPILOGO (Inchiostro, una sola, senza gradiente) */
.blago-dash.bwcrm.bwcrm .agente-riepilogo{display:grid;gap:16px;background:var(--bwcrm-ink);border-color:var(--bwcrm-ink);--_c:var(--bwcrm-fgi)}
.blago-dash.bwcrm.bwcrm .agente-riepilogo .agente-titolo .bwcrm-ico{color:var(--bwcrm-acc-i)}
.blago-dash.bwcrm .agente-cifre{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:48rem){.blago-dash.bwcrm .agente-cifre{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)}}
.blago-dash.bwcrm .agente-cifre>div{display:grid;gap:4px;align-content:start;min-width:0;padding:16px;border:1px solid var(--bwcrm-bordi);border-radius:8px!important}
.blago-dash.bwcrm .agente-cifre .et{font-size:.9375rem;line-height:1.35;--_c:var(--bwcrm-fgi2)}
.blago-dash.bwcrm .agente-cifre .n{font:500 1.5rem/1.2 var(--bwcrm-mono)!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.blago-dash.bwcrm .agente-cifre .n--grande{font-size:1.875rem}
.blago-dash.bwcrm .agente-cifre .sub{font-size:.9375rem;line-height:1.4;--_c:var(--bwcrm-fgi2)}
.blago-dash.bwcrm .agente-cifre .sub strong{--_c:var(--bwcrm-fgi);font-weight:600}
.blago-dash.bwcrm .agente-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}
.blago-dash.bwcrm .agente-chips li{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 14px;border:1px solid var(--bwcrm-bordi);border-radius:999px!important;font-size:.9375rem}
.blago-dash.bwcrm .agente-chips li.err{background:var(--bwcrm-err-bg);border-color:var(--bwcrm-err-b);--_c:var(--bwcrm-err-fg)}
.blago-dash.bwcrm .agente-riepilogo .agente-nota{--_c:var(--bwcrm-fgi2)}
.blago-dash.bwcrm .agente-riepilogo .bwcrm-scorri{border-color:var(--bwcrm-bordi)}

/* 10 · PROVVIGIONI PER CONTRATTO: fisarmonica (il titolo è un bottone, aria-expanded) */
.blago-dash.bwcrm .forecast-row{display:block;overflow:hidden;padding:0}
.blago-dash.bwcrm .forecast-header{display:grid;gap:12px;align-items:center;width:100%;min-height:44px;padding:16px 20px;border:0;border-radius:0!important;background:transparent;text-align:start;cursor:pointer;font:inherit;grid-template-columns:minmax(0,1fr) auto}
.blago-dash.bwcrm .forecast-header:hover,.blago-dash.bwcrm .forecast-header:focus{background:var(--bwcrm-acc-s)}
.blago-dash.bwcrm .forecast-header:focus-visible{outline:2px solid var(--bwcrm-fuoco);outline-offset:-2px}
.blago-dash.bwcrm .forecast-header .fh-main{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}
.blago-dash.bwcrm .forecast-header .fh-contract{font-family:var(--bwcrm-mono)!important;font-weight:500;font-size:1rem}
.blago-dash.bwcrm .forecast-header .fh-client{font-weight:600}
.blago-dash.bwcrm .forecast-header .fh-service{font-size:.9375rem;--_c:var(--bwcrm-mute)}
.blago-dash.bwcrm .forecast-header .fh-amounts{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.blago-dash.bwcrm .forecast-header .fh-amount{display:grid;gap:2px;align-content:start}
.blago-dash.bwcrm .forecast-header .fa-label{font-size:.9375rem;--_c:var(--bwcrm-mute)}
.blago-dash.bwcrm .forecast-header .fa-value{font:500 1rem/1.3 var(--bwcrm-mono)!important;font-variant-numeric:tabular-nums}
.blago-dash.bwcrm .forecast-header .fa-value.testo{font-family:var(--bwcrm-font)!important}
.blago-dash.bwcrm .forecast-header .fh-toggle{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;transition:transform .2s var(--bwcrm-curva);--_c:var(--bwcrm-mute)}
.blago-dash.bwcrm .forecast-row.open .fh-toggle{transform:rotate(90deg)}
.blago-dash.bwcrm .forecast-detail{display:none;gap:12px;padding:0 20px 20px;border-top:1px solid var(--bwcrm-bord)}
.blago-dash.bwcrm .forecast-row.open .forecast-detail{display:grid;padding-top:16px}
.blago-dash.bwcrm .forecast-detail[hidden]{display:none!important}
.blago-dash.bwcrm .forecast-avanza{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:.9375rem;--_c:var(--bwcrm-mute)}
.blago-dash.bwcrm progress.agente-barra{appearance:none;-webkit-appearance:none;display:block;width:100%;height:10px;overflow:hidden;border:0;border-radius:999px!important;background:var(--bwcrm-bg3);accent-color:var(--bwcrm-acc)}
.blago-dash.bwcrm progress.agente-barra::-webkit-progress-bar{background:var(--bwcrm-bg3);border-radius:999px}
.blago-dash.bwcrm progress.agente-barra::-webkit-progress-value{background:var(--bwcrm-acc);border-radius:999px}
.blago-dash.bwcrm progress.agente-barra::-moz-progress-bar{background:var(--bwcrm-acc);border-radius:999px}
@media (min-width:48rem){
.blago-dash.bwcrm .forecast-header{grid-template-columns:minmax(0,1fr) auto}
.blago-dash.bwcrm .forecast-header .fh-amounts{grid-column:1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* 11 · FORM DI BOTTONI E CAMPI NEL CRUSCOTTO (pulsanti dell'azione in riga) */
.blago-dash.bwcrm .agente-centro{display:flex;justify-content:center}
.blago-dash.bwcrm .bwcrm-bt .bwcrm-ico{width:1.25em;height:1.25em}
.blago-dash.bwcrm [data-attesa=true]{pointer-events:none;opacity:.7}
@media (max-width:47.9375rem){.blago-dash.bwcrm .bwcrm-scorri .dtable.bwcrm-tabella--schede{min-width:0}}
.blago-dash.bwcrm .bwcrm-badge{font-size:.9375rem}

/* Box anticipi (modulo Anticipi): importi dei movimenti */
.blago-dash.bwcrm .agente-incluso .bwm-aa-imp{text-align:right}
.blago-dash.bwcrm .agente-incluso .bwm-aa-imp--piu{color:#166435}
.blago-dash.bwcrm .agente-incluso .bwm-aa-imp--meno{color:#A32922}

/* Pezzi di altri moduli dentro il cruscotto (box anticipi, Stato lavori): le stesse regole che hanno in admin, agganciate al cruscotto */
.blago-dash.bwcrm .agente-incluso .bwm-aa1.bwm-aa1 { background: #FBF8F3; border: 1px solid #DDD7CC; border-radius: 12px; padding: 18px; margin: 16px 0; }
.blago-dash.bwcrm .agente-incluso .bwm-aa2.bwm-aa2 { margin: 0 0 12px; }
.blago-dash.bwcrm .agente-incluso .bwm-aa3.bwm-aa3 { display: flex; gap: 18px; flex-wrap: wrap; margin-bottom: 14px; }
.blago-dash.bwcrm .agente-incluso .bwm-aa4.bwm-aa4 { color: #1C5991; font-size: .8125rem; }
.blago-dash.bwcrm .agente-incluso .bwm-aa5.bwm-aa5 { font-size: 18px; font-weight: 700; }
.blago-dash.bwcrm .agente-incluso .bwm-aa6.bwm-aa6 { font-size: 18px; font-weight: 700; color: #A32922; }
.blago-dash.bwcrm .agente-incluso .bwm-aa7.bwm-aa7 { font-size: 18px; font-weight: 800; color: #166435; }
.blago-dash.bwcrm .agente-incluso .bwm-aa8.bwm-aa8 { margin-top: 6px; }
.blago-dash.bwcrm .agente-incluso .bwm-aa9.bwm-aa9 { text-align: right; }
.blago-dash.bwcrm .agente-incluso .bwm-wf25.bwm-wf25 { margin: 0 0 15px; font-size: 16px; }
.blago-dash.bwcrm .agente-incluso .bwm-wf26.bwm-wf26 { color: #515F6E; text-align: center; padding: 20px; }
.blago-dash.bwcrm .agente-incluso .bwm-wf27.bwm-wf27 { background: #E4F0FD; border-radius: 12px; padding: 15px; margin-bottom: 12px; border-left: 4px solid #1C5991; color: #1C5991; }
.blago-dash.bwcrm .agente-incluso .bwm-wf28.bwm-wf28 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; flex-wrap: wrap; }
.blago-dash.bwcrm .agente-incluso .bwm-wf29.bwm-wf29 { font-size: 14px; }
.blago-dash.bwcrm .agente-incluso .bwm-wf30.bwm-wf30 { font-size: .8125rem; color: #3A4959; margin-left: 8px; }
.blago-dash.bwcrm .agente-incluso .bwm-wf31.bwm-wf31 { font-size: 13px; color: #3A4959; margin-bottom: 8px; }
.blago-dash.bwcrm .agente-incluso .bwm-wf32.bwm-wf32 { margin-top: 8px; font-size: .8125rem; color: #1C5991; }
.blago-dash.bwcrm .agente-incluso .blago-advances-box{margin:0 0 16px}
.blago-dash.bwcrm .agente-incluso .blago-advances-box h3{margin:0 0 12px;font-weight:650;font-size:1.0625rem}
.blago-dash.bwcrm .agente-incluso .bwm-aa8{width:100%;border-collapse:collapse;border:1px solid #DDD7CC}
.blago-dash.bwcrm .agente-incluso .bwm-aa8 :is(th,td){padding:10px 12px;border-bottom:1px solid #DDD7CC;text-align:left}
.blago-dash.bwcrm .agente-incluso .bwm-aa8 th{background:#DDD7CC;color:#0C1B2A}
.blago-dash.bwcrm .agente-incluso .bwm-aa8 th.bwm-aa9,.blago-dash.bwcrm .agente-incluso .bwm-aa8 td.bwm-aa-imp{text-align:right}
.blago-dash.bwcrm .agente-incluso .bwf-agent-section h3{margin:0 0 12px;font-weight:650;font-size:1.0625rem}
.blago-dash.bwcrm .agente-incluso .bwf-agent-project{margin-bottom:12px;padding:16px;border:1px solid #DDD7CC;border-radius:12px;background:#FBF8F3}

