/* MenuPro 4.0 — FUTURE UI
 * Visual layer only: preserves the existing data model, routes and workflows.
 * RGB neon palette, glass surfaces, accessible contrast and responsive layout.
 */
:root{
  --mpf-bg: rgb(7, 10, 20);
  --mpf-bg-2: rgb(11, 16, 30);
  --mpf-surface: rgba(17, 24, 39, .92);
  --mpf-surface-2: rgba(24, 33, 52, .88);
  --mpf-line: rgba(255,255,255,.10);
  --mpf-text: rgb(239, 245, 255);
  --mpf-muted: rgb(154, 169, 190);
  --mpf-cyan: rgb(0, 229, 255);
  --mpf-pink: rgb(255, 0, 153);
  --mpf-lime: rgb(124, 255, 0);
  --mpf-orange: rgb(255, 171, 0);
  --mpf-purple: rgb(145, 92, 255);
  --mpf-blue: rgb(60, 130, 255);
  --mpf-danger: rgb(255, 82, 82);
  --mpf-radius: 20px;
  --mpf-shadow: 0 22px 60px rgba(0,0,0,.32);
}
body:has(.m16-app.mp-future),
body:has(.m16-app.mp-future) .m16-app{
  background:
    radial-gradient(circle at 8% 0%, rgba(0,229,255,.10), transparent 28%),
    radial-gradient(circle at 94% 12%, rgba(255,0,153,.10), transparent 25%),
    linear-gradient(135deg, rgb(6,9,18), rgb(11,16,30) 58%, rgb(9,12,24)) !important;
}
body:has(.m16-app.mp-future){min-height:100vh;}
.m16-app.mp-future{
  position:relative;
  max-width:1440px !important;
  min-height:100vh;
  margin:0 auto;
  padding:22px clamp(14px,3vw,44px) 72px !important;
  color:var(--mpf-text) !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
.m16-app.mp-future::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.20;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(to bottom,black,transparent 88%);
  z-index:0;
}
.m16-app.mp-future > *{position:relative;z-index:1;}
.m16-app.mp-future a{color:var(--mpf-cyan);}
.m16-app.mp-future a:hover{color:rgb(126,242,255);}
.m16-app.mp-future :is(input,select,textarea){
  background:rgba(6,11,22,.82) !important;
  color:var(--mpf-text) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:14px !important;
  min-height:46px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.m16-app.mp-future textarea{min-height:110px;}
.m16-app.mp-future :is(input,select,textarea):focus{
  border-color:var(--mpf-cyan) !important;
  box-shadow:0 0 0 3px rgba(0,229,255,.14), 0 0 26px rgba(0,229,255,.08) !important;
  outline:none !important;
}
.m16-app.mp-future button,
.m16-app.mp-future .m16-primary,
.m16-app.mp-future .m16-install button{
  border-radius:13px !important;
  min-height:46px;
  font-weight:850 !important;
  letter-spacing:.01em;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease !important;
}
.m16-app.mp-future button:hover,
.m16-app.mp-future .m16-primary:hover,
.m16-app.mp-future .m16-install button:hover{
  transform:translateY(-2px);
  filter:saturate(1.12);
}
.m16-app.mp-future :focus-visible{
  outline:3px solid var(--mpf-cyan) !important;
  outline-offset:3px !important;
}

/* App header */
.m16-app.mp-future > .m16-header{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px 0 18px !important;
  margin:0 0 8px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--mpf-text) !important;
}
.m16-app.mp-future .mp49-brand-line{
  display:flex !important;
  align-items:center;
  gap:10px;
}
.m16-app.mp-future .mp-brand-app-icon{
  width:42px !important;height:42px !important;
  border-radius:13px !important;
  border:1px solid rgba(0,229,255,.38) !important;
  box-shadow:0 0 26px rgba(0,229,255,.14);
  background:rgba(255,255,255,.04);
}
.m16-app.mp-future .mp49-brand{
  display:inline-flex !important;
  font-size:22px !important;
  font-weight:950 !important;
  letter-spacing:-.04em;
  color:var(--mpf-text) !important;
}
.m16-app.mp-future .mp49-menu{color:var(--mpf-cyan) !important;}
.m16-app.mp-future .mp49-pro{color:var(--mpf-pink) !important;}
.m16-app.mp-future .mp49-version{
  color:var(--mpf-muted) !important;
  font-size:10px !important;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.m16-app.mp-future .mp49-account-actions{
  display:flex !important;
  align-items:center;
  gap:10px;
  margin-left:auto;
}
.m16-app.mp-future .m16-state,
.m16-app.mp-future .mp49-membership{
  background:rgba(124,255,0,.10) !important;
  color:var(--mpf-lime) !important;
  border:1px solid rgba(124,255,0,.30) !important;
  border-radius:999px !important;
  padding:8px 12px !important;
  font-weight:900 !important;
}
.m16-app.mp-future .mp49-exit{
  background:rgba(255,255,255,.05) !important;
  color:var(--mpf-text) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  padding:10px 14px !important;
}

/* Alerts / toast */
.m16-app.mp-future .m16-alert{
  max-width:none !important;
  background:rgba(255,171,0,.10) !important;
  border:1px solid rgba(255,171,0,.35) !important;
  color:rgb(255,218,145) !important;
  border-radius:14px !important;
  box-shadow:0 12px 34px rgba(255,171,0,.08);
}
.mp-future-toast{
  position:fixed;
  right:18px;bottom:18px;
  z-index:999999;
  max-width:min(420px,calc(100vw - 36px));
  padding:13px 16px;
  border:1px solid rgba(0,229,255,.34);
  border-radius:14px;
  background:rgba(10,16,30,.96);
  color:var(--mpf-text);
  box-shadow:0 18px 44px rgba(0,0,0,.42),0 0 26px rgba(0,229,255,.10);
  backdrop-filter:blur(16px);
  transform:translateY(14px);
  opacity:0;
  transition:opacity .2s ease,transform .2s ease;
}
.mp-future-toast.is-visible{opacity:1;transform:none;}
.mp-future-toast.is-success{border-color:rgba(124,255,0,.34);}
.mp-future-toast.is-error{border-color:rgba(255,82,82,.42);}

/* Auth */
.m16-app.mp-future:has(.m16-card){
  display:block;
}
.m16-app.mp-future .m16-install{
  margin:8px auto 16px !important;
}
.m16-app.mp-future .m16-install button{
  background:linear-gradient(135deg,var(--mpf-cyan),var(--mpf-blue)) !important;
  color:rgb(4,10,18) !important;
  box-shadow:0 10px 30px rgba(0,229,255,.18) !important;
}
.m16-app.mp-future .m16-card{
  max-width:760px !important;
  margin:28px auto !important;
  padding:clamp(22px,4vw,38px) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:28px !important;
  background:linear-gradient(145deg,rgba(18,26,44,.96),rgba(9,15,28,.96)) !important;
  box-shadow:var(--mpf-shadow),0 0 70px rgba(0,229,255,.06) !important;
  color:var(--mpf-text) !important;
}
.m16-app.mp-future .m16-card h1{
  color:var(--mpf-text) !important;
  font-size:clamp(28px,4vw,42px) !important;
  letter-spacing:-.04em;
}
.m16-app.mp-future .m16-card>p,
.m16-app.mp-future .m16-switch-help,
.m16-app.mp-future .m16-hint{
  color:var(--mpf-muted) !important;
}
.m16-app.mp-future .m16-actions{
  padding:5px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
  margin:22px 0 8px !important;
}
.m16-app.mp-future .m16-actions button{
  border:0 !important;
  background:transparent !important;
  color:var(--mpf-muted) !important;
  min-height:48px;
}
.m16-app.mp-future .m16-actions button.active{
  background:linear-gradient(135deg,rgba(0,229,255,.18),rgba(145,92,255,.18)) !important;
  color:var(--mpf-text) !important;
  box-shadow:inset 0 0 0 1px rgba(0,229,255,.28),0 8px 26px rgba(0,0,0,.20);
}
.m16-app.mp-future .mp35-form-heading{
  display:flex;
  align-items:center;
  gap:10px;
  margin:22px 0 10px;
  color:var(--mpf-cyan);
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.m16-app.mp-future .mp35-form-heading::after{
  content:"";
  flex:1;height:1px;
  background:linear-gradient(90deg,rgba(0,229,255,.35),transparent);
}
.m16-app.mp-future .m16-card label{
  color:rgb(209,220,238) !important;
}
.m16-app.mp-future .m16-primary{
  width:100%;
  background:linear-gradient(135deg,var(--mpf-cyan),var(--mpf-purple)) !important;
  color:rgb(4,9,17) !important;
  border:0 !important;
  box-shadow:0 14px 34px rgba(0,229,255,.16) !important;
}
.m16-app.mp-future .m16-terms,
.m16-app.mp-future .mp35-terms{
  color:var(--mpf-muted) !important;
}
.m16-app.mp-future .m16-terms input,
.m16-app.mp-future .mp35-terms input{
  accent-color:var(--mpf-cyan);
}

/* Restaurant list */
.m16-app.mp-future .mp33-restaurants-view{
  color:var(--mpf-text) !important;
  background:transparent !important;
}
.m16-app.mp-future .mp33-page-head{
  padding:24px;
  margin:0 0 18px;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:24px !important;
  background:linear-gradient(135deg,rgba(14,22,40,.92),rgba(18,14,38,.86)) !important;
  box-shadow:var(--mpf-shadow);
}
.m16-app.mp-future .mp33-kicker,
.m16-app.mp-future .mp34-kicker{
  color:var(--mpf-cyan) !important;
  letter-spacing:.18em !important;
}
.m16-app.mp-future .mp33-page-head h1{
  color:var(--mpf-text) !important;
  font-size:clamp(30px,4vw,46px) !important;
  letter-spacing:-.05em;
}
.m16-app.mp-future .mp33-page-head p{color:var(--mpf-muted) !important;}
.m16-app.mp-future .mp33-badge{
  background:rgba(124,255,0,.08) !important;
  color:var(--mpf-lime) !important;
  border:1px solid rgba(124,255,0,.24) !important;
}
.m16-app.mp-future .mp33-restaurants-grid{
  gap:16px !important;
}
.m16-app.mp-future .mp33-restaurant-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(17,25,42,.94),rgba(11,17,31,.94)) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:22px !important;
  box-shadow:0 18px 48px rgba(0,0,0,.24) !important;
  color:var(--mpf-text) !important;
}
.m16-app.mp-future .mp33-restaurant-card::before{
  content:"";
  position:absolute;inset:0 0 auto 0;height:3px;
  background:linear-gradient(90deg,var(--mpf-cyan),var(--mpf-pink),var(--mpf-lime));
}
.m16-app.mp-future .mp33-restaurant-logo{
  background:rgba(0,229,255,.06) !important;
  border:1px solid rgba(0,229,255,.16) !important;
}
.m16-app.mp-future .mp33-restaurant-card-body h2{color:var(--mpf-text) !important;}
.m16-app.mp-future .mp33-restaurant-card-body p{color:var(--mpf-muted) !important;}
.m16-app.mp-future .mp22-card-plan{
  background:rgba(0,229,255,.08) !important;
  color:var(--mpf-cyan) !important;
  border:1px solid rgba(0,229,255,.18) !important;
}
.m16-app.mp-future .mp22-card-metrics span{
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.06);
}
.m16-app.mp-future .mp22-card-metrics strong{color:var(--mpf-text);}
.m16-app.mp-future .mp22-card-metrics small{color:var(--mpf-muted);}
.m16-app.mp-future .mp13-enter-btn{
  background:linear-gradient(135deg,var(--mpf-cyan),var(--mpf-blue)) !important;
  color:rgb(4,10,18) !important;
}
.m16-app.mp-future .mp20-add-restaurant summary{
  color:var(--mpf-cyan) !important;
}


/* Legacy public route: keep the older markup inside the same visual system. */
.m16-app.mp-future .m16-dashboard>section{
  background:linear-gradient(145deg,rgba(17,25,42,.94),rgba(10,16,29,.94)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:20px !important;
  color:var(--mpf-text) !important;
  box-shadow:0 16px 44px rgba(0,0,0,.22) !important;
}
.m16-app.mp-future .m16-dashboard h1,
.m16-app.mp-future .m16-dashboard h2,
.m16-app.mp-future .m16-dashboard h3{
  color:var(--mpf-text) !important;
}

/* Restaurant workspace */
.m16-app.mp-future .mp34-dashboard{
  max-width:none !important;
  color:var(--mpf-text) !important;
}
.m16-app.mp-future .mp34-topbar{
  margin:0 0 14px !important;
  padding:0 !important;
}
.m16-app.mp-future .mp34-topbar-note{
  color:var(--mpf-muted) !important;
  font-size:11px !important;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.m16-app.mp-future .mp31-back,
.m16-app.mp-future .mp16-return a{
  background:rgba(255,255,255,.04) !important;
  color:var(--mpf-text) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:13px !important;
  padding:10px 14px !important;
}
.m16-app.mp-future .mp34-hero{
  position:relative;
  overflow:hidden;
  display:flex;
  gap:22px;
  align-items:center;
  padding:clamp(22px,4vw,36px) !important;
  margin:0 0 18px !important;
  border:1px solid rgba(0,229,255,.18) !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 86% 20%,rgba(255,0,153,.18),transparent 28%),
    linear-gradient(135deg,rgb(11,24,43),rgb(17,15,43) 58%,rgb(12,20,35)) !important;
  box-shadow:var(--mpf-shadow),0 0 60px rgba(0,229,255,.07) !important;
}
.m16-app.mp-future .mp34-hero::after{
  content:"";
  position:absolute;
  width:420px;height:420px;
  right:-160px;top:-210px;
  border:1px solid rgba(0,229,255,.16);
  border-radius:50%;
  box-shadow:0 0 0 48px rgba(0,229,255,.05),0 0 0 96px rgba(255,0,153,.035);
  pointer-events:none;
}
.m16-app.mp-future .mp34-hero-logo{
  position:relative;z-index:1;
  width:104px !important;height:104px !important;
  min-width:104px;
  border-radius:24px !important;
  padding:9px !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(0,229,255,.30) !important;
  box-shadow:0 0 34px rgba(0,229,255,.16) !important;
}
.m16-app.mp-future .mp34-logo-placeholder{color:var(--mpf-cyan) !important;}
.m16-app.mp-future .mp34-hero-copy{position:relative;z-index:1;}
.m16-app.mp-future .mp34-hero-copy h1{
  color:var(--mpf-text) !important;
  font-size:clamp(34px,5vw,60px) !important;
  letter-spacing:-.055em;
  line-height:.98;
  margin:5px 0 10px !important;
}
.m16-app.mp-future .mp34-hero-copy>p:not(.mp34-kicker){
  color:rgb(189,204,225) !important;
  max-width:780px;
  line-height:1.65;
}
.m16-app.mp-future .mp34-hero-actions{margin-top:18px !important;}
.m16-app.mp-future .mp34-hero-actions .m16-primary{
  width:auto;
  background:linear-gradient(135deg,var(--mpf-cyan),var(--mpf-purple)) !important;
}
.m16-app.mp-future .mp34-btn-secondary,
.m16-app.mp-future .mp18-whatsapp-unified{
  background:rgba(255,255,255,.06) !important;
  color:var(--mpf-text) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:none !important;
}
.m16-app.mp-future .mp18-whatsapp-unified{
  border-color:rgba(124,255,0,.30) !important;
  color:var(--mpf-lime) !important;
}

/* KPIs */
.m16-app.mp-future .mp21-kpis{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  margin:0 0 18px !important;
}
.m16-app.mp-future .mp21-kpi{
  position:relative;
  overflow:hidden;
  display:flex !important;
  align-items:center;
  gap:12px;
  min-height:98px;
  padding:16px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,rgba(18,27,46,.94),rgba(12,18,32,.94)) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.20) !important;
}
.m16-app.mp-future .mp21-kpi:nth-child(1){--kpi:var(--mpf-cyan);}
.m16-app.mp-future .mp21-kpi:nth-child(2){--kpi:var(--mpf-lime);}
.m16-app.mp-future .mp21-kpi:nth-child(3){--kpi:var(--mpf-orange);}
.m16-app.mp-future .mp21-kpi:nth-child(4){--kpi:var(--mpf-purple);}
.m16-app.mp-future .mp21-kpi:nth-child(5){--kpi:var(--mpf-blue);}
.m16-app.mp-future .mp21-kpi:nth-child(6){--kpi:var(--mpf-pink);}
.m16-app.mp-future .mp21-kpi::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--kpi);
  box-shadow:0 0 18px color-mix(in srgb,var(--kpi) 65%,transparent);
}
.m16-app.mp-future .mp21-kpi>span{
  display:grid;place-items:center;
  width:42px;height:42px;min-width:42px;
  border-radius:13px;
  background:color-mix(in srgb,var(--kpi) 12%,transparent);
  color:var(--kpi);
  font-weight:950;
}
.m16-app.mp-future .mp21-kpi small{color:var(--mpf-muted) !important;}
.m16-app.mp-future .mp21-kpi strong{
  display:block;
  margin-top:3px;
  color:var(--mpf-text) !important;
  font-size:22px;
  letter-spacing:-.03em;
}

/* Onboarding */
.m16-app.mp-future .mp22-onboarding{
  margin:0 0 18px !important;
  padding:20px !important;
  border:1px solid rgba(0,229,255,.16) !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,rgba(0,229,255,.06),rgba(145,92,255,.06)) !important;
  box-shadow:0 12px 36px rgba(0,0,0,.18) !important;
}
.m16-app.mp-future .mp22-onboarding-head h2{color:var(--mpf-text) !important;}
.m16-app.mp-future .mp22-onboarding-head small{color:var(--mpf-cyan) !important;}
.m16-app.mp-future .mp22-onboarding-head>strong{color:var(--mpf-lime);}
.m16-app.mp-future .mp22-progress{height:9px;background:rgba(255,255,255,.07) !important;}
.m16-app.mp-future .mp22-progress span{background:linear-gradient(90deg,var(--mpf-cyan),var(--mpf-lime)) !important;box-shadow:0 0 20px rgba(0,229,255,.22);}
.m16-app.mp-future .mp22-step{
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:var(--mpf-text) !important;
  border-radius:14px !important;
}
.m16-app.mp-future .mp22-step.is-done{
  background:rgba(124,255,0,.06) !important;
  border-color:rgba(124,255,0,.20) !important;
}
.m16-app.mp-future .mp22-step>span{color:var(--mpf-lime);}
.m16-app.mp-future .mp22-step small{color:var(--mpf-muted) !important;}

/* Navigation / command center */
.m16-app.mp-future .mp-future-command{
  margin:0 0 18px;
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:rgba(12,18,31,.84);
  box-shadow:0 14px 40px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);
}
.mp-future-command-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;
}
.mp-future-command-title strong{
  display:block;color:var(--mpf-text);font-size:18px;
}
.mp-future-command-title small{color:var(--mpf-muted);}
.mp-future-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.mp-future-search{
  width:min(320px,100%);
  min-height:44px;
  padding:0 14px;
  background:rgba(5,10,20,.84);
  color:var(--mpf-text);
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
}
.mp-future-home{
  min-height:44px;
  padding:0 13px;
  border-radius:12px;
  border:1px solid rgba(0,229,255,.20);
  background:rgba(0,229,255,.07);
  color:var(--mpf-cyan);
  font-weight:850;
  cursor:pointer;
}
.mp-future-nav-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.mp-future-nav-group{
  padding:13px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.mp-future-nav-group>strong{
  display:flex;align-items:center;gap:8px;
  margin-bottom:10px;
  color:var(--mpf-muted);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.mp-future-nav-items{display:grid;gap:8px;}
.mp-future-nav-item{
  position:relative;
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-height:64px;
  padding:9px;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.025) !important;
  color:var(--mpf-text) !important;
  text-decoration:none !important;
}
.mp-future-nav-item:hover,
.mp-future-nav-item.is-active{
  border-color:rgba(0,229,255,.28) !important;
  background:linear-gradient(135deg,rgba(0,229,255,.08),rgba(145,92,255,.07)) !important;
  box-shadow:0 0 24px rgba(0,229,255,.07);
}
.mp-future-nav-icon{
  display:grid;place-items:center;
  width:38px;height:38px;
  border-radius:11px;
  background:rgba(0,229,255,.08);
  color:var(--mpf-cyan);
  font-size:19px;
}
.mp-future-nav-item:nth-child(2n) .mp-future-nav-icon{color:var(--mpf-pink);background:rgba(255,0,153,.08);}
.mp-future-nav-item:nth-child(3n) .mp-future-nav-icon{color:var(--mpf-lime);background:rgba(124,255,0,.08);}
.mp-future-nav-copy strong{display:block;color:var(--mpf-text);font-size:13px;}
.mp-future-nav-copy small{display:block;color:var(--mpf-muted);font-size:11px;margin-top:2px;}
.mp-future-nav-badge{
  position:absolute;right:9px;top:8px;
  font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  color:var(--mpf-orange);
}
.mp-future-nav-home{
  grid-column:1/-1;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  padding:11px 14px;
  min-height:48px;
}

/* Intelligent summary */
.mp-future-insight{
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  margin:0 0 18px;
  border:1px solid rgba(0,229,255,.16);
  border-radius:17px;
  background:linear-gradient(90deg,rgba(0,229,255,.07),rgba(255,0,153,.05));
}
.mp-future-insight-icon{
  display:grid;place-items:center;width:42px;height:42px;border-radius:13px;
  background:rgba(0,229,255,.10);color:var(--mpf-cyan);font-weight:950;
}
.mp-future-insight strong{display:block;color:var(--mpf-text);}
.mp-future-insight small{display:block;color:var(--mpf-muted);margin-top:3px;}
.mp-future-insight-action{
  border:1px solid rgba(0,229,255,.20);
  background:rgba(0,229,255,.07);
  color:var(--mpf-cyan);
  border-radius:11px;
  padding:9px 11px;
  text-decoration:none;
  font-weight:850;
  white-space:nowrap;
}

/* Panels */
.m16-app.mp-future .mp34-panel{
  background:linear-gradient(145deg,rgba(17,25,42,.94),rgba(10,16,29,.94)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:22px !important;
  padding:22px !important;
  margin:0 0 18px !important;
  color:var(--mpf-text) !important;
  box-shadow:0 16px 48px rgba(0,0,0,.24) !important;
}
.m16-app.mp-future .mp34-panel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.m16-app.mp-future .mp34-panel-head h2{
  color:var(--mpf-text) !important;
  font-size:clamp(22px,3vw,30px) !important;
  letter-spacing:-.04em;
  margin:0 !important;
}
.m16-app.mp-future .mp34-panel-head p{color:var(--mpf-muted) !important;margin:5px 0 0;}
.mp-future-howto{
  max-width:480px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(124,255,0,.05);
  border:1px solid rgba(124,255,0,.14);
  color:rgb(190,245,160);
  font-size:11px;
  line-height:1.45;
}
.mp-future-howto strong{color:var(--mpf-lime);}
.m16-app.mp-future .mp34-empty,
.m16-app.mp-future .mp34-panel .mp25-note{
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(255,255,255,.08) !important;
  color:var(--mpf-muted) !important;
}

/* Weekly menu / dishes */
.m16-app.mp-future .mp34-day-tabs{gap:7px !important;}
.m16-app.mp-future .mp34-day-tab{
  border:1px solid rgba(0,229,255,.20) !important;
  background:rgba(0,229,255,.05) !important;
  color:var(--mpf-cyan) !important;
  padding:10px 14px !important;
}
.m16-app.mp-future .mp34-day-tab.is-active{
  background:linear-gradient(135deg,var(--mpf-cyan),var(--mpf-purple)) !important;
  color:rgb(4,9,17) !important;
  border-color:transparent !important;
  box-shadow:0 8px 24px rgba(0,229,255,.16);
}
.m16-app.mp-future .mp34-row{
  grid-template-columns:84px minmax(0,1fr) !important;
  background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:17px !important;
}
.m16-app.mp-future .mp34-row:hover{
  border-color:rgba(0,229,255,.20) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.m16-app.mp-future .mp34-row-thumb{
  background:rgba(0,229,255,.05) !important;
  border:1px solid rgba(255,255,255,.07);
}
.m16-app.mp-future .mp34-row-main h4{color:var(--mpf-text) !important;}
.m16-app.mp-future .mp34-row-main p{color:var(--mpf-muted) !important;}
.m16-app.mp-future .mp18-availability{
  background:rgba(124,255,0,.08) !important;
  color:var(--mpf-lime) !important;
  border:1px solid rgba(124,255,0,.20) !important;
}
.m16-app.mp-future .mp23-edit summary{
  background:rgba(145,92,255,.08) !important;
  color:rgb(205,187,255) !important;
  border:1px solid rgba(145,92,255,.20) !important;
}

/* Forms / bank */
.m16-app.mp-future .mp34-form,
.m16-app.mp-future .mp25-form{
  color:var(--mpf-text);
}
.m16-app.mp-future .mp34-form label,
.m16-app.mp-future .mp25-form label{
  color:rgb(207,218,235) !important;
}
.m16-app.mp-future .mp20-bank-tabs{
  display:flex;
  gap:8px;
  overflow:auto;
  padding-bottom:4px;
}
.m16-app.mp-future .mp20-bank-tabs a{
  flex:0 0 auto;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  color:var(--mpf-cyan);
  text-decoration:none;
  font-weight:850;
}
.m16-app.mp-future .mp12-item{
  background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:16px !important;
  color:var(--mpf-text) !important;
}
.m16-app.mp-future .mp20-dish-line strong{color:var(--mpf-text);}
.m16-app.mp-future .mp20-state{
  color:var(--mpf-lime) !important;
  background:rgba(124,255,0,.07) !important;
  border:1px solid rgba(124,255,0,.16);
  border-radius:999px;
  padding:4px 8px;
}
.m16-app.mp-future .mp20-extra{
  color:var(--mpf-orange) !important;
  background:rgba(255,171,0,.07);
  border-radius:999px;
  padding:4px 8px;
}

/* Tables / reports */
.m16-app.mp-future .mp20-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.07);border-radius:16px;}
.m16-app.mp-future .mp20-inventory-table{
  min-width:640px;
  border-collapse:separate;
  border-spacing:0;
  width:100%;
  color:var(--mpf-text);
  background:rgba(255,255,255,.015);
}
.m16-app.mp-future .mp20-inventory-table th{
  background:rgba(0,229,255,.06) !important;
  color:rgb(177,224,236) !important;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:10px;
}
.m16-app.mp-future .mp20-inventory-table td,
.m16-app.mp-future .mp20-inventory-table th{
  border-bottom:1px solid rgba(255,255,255,.07) !important;
  padding:12px !important;
}
.m16-app.mp-future .mp20-inventory-table tbody tr:hover{background:rgba(255,255,255,.025);}
.m16-app.mp-future .mp21-report-tabs{
  display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;
}
.m16-app.mp-future .mp21-report-tabs a,
.m16-app.mp-future .mp20-period{
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.03);
  color:var(--mpf-muted);
  text-decoration:none;
  font-weight:850;
}
.m16-app.mp-future .mp21-report-tabs a.is-active,
.m16-app.mp-future .mp20-period.is-active{
  background:rgba(0,229,255,.12);
  border-color:rgba(0,229,255,.28);
  color:var(--mpf-cyan);
}
.m16-app.mp-future .mp21-report-summary{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:14px 0 18px;
}
.m16-app.mp-future .mp21-report-summary>div{
  padding:15px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:15px;
  background:rgba(255,255,255,.025);
}
.m16-app.mp-future .mp21-report-summary small{color:var(--mpf-muted);}
.m16-app.mp-future .mp21-report-summary strong{display:block;color:var(--mpf-text);font-size:21px;margin-top:4px;}
.m16-app.mp-future .mp22-insights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0 0 18px !important;
}
.m16-app.mp-future .mp22-insights article,
.m16-app.mp-future .mp22-report-extra section{
  background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:16px !important;
  color:var(--mpf-text);
}
.m16-app.mp-future .mp22-insights small{color:var(--mpf-muted);}
.m16-app.mp-future .mp22-insights strong{color:var(--mpf-cyan);}

