/* ============================================================
   MATIOS UI — matios-ui-emptystate.css
   Version: 1.0.0
   ============================================================ */

.mts-emptystate {
  display: flex; flex-direction: column; align-items: center;
  justify-content: center; text-align: center;
  padding: var(--mts-space-8) var(--mts-space-6);
  color: var(--mts-text-muted);
}
.mts-emptystate--sm { padding: var(--mts-space-5) var(--mts-space-4); }
.mts-emptystate--lg { padding: var(--mts-space-12) var(--mts-space-8); }

.mts-emptystate__icon { margin-bottom: var(--mts-space-4); opacity: 0.4; }
.mts-emptystate--sm .mts-emptystate__icon { width: 48px; height: 48px; }
.mts-emptystate--md .mts-emptystate__icon { width: 80px; height: 80px; }
.mts-emptystate--lg .mts-emptystate__icon { width: 110px; height: 110px; }
.mts-emptystate__icon svg { width: 100%; height: 100%; }

.mts-emptystate__title { font-size: var(--mts-font-size-lg); font-weight: var(--mts-font-weight-semibold); color: var(--mts-text-primary); margin-bottom: var(--mts-space-2); }
.mts-emptystate--sm .mts-emptystate__title { font-size: var(--mts-font-size-md); }
.mts-emptystate__description { font-size: var(--mts-font-size-sm); color: var(--mts-text-muted); max-width: 320px; line-height: var(--mts-line-height-base); margin-bottom: var(--mts-space-5); }