:root{
  --bg:#08031f;
  --panel:#11142a;
  --text:#fff;
  --muted:#b8bad0;
  --line:rgba(255,255,255,.1);
  --lime:#7cff4e;
  --purple:#9d42ff;
  --teal:#11d6cb;
}
*{box-sizing:border-box}
body{
  margin:0;
  min-height:100vh;
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  background:radial-gradient(circle at 15% 10%,rgba(124,255,78,.12),transparent 25%),linear-gradient(180deg,#08031f,#050218);
  color:var(--text);
}
a{color:inherit;text-decoration:none}
.sidebar{
  position:fixed;
  inset:0 auto 0 0;
  width:260px;
  padding:24px;
  background:rgba(10,8,35,.86);
  border-right:1px solid var(--line);
}
.brand{display:block;margin-bottom:28px}
.brand strong{display:block;font-size:1.8rem;color:var(--lime)}
.brand span{color:#ffbf1c;font-weight:800}
.sidebar nav{display:grid;gap:8px}
.sidebar nav a{
  padding:13px 14px;
  border-radius:14px;
  color:var(--muted);
  font-weight:800;
}
.sidebar nav a:hover,.sidebar nav a.is-active{
  background:linear-gradient(90deg,rgba(124,255,78,.14),rgba(157,66,255,.14));
  color:#fff;
}
.main{margin-left:260px;padding:28px}
.topbar{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  margin-bottom:26px;
}
.topbar h1{margin:0;font-size:2rem}
.topbar p{margin:6px 0 0;color:var(--muted)}
.logout,.admin-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  font-weight:900;
}
.admin-btn{background:linear-gradient(90deg,var(--lime),var(--teal),var(--purple));color:#08101a}
.admin-btn.ghost{background:rgba(255,255,255,.08);color:#fff}
.grid{display:grid;gap:18px}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}
.card,.panel{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px;
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}
.card span{display:block;color:var(--muted);font-weight:800}
.card strong{display:block;font-size:2.2rem;margin-top:8px}
.panel-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
}
.panel h2{margin-top:0}
table{width:100%;border-collapse:collapse}
th,td{
  text-align:left;
  padding:13px 10px;
  border-bottom:1px solid var(--line);
  vertical-align:top;
}
th{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.admin-form{display:grid;gap:18px}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.admin-form label{
  display:grid;
  gap:8px;
  color:var(--muted);
  font-weight:900;
}
.admin-form input,.admin-form select,.admin-form textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:#fff;
  padding:13px 14px;
  font:inherit;
}
.checks{display:flex;gap:18px;flex-wrap:wrap}
.checks label{display:flex;align-items:center;gap:8px}
button{
  border:0;
  border-radius:999px;
  padding:12px 16px;
  font-weight:900;
  background:linear-gradient(90deg,var(--lime),var(--teal),var(--purple));
  color:#08101a;
  cursor:pointer;
}
.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.actions a,.actions button{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
}
.actions form{margin:0}
.actions button.danger{background:rgba(255,80,80,.18);color:#ffb6b6}
.roadmap{display:grid;gap:10px;color:var(--muted)}
.merchant-map{
  width:100%;
  height:420px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid var(--line);
}
.map-help{
  padding:14px;
  border-radius:18px;
  background:rgba(124,255,78,.08);
  border:1px solid rgba(124,255,78,.16);
}
.map-help p{margin:6px 0 0;color:var(--muted)}
.success,.error{
  padding:12px;
  border-radius:14px;
  margin-bottom:16px;
}
.success{background:rgba(124,255,78,.14);border:1px solid rgba(124,255,78,.24)}
.error{background:rgba(255,80,80,.15);border:1px solid rgba(255,80,80,.25)}
.login-body{display:grid;place-items:center;padding:24px}
.login-card{
  width:min(92vw,430px);
  padding:28px;
  border-radius:28px;
  background:var(--panel);
  border:1px solid var(--line);
}
.login-card h1{margin:0;color:var(--lime)}
.login-card p{color:var(--muted)}
.login-card label{display:grid;gap:8px;margin:16px 0;color:var(--muted);font-weight:800}
.login-card input{
  width:100%;
  min-height:48px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  color:#fff;
  padding:0 14px;
}
.login-card button{width:100%;margin-top:8px}
@media(max-width:900px){
  .sidebar{position:static;width:auto}
  .main{margin-left:0;padding:18px}
  .cards,.form-grid{grid-template-columns:1fr}
}

.hours-grid{
  display:grid;
  gap:12px;
  margin:16px 0;
}
.hours-row{
  display:grid;
  grid-template-columns:140px 1fr 1fr 120px;
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  background:#fff;
}
.hours-row label{
  display:grid;
  gap:4px;
}
.check-inline{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:8px !important;
}
@media(max-width:760px){
  .hours-row{
    grid-template-columns:1fr;
  }
}

/* Better merchant hours layout */
.hours-grid{
  display:grid;
  gap:10px;
  margin:16px 0 22px;
}

.hours-row{
  display:grid;
  grid-template-columns:140px minmax(150px,1fr) minmax(150px,1fr) 110px;
  gap:14px;
  align-items:end;
  padding:14px 16px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  background:#fff;
}

.hours-row > strong{
  align-self:center;
  color:#17142a;
  font-size:.95rem;
}

.hours-row label{
  display:grid;
  gap:6px;
  color:#5f6070;
  font-size:.8rem;
  font-weight:800;
}

.hours-row input[type="time"]{
  width:100%;
  min-height:42px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.14);
  background:#fff;
  color:#151226;
  font-weight:800;
}

.hours-row .check-inline{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  justify-content:flex-start;
  gap:8px !important;
  min-height:42px;
  color:#17142a;
  white-space:nowrap;
}

.hours-row .check-inline input{
  width:16px;
  height:16px;
}

@media(max-width:900px){
  .hours-row{
    grid-template-columns:1fr 1fr;
  }

  .hours-row > strong,
  .hours-row .check-inline{
    grid-column:1 / -1;
  }
}

@media(max-width:560px){
  .hours-row{
    grid-template-columns:1fr;
  }
}

.merchant-profile-grid {
  display: grid;
  grid-template-columns: minmax(320px, 520px) 1fr;
  gap: 22px;
  align-items: start;
}

.merchant-logo-preview {
  width: 110px;
  height: 110px;
  border-radius: 26px;
  overflow: hidden;
  display: grid;
  place-items: center;
  margin: 0 0 18px;
  background: linear-gradient(135deg, #22c55e, #7c3aed);
  color: #fff;
  font-size: 3rem;
  font-weight: 900;
}

.merchant-logo-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.address-list {
  display: grid;
  gap: 10px;
  margin: 16px 0 22px;
}

.address-card {
  width: 100%;
  text-align: left;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: inherit;
  cursor: pointer;
}

.address-card strong,
.address-card small {
  display: block;
}

.address-card span {
  display: inline-block;
  margin: 8px 0;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(34,197,94,.16);
  color: #86efac;
  font-size: .76rem;
  font-weight: 900;
}

.merchant-alert {
  margin: 0 0 18px;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(34,197,94,.14);
  border: 1px solid rgba(34,197,94,.3);
  color: #86efac;
  font-weight: 900;
}

@media (max-width: 920px) {
  .merchant-profile-grid {
    grid-template-columns: 1fr;
  }
}

/* Profile layout fix */
.merchant-profile-grid {
  display: grid !important;
  grid-template-columns: minmax(360px, 520px) minmax(420px, 1fr) !important;
  gap: 32px !important;
  align-items: start !important;
  max-width: 1180px;
}

.merchant-card {
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 24px;
  padding: 28px;
}

.merchant-form {
  display: grid !important;
  gap: 18px !important;
}

.merchant-form label {
  display: grid !important;
  gap: 8px !important;
  font-weight: 800;
  font-size: .92rem;
}

.merchant-form input,
.merchant-form textarea,
.merchant-form select {
  width: 100% !important;
  min-height: 44px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  color: #fff;
  padding: 11px 13px;
  font: inherit;
}

.merchant-form textarea {
  min-height: 120px;
  resize: vertical;
}

.merchant-form small,
.muted {
  color: rgba(255,255,255,.68);
  line-height: 1.45;
}

.form-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  align-items: start;
}

.checkline {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.checkline input {
  width: auto !important;
  min-height: auto !important;
}

.merchant-btn {
  width: fit-content;
  border: 0;
  border-radius: 999px;
  padding: 13px 18px;
  font-weight: 900;
  cursor: pointer;
}

.merchant-btn.primary {
  background: linear-gradient(90deg, #61ff5f, #41d6ff, #9a5cff);
  color: #071018;
}

.merchant-logo-preview {
  width: 112px;
  height: 112px;
  border-radius: 26px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #24d76b, #8b5cf6);
  color: #fff;
  font-size: 3rem;
  font-weight: 900;
}

.merchant-logo-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.address-list {
  display: grid;
  gap: 12px;
  margin: 18px 0 24px;
}

.address-card {
  width: 100%;
  text-align: left;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.07);
  color: #fff;
  border-radius: 18px;
  padding: 15px;
  cursor: pointer;
}

.address-card strong,
.address-card small {
  display: block;
}

.address-card span {
  display: inline-block;
  margin: 8px 0;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(34,197,94,.18);
  color: #8cff98;
  font-size: .75rem;
  font-weight: 900;
}

@media (max-width: 980px) {
  .merchant-profile-grid {
    grid-template-columns: 1fr !important;
  }

  .form-row {
    grid-template-columns: 1fr !important;
  }
}


.merchant-alert.error {
  background: rgba(239,68,68,.16);
  border-color: rgba(239,68,68,.35);
  color: #fecaca;
}


/* Menu item image previews */
.menu-image-upload-card {
  display: grid;
  gap: 14px;
  margin: 18px 0;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.04);
}

.menu-image-preview {
  width: 180px;
  min-height: 140px;
  display: grid;
  gap: 8px;
  align-content: start;
}

.menu-image-preview img {
  width: 180px;
  height: 140px;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.14);
}