/* Orders */
.m16-app.mp-future .mp34-order{
  display:flex !important;
  background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:17px !important;
  padding:15px !important;
  margin-bottom:10px !important;
}
.m16-app.mp-future .mp34-order:hover{border-color:rgba(0,229,255,.20) !important;}
.m16-app.mp-future .mp34-order b{color:var(--mpf-text);}
.m16-app.mp-future .mp34-order p{color:var(--mpf-muted) !important;}
.m16-app.mp-future .mp22-order-status{
  color:var(--mpf-cyan) !important;
  background:rgba(0,229,255,.08) !important;
  border:1px solid rgba(0,229,255,.18);
}
.mp-future-status-filter{
  display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px;
}
.mp-future-status-filter button{
  min-height:38px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  color:var(--mpf-muted);
}
.mp-future-status-filter button.is-active{color:var(--mpf-cyan);border-color:rgba(0,229,255,.26);background:rgba(0,229,255,.08);}
.m16-app.mp-future .mp25-order-extra>a{
  color:var(--mpf-cyan) !important;
  border-color:rgba(0,229,255,.16) !important;
  background:rgba(0,229,255,.04) !important;
}
.m16-app.mp-future .mp25-ticket{
  background:linear-gradient(145deg,rgba(19,29,47,.96),rgba(10,16,28,.96)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:19px !important;
  color:var(--mpf-text) !important;
  box-shadow:0 15px 40px rgba(0,0,0,.25) !important;
}
.m16-app.mp-future .mp25-ticket header span{
  padding:5px 8px;border-radius:999px;background:rgba(0,229,255,.08);color:var(--mpf-cyan);
}
.m16-app.mp-future .mp25-ticket h3{color:var(--mpf-text);}
.m16-app.mp-future .mp25-ticket p{color:rgb(194,208,228);}
.m16-app.mp-future .mp25-status-nuevo{border-color:rgba(255,82,82,.55) !important;}
.m16-app.mp-future .mp25-status-confirmado{border-color:rgba(255,171,0,.55) !important;}
.m16-app.mp-future .mp25-status-preparando{border-color:rgba(145,92,255,.55) !important;}
.m16-app.mp-future .mp25-status-listo{border-color:rgba(124,255,0,.55) !important;}

/* Marketing / QR / cash / team */
.m16-app.mp-future .mp25-two{
  gap:14px !important;
}
.m16-app.mp-future .mp25-two>div{
  padding:16px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:17px;
  background:rgba(255,255,255,.02);
}
.m16-app.mp-future .mp25-row{
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}
.m16-app.mp-future .mp25-row strong{color:var(--mpf-text);}
.m16-app.mp-future .mp25-row small{color:var(--mpf-muted) !important;}
.m16-app.mp-future .mp25-qr-grid article{
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(255,255,255,.08) !important;
  border-radius:17px !important;
}
.m16-app.mp-future .mp25-qr-grid img{
  background:white;
  border-radius:12px;
  padding:8px;
}
.m16-app.mp-future .mp22-danger,
.m16-app.mp-future .mp22-danger:hover{
  background:rgba(255,82,82,.07) !important;
  color:rgb(255,133,133) !important;
  border-color:rgba(255,82,82,.25) !important;
}
.m16-app.mp-future .mp22-archive-box,
.m16-app.mp-future .mp22-owner-archive{
  background:rgba(255,82,82,.035) !important;
  border-color:rgba(255,82,82,.18) !important;
}
.m16-app.mp-future .mp-future-panel-search{
  width:min(340px,100%);
}

/* Public menu / checkout — same design language, customer friendly */
.m16-app.mp-future.mp18-public,
.m16-app.mp-future .mp33-public{
  color:var(--mpf-text) !important;
}
.m16-app.mp-future .mp33-public-wrap{max-width:1180px;margin:0 auto;}
.m16-app.mp-future .mp33-public-hero{
  background:
    radial-gradient(circle at 90% 15%,rgba(255,0,153,.16),transparent 30%),
    linear-gradient(135deg,rgb(10,24,42),rgb(19,14,42)) !important;
  border:1px solid rgba(0,229,255,.16) !important;
  border-radius:26px !important;
  box-shadow:var(--mpf-shadow);
}
.m16-app.mp-future .mp33-public-copy h1{color:var(--mpf-text) !important;}
.m16-app.mp-future .mp33-public-copy p{color:var(--mpf-muted) !important;}
.m16-app.mp-future .mp33-public-logo{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(0,229,255,.22) !important;
}
.m16-app.mp-future .mp33-public-order{
  gap:16px !important;
}
.m16-app.mp-future .mp33-public-list,
.m16-app.mp-future .mp33-checkout{
  background:rgba(13,20,34,.90) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 16px 44px rgba(0,0,0,.24) !important;
}
.m16-app.mp-future .mp33-menu-row{
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(255,255,255,.07) !important;
  color:var(--mpf-text) !important;
}
.m16-app.mp-future .mp33-menu-row:hover{
  border-color:rgba(0,229,255,.20) !important;
}
.m16-app.mp-future .mp33-menu-main h3{color:var(--mpf-text) !important;}
.m16-app.mp-future .mp33-menu-main p{color:var(--mpf-muted) !important;}
.m16-app.mp-future .mp23-add{
  background:linear-gradient(135deg,var(--mpf-cyan),var(--mpf-purple)) !important;
  color:rgb(4,9,17) !important;
}
.m16-app.mp-future .mp23-product.is-in-cart{
  border-color:rgba(124,255,0,.34) !important;
  box-shadow:0 0 26px rgba(124,255,0,.07) !important;
}
.m16-app.mp-future .mp23-added-note{
  background:rgba(124,255,0,.08) !important;
  color:var(--mpf-lime) !important;
}
.m16-app.mp-future .mp23-cartbar{
  background:linear-gradient(135deg,rgb(12,25,43),rgb(25,13,43)) !important;
  border:1px solid rgba(0,229,255,.24) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 32px rgba(0,229,255,.10) !important;
}
.m16-app.mp-future .mp23-checkout{
  background:rgb(9,14,26) !important;
}
.m16-app.mp-future .mp23-checkout-head{
  background:rgb(9,14,26) !important;
}
.m16-app.mp-future .mp23-checkout h2,
.m16-app.mp-future .mp23-checkout h3,
.m16-app.mp-future .mp23-cart-summary strong{color:var(--mpf-text) !important;}
.m16-app.mp-future .mp23-step{color:var(--mpf-cyan) !important;}
.m16-app.mp-future .mp23-cart-row,
.m16-app.mp-future .mp25-public-extra{
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(255,255,255,.08) !important;
}
.m16-app.mp-future .mp23-cart-empty{background:rgba(255,255,255,.03) !important;color:var(--mpf-muted) !important;}
.m16-app.mp-future .mp23-confirm{
  background:linear-gradient(135deg,var(--mpf-cyan),var(--mpf-lime)) !important;
  color:rgb(4,10,16) !important;
}
.mp-future-public-search{
  width:100%;
  min-height:48px;
  padding:0 15px;
  margin:0 0 14px;
  border:1px solid rgba(0,229,255,.18);
  border-radius:14px;
  background:rgba(5,10,20,.78);
  color:var(--mpf-text);
}
.mp-future-no-results{
  padding:18px;
  text-align:center;
  color:var(--mpf-muted);
  border:1px dashed rgba(255,255,255,.10);
  border-radius:14px;
}

/* Tracking / TV */
body.mp25-track,
body.mp25-tv{
  background:radial-gradient(circle at 20% 0%,rgba(0,229,255,.10),transparent 28%),rgb(7,10,20) !important;
  color:var(--mpf-text) !important;
}
body.mp25-track main,
body.mp25-tv main{color:var(--mpf-text);}
body.mp25-track main>section{
  background:rgba(17,25,42,.92) !important;
  border:1px solid rgba(255,255,255,.09);
  color:var(--mpf-text);
}
body.mp25-track .mp25-progress span{background:rgba(255,255,255,.08);}
body.mp25-track .mp25-progress .done span{background:linear-gradient(135deg,var(--mpf-cyan),var(--mpf-lime));color:rgb(4,10,16);}
body.mp25-track .mp25-progress .done{color:var(--mpf-lime);}
body.mp25-tv .mp25-ticket{color:var(--mpf-text) !important;}


/* Admin pages: the stylesheet is enqueued only on MenuPro screens. */
body.wp-admin .wrap{
  margin-top:20px;
  padding:24px;
  border-radius:22px;
  background:linear-gradient(145deg,rgb(9,13,24),rgb(14,19,32)) !important;
  color:rgb(235,243,255);
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
body.wp-admin .wrap h1,
body.wp-admin .wrap h2,
body.wp-admin .wrap h3{
  color:rgb(239,245,255);
}
body.wp-admin .wrap .description,
body.wp-admin .wrap>p{
  color:rgb(154,169,190);
}
body.wp-admin .wrap .widefat{
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.025);
}
body.wp-admin .wrap .widefat thead th{
  background:rgba(0,229,255,.08);
  color:rgb(177,224,236);
  border-bottom-color:rgba(255,255,255,.08);
}
body.wp-admin .wrap .widefat td{
  color:rgb(213,224,240);
  border-bottom-color:rgba(255,255,255,.07);
}
body.wp-admin .wrap .widefat tbody tr:hover{
  background:rgba(0,229,255,.035);
}
body.wp-admin .wrap :is(input,select,textarea){
  border-radius:10px;
  background:rgb(8,13,24);
  color:rgb(235,243,255);
  border:1px solid rgba(255,255,255,.14);
}
body.wp-admin .wrap .button{
  border-radius:10px;
}
body.wp-admin .wrap .button-primary{
  background:rgb(0,140,255) !important;
  border-color:rgb(0,140,255) !important;
  color:white !important;
}
body.wp-admin .wrap .notice{
  border-radius:12px;
}
body.wp-admin .wrap .mp-r6-pill{
  border-radius:999px;
}

/* Admin */
body.wp-admin .wrap.mp-r6,
body.wp-admin .wrap:has(.mp-r6),
body.wp-admin .wrap:has(table.widefat) h1{
  --mpf-admin-bg:rgb(9,13,24);
}
body.wp-admin .wrap.mp-r6{
  background:linear-gradient(145deg,rgb(9,13,24),rgb(13,18,31));
  padding:24px;
  border-radius:22px;
  color:rgb(235,243,255);
}
body.wp-admin .mp-r6-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
body.wp-admin .mp-r6-stat{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(0,229,255,.12) !important;
  border-radius:16px !important;
  color:rgb(190,205,226) !important;
}
body.wp-admin .mp-r6-stat strong{color:rgb(0,229,255) !important;}
body.wp-admin .wrap.mp-r6 .button-primary{
  background:rgb(0,140,255) !important;
  border-color:rgb(0,140,255) !important;
}
body.wp-admin .wrap.mp-r6 .widefat{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.08);
}
body.wp-admin .wrap.mp-r6 .widefat th{
  background:rgba(0,229,255,.08);
  color:rgb(177,224,236);
}
body.wp-admin #toplevel_page_menupro>a{
  background:linear-gradient(90deg,rgb(0,120,210),rgb(145,92,255)) !important;
  color:white !important;
}
body.wp-admin .menupro-future-shell{
  background:linear-gradient(145deg,rgb(9,13,24),rgb(14,19,32));
  color:rgb(235,243,255);
  border-radius:22px;
  padding:24px;
}

