/* Admin -> Menu list (ikonové akce + náhledy) */
:root{
  --border:#e2e8f0;
  --muted:#64748b;
   --hover:#f8fafc;
  --brand:#0ea5e9;
  --green:#10b981;
  --red:#ef4444;
}

h2{margin:0 0 10px;font-size:22px}

.menu-toolbar{
  display:flex;gap:10px;align-items:center;justify-content:space-between;margin:12px 0 16px;
}
.menu-filter{display:flex;gap:8px;flex-wrap:wrap}
.menu-select{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff}
.btn{display:inline-block;background:var(--brand);color:#626262;padding:10px 14px;border-radius:10px;border:0;font-weight:700;cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(0.98)}

.menu-card{
  padding:0;border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden;
}
.menu-table{width:100%;border-collapse:collapse}
.menu-table thead tr{border-bottom:1px solid var(--border);text-align:left}
.menu-table th,.menu-table td{padding:12px 14px;vertical-align:middle}
.menu-table tbody tr{border-top:1px solid var(--border)}
.menu-actions-col{width:160px}

.menu-code{font-size:.9em}
.menu-thumb{display:block;width:56px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--border);background:#fff}

.icon-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:8px;border:1px solid var(--border);
  background:#fff;cursor:pointer;padding:0;transition:background .12s ease;
}
.icon-btn:hover{background:var(--hover)}
.icon-btn svg{width:18px;height:18px}
.icon-btn.edit svg{stroke:var(--brand)}
.icon-btn.toggle svg{stroke:var(--green)}
.icon-btn.delete svg{stroke:var(--red)}
.inline{display:inline}

.muted{color:var(--muted)}
.empty-cell{text-align:center;padding:16px}