.menu-image-preview span {
  color: var(--muted, #94a3b8);
  font-size: .85rem;
}

.menu-image-preview.is-empty {
  width: 180px;
  height: 120px;
  place-items: center;
  border: 1px dashed rgba(255,255,255,.2);
  border-radius: 16px;
  color: var(--muted, #94a3b8);
}

.menu-item-thumb {
  width: 58px;
  height: 58px;
  display: inline-grid;
  place-items: center;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: var(--muted, #94a3b8);
}

/* Split-service hours */
.split-hours-list {
  display: grid;
  gap: 14px;
}

.split-hours-day {
  margin: 0;
}

.split-hours-day__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.split-hours-blocks {
  display: grid;
  gap: 12px;
}

.split-hours-block {
  display: grid;
  grid-template-columns: 120px minmax(120px, 1fr) minmax(120px, 1fr);
  gap: 12px;
  align-items: end;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.03);
}

.split-hours-label {
  font-weight: 800;
}

.split-hours-label small {
  display: block;
  opacity: .65;
  font-weight: 600;
}

@media (max-width: 760px) {
  .split-hours-day__head,
  .split-hours-block {
    grid-template-columns: 1fr;
  }
}

/* Menu channel visibility badges */
.merchant-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  margin: 2px 3px 2px 0;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 800;
  background: rgba(0,255,157,.12);
  color: #00ff9d;
  border: 1px solid rgba(0,255,157,.22);
}

.merchant-badge.muted {
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.66);
  border-color: rgba(255,255,255,.12);
}

/* === Menu Item Editor Layout === */
.menu-item-editor {
  width: 100%;
}

.menu-item-layout {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(220px, 280px);
  gap: 20px;
  align-items: start;
}

.menu-item-left,
.menu-item-right {
  position: sticky;
  top: 18px;
}

.menu-item-main {
  min-width: 0;
}

.menu-image-upload-card,
.menu-settings-card {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 20px;
  padding: 16px;
  background: rgba(255,255,255,.035);
  box-shadow: 0 16px 34px rgba(0,0,0,.12);
}

.menu-image-upload-card strong,
.menu-settings-card strong {
  display: block;
  font-size: 1rem;
  margin-bottom: 4px;
}

.menu-image-preview {
  margin: 14px 0;
  border-radius: 18px;
  overflow: hidden;
  min-height: 180px;
  background: rgba(0,0,0,.20);
  border: 1px solid rgba(255,255,255,.10);
  display: grid;
  place-items: center;
  position: relative;
}

.menu-image-preview img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

.menu-image-preview span {
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 800;
  background: rgba(0,0,0,.48);
  color: #fff;
}

.menu-image-preview:not(.is-empty) span {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

.menu-image-preview.is-empty {
  color: rgba(255,255,255,.62);
  min-height: 180px;
}

.menu-settings-card__head {
  margin-bottom: 12px;
}

.menu-settings-list {
  display: grid;
  gap: 8px;
}

.menu-setting-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.08);
  cursor: pointer;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.menu-setting-toggle:hover {
  transform: translateY(-1px);
  border-color: rgba(0,255,157,.28);
  background: rgba(0,255,157,.06);
}

.menu-setting-toggle input {
  width: 18px;
  height: 18px;
  accent-color: #00ff9d;
}

.menu-setting-toggle span {
  font-weight: 750;
  line-height: 1.2;
}

.menu-item-save-btn {
  margin-top: 14px;
}

@media (max-width: 1120px) {
  .menu-item-layout {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  }

  .menu-item-right {
    grid-column: 1 / -1;
    position: static;
  }

  .menu-settings-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .menu-item-layout {
    grid-template-columns: 1fr;
  }

  .menu-item-left {
    position: static;
  }

  .menu-settings-list {
    grid-template-columns: 1fr;
  }
}

/* === Grouped Menu Index === */
.menu-category-group {
  margin-top: 22px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255,255,255,.025);
}

.menu-category-group__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
  background: rgba(255,255,255,.045);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.menu-category-group__head h3 {
  margin: 0;
  font-size: 1.05rem;
}

.menu-category-group__head span {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  font-weight: 800;
  font-size: .82rem;
  color: #00ff9d;
  background: rgba(0,255,157,.10);
  border: 1px solid rgba(0,255,157,.20);
}

.menu-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.menu-grouped-table {
  margin: 0;
}

.menu-grouped-table thead th {
  white-space: nowrap;
}

