/* styles/default/components/c-empty.css — #14 prázdný stav: ikona, titulek, text, akce
   Created :: 2026-10-21
   Updated :: 2026-10-21 */

.c-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sp-2);
  padding: var(--sp-8) var(--sp-4);
  color: var(--color-text-muted);
  text-align: center;
}
.c-empty__icon { width: 3.2rem; height: 3.2rem; margin-bottom: var(--sp-2); color: var(--color-text-subtle); }
.c-empty__title { color: var(--color-text); font-size: var(--fs-md); font-weight: var(--fw-semibold); }
.c-empty__text { max-width: 44rem; font-size: var(--fs-base); }
.c-empty__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sp-2); margin-top: var(--sp-3); }

.c-empty--page { justify-content: center; min-height: 40vh; padding: var(--sp-16) var(--sp-4); }
.c-empty--inline { flex-direction: row; align-items: center; gap: var(--sp-3); padding: var(--sp-3) var(--sp-4); text-align: left; }
.c-empty--inline .c-empty__icon { width: var(--icon-lg); height: var(--icon-lg); margin: 0; }
.c-empty--inline .c-empty__actions { margin: 0 0 0 auto; }