/* === BASE (shared for index + admin) === */

/* Focus */
:focus-visible{ outline:2px solid #6366f1; outline-offset:2px }

/* Heights / layout helpers */
.btn-h{ height:44px; display:inline-flex; align-items:center }
.control-h{ height:44px; line-height:1.2 }
.row-h{ min-height:44px; display:flex; align-items:center }
.h-eq{ height:34px; line-height:1.2 }
.hidden-init{ display:none }

/* Buttons (shared look & palette) */
.btn{ border:1px solid #cbd5e1; padding:.4rem .7rem; border-radius:.65rem; font-size:.95rem; line-height:1; background:#e5edff }
.btn-blue{ background:#bfdbfe }
.btn-green{ background:#86efac }
.btn-red{ background:#fecaca }

/* Cards / panels / badges */
.panel{ border:1px solid #e5e7eb; background:#f3f4f6; border-radius:14px; padding:12px; box-shadow:0 6px 24px rgba(0,0,0,.06) }
.rowbtn{ padding:.32rem .55rem !important; font-size:.9rem !important }
.badge{ border-radius:.5rem; padding:.375rem .75rem; font-size:1rem }
.badge-gray{ background:#f3f4f6; color:#111 }
.badge-green{ background:#d1fae5; color:#111 }

/* Generic images / misc used on both */
#brand img { width:100%; max-width:100%; height:auto; }

/* --- MODAL (sdílené) — vždy nad footerem --- */
.modal{
  position:fixed; inset:0; display:none; align-items:center; justify-content:center;
  background:rgba(0,0,0,.45); z-index:99999;
}
.modal.open{ display:flex }
.modal-card{ max-width:640px; width:92vw; background:#fff; border-radius:16px; box-shadow:0 20px 60px rgba(0,0,0,.2) }
.modal-head{ display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid #eee }
.modal-body{ padding:14px; max-height:75vh; overflow:auto }
.modal-close{ border:1px solid #e5e7eb; border-radius:10px; padding:6px 10px; background:#f9fafb; cursor:pointer }