/* ══════════════════════════════════════════════════════════════
   Control: Empty States
   Einheitliches Styling für Lade-, Leer- und Platzhalterzustände.

   Klassen:
     .z-empty       → Standard-Leerzustand (zentriert, gedämpfte Farbe)
     .z-empty-sm    → Kompaktere Variante (weniger Padding, kleinere Schrift)

   Verwendung:
     <!-- in Tabellen -->
     <tr><td colspan="7" class="z-empty">Lade...</td></tr>
     <tr><td colspan="7" class="z-empty">Keine Einträge</td></tr>

     <!-- in Containern -->
     <div class="z-empty">Keine Schemas vorhanden.</div>
     <div class="z-empty-sm">Keine Events gefunden</div>
   ══════════════════════════════════════════════════════════════ */


.z-empty {
    text-align: center;
    color: var(--z-text-faint);
    font-size: 0.875rem;       /* 14px */
    padding: 2rem 1rem;
}

.z-empty-sm {
    text-align: center;
    color: var(--z-text-faint);
    font-size: 0.85rem;        /* 13.6px */
    padding: 0.5rem 0;
}