/* styles/default/components/c-attachment.css — #42 příloha (obrázek): v rich textu přebírá vzhled img z c-richtext; dlaždice náhledu c-attachment__thumb
   (seznam příloh, budoucí), stavy is-uploading (poloprůhledná + c-progress), is-error (červený rámeček + „Nahrání selhalo · Zkusit znovu“)
   Created :: 2026-10-23
   Updated :: 2026-10-28
   2026-10-28 :: M9 – úklid a revize (viz 04 kap. 3) */

.c-attachment { position: relative; display: inline-flex; flex-direction: column; gap: var(--sp-1); max-width: 100%; vertical-align: top; }
.c-attachment__thumb { display: block; width: 12rem; max-width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 1px solid var(--color-border); border-radius: var(--r-md); background: var(--color-surface-2); cursor: zoom-in; }
.c-attachment__name { max-width: 12rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--color-text-muted); font-size: var(--fs-xs); }
.c-attachment.is-uploading .c-attachment__thumb { opacity: .5; }
.c-attachment__progress { position: absolute; left: var(--sp-2); right: var(--sp-2); bottom: var(--sp-3); }
.c-attachment.is-error .c-attachment__thumb { border-color: var(--color-danger); box-shadow: 0 0 0 .2rem var(--color-danger-soft); }
.c-attachment__error { display: inline-flex; align-items: center; gap: var(--sp-1); color: var(--color-danger); font-size: var(--fs-xs); }