/**
 * DT Allegati PA - icona del formato, peso e anteprima degli allegati (Bootstrap Italia / Design Comuni).
 *
 * @author Digital-Tech Web Agency <https://www.digital-tech.cloud>
 */
.dta-file { display: flex !important; align-items: center; gap: 16px; }
.dta-badge { flex: none; width: 48px; height: 56px; border-radius: 6px; position: relative; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 8px; color: #fff; font: 700 12px/1 "Titillium Web", Arial, sans-serif; letter-spacing: .5px; background: #5c6f82; }
.dta-badge::before { content: ""; position: absolute; top: 0; right: 0; border-style: solid; border-width: 0 14px 14px 0; border-color: transparent #fff transparent transparent; filter: drop-shadow(-1px 1px 0 rgba(0,0,0,.15)); }
.dta-pdf { background: #c62828; }
.dta-doc { background: #1e5bb8; }
.dta-xls { background: #1d7a46; }
.dta-ppt { background: #c4501b; }
.dta-zip { background: #6b5b2e; }
.dta-img { background: #7b3fa0; }
.dta-sign { background: #0b6e3e; }
.dta-file .card-body { flex: 1; min-width: 0; padding: 0 !important; }
.dta-file .card-title { margin-bottom: 4px !important; overflow-wrap: anywhere; }
.dta-meta { display: block; font-size: .875rem; color: #5c6f82; margin: 0 0 8px; }
.dta-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.dta-actions .btn { padding: 6px 14px; font-size: .875rem; }
.dta-actions .btn svg { width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; fill: currentColor; }
.dta-modal { position: fixed; inset: 0; z-index: 100000; background: rgba(16, 24, 32, .7); display: flex; align-items: center; justify-content: center; padding: 16px; }
.dta-modal[hidden] { display: none; }
.dta-dialog { background: #fff; border-radius: 8px; width: min(1100px, 100%); height: min(90vh, 1000px); display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,.3); }
.dta-head { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #d9dadb; }
.dta-head-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.dta-head-actions .btn svg { width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; fill: currentColor; }
.dta-body { flex: 1; display: flex; min-height: 0; }
.dta-note { margin: 0; padding: 8px 16px; font-size: .8125rem; color: #5c6f82; background: #f5f6f7; border-bottom: 1px solid #d9dadb; }
.dta-note[hidden] { display: none; }
.dta-head h2 { font-size: 1.125rem; margin: 0; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dta-frame { flex: 1; border: 0; width: 100%; background: #525659; }
.dta-imgview { flex: 1; overflow: auto; display: flex; align-items: center; justify-content: center; background: #f5f6f7; }
.dta-imgview img { max-width: 100%; height: auto; }
.dta-close { background: none; border: 0; font-size: 28px; line-height: 1; color: #1a2a33; padding: 4px 8px; cursor: pointer; }
.dta-close:focus-visible, .dta-actions .btn:focus-visible { outline: 3px solid #f7c948; outline-offset: 2px; }
@media (max-width: 575px) {
	.dta-file { align-items: flex-start; }
	.dta-badge { width: 40px; height: 48px; font-size: 11px; }
	.dta-dialog { height: 92vh; }
	.dta-head { flex-wrap: wrap; }
	.dta-head h2 { flex-basis: calc(100% - 48px); white-space: normal; }
	.dta-head-actions { order: 3; width: 100%; flex-wrap: nowrap; }
	.dta-head-actions .btn { flex: 1 1 auto; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; padding: 6px 10px; font-size: .8125rem; }
	.dta-head-actions .btn svg { width: 16px; height: 16px; margin-right: 4px; fill: currentColor; }
}