/* =====================================================================
   🛡️ VERIFICHE · registro dei controlli (27/10/2026)
   Cos'è: l'aspetto del campo «🛡️ Verifiche» di Assistito (e Azienda) e delle sue finestre
   🔍 VEDI e ⚙️ IMPOSTA RICERCA. Stile I1 «Registro» con testata chiara (stile unico, come COMUNICA).
   Cosa tocca: SOLO gli elementi con classi vrf-*: il resto di Espo non cambia.
   Vista: client/custom/src/views/fields/verifiche.js
   ===================================================================== */
.vrf{--vrf-bordo:#c9d3e0;--vrf-riga:#e3e8ef;--vrf-testo:#24303f;--vrf-tenue:#6b7787;--vrf-ist:#3d2766;
  --vrf-v:#1f8a4c;--vrf-vC:#e6f5ec;--vrf-g:#9a6a00;--vrf-gC:#fff5d6;--vrf-r:#b42318;--vrf-rC:#fde8e6;
  --vrf-n:#6b7787;--vrf-nC:#eef1f5;--vrf-b:#1d5fa8;--vrf-bC:#e7f0fb;--vrf-p:#6b3fa0;--vrf-pC:#f1eafb;
  color:var(--vrf-testo);font-size:13px;line-height:1.45}