/* Utility classes from JS */
.m16-app.mp-future .mp-future-muted{color:var(--mpf-muted) !important;}
.m16-app.mp-future .mp-future-hidden{display:none !important;}
.m16-app.mp-future .mp-future-highlight{
  animation:mpfPulse .9s ease;
}
@keyframes mpfPulse{
  0%{transform:scale(1);box-shadow:0 0 0 rgba(0,229,255,0);}
  45%{transform:scale(1.012);box-shadow:0 0 28px rgba(0,229,255,.18);}
  100%{transform:scale(1);box-shadow:0 0 0 rgba(0,229,255,0);}
}
@media(max-width:1100px){
  .m16-app.mp-future .mp21-kpis{grid-template-columns:repeat(3,minmax(0,1fr));}
  .mp-future-nav-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:760px){
  .m16-app.mp-future{padding:14px 10px 64px !important;}
  .m16-app.mp-future > .m16-header{padding-bottom:14px !important;}
  .m16-app.mp-future .mp49-brand-line{gap:7px;}
  .m16-app.mp-future .mp49-brand{font-size:19px !important;}
  .m16-app.mp-future .mp49-version{display:none;}
  .m16-app.mp-future .mp49-account-actions{gap:6px;}
  .m16-app.mp-future .mp49-membership{padding:7px 9px !important;font-size:10px !important;}
  .m16-app.mp-future .mp49-exit{padding:9px 11px !important;}
  .m16-app.mp-future .mp34-hero{flex-direction:column;align-items:flex-start !important;}
  .m16-app.mp-future .mp34-hero-logo{width:82px !important;height:82px !important;min-width:82px;}
  .m16-app.mp-future .mp34-hero-copy h1{font-size:38px !important;}
  .m16-app.mp-future .mp34-hero-actions{width:100%;display:grid !important;grid-template-columns:1fr;}
  .m16-app.mp-future .mp34-hero-actions>a{width:100%;box-sizing:border-box;}
  .m16-app.mp-future .mp21-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
  .m16-app.mp-future .mp21-kpi{min-height:88px;padding:12px !important;}
  .m16-app.mp-future .mp21-kpi strong{font-size:18px;}
  .mp-future-command-head{align-items:stretch;flex-direction:column;}
  .mp-future-tools{display:grid;grid-template-columns:1fr auto;}
  .mp-future-search{width:100%;}
  .mp-future-nav-grid{grid-template-columns:1fr;}
  .mp-future-nav-group{padding:10px;}
  .m16-app.mp-future .mp34-panel{padding:16px !important;}
  .m16-app.mp-future .mp34-panel-head{align-items:flex-start;flex-direction:column;}
  .mp-future-howto{max-width:none;width:100%;box-sizing:border-box;}
  .m16-app.mp-future .mp21-report-summary{grid-template-columns:1fr 1fr;}
  .m16-app.mp-future .mp22-insights{grid-template-columns:1fr;}
  .m16-app.mp-future .mp22-report-extra{grid-template-columns:1fr;}
  .m16-app.mp-future .mp34-row{grid-template-columns:1fr !important;}
  .m16-app.mp-future .mp34-row-thumb{width:100% !important;height:170px !important;}
  .m16-app.mp-future .mp34-order{flex-direction:column !important;}
  .mp-future-insight{grid-template-columns:38px 1fr;}
  .mp-future-insight-action{grid-column:2;justify-self:start;}
}
@media(max-width:480px){
  .m16-app.mp-future .mp21-kpis{gap:8px;}
  .m16-app.mp-future .mp21-kpi>span{width:36px;height:36px;min-width:36px;}
  .m16-app.mp-future .mp21-kpi small{font-size:10px;}
  .m16-app.mp-future .mp21-kpi strong{font-size:16px;}
  .m16-app.mp-future .mp33-page-head{padding:18px !important;}
  .m16-app.mp-future .mp33-restaurant-card{padding:16px !important;}
}
@media(prefers-reduced-motion:reduce){
  .m16-app.mp-future *,
  .mp-future-toast{animation:none !important;transition:none !important;}
}


/* MenuPro 4.0.1 — R41 CONTRAST / TEXT VISIBILITY SAFETY LAYER
   Final pass over every dashboard section. Prevents legacy light-theme rules
   from turning headings, labels and helper text dark on the futuristic surfaces. */
