/* v0.7.8 */
.hl-theme-dark{--bg:#0b0e13;--fg:#ffffff;--border:#3b4250;--tile:#141923;--muted:#cbd5e1;--accent:#2563eb;--ok:#16a34a;--danger:#ef4444;--primary:var(--accent)}
.hl-dm{background:var(--bg);color:var(--fg)}
.hl-dm a{color:inherit;text-decoration:none}
.hl-dm-topbar{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.hl-dm-back{background:#0f1520;border:1px solid var(--border);border-radius:12px;padding:10px 14px;text-decoration:none}
.hl-dm-categories{display:grid;grid-template-columns:1fr;gap:14px;padding:14px}
.hl-dm-cat{background:var(--tile);border:1px solid var(--border);border-radius:16px;padding:40px;text-align:center;font-weight:800;font-size:20px;text-decoration:none}
.hl-dm-grid{display:grid;gap:16px;padding:14px}
.hl-dm-card{background:var(--tile);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35);position:relative}
.hl-dm-card .photo.square{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden}
.hl-dm-card .photo.square img{width:100%;height:100%;object-fit:cover;display:block;filter:none}
.hl-dm-card.is-unavailable .photo.square img{filter:grayscale(50%) brightness(0.7)}
.badge-unavailable{position:absolute;inset:auto 8px 8px auto;background:rgba(239,68,68,.95);color:#fff;font-weight:900;font-size:12px;padding:6px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.2);box-shadow:0 6px 14px rgba(0,0,0,.35);letter-spacing:.4px}
.hl-dm-card .info{padding:16px}
.hl-dm-card .row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.hl-dm-card h3{margin:0;font-size:20px;font-weight:800}
.hl-dm-card .price{font-weight:900}
.hl-dm-card .desc{margin-top:8px;line-height:1.45}
.hl-dm-card .ingredients{margin-top:8px;color:var(--muted)}
.icons{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.icon{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:transparent}
.icon svg{width:28px;height:28px;display:block}
.chip{display:inline-block;padding:6px 8px;border-radius:999px;background:#111827;border:1px solid #374151;color:#f9fafb;font-size:12px;line-height:1;font-weight:700}
.actions{margin-top:12px}
.actions .hl-dm-edit{background:var(--primary);border:0;color:#fff;font-weight:800;padding:10px 14px;border-radius:10px;cursor:pointer}
/* Modal */
.hl-dm-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:9999}
.hl-dm-modal[aria-hidden="false"]{display:flex}
.hl-dm-modal__dialog{width:min(720px,92vw);background:#0f1520;border:1px solid var(--border);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.hl-dm-modal__header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}
.hl-dm-modal__body{padding:16px;display:grid;gap:12px}
.hl-dm-modal__body label{display:grid;gap:6px;font-weight:700}
.hl-dm-modal__body input[type="text"], .hl-dm-modal__body textarea, .hl-dm-modal__body input[type="file"]{background:#0b0e13;color:#fff;border:1px solid #334155;border-radius:10px;padding:10px 12px}
.hl-dm-modal__body label.inline{display:flex;align-items:center;gap:8px;font-weight:700}
.hl-dm-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 16px;border-top:1px solid var(--border)}
.hl-dm-modal__footer .hl-dm-save{background:var(--primary);border:0;color:#fff;font-weight:900;padding:10px 16px;border-radius:10px;cursor:pointer}
.hl-dm-close{background:transparent;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer}