/* styles/default/components/c-status.css — #32 status feedbacku / řešitele: pilulka v tónu (t-*), tečka --tone-dot; --sm, --dot (jen tečka)
   Created :: 2026-10-22
   Updated :: 2026-10-28
   2026-10-28 :: M9 – úklid a revize (viz 04 kap. 3) */

.c-status {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  height: 2.2rem;
  max-width: 100%;
  padding: 0 var(--sp-2) 0 var(--sp-2);
  border-radius: var(--r-full);
  background: var(--tone-bg);
  color: var(--tone-fg);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
}
.c-status__dot { flex-shrink: 0; width: .7rem; height: .7rem; border-radius: var(--r-full); background: var(--tone-dot); }
.c-status__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; }

.c-status--sm { height: 1.8rem; gap: var(--sp-1); padding: 0 .7rem 0 .6rem; font-size: var(--fs-xs); }
.c-status--dot { width: 2.2rem; padding: 0; justify-content: center; }