.file-attachments{border:1px solid var(--fin-soft-border,#e2e8f0);background:#fff;border-radius:16px;gap:10px;min-width:0;padding:14px;display:grid}.file-attachments header{align-items:center;gap:8px;display:flex}.file-attachments h3{margin:0;font-size:1rem}.file-count{background:var(--fin-tint,#eef2ff);border-radius:999px;padding:0 8px;font-size:.8rem}.file-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.file-list li{grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:8px;display:grid}.file-icon{background:var(--fin-tint-2,#e0e7ff);width:40px;height:40px;color:var(--fin-primary-dark,#3730a3);border-radius:10px;place-items:center;font-size:.65rem;font-weight:800;display:grid}.file-name{min-width:0;display:grid}.file-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-name small,.file-drop small{color:var(--fin-muted,#475569)}.file-attachments button{border:1px solid var(--fin-line,#cbd5e1);cursor:pointer;background:#fff;border-radius:999px;min-height:44px;padding:0 12px;font-weight:600}.file-danger{color:#b91c1c}.file-drop{border:1.5px dashed var(--fin-tint-border,#a5b4fc);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.file-drop.is-dragging{background:var(--fin-tint,#eef2ff)}.file-confirm{background:#fef2f2;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.file-confirm p{flex:160px;margin:0}.file-error{color:#991b1b;background:#fef2f2;border-radius:10px;margin:0;padding:8px 10px}.file-empty{color:var(--fin-muted,#475569);margin:0}@media (width<=640px){.file-list li{grid-template-columns:auto minmax(0,1fr)}.file-list li button{grid-column:span 1}}.file-preview{border:1px solid var(--fin-soft-border,#e2e8f0);background:var(--fin-tint,#f8fafc);border-radius:14px;gap:8px;min-width:0;margin:0;padding:10px;display:grid}.file-preview figcaption{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.file-preview figcaption strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-preview figcaption button{border:1px solid var(--fin-line,#cbd5e1);cursor:pointer;background:#fff;border-radius:999px;min-height:40px;padding:0 12px;font-weight:600}.file-preview iframe{background:#fff;border:0;border-radius:10px;width:100%;height:min(60vh,520px)}.file-preview.tall iframe{height:min(72vh,760px)}.file-preview img{border-radius:10px;justify-self:center;max-width:100%;max-height:min(72vh,760px)}.file-list li .file-preview{grid-column:1/-1}