@media (max-width: 760px) {
  .menu-category-group__head {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Menu item option/combo builder */
.menu-config-builder {
  display: grid;
  gap: 18px;
  padding: 20px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.045);
  margin-top: 18px;
}

.menu-config-builder__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.menu-config-builder__head strong {
  display: block;
  font-size: 1.05rem;
  color: #fff;
}

.menu-option-groups,
.menu-options-list,
.menu-addons-list {
  display: grid;
  gap: 12px;
}

.menu-option-group {
  display: grid;
  gap: 14px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(0,0,0,.16);
}

.menu-option-group__top {
  display: grid;
  grid-template-columns: 1.4fr 1fr .8fr .55fr .55fr auto;
  gap: 12px;
  align-items: end;
}

.menu-option-row,
.menu-addon-row {
  display: grid;
  grid-template-columns: 1.5fr .7fr .7fr auto;
  gap: 10px;
  align-items: center;
}

.menu-option-row input,
.menu-addon-row input,
.menu-option-group__top input,
.menu-option-group__top select {
  min-height: 42px;
}

.inline-check {
  display: flex !important;
  align-items: center;
  gap: 8px !important;
  color: var(--muted);
  white-space: nowrap;
}

.inline-check input {
  width: 16px !important;
  min-height: auto !important;
}

button.mini,
.admin-btn.mini {
  min-height: 36px;
  padding: 8px 12px;
  font-size: .82rem;
}

button.danger.mini {
  background: rgba(255,80,80,.18);
  color: #ffb6b6;
}

@media(max-width: 960px) {
  .menu-option-group__top,
  .menu-option-row,
  .menu-addon-row {
    grid-template-columns: 1fr;
  }

  .menu-config-builder__head {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Linked existing item add-ons */
.menu-addon-row {
  grid-template-columns: .8fr 1.4fr 1.2fr .7fr .6fr auto;
}

.menu-addon-row select {
  min-height: 42px;
}

@media(max-width: 1120px) {
  .menu-addon-row {
    grid-template-columns: 1fr;
  }
}

/* Merchant Order Controls Phase 1 */
.merchant-orders-hero{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
}

.merchant-orders-hero p{
  margin:.35rem 0 0;
}

.merchant-order-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(90px,1fr));
  gap:10px;
}

.merchant-order-stats article{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
}

.merchant-order-stats span,
.merchant-order-stats strong{
  display:block;
}

.merchant-order-stats span{
  color:var(--muted);
  font-weight:800;
  font-size:.82rem;
}

.merchant-order-stats strong{
  margin-top:4px;
  font-size:1.6rem;
}

.merchant-order-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}

.merchant-order-tabs button{
  background:rgba(255,255,255,.07);
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
}

.merchant-order-tabs button.is-active{
  background:linear-gradient(90deg,var(--lime),var(--teal),var(--purple));
  color:#08101a;
}

.merchant-order-panel{
  display:none;
}

.merchant-order-panel.is-active{
  display:block;
}

.merchant-order-list{
  display:grid;
  gap:16px;
}

.merchant-order-card{
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  padding:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:0 18px 44px rgba(0,0,0,.2);
}

.merchant-order-card.status-pending{
  border-color:rgba(255,191,28,.35);
}

.merchant-order-card.status-accepted,
.merchant-order-card.status-preparing{
  border-color:rgba(17,214,203,.32);
}

.merchant-order-card.status-ready_for_pickup{
  border-color:rgba(124,255,78,.36);
}

.merchant-order-card header{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:14px;
}

.merchant-order-card header strong,
.merchant-order-card header span{
  display:block;
}

.merchant-order-card header strong{
  font-size:1.2rem;
}

.merchant-order-card header span{
  color:var(--muted);
  margin-top:4px;
}

.merchant-order-badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.merchant-order-badges em{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(124,255,78,.13);
  color:#baff9f;
  font-style:normal;
  font-weight:900;
  font-size:.8rem;
}

.merchant-order-badges em.is-scheduled{
  background:rgba(157,66,255,.16);
  color:#dabdff;
}

.merchant-scheduled-banner{
  display:grid;
  gap:4px;
  margin:12px 0;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(157,66,255,.22);
  background:rgba(157,66,255,.10);
}

.merchant-scheduled-banner span{
  color:var(--muted);
}

.merchant-order-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}

.merchant-order-grid div{
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}

.merchant-order-grid span,
.merchant-order-grid strong{
  display:block;
}

.merchant-order-grid span{
  color:var(--muted);
  font-size:.78rem;
  font-weight:900;
}

.merchant-order-grid strong{
  margin-top:5px;
}

.merchant-order-details{
  margin:12px 0;
  padding:12px 0;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.merchant-order-details summary{
  cursor:pointer;
  color:#8cff98;
  font-weight:900;
}

.merchant-order-detail-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:14px;
}

.merchant-order-detail-grid h4{
  margin:.2rem 0;
}

.merchant-order-detail-grid p{
  margin:.35rem 0;
  color:var(--muted);
}

.merchant-order-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:end;
  margin-top:14px;
}

.merchant-order-actions form{
  margin:0;
}

.merchant-inline-action{
  display:flex;
  gap:8px;
  align-items:end;
  flex-wrap:wrap;
}

.merchant-inline-action label{
  display:grid;
  gap:5px;
  color:var(--muted);
  font-size:.78rem;
  font-weight:900;
}

.merchant-inline-action select,
.merchant-inline-action input{
  min-height:42px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:#fff;
  padding:0 13px;
}

.merchant-inline-action input{
  min-width:220px;
}

.merchant-order-actions button.danger{
  background:rgba(255,80,80,.18);
  color:#ffb6b6;
}

.merchant-orders-empty{
  padding:26px;
}

