/* Ficha clínica · «Imágenes» (panel de PC ≥ 1024 px): galería de radiografías y fotos por fecha de la toma, filtros y diálogos para subir, agregar y anular.
   Solo tokens del canon. Las miniaturas son botones (abren el visor); «Anulada» es una cápsula .ui-tag (un estado). */
.clin-img-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--sp-2); }
.clin-img-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--sp-4); }
.clin-img-filters .ui-field-inline { align-self: center; }
.clin-img-filters .ui-select { min-width: calc(var(--sp-8) * 3); }
.clin-img-group { display: grid; gap: var(--sp-3); }
.clin-img-date { margin: 0; font-size: var(--fs-body); font-weight: var(--fw-bold); color: var(--text-strong); }
.clin-img-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sp-4); margin: 0; padding: 0; list-style: none; }
.clin-img { display: grid; align-content: start; gap: var(--sp-2); min-width: 0; padding: var(--sp-2); border: var(--border-w) solid var(--border-default); border-radius: var(--r-lg); background: var(--surface-1); }
.clin-img.is-voided { background: var(--surface-2); }
.clin-img.is-voided .clin-img-thumb { opacity: 0.55; }
.clin-img-thumb { display: grid; place-items: center; width: 100%; aspect-ratio: 4 / 3; padding: 0; overflow: hidden; border: var(--border-w) solid var(--border-soft); border-radius: var(--r-md); background: var(--surface-2); cursor: pointer; }
.clin-img-thumb:hover { background: var(--surface-hover); }
.clin-img-thumb:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.clin-img-thumb:disabled { cursor: progress; }
.clin-img-pic { display: block; width: 100%; height: 100%; object-fit: cover; }
.clin-img-doc { display: grid; justify-items: center; gap: var(--sp-1); color: var(--text-muted); }
.clin-img-doc.is-loading { opacity: 0.5; }
.clin-img-ext { font-size: var(--fs-meta); font-weight: var(--fw-bold); letter-spacing: var(--tracking-caps); }
.clin-img-meta { display: grid; justify-items: start; gap: var(--sp-1); min-width: 0; }
.clin-img-note { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0; overflow: hidden; font-size: var(--fs-meta); color: var(--text-primary); overflow-wrap: anywhere; }

/* Diálogos */
.clin-img-chips { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: var(--sp-2); }
.clin-img-chips .ui-chip { display: inline-flex; align-items: center; gap: var(--sp-1); }
.clin-img-pick { display: grid; gap: var(--sp-2); margin: 0; padding: 0; border: 0; }
.clin-img-option { display: flex; align-items: baseline; gap: var(--sp-3); padding: var(--sp-2) var(--sp-3); border: var(--border-w) solid var(--border-default); border-radius: var(--r-md); background: var(--surface-1); cursor: pointer; }
.clin-img-option-name { flex: 1 1 auto; min-width: 0; font-weight: var(--fw-medium); color: var(--text-strong); overflow-wrap: anywhere; }