/* Komponent: card / panel — 70-dizajn.md § 7.6.2
   Base .card je v design-tokens.css; tu panel a hlavičky. */

.panel{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; }
.panel-elevated{ box-shadow:var(--shadow-md); }

.panel-head{
  display:flex; justify-content:space-between; align-items:center;
  padding:20px 24px; border-bottom:1px solid var(--line);
}
.panel-head h3{ font-size:23px; }
.panel-head a{ font-size:13px; color:var(--rosso); }

.panel-body{ padding:20px 24px; }

.card-pad{ padding:var(--sp-5); }

/* Prázdny stav (empty-state partial) — 70-dizajn.md § 7.13 */
.empty-state{ text-align:center; padding:var(--sp-7) var(--sp-5); color:var(--muted); }
.empty-state .empty-icon{ display:inline-grid; place-items:center; width:72px; height:72px; border-radius:50%; background:var(--cream); color:var(--crema); margin-bottom:var(--sp-4); }
.empty-state .empty-title{ font-family:var(--font-display); font-size:22px; color:var(--ink); }
.empty-state .empty-text{ margin:6px 0 var(--sp-4); }