.cards{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

@media(max-width:1100px){
  .merchant-orders-hero{
    display:grid;
  }

  .merchant-order-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .merchant-order-stats,
  .merchant-order-tabs,
  .merchant-order-grid,
  .merchant-order-detail-grid,
  .cards{
    grid-template-columns:1fr;
  }

  .merchant-order-card header{
    display:grid;
  }

  .merchant-order-badges{
    justify-content:flex-start;
  }

  .merchant-inline-action,
  .merchant-order-actions,
  .merchant-order-actions form,
  .merchant-inline-action input,
  .merchant-inline-action select,
  .merchant-order-actions button{
    width:100%;
  }
}

/* Merchant order action disabled/processing state */
button.is-processing,
form.is-processing button,
.vk-btn-preparing[disabled],
button[disabled]{
  opacity:.55;
  cursor:not-allowed;
  filter:saturate(.7);
}

.vk-order-preparing-note,
.merchant-order-notice{
  margin:10px 0;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(124,255,78,.10);
  border:1px solid rgba(124,255,78,.25);
  color:#dfffcc;
  font-weight:800;
}

/* Menu Studio */
.menu-studio-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:26px;margin-bottom:22px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,rgba(124,255,78,.12),rgba(17,214,203,.08),rgba(157,66,255,.14))}.menu-studio-hero h2{margin:6px 0 8px;font-size:clamp(1.7rem,3vw,2.5rem)}.menu-studio-hero p{max-width:720px;margin:0;color:var(--muted);line-height:1.6}.menu-studio-kicker{font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}.menu-studio-hero__actions,.qr-menu-actions{display:flex;gap:10px;flex-wrap:wrap}.menu-studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.menu-studio-side{position:sticky;top:22px}.menu-save-state{padding:8px 12px;border-radius:999px;background:rgba(124,255,78,.12);color:var(--lime);font-weight:900;font-size:.82rem}.menu-save-state.is-saving{color:#ffe081;background:rgba(255,191,28,.12)}.menu-save-state.is-error{color:#ffb6b6;background:rgba(255,80,80,.15)}.menu-studio-categories{display:grid;gap:18px;margin-top:18px}.menu-studio-category{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.025)}.menu-studio-category__head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.menu-studio-category__head h3{margin:0 0 3px}.menu-studio-category__head span{color:var(--muted);font-size:.84rem}.menu-studio-items{display:grid}.menu-studio-item{display:grid;grid-template-columns:34px 74px minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02);transition:opacity .18s,background .18s,transform .18s}.menu-studio-item:last-child{border-bottom:0}.menu-studio-item:hover{background:rgba(255,255,255,.05)}.menu-studio-item.is-dragging{opacity:.35;transform:scale(.99)}.menu-drag-handle{padding:8px 4px;background:transparent;color:var(--muted);font-size:1.2rem;cursor:grab}.menu-drag-handle:active{cursor:grabbing}.menu-studio-item__image{width:74px;height:74px;border-radius:15px;overflow:hidden;background:rgba(255,255,255,.06);display:grid;place-items:center;color:var(--muted);font-size:.7rem}.menu-studio-item__image img{width:100%;height:100%;object-fit:cover}.menu-studio-item__title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.menu-studio-item__title strong{display:block;font-size:1rem}.menu-studio-item__title span{display:block;margin-top:4px;color:var(--lime);font-weight:900}.menu-studio-item__title a{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.78rem;font-weight:900}.menu-studio-item__body p{margin:8px 0;color:var(--muted);font-size:.86rem}.menu-quick-controls{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.menu-quick-controls label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.78rem;font-weight:800}.menu-quick-controls input{accent-color:var(--lime)}.qr-menu-panel h2{margin-bottom:4px}.qr-code-box{min-height:238px;display:grid;place-items:center;margin:18px 0;padding:10px;border-radius:20px;background:#fff}.qr-code-box canvas{max-width:100%;height:auto}.qr-menu-url{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.05);color:#fff}.qr-menu-actions{margin:12px 0 20px}.qr-menu-settings{display:grid;gap:16px}.qr-menu-settings>label{display:grid;gap:8px;color:var(--muted);font-weight:800}.qr-menu-settings input[type=text],.qr-menu-settings input:not([type]){width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff}.qr-enabled-toggle{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.theme-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;padding:0}.theme-picker legend{grid-column:1/-1;margin-bottom:8px;color:var(--muted);font-weight:900}.theme-option{position:relative;display:grid;grid-template-columns:24px 1fr;gap:2px 9px;padding:11px;border:1px solid var(--line);border-radius:14px;cursor:pointer}.theme-option input{position:absolute;opacity:0}.theme-option:has(input:checked){outline:2px solid var(--lime);background:rgba(124,255,78,.07)}.theme-option__swatch{grid-row:1/3;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--lime),var(--purple))}.theme-option--minimal .theme-option__swatch{background:linear-gradient(135deg,#fff,#333)}.theme-option--christmas .theme-option__swatch{background:linear-gradient(135deg,#d62828,#1b8f3a)}.theme-option--holi .theme-option__swatch{background:linear-gradient(135deg,#ff3cac,#ffb703,#00b4d8)}.theme-option--halloween .theme-option__swatch{background:linear-gradient(135deg,#ff7b00,#1d1128)}.theme-option strong{font-size:.82rem}.theme-option small{color:var(--muted);font-size:.68rem}

/* Public QR menu */
.public-qr-menu{--menu-bg:#09051d;--menu-card:#17122d;--menu-accent:#7cff4e;--menu-text:#fff;--menu-muted:#c9c6dc;margin:0;background:var(--menu-bg);color:var(--menu-text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.public-qr-menu.theme-minimal{--menu-bg:#f7f5f0;--menu-card:#fff;--menu-accent:#151515;--menu-text:#171717;--menu-muted:#666}.public-qr-menu.theme-christmas{--menu-bg:#0c2d20;--menu-card:#123d2c;--menu-accent:#ffd166;--menu-text:#fff;--menu-muted:#d8eadf}.public-qr-menu.theme-holi{--menu-bg:#fff4fb;--menu-card:#fff;--menu-accent:#ef2d8f;--menu-text:#2b1640;--menu-muted:#6c4a7d}.public-qr-menu.theme-halloween{--menu-bg:#12091b;--menu-card:#22112f;--menu-accent:#ff8c1a;--menu-text:#fff;--menu-muted:#d1bfd8}.public-qr-menu__hero{display:flex;align-items:center;gap:20px;padding:32px max(20px,calc((100vw - 1100px)/2));background:linear-gradient(135deg,color-mix(in srgb,var(--menu-accent) 22%,transparent),transparent)}.public-qr-menu__hero img{width:86px;height:86px;object-fit:cover;border-radius:22px;background:#fff}.public-qr-menu__hero span{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--menu-accent)}.public-qr-menu__hero h1{margin:4px 0;font-size:clamp(2rem,6vw,4rem)}.public-qr-menu__hero p{margin:0;color:var(--menu-muted)}.public-qr-menu__main{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:30px 0 60px}.public-menu-category{margin-bottom:36px}.public-menu-category h2{font-size:1.6rem;margin:0 0 16px;color:var(--menu-accent)}.public-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.public-menu-item{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px;background:var(--menu-card);border:1px solid color-mix(in srgb,var(--menu-text) 12%,transparent);border-radius:20px}.public-menu-item>img{width:110px;height:110px;object-fit:cover;border-radius:15px}.public-menu-item__title{display:flex;justify-content:space-between;gap:12px}.public-menu-item__title h3{margin:0}.public-menu-item__title strong{white-space:nowrap;color:var(--menu-accent)}.public-menu-item p{color:var(--menu-muted);font-size:.88rem;line-height:1.5}.public-menu-tags{display:flex;gap:6px;flex-wrap:wrap}.public-menu-tags span{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--menu-accent) 14%,transparent);font-size:.7rem;font-weight:900}.public-qr-menu__footer{text-align:center;padding:24px;color:var(--menu-muted)}
@media(max-width:1050px){.menu-studio-grid{grid-template-columns:1fr}.menu-studio-side{position:static}.menu-studio-hero{flex-direction:column}.public-menu-grid{grid-template-columns:1fr}}@media(max-width:620px){.menu-studio-item{grid-template-columns:28px 56px 1fr;padding:12px 10px}.menu-studio-item__image{width:56px;height:56px}.menu-quick-controls{gap:8px}.theme-picker{grid-template-columns:1fr}.public-menu-item{grid-template-columns:82px 1fr}.public-menu-item>img{width:82px;height:82px}.public-qr-menu__hero{padding:24px 18px}.public-qr-menu__hero img{width:66px;height:66px}}
@media print{body:not(.public-qr-menu) .sidebar,body:not(.public-qr-menu) .topbar,body:not(.public-qr-menu) .menu-studio-main,body:not(.public-qr-menu) .qr-menu-settings,body:not(.public-qr-menu) .qr-menu-actions{display:none!important}body:not(.public-qr-menu) .main{margin:0;padding:0}body:not(.public-qr-menu) .menu-studio-grid{display:block}body:not(.public-qr-menu) .menu-studio-side{width:100%}.qr-menu-panel{box-shadow:none;border:0;text-align:center}}
.merchant-live-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.merchant-live-cards small{display:block;margin-top:8px;color:var(--muted)}.dashboard-two-column{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:20px}.dashboard-order-list{display:grid;margin-top:14px}.dashboard-order-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.dashboard-order-row>div{display:grid;gap:5px}.dashboard-order-row>div:last-child{text-align:right}.dashboard-order-row span{color:var(--muted);font-size:.8rem}.dashboard-menu-card{background:linear-gradient(145deg,rgba(124,255,78,.12),rgba(157,66,255,.16))}.dashboard-menu-card h2{font-size:1.7rem;margin:8px 0}.dashboard-menu-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}@media(max-width:1100px){.merchant-live-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-two-column{grid-template-columns:1fr}}@media(max-width:620px){.merchant-live-cards{grid-template-columns:1fr}}


/* Premium DB-driven public QR menu */
.premium-qr-menu{margin:0;background:var(--menu-bg);color:var(--menu-text);font-family:"DM Sans",system-ui,sans-serif;min-height:100vh}.premium-qr-menu *{box-sizing:border-box}.premium-menu-shell{width:min(1240px,calc(100% - 40px));margin-inline:auto}.premium-menu-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--menu-surface),color-mix(in srgb,var(--menu-primary) 13%,var(--menu-surface)));border-bottom:1px solid color-mix(in srgb,var(--menu-border) 75%,transparent)}.premium-menu-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-310px;background:radial-gradient(circle,color-mix(in srgb,var(--menu-primary) 30%,transparent),transparent 68%);pointer-events:none}.premium-menu-hero__inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:56px 0 46px}.premium-menu-brand{display:flex;align-items:center;gap:24px}.premium-menu-brand img,.premium-menu-monogram{width:104px;height:104px;border-radius:28px;object-fit:cover;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.13)}.premium-menu-monogram{display:grid;place-items:center;font-family:"Playfair Display",serif;font-size:3rem;color:var(--menu-primary)}.premium-menu-eyebrow{display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;color:var(--menu-primary)}.premium-menu-brand h1{margin:0;font-family:"Playfair Display",serif;font-size:clamp(2.7rem,7vw,5.8rem);line-height:.92;letter-spacing:-.035em}.premium-menu-brand p{margin:15px 0 0;color:var(--menu-muted);font-size:1.05rem}.premium-menu-tools{width:min(360px,100%)}.premium-menu-search{display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid var(--menu-border);border-radius:999px;background:color-mix(in srgb,var(--menu-card) 92%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.08)}.premium-menu-search input{width:100%;border:0;outline:0;background:transparent;color:var(--menu-text);font:inherit}.premium-category-nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--menu-bg) 90%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--menu-border)}.premium-category-nav__inner{display:flex;gap:8px;overflow:auto;padding:13px 0;scrollbar-width:none}.premium-category-nav a{white-space:nowrap;padding:9px 15px;border-radius:999px;color:var(--menu-muted);font-weight:700;font-size:.84rem}.premium-category-nav a:hover{background:var(--menu-primary);color:#fff}.premium-menu-main{padding:44px 0 70px}.premium-menu-category{scroll-margin-top:85px;margin-bottom:58px}.premium-category-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.premium-category-heading>div{display:flex;align-items:baseline;gap:14px}.premium-category-heading span{color:var(--menu-primary);font-size:.75rem;font-weight:800;letter-spacing:.1em}.premium-category-heading h2{margin:0;font-family:"Playfair Display",serif;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.02em}.premium-category-heading p{margin:0;color:var(--menu-muted);font-size:.84rem}.premium-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.premium-menu-item{min-width:0;overflow:hidden;border:1px solid var(--menu-border);border-radius:24px;background:var(--menu-card);box-shadow:0 16px 40px rgba(17,20,32,.07);transition:transform .22s,box-shadow .22s}.premium-menu-item:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(17,20,32,.11)}.premium-menu-item.has-image{display:grid;grid-template-columns:160px minmax(0,1fr)}.premium-menu-item__media{min-height:158px}.premium-menu-item__media img{width:100%;height:100%;object-fit:cover;display:block}.premium-menu-item__content{padding:22px 24px;display:flex;flex-direction:column;justify-content:center}.premium-menu-item.no-image .premium-menu-item__content{min-height:128px}.premium-menu-item__top{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.premium-menu-item h3{margin:0;font-family:"Playfair Display",serif;font-size:1.35rem;line-height:1.15;overflow-wrap:anywhere}.premium-menu-item strong{flex:0 0 auto;color:var(--menu-primary);font-size:1.02rem;white-space:nowrap}.premium-menu-item p{margin:10px 0 0;color:var(--menu-muted);font-size:.91rem;line-height:1.55}.premium-menu-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.premium-menu-tags span{padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--menu-primary) 10%,transparent);color:var(--menu-primary);font-size:.68rem;font-weight:800}.premium-empty-menu,.premium-no-results{text-align:center;padding:80px 20px}.premium-menu-footer{border-top:1px solid var(--menu-border);background:var(--menu-surface)}.premium-menu-footer>div{display:flex;justify-content:space-between;padding:24px 0;color:var(--menu-muted);font-size:.84rem}.premium-menu-footer a{color:var(--menu-primary);font-weight:700}.font-editorial .premium-menu-brand h1,.font-editorial .premium-category-heading h2,.font-editorial .premium-menu-item h3{font-family:"Playfair Display",serif}.cards-outlined .premium-menu-item{box-shadow:none}.hero-clean .premium-menu-hero{background:var(--menu-surface)}
.theme-option__swatch{background:linear-gradient(135deg,var(--swatch-a,var(--lime)),var(--swatch-b,var(--purple)))!important}
@media(max-width:800px){.premium-menu-hero__inner{align-items:flex-start;flex-direction:column;padding:38px 0 30px}.premium-menu-tools{width:100%}.premium-menu-brand img,.premium-menu-monogram{width:76px;height:76px;border-radius:21px}.premium-menu-grid{grid-template-columns:1fr}.premium-menu-item.has-image{grid-template-columns:118px minmax(0,1fr)}.premium-menu-item__media{min-height:136px}.premium-menu-item__content{padding:18px}.premium-menu-item h3{font-size:1.16rem}}@media(max-width:520px){.premium-menu-shell{width:min(100% - 24px,1240px)}.premium-menu-brand{align-items:flex-start;gap:15px}.premium-menu-brand img,.premium-menu-monogram{width:62px;height:62px;border-radius:17px}.premium-menu-item.has-image{grid-template-columns:92px minmax(0,1fr)}.premium-menu-item__media{min-height:120px}.premium-menu-item__top{gap:10px}.premium-menu-item h3{font-size:1.02rem}.premium-menu-item strong{font-size:.88rem}.premium-category-heading p{display:none}}

/* QR Menu PWA + powered by branding */
.premium-powered-by{display:inline-flex;align-items:center;gap:10px;color:var(--menu-muted);text-decoration:none}.premium-powered-by img{width:92px;height:30px;object-fit:contain;object-position:left center}.premium-powered-by strong{color:var(--menu-text)}
@media(max-width:640px){.premium-menu-footer>div{align-items:center;gap:18px;flex-direction:column}.premium-powered-by{flex-direction:column}.premium-powered-by img{width:110px;height:34px}}

/* Menu Studio category ordering + restrained VibeKrave branding */
.menu-studio-category__head{gap:12px;cursor:grab}.menu-studio-category__head:active{cursor:grabbing}.category-drag-handle{flex:0 0 auto;padding:8px 5px;border:0;background:transparent;color:var(--muted);font-size:1.25rem;line-height:1;cursor:grab}.category-drag-handle:active{cursor:grabbing}.menu-studio-category.is-category-dragging{opacity:.45;transform:scale(.995);outline:2px dashed rgba(124,255,78,.65)}
.premium-powered-by{display:inline-flex;align-items:center;gap:12px;color:var(--menu-muted);text-decoration:none;font-weight:700}.premium-powered-by span{white-space:nowrap}.premium-powered-by img{width:112px;height:36px;object-fit:contain;object-position:left center}.premium-powered-by strong{display:none}
@media(max-width:640px){.premium-powered-by{flex-direction:row}.premium-powered-by img{width:108px;height:34px}}


/* Menu usability refinement 3A: compact collapsible categories */
.menu-studio-category__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;cursor:default}
.menu-studio-category__summary{min-width:0}
.menu-studio-category__summary h3{overflow-wrap:anywhere}
.category-drag-handle{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);touch-action:none}
.category-drag-handle:hover{background:rgba(255,255,255,.08);color:var(--lime)}
.category-collapse-toggle{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.045);color:#fff;font-size:1.45rem;font-weight:800;line-height:1;cursor:pointer}
.category-collapse-toggle:hover,.category-collapse-toggle:focus-visible{border-color:rgba(124,255,78,.62);background:rgba(124,255,78,.1);color:var(--lime)}
.menu-studio-category__content{overflow:hidden}
.menu-studio-category.is-collapsed .menu-studio-category__head{border-bottom:0}
.menu-studio-category.is-collapsed{box-shadow:0 8px 20px rgba(0,0,0,.08)}
.menu-studio-category.is-collapsed .category-drag-handle{color:var(--lime)}
.menu-studio-category.is-category-dragging{opacity:.58;transform:scale(.995);outline:2px dashed rgba(124,255,78,.65)}
@media(max-width:640px){.menu-studio-category__head{padding:12px}.category-drag-handle,.category-collapse-toggle{width:40px;height:40px}.menu-studio-category__summary h3{font-size:1rem}}