.vrf-car{color:#999;font-size:12px}
.vrf:not(.vrf-mod){background:#fff;border:1px solid var(--vrf-bordo)}
.vrf-band{background:#f1eafb;color:var(--vrf-ist);padding:9px 14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.vrf-band b{font-size:15px;margin-right:auto;letter-spacing:.03em}
.vrf-band .vrf-s{font-size:12px;color:var(--vrf-tenue)}
.vrf-sogg{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--vrf-bordo)}
.vrf-sogg>div{padding:7px 12px;border-right:1px solid var(--vrf-riga);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.vrf-sogg>div:last-child{border-right:0}
.vrf-sogg small{display:block;font-size:10.5px;color:var(--vrf-tenue);text-transform:uppercase;letter-spacing:.06em}
.vrf-man{color:var(--vrf-r);font-weight:600}
.vrf-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--vrf-bordo);background:#f6f8fb}
.vrf-tabs span{padding:7px 14px;font-weight:600;font-size:13px;color:#4a5a70;border-right:1px solid var(--vrf-riga);cursor:pointer;display:flex;gap:6px;align-items:center;user-select:none}
.vrf-tabs span.on{background:#fff;color:var(--vrf-ist);box-shadow:inset 0 3px 0 var(--vrf-p)}
.vrf-tabs em{font-style:normal;font-size:11px;padding:0 6px;border-radius:999px;background:var(--vrf-gC);color:var(--vrf-g)}
.vrf-tabs .dx{margin-left:auto;border-left:1px solid var(--vrf-riga);border-right:0}
.vrf-t{width:100%;border-collapse:collapse;font-size:13px}
.vrf-t th{background:#f6f8fb;color:#41526b;text-transform:uppercase;font-size:11px;letter-spacing:.05em;text-align:left;padding:6px 8px;border:1px solid var(--vrf-riga)}
.vrf-t td{padding:7px 8px;border:1px solid var(--vrf-riga);vertical-align:middle}
.vrf-t td.vrf-n{width:38px;text-align:center;font-weight:700;color:#41526b}
.vrf-t td.vrf-az{text-align:right;white-space:nowrap}
.vrf-t tr.vrf-sotto td{background:#fbfcfe;font-size:12.5px}
.vrf-alt{color:inherit;text-decoration:none}.vrf-alt:hover{text-decoration:none;opacity:.85}
.vrf-st{font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;display:inline-block;max-width:100%}
.vrf-sv{background:var(--vrf-vC);color:var(--vrf-v)}.vrf-sg{background:var(--vrf-gC);color:var(--vrf-g)}.vrf-sr{background:var(--vrf-rC);color:var(--vrf-r)}
.vrf-sn{background:var(--vrf-nC);color:var(--vrf-n)}.vrf-sb{background:var(--vrf-bC);color:var(--vrf-b)}
.vrf-costo{font-size:11px;color:var(--vrf-tenue);white-space:nowrap}
.vrf-ten{color:var(--vrf-tenue);font-size:12px}
.vrf-mt{margin-top:6px}
.vrf-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 9px;border-radius:6px;border:1px solid;font-weight:600;white-space:nowrap;cursor:pointer;background:#fff;text-decoration:none!important;margin-left:4px}
.vrf-btn.vrf-big{font-size:14px;padding:5px 10px}
.vrf-bp{background:var(--vrf-pC);color:var(--vrf-p)!important;border-color:#d6c4ef}
.vrf-bb{background:var(--vrf-bC);color:var(--vrf-b)!important;border-color:#bcd3f0}
.vrf-bg{background:var(--vrf-nC);color:#4a5563!important;border-color:#d3d9e1}
.vrf-bv{background:var(--vrf-vC);color:var(--vrf-v)!important;border-color:#b6e2c6}
.vrf-br{background:var(--vrf-rC);color:var(--vrf-r)!important;border-color:#f3c1bb}
.vrf-band .vrf-btn{padding:1px 7px}
.vrf-piede{padding:8px 12px;font-size:12px;color:var(--vrf-tenue);display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-top:1px solid var(--vrf-riga)}
.vrf-piede .vrf-sp{margin-right:auto}
.vrf-nota{padding:8px 12px;font-size:13px;background:#f6f8fb;border-bottom:1px solid var(--vrf-riga)}
.vrf-pk{padding:8px 12px;font-size:13px;background:#fffbea;border-left:4px solid #e0a800;border-bottom:1px solid var(--vrf-riga)}
.vrf-guida{background:#fbf8ef;border-top:1px solid #efe2b8;padding:8px 12px;font-size:13px}
.vrf-guida summary{cursor:pointer;font-weight:700}
.vrf-guida ol{margin:6px 0 0 18px;padding:0}
/* finestre */
.vrf-dett{border:1px solid var(--vrf-riga);border-radius:6px;padding:8px 10px;margin:8px 0}
.vrf-dett-t{margin-bottom:4px}
.vrf-dett-m{margin-top:6px;padding-top:6px;border-top:1px dashed var(--vrf-riga);font-size:13px}
.vrf-dett-f{margin:4px 0;white-space:pre-wrap;background:#fbfcfe;padding:6px 8px;border-left:3px solid var(--vrf-bordo)}
.vrf-mod .vrf-mtesta{margin-bottom:8px}
.vrf-chips{margin-bottom:6px}
.vrf-chip{background:var(--vrf-nC);border-radius:4px;padding:4px 9px;font-size:13px;display:inline-block;margin:0 6px 6px 0}
.vrf-chiuse{margin-top:10px}.vrf-chiuse summary{cursor:pointer;color:var(--vrf-tenue)}
.vrf-mpiede{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;margin-top:14px;padding-top:10px;border-top:1px solid var(--vrf-riga)}
.vrf-mpiede .vrf-sx{margin-right:auto;display:flex;gap:4px;flex-wrap:wrap}
.vrf-mpiede .vrf-motivo{flex:1 1 220px;max-width:340px;height:32px}
.vrf-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vrf-campo>.vrf-tit{display:block;font-size:11px;font-weight:700;color:#41526b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.vrf-inp{border:1px solid var(--vrf-bordo);padding:6px 9px;background:#fff;min-height:32px}
.vrf-spunta{display:flex;align-items:center;gap:6px;padding:3px 0;font-weight:normal;margin:0}
.vrf-spunta input{margin:0}
.vrf-spunta label{font-weight:normal;margin:0 8px 0 0}
.vrf-rientro{padding-left:20px;flex-wrap:wrap}
@media (max-width:720px){
  .vrf-sogg{grid-template-columns:1fr 1fr}
  .vrf-form{grid-template-columns:1fr}
  .vrf-t,.vrf-t thead,.vrf-t tbody,.vrf-t tr,.vrf-t th,.vrf-t td{display:block}
  .vrf-t thead{display:none}
  .vrf-t tr{border-bottom:1px solid var(--vrf-riga);padding:6px 8px}
  .vrf-t td{border:0;padding:2px 0}
  .vrf-t td.vrf-n,.vrf-t td.vrf-az{text-align:left;width:auto}
}
/* 5b (27/10/2026): 🔍 VEDI in una pagina — clic sulla riga, dettaglio sotto con ANNOTAZIONE / AVVERTENZA / STAMPA */
.vrf-t tr.vrf-riga td{cursor:pointer}
.vrf-t tr.vrf-riga:hover td{background:#f6f9fe}
.vrf-t tr.vrf-riga.vrf-sel td{background:#eef4fd}
.vrf-t tr.vrf-riga.vrf-sel td:first-child{box-shadow:inset 4px 0 0 var(--vrf-b)}
.vrf-det{border:1px solid #bcd3f0;border-radius:6px;margin-top:12px;background:#fbfdff}
.vrf-det-h{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 12px;background:var(--vrf-bC);border-bottom:1px solid #bcd3f0;border-radius:6px 6px 0 0}
.vrf-det-h b{margin-right:auto;color:var(--vrf-b)}
.vrf-det-b{padding:8px 12px}
.vrf-det-f{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:center;padding:8px 12px;border-top:1px dashed #bcd3f0}
.vrf-det-f .vrf-sx{margin-right:auto;font-size:12px;color:var(--vrf-tenue)}
