/* Dettaglio (components/ui/Dettaglio.php): scheda di dettaglio dl.kv.dett con modifica in linea. Registrato dal componente dopo se-ui.css; da riunire nella parte 2 di se-ui.css. */
.kv.dett{gap:10px 18px;grid-template-columns:minmax(120px,190px) minmax(0,1fr)}
.kv.dett dt{padding-top:1px}
.kv.dett dt.vuota{visibility:hidden}
.kv.dett dt.g{grid-column:1/-1;margin-top:8px;padding-top:12px;border-top:1px solid var(--line-2);font-size:12px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}
.kv.dett dt.g:first-child{margin-top:0;padding-top:0;border-top:0}
.kv.dett dd{overflow-wrap:anywhere}
.kv.dett dd .kv-form-attribute>div{margin:0}
.kv.dett dd .form-control,.kv.dett dd .select2-container,.kv.dett dd .input-group{max-width:440px}
.kv.dett dd textarea.form-control{min-height:84px}
.kv.dett dd .help-block,.kv.dett dd .invalid-feedback{display:block;font-size:12px;color:var(--bad);margin-top:3px}
.kv.dett dd .label,.kv.dett dd .badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:5px;font-size:12px;font-weight:600;background:var(--surface-3);color:var(--ink-2)}
.kv.dett dd .label-success,.kv.dett dd .badge-success{background:var(--ok-soft);color:var(--ok)}
.kv.dett dd .label-danger,.kv.dett dd .badge-danger{background:var(--bad-soft);color:var(--bad)}
.kv.dett dd .label-warning,.kv.dett dd .badge-warning{background:var(--warn-soft);color:var(--warn)}
.kv.dett dd .label-primary,.kv.dett dd .label-info,.kv.dett dd .badge-primary,.kv.dett dd .badge-info{background:var(--info-soft);color:var(--info)}
.dett .kv-edit-mode .kv-view-hidden{display:revert}
.dett-btns{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}
.dett-btns .kv-buttons-1,.dett-btns .kv-buttons-2{display:inline-flex;gap:8px;align-items:center}
.dett-piede{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.se-card .hd .sub{font-size:12px;color:var(--muted);margin-top:2px}
.se-card .hd.solo-bottoni{padding:8px 16px}
.se-card .hd.solo-bottoni:has(.dett-btns:empty),.se-card .hd.solo-bottoni:not(:has(.dett-btns)){display:none}
.se-card .ft{padding:12px 16px;border-top:1px solid var(--line-2)}
.modal-body .kv.dett{grid-template-columns:minmax(110px,170px) minmax(0,1fr)}
@media (max-width:640px){.kv.dett{grid-template-columns:1fr;gap:2px 0}.kv.dett dt{margin-top:9px;font-size:12px}.kv.dett dt.vuota{display:none}.kv.dett dt.g{margin-top:14px}}
.se-card .ft .dett-piede{margin-top:0}