/* Accessible light VibeKrave QR menu */
.premium-qr-menu{background:var(--menu-bg);color:var(--menu-text)}
.premium-menu-hero{background:linear-gradient(135deg,var(--menu-surface),color-mix(in srgb,var(--menu-primary) 7%,var(--menu-surface)))}
.premium-menu-hero:after{opacity:.35}
.premium-menu-search{background:#fff;box-shadow:0 8px 24px rgba(47,22,83,.08)}
.premium-category-nav{background:color-mix(in srgb,var(--menu-bg) 94%,#fff)}
.premium-category-nav a{color:var(--menu-text)}
.premium-category-nav a:hover,.premium-category-nav a:focus-visible{background:color-mix(in srgb,var(--menu-primary) 11%,#fff);color:var(--menu-primary);outline:2px solid color-mix(in srgb,var(--menu-primary) 40%,transparent)}
.premium-menu-item{box-shadow:0 12px 30px rgba(47,22,83,.07)}
.premium-menu-item:hover{box-shadow:0 18px 40px rgba(47,22,83,.11)}
.premium-menu-item strong{color:var(--menu-primary);font-weight:800}
.premium-menu-tags span{background:color-mix(in srgb,var(--menu-primary) 8%,#fff);color:color-mix(in srgb,var(--menu-primary) 82%,#241532)}
.premium-menu-footer{background:#fff}
.premium-menu-footer a{color:var(--menu-primary)}

/* QR menu footer: always black for consistent VibeKrave branding */
.premium-qr-menu .premium-powered-by,
.premium-qr-menu .qr-menu-footer,
.premium-qr-menu footer {
  background: #050505 !important;
  color: #ffffff !important;
  border-top-color: rgba(255, 255, 255, 0.12) !important;
}

.premium-qr-menu .premium-powered-by span,
.premium-qr-menu .premium-powered-by a,
.premium-qr-menu .qr-menu-footer span,
.premium-qr-menu .qr-menu-footer a {
  color: #ffffff !important;
}

.premium-qr-menu .premium-powered-by img,
.premium-qr-menu .qr-menu-footer img {
  display: block;
  max-height: 42px;
  width: auto;
  object-fit: contain;
}

/* QR menu mobile/PWA category navigation: horizontal swipe strip */
.premium-qr-menu .qr-category-nav,
.premium-qr-menu .premium-category-nav,
.premium-qr-menu [data-category-nav] {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px;
  overflow-x: auto !important;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  white-space: nowrap;
  touch-action: pan-x;
}

.premium-qr-menu .qr-category-nav::-webkit-scrollbar,
.premium-qr-menu .premium-category-nav::-webkit-scrollbar,
.premium-qr-menu [data-category-nav]::-webkit-scrollbar {
  display: none;
}

.premium-qr-menu .qr-category-nav > *,
.premium-qr-menu .premium-category-nav > *,
.premium-qr-menu [data-category-nav] > * {
  flex: 0 0 auto !important;
  scroll-snap-align: start;
}

.premium-qr-menu .qr-category-nav a,
.premium-qr-menu .premium-category-nav a,
.premium-qr-menu [data-category-nav] a,
.premium-qr-menu .qr-category-nav button,
.premium-qr-menu .premium-category-nav button,
.premium-qr-menu [data-category-nav] button {
  min-width: max-content;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .premium-qr-menu .qr-category-nav,
  .premium-qr-menu .premium-category-nav,
  .premium-qr-menu [data-category-nav] {
    padding-inline: 16px;
    margin-inline: -16px;
    scroll-padding-inline: 16px;
  }
}


/* QR menu themed navigation separator */
.premium-category-nav{
  box-shadow:0 10px 28px rgba(31,22,55,.08);
  border-bottom:0!important;
}
.premium-nav-separator{position:relative;height:10px;overflow:visible;pointer-events:none}
.premium-nav-separator>span{position:absolute;inset:0;display:block}
.separator-minimal .premium-nav-separator{height:3px;background:var(--menu-border)}
.separator-neon .premium-nav-separator{height:7px;background:linear-gradient(90deg,#7cff4e 0%,#6f3cff 28%,#ff4fa3 52%,#8f5cff 74%,#7cff4e 100%);box-shadow:0 0 14px rgba(111,60,255,.5),0 0 8px rgba(124,255,78,.4)}
.separator-neon .premium-nav-separator:after{content:"";position:absolute;inset:1px 0;background:linear-gradient(90deg,transparent 0 5%,rgba(255,255,255,.9) 5% 6%,transparent 6% 21%,rgba(255,255,255,.8) 21% 22%,transparent 22% 43%,rgba(255,255,255,.9) 43% 44%,transparent 44% 100%);opacity:.45}
.separator-christmas-lights .premium-nav-separator{height:18px;border-top:2px solid #284b36;background:transparent}
.separator-christmas-lights .premium-nav-separator>span{top:-2px;height:18px;background-image:radial-gradient(circle at 12px 8px,#ffdb57 0 4px,transparent 4.8px),radial-gradient(circle at 42px 8px,#e83f4f 0 4px,transparent 4.8px),radial-gradient(circle at 72px 8px,#51b86b 0 4px,transparent 4.8px),radial-gradient(circle at 102px 8px,#5d8dff 0 4px,transparent 4.8px);background-size:120px 18px;filter:drop-shadow(0 0 5px rgba(255,213,74,.55))}
.separator-halloween .premium-nav-separator{height:12px;background:repeating-linear-gradient(135deg,#1f1528 0 18px,#ff8b1f 18px 24px,#7f3fbf 24px 30px)}
.separator-halloween .premium-nav-separator:after{content:"✦  ◇  ✦  ◇  ✦";position:absolute;inset:-6px 0 auto;text-align:center;letter-spacing:1.2rem;color:#ff8b1f;font-size:.72rem;text-shadow:0 0 7px rgba(255,139,31,.7)}
.separator-easter .premium-nav-separator{height:12px;background:linear-gradient(90deg,#f5b5d5 0 20%,#b9d7ff 20% 40%,#d7c2ff 40% 60%,#ffe6a8 60% 80%,#bce8cc 80%);border-radius:0 0 50% 50%/0 0 100% 100%}
.separator-thanksgiving .premium-nav-separator{height:11px;background:linear-gradient(90deg,#7b3f00,#c66a1a 24%,#e7a33e 48%,#8c4f2b 72%,#5d351f);box-shadow:0 3px 10px rgba(123,63,0,.25)}
.separator-thanksgiving .premium-nav-separator:after{content:"◆  ◆  ◆  ◆  ◆  ◆";position:absolute;inset:-7px 0 auto;text-align:center;letter-spacing:1.4rem;color:#f3c878;font-size:.55rem}
@media (prefers-reduced-motion:no-preference){.separator-christmas-lights .premium-nav-separator>span{animation:vk-light-twinkle 2.8s ease-in-out infinite alternate}} 
@keyframes vk-light-twinkle{from{opacity:.72}to{opacity:1;filter:drop-shadow(0 0 8px rgba(255,213,74,.8))}}
@media(max-width:640px){.premium-nav-separator{position:sticky;top:0}.separator-halloween .premium-nav-separator:after,.separator-thanksgiving .premium-nav-separator:after{letter-spacing:.65rem}}

/* ==========================================================
   QR Menu theme visuals hotfix
   Fixes separator width and makes theme styles visibly distinct
   ========================================================== */

/*
 * The outer nav must remain a block container.
 * Horizontal scrolling belongs to the inner category row only.
 */
.premium-qr-menu .premium-category-nav {
  display: block !important;
  width: 100% !important;
  overflow: visible !important;
  white-space: normal !important;
  padding: 0 !important;
  margin: 0 !important;
}

.premium-qr-menu .premium-category-nav__inner {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  white-space: nowrap;
  touch-action: pan-x;
  padding-top: 13px;
  padding-bottom: 13px;
}

.premium-qr-menu .premium-category-nav__inner::-webkit-scrollbar {
  display: none;
}

.premium-qr-menu .premium-category-nav__inner > * {
  flex: 0 0 auto !important;
  scroll-snap-align: start;
}

/* Ensure the decorative strip spans the complete viewport width. */
.premium-qr-menu .premium-category-nav > .premium-nav-separator {
  display: block !important;
  position: relative !important;
  flex: none !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  z-index: 3;
}

/* VibeKrave neon */
.separator-neon .premium-nav-separator {
  height: 8px !important;
  background:
    linear-gradient(
      90deg,
      #7cff4e 0%,
      #6f3cff 26%,
      #ff4fa3 50%,
      #8f5cff 75%,
      #7cff4e 100%
    ) !important;
  box-shadow:
    0 0 15px rgba(111, 60, 255, 0.62),
    0 0 9px rgba(124, 255, 78, 0.55);
}

/* Christmas wire and lights */
.separator-christmas-lights .premium-nav-separator {
  height: 24px !important;
  border-top: 2px solid #294f39 !important;
  background: transparent !important;
}

.separator-christmas-lights .premium-nav-separator::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  height: 12px;
  background:
    repeating-radial-gradient(
      ellipse at 15px 0,
      transparent 0 12px,
      #294f39 13px 14px,
      transparent 15px 30px
    );
  opacity: 0.8;
}

.separator-christmas-lights .premium-nav-separator > span {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background-image:
    radial-gradient(circle at 14px 9px, #ffd84d 0 4px, #fff4b0 4px 5px, transparent 6px),
    radial-gradient(circle at 44px 9px, #e73f50 0 4px, #ff9da6 4px 5px, transparent 6px),
    radial-gradient(circle at 74px 9px, #45b968 0 4px, #a5f0b8 4px 5px, transparent 6px),
    radial-gradient(circle at 104px 9px, #578cff 0 4px, #a9c2ff 4px 5px, transparent 6px);
  background-size: 120px 24px !important;
  background-repeat: repeat-x !important;
  filter:
    drop-shadow(0 0 4px rgba(255, 216, 77, 0.8))
    drop-shadow(0 0 7px rgba(231, 63, 80, 0.35));
}

/* Halloween */
.separator-halloween .premium-nav-separator {
  height: 14px !important;
  background:
    repeating-linear-gradient(
      135deg,
      #23152d 0 18px,
      #ff8b1f 18px 25px,
      #8247bd 25px 32px
    ) !important;
  box-shadow: 0 4px 14px rgba(255, 139, 31, 0.28);
}

/* Easter */
.separator-easter .premium-nav-separator {
  height: 14px !important;
  background:
    linear-gradient(
      90deg,
      #f5b5d5 0 20%,
      #b9d7ff 20% 40%,
      #d7c2ff 40% 60%,
      #ffe6a8 60% 80%,
      #bce8cc 80% 100%
    ) !important;
  box-shadow: 0 4px 12px rgba(135, 87, 184, 0.18);
}

/* Thanksgiving */
.separator-thanksgiving .premium-nav-separator {
  height: 13px !important;
  background:
    linear-gradient(
      90deg,
      #6d3709,
      #b65f18 22%,
      #e5a23e 45%,
      #9a4f1d 70%,
      #59301c
    ) !important;
  box-shadow: 0 4px 12px rgba(123, 63, 0, 0.3);
}

/* Minimal */
.separator-minimal .premium-nav-separator {
  height: 3px !important;
  background: var(--menu-border) !important;
}

/* Clearly visible festive hero treatment */
.hero-festive .premium-menu-hero {
  background:
    radial-gradient(
      circle at 82% 16%,
      color-mix(in srgb, var(--menu-primary) 28%, transparent),
      transparent 28%
    ),
    radial-gradient(
      circle at 14% 105%,
      color-mix(in srgb, var(--menu-secondary) 24%, transparent),
      transparent 35%
    ),
    linear-gradient(
      135deg,
      var(--menu-surface),
      color-mix(in srgb, var(--menu-primary) 14%, var(--menu-surface))
    ) !important;
}

.hero-festive .premium-menu-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.42;
  background-image:
    radial-gradient(circle, var(--menu-primary) 0 2px, transparent 3px),
    radial-gradient(circle, var(--menu-secondary) 0 2px, transparent 3px);
  background-position:
    20px 25px,
    70px 68px;
  background-size:
    96px 96px,
    120px 120px;
}

/* Elevated cards should visibly differ from outlined cards. */
.cards-elevated .premium-menu-item {
  border-color:
    color-mix(in srgb, var(--menu-border) 70%, transparent) !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.16),
    0 3px 10px rgba(0, 0, 0, 0.08) !important;
}

.cards-outlined .premium-menu-item {
  box-shadow: none !important;
  border-width: 2px !important;
  border-color: var(--menu-border) !important;
}

/* Allow the separator to remain full-width on small screens. */
@media (max-width: 768px) {
  .premium-qr-menu .premium-category-nav {
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  .premium-qr-menu .premium-category-nav__inner {
    width: calc(100% - 24px);
    margin-inline: auto;
    padding-inline: 0;
  }
}

/* Accessibility: lights remain visible without animation. */
@media (prefers-reduced-motion: no-preference) {
  .separator-christmas-lights .premium-nav-separator > span {
    animation: vk-light-twinkle 2.6s ease-in-out infinite alternate;
  }
}


/* ==========================================================
   QR menu configurable navigation separator builder
   ========================================================== */

.premium-qr-menu .premium-category-nav {
  display: block !important;
  width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
}

.premium-qr-menu .premium-category-nav__inner {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.premium-qr-menu .premium-category-nav__inner::-webkit-scrollbar {
  display: none;
}

.premium-qr-menu .premium-category-nav__inner > * {
  flex: 0 0 auto !important;
}

.premium-qr-menu .premium-category-nav > .premium-nav-separator {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  min-width: 100% !important;
  height: var(--separator-height, 10px) !important;
  min-height: var(--separator-height, 10px);
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  z-index: 3;
}

/* Generic separator styles */

.separator-solid .premium-nav-separator {
  background: var(--separator-primary) !important;
}

.separator-gradient .premium-nav-separator {
  background:
    linear-gradient(
      90deg,
      var(--separator-primary),
      var(--separator-secondary),
      var(--separator-primary)
    ) !important;
  background-size: 220% 100% !important;
}

.separator-pattern .premium-nav-separator {
  background:
    repeating-linear-gradient(
      135deg,
      var(--separator-primary) 0 14px,
      var(--separator-secondary) 14px 28px
    ) !important;
  background-size: 220% 100% !important;
}

/* VibeKrave neon */

.separator-neon .premium-nav-separator {
  background:
    linear-gradient(
      90deg,
      var(--separator-secondary),
      var(--separator-primary),
      #ff4fa3,
      var(--separator-primary),
      var(--separator-secondary)
    ) !important;
  background-size: 220% 100% !important;
  box-shadow:
    0 0 12px var(--separator-primary),
    0 0 20px color-mix(
      in srgb,
      var(--separator-secondary) 65%,
      transparent
    );
}

/* Christmas lights */

.separator-christmas-lights .premium-nav-separator {
  overflow: visible;
  border-top: 2px solid #294f39;
  background: transparent !important;
}

.separator-christmas-lights .premium-nav-separator::before {
  content: "";
  position: absolute;
  inset: -2px 0 auto;
  height: 12px;
  background:
    repeating-radial-gradient(
      ellipse at 15px 0,
      transparent 0 12px,
      #294f39 13px 14px,
      transparent 15px 30px
    );
  opacity: 0.85;
}

.separator-christmas-lights .premium-nav-separator > span {
  position: absolute;
  inset: 0;
  display: block;
  background-image:
    radial-gradient(
      circle at 14px 9px,
      #ffd84d 0 4px,
      #fff4b0 4px 5px,
      transparent 6px
    ),
    radial-gradient(
      circle at 44px 9px,
      #e73f50 0 4px,
      #ff9da6 4px 5px,
      transparent 6px
    ),
    radial-gradient(
      circle at 74px 9px,
      #45b968 0 4px,
      #a5f0b8 4px 5px,
      transparent 6px
    ),
    radial-gradient(
      circle at 104px 9px,
      #578cff 0 4px,
      #a9c2ff 4px 5px,
      transparent 6px
    );
  background-size: 120px 24px;
  background-repeat: repeat-x;
  filter:
    drop-shadow(0 0 4px rgba(255, 216, 77, 0.85))
    drop-shadow(0 0 7px rgba(231, 63, 80, 0.4));
}

/* Halloween */

.separator-halloween .premium-nav-separator {
  background:
    repeating-linear-gradient(
      135deg,
      var(--separator-primary) 0 18px,
      var(--separator-secondary) 18px 28px,
      #24152f 28px 44px
    ) !important;
  background-size: 220% 100% !important;
}

/* Easter */

.separator-easter .premium-nav-separator {
  background:
    linear-gradient(
      90deg,
      var(--separator-primary),
      #b9d7ff,
      #d7c2ff,
      #ffe6a8,
      var(--separator-secondary)
    ) !important;
  background-size: 220% 100% !important;
}

/* Thanksgiving */

.separator-thanksgiving .premium-nav-separator {
  background:
    linear-gradient(
      90deg,
      #6d3709,
      var(--separator-primary),
      var(--separator-secondary),
      #9a4f1d,
      #59301c
    ) !important;
  background-size: 220% 100% !important;
}

/* Minimal */

.separator-minimal .premium-nav-separator {
  background: var(--menu-border) !important;
}

/* Animations */

.separator-animation-twinkle .premium-nav-separator > span {
  animation:
    vk-separator-twinkle
    var(--separator-speed, 2.8s)
    ease-in-out
    infinite alternate;
}

.separator-animation-pulse .premium-nav-separator {
  animation:
    vk-separator-pulse
    var(--separator-speed, 2.8s)
    ease-in-out
    infinite;
}

.separator-animation-glow .premium-nav-separator {
  animation:
    vk-separator-glow
    var(--separator-speed, 2.8s)
    ease-in-out
    infinite alternate;
}

.separator-animation-shimmer .premium-nav-separator::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  transform: translateX(-120%);
  background:
    linear-gradient(
      105deg,
      transparent 20%,
      rgba(255, 255, 255, 0.12) 40%,
      rgba(255, 255, 255, 0.8) 50%,
      rgba(255, 255, 255, 0.12) 60%,
      transparent 80%
    );
  animation:
    vk-separator-shimmer
    var(--separator-speed, 3.5s)
    linear infinite;
}

.separator-animation-slide .premium-nav-separator {
  background-size: 220% 100% !important;
  animation:
    vk-separator-slide
    var(--separator-speed, 5s)
    linear infinite;
}

@keyframes vk-separator-twinkle {
  0% {
    opacity: 0.55;
    filter: brightness(0.82);
  }

  35% {
    opacity: 1;
    filter: brightness(1.35);
  }

  65% {
    opacity: 0.72;
    filter: brightness(0.95);
  }

  100% {
    opacity: 1;
    filter: brightness(1.5);
  }
}

@keyframes vk-separator-pulse {
  0%,
  100% {
    opacity: 0.68;
    transform: scaleY(0.8);
  }

  50% {
    opacity: 1;
    transform: scaleY(1);
  }
}

@keyframes vk-separator-glow {
  from {
    box-shadow:
      0 0 5px color-mix(
        in srgb,
        var(--separator-primary) 45%,
        transparent
      );
  }

  to {
    box-shadow:
      0 0 12px var(--separator-primary),
      0 0 24px color-mix(
        in srgb,
        var(--separator-secondary) 72%,
        transparent
      );
  }
}

@keyframes vk-separator-shimmer {
  from {
    transform: translateX(-120%);
  }

  to {
    transform: translateX(120%);
  }
}

@keyframes vk-separator-slide {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 220% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .premium-qr-menu .premium-nav-separator,
  .premium-qr-menu .premium-nav-separator::before,
  .premium-qr-menu .premium-nav-separator::after,
  .premium-qr-menu .premium-nav-separator > span {
    animation: none !important;
    transition: none !important;
  }
}


/* ==========================================================
   MERCHANT MENU CATEGORY FORM VISIBILITY FIX
   ========================================================== */

.vk-food-category-grid .vk-food-card,
.vk-food-category-grid .vk-food-card h1,
.vk-food-category-grid .vk-food-card h2,
.vk-food-category-grid .vk-food-card h3,
.vk-food-category-grid .vk-food-card h4,
.vk-food-category-grid .vk-food-card p,
.vk-food-category-grid .vk-food-card label,
.vk-food-category-grid .vk-food-card strong,
.vk-food-category-grid .vk-food-card span,
.vk-food-category-grid .vk-food-card small,
.vk-food-category-grid .vk-food-card td {
  color: #242334;
}

.vk-food-category-grid .vk-food-card .muted {
  color: #6f7080 !important;
}

/* Inputs */

.vk-food-category-grid .vk-food-card input[type="text"],
.vk-food-category-grid .vk-food-card input[type="number"],
.vk-food-category-grid .vk-food-card input[type="email"],
.vk-food-category-grid .vk-food-card input[type="search"],
.vk-food-category-grid .vk-food-card input:not([type]),
.vk-food-category-grid .vk-food-card textarea,
.vk-food-category-grid .vk-food-card select {
  width: 100%;
  color: #242334 !important;
  background: #ffffff !important;
  caret-color: #242334 !important;
  -webkit-text-fill-color: #242334 !important;
  border: 1px solid #c9cad5;
  border-radius: 12px;
  outline: none;
}

/* Keep the native colour picker usable */

.vk-food-category-grid .vk-food-card input[type="color"] {
  width: 100%;
  min-height: 44px;
  padding: 4px;
  color: initial !important;
  background: #ffffff !important;
  border: 1px solid #c9cad5;
  border-radius: 12px;
  cursor: pointer;
}

/* Placeholder text */

.vk-food-category-grid .vk-food-card input::placeholder,
.vk-food-category-grid .vk-food-card textarea::placeholder {
  color: #9294a3 !important;
  opacity: 1;
  -webkit-text-fill-color: #9294a3 !important;
}

/* Focus */

.vk-food-category-grid .vk-food-card input:focus,
.vk-food-category-grid .vk-food-card textarea:focus,
.vk-food-category-grid .vk-food-card select:focus {
  color: #171622 !important;
  background: #ffffff !important;
  border-color: #655cff !important;
  box-shadow: 0 0 0 3px rgba(101, 92, 255, 0.16);
  -webkit-text-fill-color: #171622 !important;
}

/* Browser autofill */

.vk-food-category-grid .vk-food-card input:-webkit-autofill,
.vk-food-category-grid .vk-food-card input:-webkit-autofill:hover,
.vk-food-category-grid .vk-food-card input:-webkit-autofill:focus {
  -webkit-text-fill-color: #242334 !important;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  caret-color: #242334;
}

/* Checkbox */

.vk-food-category-grid .vk-food-card input[type="checkbox"] {
  width: 17px;
  height: 17px;
  accent-color: #655cff;
}

/* Category table */

.vk-food-category-grid .vk-food-card table {
  color: #242334;
}

.vk-food-category-grid .vk-food-card th {
  color: #77798b !important;
}

.vk-food-category-grid .vk-food-card td {
  color: #242334 !important;
}

.vk-food-category-grid .vk-food-card td strong {
  color: #171622 !important;
}

/* Suggested category library */

.vk-food-library .vk-food-suggestion {
  color: #242334;
  background: #ffffff;
}

.vk-food-library .vk-food-suggestion strong {
  color: #171622 !important;
}

.vk-food-library .vk-food-suggestion .muted {
  color: #6f7080 !important;
}