.m16-app.mp-future{
  --mpf-text-strong:rgb(244,248,255);
  --mpf-text-body:rgb(211,222,239);
  --mpf-text-muted:rgb(158,174,197);
  --mpf-text-faint:rgb(128,146,171);
}
.m16-app.mp-future .mp34-panel :is(h1,h2,h3,h4,h5,h6){
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}
.m16-app.mp-future .mp34-panel :is(p,li,dt,dd,legend,label){
  color:var(--mpf-text-body) !important;
  -webkit-text-fill-color:var(--mpf-text-body) !important;
}
.m16-app.mp-future .mp34-panel :is(small,.description){
  color:var(--mpf-text-muted) !important;
  -webkit-text-fill-color:var(--mpf-text-muted) !important;
}
.m16-app.mp-future .mp34-panel :is(a){
  color:var(--mpf-cyan) !important;
  -webkit-text-fill-color:var(--mpf-cyan) !important;
}
.m16-app.mp-future .mp34-panel :is(.mp34-panel-head h2){
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}
.m16-app.mp-future .mp34-panel .mp34-panel-head p{
  color:var(--mpf-text-muted) !important;
  -webkit-text-fill-color:var(--mpf-text-muted) !important;
}
/* Section-specific headings that previously inherited legacy dark text. */
.m16-app.mp-future .mp34-day-head h3,
.m16-app.mp-future .mp12 > h3,
.m16-app.mp-future #mp22-archive-panel > h3,
.m16-app.mp-future .mp22-report-extra h3,
.m16-app.mp-future .mp25-two > div h3,
.m16-app.mp-future .mp25-qr-grid article h3,
.m16-app.mp-future .mp23-checkout-fields h3,
.m16-app.mp-future .mp22-bank-edit > summary{
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}
.m16-app.mp-future .mp34-day-head span{
  color:var(--mpf-text-muted) !important;
  -webkit-text-fill-color:var(--mpf-text-muted) !important;
}
/* Forms in every dark surface: labels, legends and helper copy stay readable. */
.m16-app.mp-future .mp25-form label,
.m16-app.mp-future .mp34-form label,
.m16-app.mp-future .mp22-bank-edit label,
.m16-app.mp-future .mp20-add-restaurant form label,
.m16-app.mp-future .mp23-edit label,
.m16-app.mp-future .mp25-modifiers,
.m16-app.mp-future .mp23-checkout-fields label,
.m16-app.mp-future .mp12 label{
  color:var(--mpf-text-body) !important;
  -webkit-text-fill-color:var(--mpf-text-body) !important;
}
.m16-app.mp-future .mp25-form small,
.m16-app.mp-future .mp22-bank-edit small,
.m16-app.mp-future .mp23-checkout-fields .mp23-field-hint,
.m16-app.mp-future .mp23-checkout-fields .mp23-confirm-note{
  color:var(--mpf-text-muted) !important;
  -webkit-text-fill-color:var(--mpf-text-muted) !important;
}
/* Dark sub-cards: make their content independent of the old light palette. */
.m16-app.mp-future .mp25-two > div,
.m16-app.mp-future .mp25-qr-grid article,
.m16-app.mp-future .mp22-report-extra section,
.m16-app.mp-future .mp12-item,
.m16-app.mp-future .mp22-archive-row{
  color:var(--mpf-text-body);
}
.m16-app.mp-future .mp25-two > div :is(h3,strong,b),
.m16-app.mp-future .mp25-qr-grid article :is(h3,strong,b),
.m16-app.mp-future .mp22-report-extra section :is(h3,strong,b),
.m16-app.mp-future .mp12-item :is(strong,b),
.m16-app.mp-future .mp22-archive-row :is(strong,b){
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}
.m16-app.mp-future .mp25-two > div :is(p,li,label),
.m16-app.mp-future .mp25-qr-grid article :is(p,li,label),
.m16-app.mp-future .mp22-report-extra section :is(p,li,label){
  color:var(--mpf-text-body) !important;
  -webkit-text-fill-color:var(--mpf-text-body) !important;
}
.m16-app.mp-future .mp22-report-extra li{
  border-bottom-color:rgba(255,255,255,.08) !important;
}
/* Bank editor and weekly editor: no dark-on-dark text. */
.m16-app.mp-future .mp12 > h2{
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}
.m16-app.mp-future .mp12 > p{
  color:var(--mpf-text-muted) !important;
  -webkit-text-fill-color:var(--mpf-text-muted) !important;
}
.m16-app.mp-future .mp12 > h3{
  background:linear-gradient(90deg,rgba(0,229,255,.08),rgba(145,92,255,.04)) !important;
  border-left-color:var(--mpf-cyan) !important;
  border-radius:10px !important;
  padding:9px 12px !important;
}
.m16-app.mp-future .mp20-change{
  background:rgba(0,229,255,.08) !important;
  color:var(--mpf-cyan) !important;
  border:1px solid rgba(0,229,255,.20) !important;
  border-radius:11px !important;
  padding:9px 12px !important;
  font-weight:850 !important;
}
.m16-app.mp-future .mp22-bank-edit{
  border:1px solid rgba(145,92,255,.14);
  border-radius:13px;
  padding:4px 8px;
}
.m16-app.mp-future .mp22-bank-edit > summary{
  color:rgb(214,201,255) !important;
  cursor:pointer;
  padding:8px 4px;
  font-weight:850;
}
.m16-app.mp-future .mp22-bank-edit form{
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.07);
}
/* KPI cards from R25: avoid the old white card / dark dashboard mismatch. */
.m16-app.mp-future .mp25-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px !important;
}
.m16-app.mp-future .mp25-kpis > div{
  background:linear-gradient(145deg,rgba(18,27,46,.94),rgba(12,18,32,.94)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
  color:var(--mpf-text-body) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.m16-app.mp-future .mp25-kpis small{
  color:var(--mpf-text-muted) !important;
  -webkit-text-fill-color:var(--mpf-text-muted) !important;
}
.m16-app.mp-future .mp25-kpis strong{
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}
/* Public menu and checkout: labels and helper text were the most common hidden-text cases. */
.m16-app.mp-future .mp33-public :is(label,.mp25-modifiers){
  color:var(--mpf-text-body) !important;
  -webkit-text-fill-color:var(--mpf-text-body) !important;
}
.m16-app.mp-future .mp23-checkout-fields h3{
  color:var(--mpf-text-strong) !important;
}
.m16-app.mp-future .mp23-checkout-fields label{
  color:var(--mpf-text-body) !important;
}
.m16-app.mp-future .mp23-cart-row{
  color:var(--mpf-text-body) !important;
}
.m16-app.mp-future .mp23-cart-info small,
.m16-app.mp-future .mp23-confirm-note,
.m16-app.mp-future .mp23-field-hint{
  color:var(--mpf-text-muted) !important;
  -webkit-text-fill-color:var(--mpf-text-muted) !important;
}
.m16-app.mp-future .mp23-cart-info strong,
.m16-app.mp-future .mp23-cart-summary strong{
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}
/* Buttons without a class (Marketing, Caja, Equipo, staff helpers). */
.m16-app.mp-future .mp34-panel button:not([class]){
  background:linear-gradient(135deg,rgba(0,229,255,.13),rgba(145,92,255,.11)) !important;
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
  border:1px solid rgba(0,229,255,.20) !important;
  padding:10px 14px !important;
  border-radius:11px !important;
  cursor:pointer;
}
/* Restore circular quantity controls after the global future button radius. */
.m16-app.mp-future .mp23-inline-qty button,
.m16-app.mp-future .mp23-cart-row-controls button{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.08) !important;
  color:var(--mpf-text-strong) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
.m16-app.mp-future .mp23-cart-row-controls .mp23-remove{
  width:auto !important;
  min-width:0 !important;
  height:32px !important;
  min-height:32px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  color:rgb(255,150,150) !important;
}
/* Mobile: keep all helper text inside the viewport. */
@media(max-width:760px){
  .m16-app.mp-future .mp25-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
  .m16-app.mp-future .mp34-panel :is(p,li,dt,dd,label){overflow-wrap:anywhere;}
}
@media(max-width:480px){
  .m16-app.mp-future .mp25-kpis{grid-template-columns:1fr;}
  .m16-app.mp-future .mp34-panel :is(h1,h2,h3){line-height:1.18;}
}

/* R41 visual consistency for legacy lunch / weekly controls. */
.m16-app.mp-future .mp11-days{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:12px 0 18px;
}
.m16-app.mp-future .mp11-days a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:38px;
  padding:7px 11px;
  border:1px solid rgba(0,229,255,.18);
  border-radius:999px;
  background:rgba(0,229,255,.05);
  color:var(--mpf-cyan) !important;
  text-decoration:none;
  font-weight:850;
}
.m16-app.mp-future .mp11-days a:hover{
  background:rgba(0,229,255,.11);
  border-color:rgba(0,229,255,.30);
}
.m16-app.mp-future .mp11 small,
.m16-app.mp-future .mp14-stock small{
  color:var(--mpf-text-muted) !important;
  -webkit-text-fill-color:var(--mpf-text-muted) !important;
}
.m16-app.mp-future .mp14-stock{
  margin-top:12px;
  padding:12px;
  border:1px solid rgba(0,229,255,.10);
  border-radius:13px;
  background:rgba(0,229,255,.025);
}
.m16-app.mp-future .mp14-stock label{
  color:var(--mpf-text-body) !important;
}
/* Public lunch widget inherits the same readable dark surface. */
.m16-app.mp-future .mp11.mp11-public{
  background:rgba(13,20,34,.90) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:var(--mpf-text-body) !important;
}
.m16-app.mp-future .mp11.mp11-public h2{
  color:var(--mpf-text-strong) !important;
}
.m16-app.mp-future .mp11.mp11-public label{
  color:var(--mpf-text-body) !important;
}
.m16-app.mp-future .mp11.mp11-public small,
.m16-app.mp-future .mp11-status{
  color:var(--mpf-text-muted) !important;
}
/* Standalone tracking / staff / TV pages also receive the Future UI layer. */
body.mp25-track,
body.mp25-tv{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
body.mp25-track main>h1,
body.mp25-tv main>h1{
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}
body.mp25-track main>p,
body.mp25-tv main>p{
  color:var(--mpf-text-muted) !important;
}
body.mp25-track .mp25-form label{
  color:var(--mpf-text-body) !important;
}
body.mp25-track .mp25-form :is(input,select,textarea){
  background:rgba(6,11,22,.88) !important;
  color:var(--mpf-text-strong) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:12px !important;
  min-height:44px;
  padding:10px 12px;
}
body.mp25-track main>section h2,
body.mp25-track main>section h3,
body.mp25-tv main>section h2,
body.mp25-tv main>section h3{
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}

.m16-app.mp-future .mp33-public .mp25-stock-low{
  color:rgb(255,132,132) !important;
  -webkit-text-fill-color:rgb(255,132,132) !important;
}
.m16-app.mp-future .mp33-public .mp25-combo-badge{
  background:linear-gradient(135deg,var(--mpf-orange),var(--mpf-pink)) !important;
  color:rgb(10,13,22) !important;
  -webkit-text-fill-color:rgb(10,13,22) !important;
}
.m16-app.mp-future .mp33-public .mp23-inline-qty strong{
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}


.m16-app.mp-future{color-scheme:dark;}

/* MenuPro 4.0.2 — R42 FINAL CONTRAST / LEGACY QUARANTINE
   Fixes the remaining dark-on-light / light-on-light cases caused by
   broad legacy selectors such as ".m16-dashboard section" and
   ".m16-app .mp30-shortcut". This block is intentionally last. */

/* The legacy brand layer paints every dashboard <section> white.
   Future UI owns those surfaces now. */
.m16-app.mp-future .m16-dashboard section{
  background:linear-gradient(145deg,rgba(17,25,42,.96),rgba(10,16,29,.96)) !important;
  color:var(--mpf-text-body) !important;
  border-color:rgba(255,255,255,.08) !important;
}
.m16-app.mp-future .m16-dashboard .mp-future-command{
  background:rgba(12,18,31,.90) !important;
}
.m16-app.mp-future .m16-dashboard .mp-future-insight{
  background:linear-gradient(90deg,rgba(0,229,255,.07),rgba(255,0,153,.05)) !important;
}
.m16-app.mp-future .m16-dashboard .mp34-panel{
  background:linear-gradient(145deg,rgba(17,25,42,.96),rgba(10,16,29,.96)) !important;
}
.m16-app.mp-future .m16-dashboard .mp34-hero{
  background:
    radial-gradient(circle at 86% 20%,rgba(255,0,153,.18),transparent 28%),
    linear-gradient(135deg,rgb(11,24,43),rgb(17,15,43) 58%,rgb(12,20,35)) !important;
}
.m16-app.mp-future .m16-dashboard .mp22-onboarding{
  background:linear-gradient(135deg,rgba(0,229,255,.06),rgba(145,92,255,.06)) !important;
}

/* Navigation command center: force the three group columns off the
   old white dashboard surface. */
.m16-app.mp-future .mp-future-nav-grid{
  background:transparent !important;
}
.m16-app.mp-future .mp-future-nav-group{
  background:linear-gradient(145deg,rgba(18,27,46,.92),rgba(11,17,31,.92)) !important;
  color:var(--mpf-text-body) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}
.m16-app.mp-future .mp-future-nav-group>strong{
  color:var(--mpf-text-muted) !important;
  -webkit-text-fill-color:var(--mpf-text-muted) !important;
}
.m16-app.mp-future .mp-future-nav-item{
  background:rgba(255,255,255,.035) !important;
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}
.m16-app.mp-future .mp-future-nav-item:hover,
.m16-app.mp-future .mp-future-nav-item.is-active{
  background:linear-gradient(135deg,rgba(0,229,255,.10),rgba(145,92,255,.09)) !important;
}
.m16-app.mp-future .mp-future-nav-copy strong{
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}
.m16-app.mp-future .mp-future-nav-copy small{
  color:var(--mpf-text-muted) !important;
  -webkit-text-fill-color:var(--mpf-text-muted) !important;
}

/* Restaurant chooser limit/help card. */
.m16-app.mp-future .mp35-help{
  background:linear-gradient(145deg,rgba(18,27,46,.96),rgba(11,17,31,.96)) !important;
  color:var(--mpf-text-body) !important;
  border:1px solid rgba(255,171,0,.20) !important;
  border-radius:18px !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.m16-app.mp-future .mp35-help strong{
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}
.m16-app.mp-future .mp35-help p{
  color:var(--mpf-text-body) !important;
  -webkit-text-fill-color:var(--mpf-text-body) !important;
}
.m16-app.mp-future .mp35-help .mp35-contact{
  background:linear-gradient(135deg,var(--mpf-cyan),var(--mpf-purple)) !important;
  color:rgb(4,10,18) !important;
  -webkit-text-fill-color:rgb(4,10,18) !important;
  border:0 !important;
}

/* Public menu: legacy brand24/premium18 force dark headings. */
.m16-app.mp-future.mp18-public .mp33-public-list{
  background:linear-gradient(145deg,rgba(13,20,34,.96),rgba(9,14,26,.96)) !important;
  color:var(--mpf-text-body) !important;
}
.m16-app.mp-future.mp18-public .mp33-public-section-head{
  border-bottom-color:rgba(255,255,255,.09) !important;
}
.m16-app.mp-future.mp18-public .mp33-public-section-head h2,
.m16-app.mp-future.mp18-public .mp33-checkout h2,
.m16-app.mp-future.mp18-public .mp23-checkout h2{
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}
.m16-app.mp-future.mp18-public .mp33-public-day-title{
  color:var(--mpf-orange) !important;
  -webkit-text-fill-color:var(--mpf-orange) !important;
}
.m16-app.mp-future.mp18-public .mp33-service-tab{
  background:rgba(255,255,255,.06) !important;
  color:var(--mpf-text-body) !important;
  -webkit-text-fill-color:var(--mpf-text-body) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
.m16-app.mp-future.mp18-public .mp33-service-tab.is-active{
  background:linear-gradient(135deg,var(--mpf-cyan),var(--mpf-purple)) !important;
  color:rgb(4,10,18) !important;
  -webkit-text-fill-color:rgb(4,10,18) !important;
  border-color:transparent !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-row{
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) auto !important;
  gap:16px !important;
  align-items:center !important;
  background:linear-gradient(145deg,rgba(18,27,46,.92),rgba(11,17,31,.92)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:var(--mpf-text-body) !important;
  overflow:hidden !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-thumb{
  width:92px !important;
  height:92px !important;
  object-fit:cover !important;
  border-radius:15px !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-main{
  min-width:0 !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-main h3{
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  line-height:1.2 !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-main p{
  color:var(--mpf-text-muted) !important;
  -webkit-text-fill-color:var(--mpf-text-muted) !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-main strong{
  color:var(--mpf-orange) !important;
  -webkit-text-fill-color:var(--mpf-orange) !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-check,
.m16-app.mp-future.mp18-public .mp33-menu-qty,
.m16-app.mp-future.mp18-public .mp25-modifiers{
  color:var(--mpf-text-body) !important;
  -webkit-text-fill-color:var(--mpf-text-body) !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-row select,
.m16-app.mp-future.mp18-public .mp25-modifiers select{
  background:rgb(8,13,24) !important;
  color:var(--mpf-text-strong) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-row option{
  background:rgb(8,13,24) !important;
  color:var(--mpf-text-strong) !important;
}
.m16-app.mp-future.mp18-public .mp23-product-actions{
  min-width:118px !important;
}
.m16-app.mp-future.mp18-public .mp23-add{
  color:rgb(4,9,17) !important;
  -webkit-text-fill-color:rgb(4,9,17) !important;
  font-weight:900 !important;
}
.m16-app.mp-future.mp18-public .mp23-inline-qty strong{
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}

/* Broad legacy headings/text: keep future surfaces readable without
   overriding intentional neon accents on buttons, prices or kickers. */
.m16-app.mp-future :is(h1,h2,h3,h4,h5,h6){
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}
.m16-app.mp-future :is(p,li,dt,dd,legend,label,summary,th,td){
  color:var(--mpf-text-body) !important;
  -webkit-text-fill-color:var(--mpf-text-body) !important;
}
.m16-app.mp-future :is(small,.description){
  color:var(--mpf-text-muted) !important;
  -webkit-text-fill-color:var(--mpf-text-muted) !important;
}

/* Re-assert intentional accents after the broad contrast rule. */
.m16-app.mp-future .mp33-kicker,
.m16-app.mp-future .mp34-kicker{
  color:var(--mpf-cyan) !important;
  -webkit-text-fill-color:var(--mpf-cyan) !important;
}
.m16-app.mp-future .mpf-price,
.m16-app.mp-future .mp33-menu-main strong,
.m16-app.mp-future .mp20-extra{
  color:var(--mpf-orange) !important;
  -webkit-text-fill-color:var(--mpf-orange) !important;
}
.m16-app.mp-future .mp25-stock-low{
  color:rgb(255,132,132) !important;
  -webkit-text-fill-color:rgb(255,132,132) !important;
}
.m16-app.mp-future .mp23-added-note{
  color:var(--mpf-lime) !important;
  -webkit-text-fill-color:var(--mpf-lime) !important;
}
.m16-app.mp-future .mp18-availability{
  color:var(--mpf-lime) !important;
  -webkit-text-fill-color:var(--mpf-lime) !important;
}
.m16-app.mp-future .mp23-confirm{
  color:rgb(4,10,16) !important;
  -webkit-text-fill-color:rgb(4,10,16) !important;
}

/* Inputs keep dark text only when their surface is light; Future inputs
   use the dark readable surface explicitly. */
.m16-app.mp-future :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  background:rgb(8,13,24) !important;
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
  border-color:rgba(255,255,255,.13) !important;
}
.m16-app.mp-future :is(input,textarea)::placeholder{
  color:rgb(128,146,171) !important;
  -webkit-text-fill-color:rgb(128,146,171) !important;
}
.m16-app.mp-future select option{
  background:rgb(8,13,24) !important;
  color:var(--mpf-text-strong) !important;
}

/* Responsive public menu: prevent overlap at tablet/mobile widths. */
@media(max-width:760px){
  .m16-app.mp-future.mp18-public .mp33-menu-row{
    grid-template-columns:82px minmax(0,1fr) !important;
  }
  .m16-app.mp-future.mp18-public .mp33-menu-thumb{
    width:82px !important;
    height:82px !important;
  }
  .m16-app.mp-future.mp18-public .mp23-product-actions{
    grid-column:1/-1 !important;
    width:100% !important;
    justify-content:flex-end !important;
  }
}
@media(max-width:560px){
  .m16-app.mp-future.mp18-public .mp33-menu-row{
    grid-template-columns:1fr !important;
  }
  .m16-app.mp-future.mp18-public .mp33-menu-thumb{
    width:100% !important;
    height:170px !important;
  }
  .m16-app.mp-future.mp18-public .mp23-product-actions{
    grid-column:1 !important;
  }
}



/* MenuPro 4.3.0 — R43 GASTRO FUTURE UI (legacy base; R44 light layer loads after it)
   Restaurant-first palette: espresso backgrounds, cream text, amber/coral CTAs,
   green availability, fuchsia promos and cyan only as informative accent.
   This block intentionally stays last to override the legacy neon-blue skin. */
.m16-app.mp-future{
  --mpf-bg: rgb(18,15,13);
  --mpf-bg-2: rgb(25,20,17);
  --mpf-surface: rgba(31,25,21,.94);
  --mpf-surface-2: rgba(42,33,28,.92);
  --mpf-line: rgba(255,248,235,.10);
  --mpf-text: rgb(255,248,235);
  --mpf-muted: rgb(194,178,157);
  --mpf-text-strong: rgb(255,248,235);
  --mpf-text-body: rgb(231,219,203);
  --mpf-text-muted: rgb(194,178,157);
  --mpf-text-faint: rgb(152,137,119);
  --mpf-cyan: rgb(48,210,220);
  --mpf-pink: rgb(235,70,130);
  --mpf-lime: rgb(92,190,83);
  --mpf-orange: rgb(255,183,0);
  --mpf-purple: rgb(176,96,136);
  --mpf-blue: rgb(48,210,220);
  --mpf-danger: rgb(239,92,67);
  --mpf-amber: rgb(255,183,0);
  --mpf-coral: rgb(239,92,67);
  --mpf-cream: rgb(255,248,235);
  --mpf-leaf: rgb(92,190,83);
  --mpf-promo: rgb(235,70,130);
}
body:has(.m16-app.mp-future),
body:has(.m16-app.mp-future) .m16-app{
  background:
    radial-gradient(circle at 10% 0%, rgba(255,183,0,.10), transparent 26%),
    radial-gradient(circle at 92% 10%, rgba(235,70,130,.11), transparent 24%),
    radial-gradient(circle at 70% 35%, rgba(48,210,220,.06), transparent 22%),
    linear-gradient(135deg, rgb(14,11,10), rgb(20,15,12) 52%, rgb(11,8,8)) !important;
}
.m16-app.mp-future::before{
  opacity:.14;
  background-image:
    linear-gradient(rgba(255,248,235,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,248,235,.03) 1px,transparent 1px);
}
.m16-app.mp-future a{color:var(--mpf-cyan) !important;}
.m16-app.mp-future a:hover{color:rgb(123,233,239) !important;}
.m16-app.mp-future :is(input,select,textarea){
  background:rgba(20,16,14,.92) !important;
  color:var(--mpf-text-strong) !important;
  border:1px solid rgba(255,248,235,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.m16-app.mp-future :is(input,select,textarea):focus{
  border-color:rgba(255,183,0,.55) !important;
  box-shadow:0 0 0 3px rgba(255,183,0,.16),0 0 24px rgba(239,92,67,.08) !important;
}
.m16-app.mp-future .mp-brand-app-icon,
.m16-app.mp-future .mp34-hero-logo,
.m16-app.mp-future .mp33-public-logo{
  background:rgba(255,248,235,.06) !important;
  border-color:rgba(255,183,0,.28) !important;
  box-shadow:0 0 26px rgba(255,183,0,.10) !important;
}
.m16-app.mp-future .mp49-menu{color:var(--mpf-orange) !important;}
.m16-app.mp-future .mp49-pro{color:var(--mpf-danger) !important;}
.m16-app.mp-future .mp49-version,
.m16-app.mp-future .mp34-topbar-note,
.m16-app.mp-future .mp-future-nav-group>strong,
.m16-app.mp-future .mp33-page-head p,
.m16-app.mp-future .mp34-hero-copy>p:not(.mp34-kicker),
.m16-app.mp-future .mp33-public-copy p,
.m16-app.mp-future .mp34-panel .mp34-panel-head p,
.m16-app.mp-future .mp-future-nav-copy small,
.m16-app.mp-future :is(small,.description){
  color:var(--mpf-text-muted) !important;
  -webkit-text-fill-color:var(--mpf-text-muted) !important;
}

/* Warm surfaces */
.m16-app.mp-future .m16-card,
.m16-app.mp-future .mp33-page-head,
.m16-app.mp-future .mp33-restaurant-card,
.m16-app.mp-future .m16-dashboard section,
.m16-app.mp-future .mp34-panel,
.m16-app.mp-future .mp-future-command,
.m16-app.mp-future .mp-future-nav-group,
.m16-app.mp-future .mp21-kpi,
.m16-app.mp-future .mp22-onboarding,
.m16-app.mp-future .mp22-step,
.m16-app.mp-future .mp33-public-list,
.m16-app.mp-future .mp33-checkout,
.m16-app.mp-future .mp23-checkout,
.m16-app.mp-future .mp33-menu-row,
.m16-app.mp-future .mp25-kpis > div,
.m16-app.mp-future .mp35-help,
.m16-app.mp-future .mp11.mp11-public,
body.mp25-track main>section,
body.mp25-tv .mp25-ticket,
body.wp-admin .wrap{
  background:linear-gradient(145deg, rgba(33,26,23,.96), rgba(20,16,14,.96)) !important;
  border:1px solid rgba(255,248,235,.08) !important;
  color:var(--mpf-text-body) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.24) !important;
}
.m16-app.mp-future .mp34-hero,
.m16-app.mp-future .mp33-public-hero,
.m16-app.mp-future .m16-dashboard .mp34-hero{
  background:
    radial-gradient(circle at 84% 18%, rgba(235,70,130,.16), transparent 28%),
    radial-gradient(circle at 18% 0%, rgba(255,183,0,.12), transparent 22%),
    linear-gradient(135deg, rgb(34,24,18), rgb(24,18,16) 58%, rgb(17,13,12)) !important;
  border:1px solid rgba(255,183,0,.18) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.28), 0 0 42px rgba(255,183,0,.06) !important;
}
.m16-app.mp-future .mp34-hero::after{
  border-color:rgba(255,183,0,.14) !important;
  box-shadow:0 0 0 48px rgba(255,183,0,.04),0 0 0 96px rgba(235,70,130,.03) !important;
}
.m16-app.mp-future .mp33-restaurant-card::before{
  background:linear-gradient(90deg,var(--mpf-orange),var(--mpf-danger),var(--mpf-lime)) !important;
}
.m16-app.mp-future .m16-alert{
  background:rgba(255,183,0,.10) !important;
  border-color:rgba(255,183,0,.34) !important;
  color:rgb(255,227,168) !important;
}
.m16-app.mp-future .m16-state,
.m16-app.mp-future .mp49-membership,
.m16-app.mp-future .mp18-whatsapp-unified{
  background:rgba(92,190,83,.10) !important;
  color:var(--mpf-leaf) !important;
  border-color:rgba(92,190,83,.28) !important;
}
.m16-app.mp-future .mp22-card-plan,
.m16-app.mp-future .mp25-combo-badge{
  background:rgba(235,70,130,.11) !important;
  color:rgb(255,183,213) !important;
  border-color:rgba(235,70,130,.28) !important;
}

/* Calls to action */
.m16-app.mp-future .m16-primary,
.m16-app.mp-future .m16-install button,
.m16-app.mp-future .mp13-enter-btn,
.m16-app.mp-future .mp23-add,
.m16-app.mp-future .mp23-confirm,
.m16-app.mp-future .mp35-help .mp35-contact,
.m16-app.mp-future .mp34-hero-actions .m16-primary,
.m16-app.mp-future .mp34-panel button:not([class]),
body.wp-admin .wrap .button-primary{
  background:linear-gradient(135deg, var(--mpf-orange), var(--mpf-danger)) !important;
  color:rgb(23,14,10) !important;
  -webkit-text-fill-color:rgb(23,14,10) !important;
  border:0 !important;
  box-shadow:0 14px 34px rgba(239,92,67,.16) !important;
}
.m16-app.mp-future .mp23-confirm{
  background:linear-gradient(135deg, var(--mpf-orange), rgb(255,206,95)) !important;
}
.m16-app.mp-future .mp31-back,
.m16-app.mp-future .mp16-return a,
.m16-app.mp-future .mp34-btn-secondary,
.m16-app.mp-future .mp49-exit,
.m16-app.mp-future .mp-future-home,
body.wp-admin .wrap .button{
  background:rgba(255,248,235,.05) !important;
  color:var(--mpf-text-body) !important;
  border:1px solid rgba(255,248,235,.12) !important;
}
.m16-app.mp-future .mp-future-home{
  color:var(--mpf-orange) !important;
  border-color:rgba(255,183,0,.24) !important;
  background:rgba(255,183,0,.08) !important;
}

/* Menu/public experience */
.m16-app.mp-future.mp18-public .mp33-public-day-title,
.m16-app.mp-future .mpf-price,
.m16-app.mp-future .mp33-menu-main strong,
.m16-app.mp-future .mp20-extra,
.m16-app.mp-future .mp33-menu-main .price,
.m16-app.mp-future .mp23-cart-summary .amount{
  color:var(--mpf-orange) !important;
  -webkit-text-fill-color:var(--mpf-orange) !important;
}
.m16-app.mp-future .mp33-menu-main h3,
.m16-app.mp-future .mp33-public-section-head h2,
.m16-app.mp-future .mp33-checkout h2,
.m16-app.mp-future .mp23-checkout h2,
.m16-app.mp-future .mp11.mp11-public h2,
body.mp25-track main>h1,
body.mp25-tv main>h1{
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}
.m16-app.mp-future .mp33-menu-row:hover,
.m16-app.mp-future .mp-future-nav-item:hover,
.m16-app.mp-future .mp-future-nav-item.is-active,
.m16-app.mp-future .mp22-step.is-done,
.m16-app.mp-future .mp23-product.is-in-cart{
  border-color:rgba(255,183,0,.22) !important;
  box-shadow:0 0 0 1px rgba(255,183,0,.08), 0 8px 24px rgba(0,0,0,.18) !important;
}
.m16-app.mp-future .mp33-service-tab,
.m16-app.mp-future .m16-actions button{
  background:rgba(255,248,235,.05) !important;
  color:var(--mpf-text-body) !important;
  border:1px solid rgba(255,248,235,.10) !important;
}
.m16-app.mp-future .mp33-service-tab.is-active,
.m16-app.mp-future .m16-actions button.active{
  background:linear-gradient(135deg,rgba(255,183,0,.16),rgba(239,92,67,.16)) !important;
  color:var(--mpf-text-strong) !important;
  border-color:rgba(255,183,0,.26) !important;
  box-shadow:inset 0 0 0 1px rgba(255,183,0,.18),0 8px 24px rgba(0,0,0,.18) !important;
}
.m16-app.mp-future .mp23-cartbar{
  background:linear-gradient(135deg, rgb(42,28,21), rgb(24,18,16)) !important;
  border:1px solid rgba(255,183,0,.22) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 28px rgba(255,183,0,.08) !important;
}
.m16-app.mp-future .mp23-added-note,
.m16-app.mp-future .mp18-availability,
body.mp25-track .mp25-progress .done,
body.mp25-track .mp25-progress .done span{
  color:var(--mpf-leaf) !important;
  -webkit-text-fill-color:var(--mpf-leaf) !important;
}
body.mp25-track .mp25-progress .done span{
  background:linear-gradient(135deg,rgba(92,190,83,.18),rgba(255,183,0,.18)) !important;
}
.m16-app.mp-future .mp25-stock-low,
.m16-app.mp-future .mp23-cart-row-controls .mp23-remove,
body.mp25-track .mp25-cancel{
  color:var(--mpf-danger) !important;
  -webkit-text-fill-color:var(--mpf-danger) !important;
}
.m16-app.mp-future .mp23-inline-qty button,
.m16-app.mp-future .mp23-cart-row-controls button,
.m16-app.mp-future .mp22-card-metrics span,
.m16-app.mp-future .mp21-kpi>span,
.m16-app.mp-future .mp-future-nav-icon{
  background:rgba(255,248,235,.06) !important;
  border:1px solid rgba(255,248,235,.10) !important;
}
.m16-app.mp-future .mp21-kpi:nth-child(1),
.m16-app.mp-future .mp-future-nav-item:nth-child(1n) .mp-future-nav-icon{color:var(--mpf-orange) !important;}
.m16-app.mp-future .mp21-kpi:nth-child(2){--kpi:var(--mpf-leaf);}
.m16-app.mp-future .mp21-kpi:nth-child(3){--kpi:var(--mpf-danger);}
.m16-app.mp-future .mp21-kpi:nth-child(4){--kpi:var(--mpf-pink);}
.m16-app.mp-future .mp21-kpi:nth-child(5){--kpi:var(--mpf-cyan);}
.m16-app.mp-future .mp21-kpi:nth-child(6){--kpi:rgb(255,206,95);}
.m16-app.mp-future .mp-future-nav-item:nth-child(2n) .mp-future-nav-icon{color:var(--mpf-danger) !important;background:rgba(239,92,67,.10) !important;}
.m16-app.mp-future .mp-future-nav-item:nth-child(3n) .mp-future-nav-icon{color:var(--mpf-leaf) !important;background:rgba(92,190,83,.10) !important;}
.m16-app.mp-future .mp-future-nav-item:nth-child(4n) .mp-future-nav-icon{color:var(--mpf-cyan) !important;background:rgba(48,210,220,.10) !important;}

/* Admin */
body.wp-admin .wrap,
body.wp-admin .wrap h1,
body.wp-admin .wrap h2,
body.wp-admin .wrap h3,
body.wp-admin .wrap td,
body.wp-admin .wrap th,
body.wp-admin .wrap p,
body.wp-admin .wrap label{color:var(--mpf-text-body) !important;}
body.wp-admin .wrap h1,
body.wp-admin .wrap h2,
body.wp-admin .wrap h3{color:var(--mpf-text-strong) !important;}
body.wp-admin .wrap .description,
body.wp-admin .wrap>p{color:var(--mpf-text-muted) !important;}
body.wp-admin .wrap .widefat,
body.wp-admin .wrap .widefat tbody tr:hover{background:rgba(255,248,235,.03) !important;}
body.wp-admin .wrap .widefat thead th{background:rgba(255,183,0,.10) !important;color:rgb(255,232,183) !important;}
body.wp-admin .wrap :is(input,select,textarea){background:rgba(20,16,14,.94) !important;color:var(--mpf-text-strong) !important;border-color:rgba(255,248,235,.14) !important;}

/* Small readability reinforcements */
.m16-app.mp-future :is(h1,h2,h3,h4,h5,h6){
  color:var(--mpf-text-strong) !important;
  -webkit-text-fill-color:var(--mpf-text-strong) !important;
}
.m16-app.mp-future :is(p,li,dt,dd,legend,label,summary,th,td){
  color:var(--mpf-text-body) !important;
  -webkit-text-fill-color:var(--mpf-text-body) !important;
}
.m16-app.mp-future :is(input,textarea)::placeholder{
  color:var(--mpf-text-faint) !important;
  -webkit-text-fill-color:var(--mpf-text-faint) !important;
}
.m16-app.mp-future select option{
  background:rgb(20,16,14) !important;
  color:var(--mpf-text-strong) !important;
}