/*
 * MenuPro A1 — R48 / v4.6.0
 * UX POLISH — CLARO, GASTRONÓMICO Y FÁCIL
 *
 * Última capa visual para la administración normal.
 * No altera datos, rutas, AJAX ni reglas de negocio.
 * El modo TV de cocina y el menú público conservan sus tratamientos propios.
 */

:root{
  --mp48-bg:#f6f7f9;
  --mp48-surface:#ffffff;
  --mp48-warm:#fff8eb;
  --mp48-warm-2:#fffdf8;
  --mp48-text:#182230;
  --mp48-text-2:#475467;
  --mp48-muted:#667085;
  --mp48-faint:#98a2b3;
  --mp48-line:#e4e7ec;
  --mp48-line-warm:#efd38b;
  --mp48-amber:#f59e0b;
  --mp48-amber-dark:#a95f00;
  --mp48-green:#16834d;
  --mp48-green-soft:#eaf7ef;
  --mp48-blue:#2563eb;
  --mp48-blue-soft:#edf4ff;
  --mp48-red:#c24135;
  --mp48-red-soft:#fff0ed;
  --mp48-shadow:0 7px 22px rgba(31,41,55,.055);
  --mp48-shadow-hover:0 12px 28px rgba(31,41,55,.09);
}

body:has(.m16-app.mp-future){
  background:var(--mp48-bg) !important;
  color:var(--mp48-text) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public){
  max-width:1320px !important;
  padding:14px clamp(12px,2.2vw,28px) 64px !important;
  background:var(--mp48-bg) !important;
  color:var(--mp48-text) !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) *{
  box-sizing:border-box;
}

/* Hard reset for legacy dark/gradient surfaces. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard > *,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard section,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard article,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-kpis,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-command,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-nav-group{
  background-image:none !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) :is(h1,h2,h3,h4,h5,h6,strong,th){
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) :is(p,li,dt,dd,label,legend,summary,td,small){
  color:var(--mp48-text-2);
  -webkit-text-fill-color:var(--mp48-text-2);
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) :is(a,.mp-future-nav-item){
  -webkit-text-fill-color:inherit;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  min-height:48px !important;
  padding:11px 13px !important;
  background:#fff !important;
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
  border:1px solid #d7dde6 !important;
  border-radius:11px !important;
  box-shadow:0 1px 2px rgba(16,24,40,.03) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) textarea{
  min-height:112px !important;
  resize:vertical;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) :is(input,select,textarea)::placeholder{
  color:#98a2b3 !important;
  -webkit-text-fill-color:#98a2b3 !important;
  opacity:1 !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) :is(input,select,textarea):focus{
  outline:none !important;
  border-color:#efb33a !important;
  box-shadow:0 0 0 3px rgba(245,158,11,.14) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) button{
  min-height:44px !important;
  border-radius:11px !important;
  font-weight:800 !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) :focus-visible{
  outline:3px solid rgba(37,99,235,.30) !important;
  outline-offset:3px !important;
}

/* Header: compact, friendly and readable. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) > .m16-header{
  min-height:64px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:9px 13px !important;
  margin:0 0 16px !important;
  background:#fff !important;
  border:1px solid var(--mp48-line) !important;
  border-radius:16px !important;
  box-shadow:0 4px 16px rgba(31,41,55,.04) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .mp49-brand-line{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  min-width:0 !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .mp-brand-app-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  padding:2px !important;
  border-radius:12px !important;
  background:#fff8e8 !important;
  border:1px solid #efd38b !important;
  box-shadow:none !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .mp49-brand{
  font-size:21px !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .mp49-menu{
  color:#1d4f73 !important;
  -webkit-text-fill-color:#1d4f73 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .mp49-pro{
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .mp49-version{
  color:var(--mp48-faint) !important;
  -webkit-text-fill-color:var(--mp48-faint) !important;
  font-size:10px !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .mp49-account-actions{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  margin-left:auto !important;
  min-width:0 !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .mp48-greeting{
  display:inline-flex !important;
  align-items:baseline !important;
  gap:4px !important;
  color:var(--mp48-text-2) !important;
  -webkit-text-fill-color:var(--mp48-text-2) !important;
  font-size:12px !important;
  white-space:nowrap !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .mp48-greeting strong{
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
  font-size:12px !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-state,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .mp49-membership{
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 11px !important;
  background:var(--mp48-green-soft) !important;
  color:#167447 !important;
  -webkit-text-fill-color:#167447 !important;
  border:1px solid #b7dfc6 !important;
  border-radius:999px !important;
  font-weight:850 !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .mp49-exit{
  min-height:36px !important;
  padding:8px 13px !important;
  background:#fff !important;
  color:var(--mp48-text-2) !important;
  -webkit-text-fill-color:var(--mp48-text-2) !important;
  border:1px solid #d9dee7 !important;
}

/* Breadcrumb / top action. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-topbar{
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 12px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp31-back{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:9px 14px !important;
  background:#fff !important;
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
  border:1px solid var(--mp48-line-warm) !important;
  border-radius:11px !important;
  text-decoration:none !important;
  font-weight:850 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-topbar-note{
  color:var(--mp48-faint) !important;
  -webkit-text-fill-color:var(--mp48-faint) !important;
  font-size:10px !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
}

/* Main restaurant hero: warm, calm and compact. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero{
  min-height:154px !important;
  display:grid !important;
  grid-template-columns:88px minmax(0,1fr) !important;
  align-items:center !important;
  gap:20px !important;
  padding:24px clamp(20px,3vw,32px) !important;
  margin:0 0 16px !important;
  overflow:hidden !important;
  background:#fff8eb !important;
  background-image:none !important;
  color:var(--mp48-text) !important;
  border:1px solid var(--mp48-line-warm) !important;
  border-radius:20px !important;
  box-shadow:var(--mp48-shadow) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero::before,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero::after{
  display:none !important;
  content:none !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero-logo{
  width:88px !important;
  height:88px !important;
  min-width:88px !important;
  object-fit:contain !important;
  padding:7px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid #efd38b !important;
  box-shadow:0 6px 16px rgba(31,41,55,.06) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-logo-placeholder{
  display:grid !important;
  place-items:center !important;
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
  font-size:34px !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-kicker{
  margin:0 0 4px !important;
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero-copy h1{
  margin:0 0 8px !important;
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
  font-size:clamp(32px,4vw,48px) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  text-shadow:none !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero-copy>p:not(.mp34-kicker){
  margin:0 !important;
  max-width:840px !important;
  color:var(--mp48-text-2) !important;
  -webkit-text-fill-color:var(--mp48-text-2) !important;
  line-height:1.5 !important;
  font-size:14px !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  margin-top:14px !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero-actions>a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:10px 16px !important;
  border-radius:11px !important;
  font-weight:850 !important;
  text-decoration:none !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero-actions .m16-primary{
  background:var(--mp48-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:0 !important;
  box-shadow:0 6px 15px rgba(245,158,11,.17) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-btn-secondary{
  background:#fff !important;
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
  border:1px solid var(--mp48-line-warm) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero-actions .mp18-whatsapp-unified{
  background:var(--mp48-green-soft) !important;
  color:#167447 !important;
  -webkit-text-fill-color:#167447 !important;
  border:1px solid #b7dfc6 !important;
  box-shadow:none !important;
}

/* KPI cards: only the four business-critical numbers dominate. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-kpis{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:0 0 16px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-kpi{
  min-height:82px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:12px !important;
  background:#fff !important;
  color:var(--mp48-text) !important;
  border:1px solid var(--mp48-line) !important;
  border-radius:15px !important;
  box-shadow:0 5px 15px rgba(31,41,55,.045) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-kpi::before{
  width:4px !important;
  top:0 !important;
  bottom:0 !important;
  left:0 !important;
  box-shadow:none !important;
  background:var(--mp48-amber) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-kpi:nth-child(2)::before{background:#16834d !important;}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-kpi:nth-child(3)::before{background:#e85d4a !important;}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-kpi:nth-child(4)::before{background:#7c5ac7 !important;}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-kpi:nth-child(5)::before{background:#3182ce !important;}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-kpi:nth-child(6)::before{background:#d9468a !important;}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-kpi>span{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:11px !important;
  background:#fff7df !important;
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
  border:1px solid #f0d58e !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-kpi small{
  display:block !important;
  margin-bottom:2px !important;
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
  font-size:11px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-kpi strong{
  display:block !important;
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
  font-size:20px !important;
}

/* Recommended next action. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-insight{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 16px !important;
  padding:13px 15px !important;
  background:#fffaf0 !important;
  color:var(--mp48-text) !important;
  border:1px solid #f0dfb7 !important;
  border-left:4px solid var(--mp48-amber) !important;
  border-radius:15px !important;
  box-shadow:none !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-insight-icon{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:11px !important;
  background:#fff !important;
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
  border:1px solid #f0d58e !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-insight strong{
  display:block !important;
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-insight small{
  display:block !important;
  margin-top:2px !important;
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
  line-height:1.35 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-insight-action{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  background:var(--mp48-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-decoration:none !important;
  font-weight:850 !important;
  white-space:nowrap !important;
}

/* Onboarding: visual progress, no visual noise. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-onboarding{
  margin:0 0 16px !important;
  padding:18px !important;
  background:#fff !important;
  color:var(--mp48-text) !important;
  border:1px solid var(--mp48-line) !important;
  border-radius:17px !important;
  box-shadow:var(--mp48-shadow) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-onboarding-head{
  align-items:flex-start !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-onboarding-head small{
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-onboarding-head h2{
  margin:3px 0 0 !important;
  font-size:22px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-onboarding-head>strong{
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
  font-size:18px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-progress{
  height:7px !important;
  margin:12px 0 15px !important;
  background:#eef1f4 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-progress span{
  background:var(--mp48-amber) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-step{
  min-height:70px !important;
  align-items:flex-start !important;
  padding:11px !important;
  background:#fff !important;
  color:var(--mp48-text) !important;
  border:1px solid var(--mp48-line) !important;
  border-radius:12px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-step:hover{
  background:#fffaf0 !important;
  border-color:var(--mp48-line-warm) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-step.is-done{
  background:var(--mp48-green-soft) !important;
  border-color:#b7dfc6 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-step strong{
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-step small{
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
}

/* Command center / grouped navigation. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-command{
  margin:0 0 18px !important;
  padding:17px !important;
  background:#fff !important;
  color:var(--mp48-text) !important;
  border:1px solid var(--mp48-line) !important;
  border-radius:18px !important;
  box-shadow:var(--mp48-shadow) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-command-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-bottom:13px !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-command-title{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-command-title strong{
  font-size:20px !important;
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-command-title small{
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-tools{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:min(460px,100%) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-search{
  min-width:220px !important;
  flex:1 1 auto !important;
  background:#f8fafc !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-home{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:92px !important;
  min-height:48px !important;
  padding:7px 10px !important;
  background:#fff8e7 !important;
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
  border:1px solid var(--mp48-line-warm) !important;
  border-radius:11px !important;
  text-decoration:none !important;
  font-weight:850 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-home small{
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
  font-size:10px !important;
  font-weight:700 !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-nav-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  background:transparent !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-nav-group{
  padding:12px !important;
  background:#fbfcfd !important;
  color:var(--mp48-text) !important;
  border:1px solid #e7eaee !important;
  border-radius:15px !important;
  box-shadow:none !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-nav-group>strong{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  min-height:31px !important;
  padding:2px 3px 9px !important;
  color:#344054 !important;
  -webkit-text-fill-color:#344054 !important;
  font-size:13px !important;
  letter-spacing:.02em !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-nav-items{
  display:grid !important;
  gap:7px !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-nav-item{
  min-height:62px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:9px 10px !important;
  background:#fff !important;
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
  border:1px solid #e4e7ec !important;
  border-radius:12px !important;
  text-decoration:none !important;
  box-shadow:none !important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-nav-item:hover,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-nav-item.is-active{
  transform:translateY(-1px) !important;
  background:#fffaf0 !important;
  border-color:var(--mp48-line-warm) !important;
  box-shadow:0 5px 13px rgba(245,158,11,.08) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-nav-icon{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:10px !important;
  background:#fff7df !important;
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
  border:1px solid #f0d58e !important;
  font-size:18px !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-nav-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-nav-copy strong{
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
  line-height:1.2 !important;
  font-size:14px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-nav-copy small{
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
  line-height:1.25 !important;
  font-size:11px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-nav-item::after{
  content:"›" !important;
  margin-left:auto !important;
  color:#b97815 !important;
  font-size:21px !important;
  line-height:1 !important;
}

/* Generic panels, so every window follows the same rules. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-panel,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp27-panel,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp19-report,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp20-table-wrap,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-sales-report{
  background:#fff !important;
  color:var(--mp48-text) !important;
  border:1px solid var(--mp48-line) !important;
  border-radius:17px !important;
  box-shadow:var(--mp48-shadow) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-panel{
  padding:20px !important;
  margin:0 0 16px !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-panel-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-bottom:15px !important;
  padding-bottom:12px !important;
  border-bottom:1px solid #edf0f3 !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-panel-head h2{
  margin:0 !important;
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
  font-size:clamp(21px,2.7vw,28px) !important;
  line-height:1.15 !important;
  letter-spacing:-.025em !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-panel-head p{
  margin:4px 0 0 !important;
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
  line-height:1.45 !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-howto{
  max-width:420px !important;
  padding:8px 10px !important;
  background:#fffaf0 !important;
  color:#6b5a38 !important;
  -webkit-text-fill-color:#6b5a38 !important;
  border:1px solid #f0dfb7 !important;
  border-radius:10px !important;
  font-size:11px !important;
  line-height:1.4 !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-howto strong{
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
}

/* Weekly menu and dish editor. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-day-tabs{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin:0 0 14px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-day-tab{
  min-height:40px !important;
  padding:8px 13px !important;
  background:#fff !important;
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
  border:1px solid var(--mp48-line-warm) !important;
  border-radius:999px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-day-tab.is-active{
  background:var(--mp48-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border-color:var(--mp48-amber) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-day-panel{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-day-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:7px 0 10px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-day-head h3{
  margin:0 !important;
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-day-head span{
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
  font-size:12px !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-row{
  display:grid !important;
  grid-template-columns:76px minmax(0,1fr) !important;
  gap:13px !important;
  align-items:start !important;
  padding:12px !important;
  margin:0 !important;
  background:#fffdf8 !important;
  color:var(--mp48-text) !important;
  border:1px solid #eee5d3 !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-rows{
  display:grid !important;
  gap:9px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-row:hover{
  border-color:var(--mp48-line-warm) !important;
  box-shadow:0 6px 17px rgba(31,41,55,.05) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-row-thumb{
  width:76px !important;
  height:76px !important;
  object-fit:cover !important;
  border-radius:12px !important;
  background:#fff7df !important;
  border:1px solid #f0d58e !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-row-thumb-empty{
  display:grid !important;
  place-items:center !important;
  color:#b97815 !important;
  -webkit-text-fill-color:#b97815 !important;
  font-size:27px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-row-main{
  min-width:0 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-row-main h4{
  margin:0 0 4px !important;
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
  font-size:16px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-row-main p{
  margin:0 0 8px !important;
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-row-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  align-items:center !important;
}

/* Availability: status first, action second. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp18-availability{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  min-height:37px !important;
  padding:7px 10px !important;
  background:var(--mp48-green-soft) !important;
  color:#167447 !important;
  -webkit-text-fill-color:#167447 !important;
  border:1px solid #b7dfc6 !important;
  border-radius:10px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp18-availability .mp34-status-dot{
  width:8px !important;
  height:8px !important;
  min-width:8px !important;
  border-radius:50% !important;
  background:#16834d !important;
  box-shadow:none !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp18-availability .mp34-status-dot.is-off{
  background:var(--mp48-red) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp18-availability.is-off{
  background:var(--mp48-red-soft) !important;
  color:var(--mp48-red) !important;
  -webkit-text-fill-color:var(--mp48-red) !important;
  border-color:#efc0b7 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp18-availability .mp34-status-action{
  margin-left:3px !important;
  padding-left:7px !important;
  border-left:1px solid currentColor !important;
  opacity:.78 !important;
  font-size:11px !important;
}

/* Edit form: readable and separated from the list. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp23-edit{
  margin-top:8px !important;
  padding-top:8px !important;
  border-top:1px dashed #e3e7ec !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp23-edit summary{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  min-height:38px !important;
  padding:8px 11px !important;
  background:#fff !important;
  color:var(--mp48-blue) !important;
  -webkit-text-fill-color:var(--mp48-blue) !important;
  border:1px solid #cfe0ff !important;
  border-radius:10px !important;
  font-weight:850 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp23-edit form{
  margin-top:10px !important;
  padding:15px !important;
  background:#f8fafc !important;
  border:1px solid #e5e9ef !important;
  border-radius:13px !important;
}

/* Forms across every admin window. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-form,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-form{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:13px !important;
  color:var(--mp48-text) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-form label,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-form label{
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
  margin:0 !important;
  color:var(--mp48-text-2) !important;
  -webkit-text-fill-color:var(--mp48-text-2) !important;
  font-size:13px !important;
  font-weight:750 !important;
  line-height:1.3 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-form .mp35-wide,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-form .mp35-wide{
  grid-column:1/-1 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-form .mp25-grid,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-form .mp25-two{
  grid-column:1/-1 !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:13px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-two{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-two>div,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-two>form{
  min-width:0 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-two>div,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-two>form{
  padding:15px !important;
  background:#fffdf8 !important;
  border:1px solid #eee5d3 !important;
  border-radius:14px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-two h3{
  margin:0 0 11px !important;
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
  font-size:17px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-inline{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-end !important;
  gap:9px !important;
  margin:0 0 13px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-inline>*{
  margin:0 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-check{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:7px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-check input{
  width:auto !important;
  min-height:auto !important;
  margin:0 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-form button,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-form button,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-inline button,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-order-actions button{
  background:var(--mp48-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:0 !important;
  padding:10px 15px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-inline input,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-inline select{
  flex:1 1 180px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-form small{
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
  font-size:11px !important;
}

/* Tables and reports: readable without looking like a spreadsheet wall. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp20-table-wrap{
  overflow:auto !important;
  -webkit-overflow-scrolling:touch;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp20-inventory-table,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-table{
  width:100% !important;
  min-width:640px !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  background:#fff !important;
  color:var(--mp48-text) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp20-inventory-table th,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-table th{
  padding:11px 12px !important;
  background:#fff8e7 !important;
  color:#6b531b !important;
  -webkit-text-fill-color:#6b531b !important;
  border-bottom:1px solid #f0dfb7 !important;
  font-size:12px !important;
  font-weight:850 !important;
  text-align:left !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp20-inventory-table td,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-table td{
  padding:11px 12px !important;
  color:var(--mp48-text-2) !important;
  -webkit-text-fill-color:var(--mp48-text-2) !important;
  border-bottom:1px solid #edf0f3 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp20-inventory-table tbody tr:hover,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-table tbody tr:hover{
  background:#fffaf0 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-report-tabs,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp20-report-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  align-items:center !important;
  margin:0 0 13px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-report-tabs a,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp20-period{
  min-height:39px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:8px 12px !important;
  background:#fff !important;
  color:var(--mp48-text-2) !important;
  -webkit-text-fill-color:var(--mp48-text-2) !important;
  border:1px solid var(--mp48-line) !important;
  border-radius:999px !important;
  text-decoration:none !important;
  font-weight:800 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-report-tabs a.is-active,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp20-period.is-active{
  background:var(--mp48-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border-color:var(--mp48-amber) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-report-summary{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:0 0 16px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-report-summary>div{
  padding:14px !important;
  background:#f8fafc !important;
  border:1px solid #e5e9ef !important;
  border-radius:13px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-report-summary small{
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-report-summary strong{
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
}

/* Orders, secondary lists, QR, cash, customers, audit. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-order{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:14px !important;
  margin:0 0 9px !important;
  background:#fffdf8 !important;
  color:var(--mp48-text) !important;
  border:1px solid #eee5d3 !important;
  border-radius:14px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-order p{
  margin:4px 0 !important;
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-order-status{
  display:inline-flex !important;
  padding:4px 8px !important;
  background:var(--mp48-blue-soft) !important;
  color:#245ea9 !important;
  -webkit-text-fill-color:#245ea9 !important;
  border:1px solid #cfe0ff !important;
  border-radius:999px !important;
  font-weight:850 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-status-filter{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin:0 0 12px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-status-filter button{
  min-height:37px !important;
  padding:7px 10px !important;
  background:#fff !important;
  color:var(--mp48-text-2) !important;
  -webkit-text-fill-color:var(--mp48-text-2) !important;
  border:1px solid var(--mp48-line) !important;
  border-radius:999px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-status-filter button.is-active{
  background:#fff7df !important;
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
  border-color:var(--mp48-line-warm) !important;
}

.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-two>div,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-two>form,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-qr-grid article{
  background:#fffdf8 !important;
  color:var(--mp48-text) !important;
  border:1px solid #eee5d3 !important;
  border-radius:14px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:11px 0 !important;
  border-bottom:1px solid #edf0f3 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-row:last-child{border-bottom:0 !important;}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-row span{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-row strong{
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-row small{
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-qr-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr)) !important;
  gap:12px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-qr-grid article{
  padding:14px !important;
  text-align:center !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-qr-grid img{
  display:block !important;
  width:100% !important;
  max-width:210px !important;
  margin:0 auto 9px !important;
  padding:7px !important;
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:11px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-kpis{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:0 0 15px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-kpis>div{
  padding:14px !important;
  background:#fff !important;
  border:1px solid var(--mp48-line) !important;
  border-radius:13px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-kpis small{
  display:block !important;
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-kpis strong{
  display:block !important;
  margin-top:3px !important;
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
  font-size:20px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-note{
  padding:9px !important;
  background:#fff8e7 !important;
  color:#765100 !important;
  -webkit-text-fill-color:#765100 !important;
  border:1px solid #f1d487 !important;
  border-radius:10px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-danger,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp48-danger-action{
  background:var(--mp48-red-soft) !important;
  color:var(--mp48-red) !important;
  -webkit-text-fill-color:var(--mp48-red) !important;
  border:1px solid #efc0b7 !important;
}

/* Legacy lunch/bank/editor surfaces get the same calm light treatment. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp11,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp12{
  background:#fff !important;
  color:var(--mp48-text) !important;
  border:1px solid var(--mp48-line) !important;
  border-radius:15px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp12>h3{
  background:#fff8e7 !important;
  color:#6b531b !important;
  -webkit-text-fill-color:#6b531b !important;
  border-left-color:var(--mp48-amber) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp12-item{
  background:#fffdf8 !important;
  color:var(--mp48-text) !important;
  border:1px solid #eee5d3 !important;
  border-radius:12px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp20-bank-tabs a{
  background:#fff7df !important;
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
  border:1px solid var(--mp48-line-warm) !important;
}

/* Empty states. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-empty,
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-filter-empty{
  padding:24px 16px !important;
  text-align:center !important;
  background:#fafbfc !important;
  color:var(--mp48-muted) !important;
  border:1px dashed #d9dee7 !important;
  border-radius:13px !important;
}

/* Back link on subviews. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp16-return{
  margin:0 0 12px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp16-return a{
  display:inline-flex !important;
  align-items:center !important;
  min-height:40px !important;
  padding:8px 12px !important;
  background:#fff !important;
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
  border:1px solid var(--mp48-line-warm) !important;
  border-radius:10px !important;
  text-decoration:none !important;
  font-weight:850 !important;
}

/* Authentication screen. */
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public):has(.m16-card) .m16-install{
  margin:0 0 12px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public):has(.m16-card) .m16-card{
  max-width:620px !important;
  margin:18px auto !important;
  padding:26px !important;
  background:#fff !important;
  color:var(--mp48-text) !important;
  border:1px solid var(--mp48-line) !important;
  border-radius:20px !important;
  box-shadow:var(--mp48-shadow) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public):has(.m16-card) .m16-card h1{
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public):has(.m16-card) .m16-card label{
  color:var(--mp48-text-2) !important;
  -webkit-text-fill-color:var(--mp48-text-2) !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public):has(.m16-card) .m16-actions{
  background:#f8fafc !important;
  border:1px solid var(--mp48-line) !important;
  border-radius:12px !important;
  padding:4px !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public):has(.m16-card) .m16-actions button{
  min-height:42px !important;
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
  background:transparent !important;
  border:0 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public):has(.m16-card) .m16-actions button.active{
  background:var(--mp48-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public):has(.m16-card) .mp35-form-heading{
  margin-top:17px !important;
  margin-bottom:7px !important;
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
  font-weight:900 !important;
}
.m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public):has(.m16-card) .mp35-terms{
  font-size:12px !important;
  line-height:1.4 !important;
}


/* Historical public route (?m16_menu=ID): keep it customer-facing, never admin-like. */
.m16-app.mp-future.mp48-legacy-public{
  max-width:1120px !important;
  padding:14px clamp(12px,2vw,28px) 60px !important;
  background:#f7f8fa !important;
  color:var(--mp48-text) !important;
}
.m16-app.mp-future.mp48-legacy-public > .m16-header{
  display:flex !important;
  align-items:center !important;
  min-height:58px !important;
  padding:8px 13px !important;
  margin:0 0 16px !important;
  background:#fff !important;
  border:1px solid var(--mp48-line) !important;
  border-radius:15px !important;
  box-shadow:0 4px 16px rgba(31,41,55,.04) !important;
}
.m16-app.mp-future.mp48-legacy-public .m16-dashboard{
  background:transparent !important;
  color:var(--mp48-text) !important;
}
.m16-app.mp-future.mp48-legacy-public .m16-dashboard>h1{
  margin:0 0 5px !important;
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
  font-size:clamp(30px,4vw,44px) !important;
}
.m16-app.mp-future.mp48-legacy-public .m16-dashboard>p{
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
}
.m16-app.mp-future.mp48-legacy-public .m16-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr)) !important;
  gap:13px !important;
  margin:16px 0 !important;
}
.m16-app.mp-future.mp48-legacy-public .m16-grid>section{
  background:#fff !important;
  color:var(--mp48-text) !important;
  border:1px solid var(--mp48-line) !important;
  border-radius:15px !important;
  padding:16px !important;
  box-shadow:var(--mp48-shadow) !important;
}
.m16-app.mp-future.mp48-legacy-public .m16-grid>section h2{
  color:var(--mp48-text) !important;
  -webkit-text-fill-color:var(--mp48-text) !important;
}
.m16-app.mp-future.mp48-legacy-public .m16-grid>section b{
  display:block !important;
  margin:7px 0 12px !important;
  color:var(--mp48-amber-dark) !important;
  -webkit-text-fill-color:var(--mp48-amber-dark) !important;
  font-size:20px !important;
}
.m16-app.mp-future.mp48-legacy-public .m16-grid>section label{
  color:var(--mp48-text-2) !important;
  -webkit-text-fill-color:var(--mp48-text-2) !important;
}
.m16-app.mp-future.mp48-legacy-public .m16-dashboard form>section{
  background:#fff !important;
  color:var(--mp48-text) !important;
  border:1px solid var(--mp48-line) !important;
  border-radius:17px !important;
  padding:20px !important;
  box-shadow:var(--mp48-shadow) !important;
}
.m16-app.mp-future.mp48-legacy-public .m16-primary{
  background:var(--mp48-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:0 !important;
  border-radius:11px !important;
  min-height:46px !important;
  padding:10px 16px !important;
}
@media(max-width:600px){
  .m16-app.mp-future.mp48-legacy-public .m16-grid{grid-template-columns:1fr !important;}
  .m16-app.mp-future.mp48-legacy-public .m16-dashboard form>section{padding:15px !important;}
}

/* Public menu: keep the chosen light food-first language, improve grid flow. */
.m16-app.mp-future.mp18-public .mp33-public-day-title,
.m16-app.mp-future.mp18-public .mp33-public-section-head,
.m16-app.mp-future.mp18-public .mp51-no-results,
.m16-app.mp-future.mp18-public .mp-future-no-results{
  grid-column:1/-1 !important;
}

.m16-app.mp-future.mp18-public .mp33-public-list{
  align-items:start !important;
}

.m16-app.mp-future.mp18-public .mp33-menu-row{
  min-width:0 !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-main h3{
  overflow-wrap:anywhere !important;
}
.m16-app.mp-future.mp18-public .mp23-product-actions{
  margin-top:auto !important;
}
.m16-app.mp-future.mp18-public .mp51-search-wrap{
  min-width:0 !important;
}

/* Tracking: comfortable reading width and strong primary information. */
body.mp25-track main{
  max-width:760px !important;
  padding:34px 18px !important;
}
body.mp25-track main>section{
  border-radius:18px !important;
  padding:20px !important;
}
body.mp25-track .mp25-progress{
  margin:24px 0 !important;
}
body.mp25-track .mp25-progress small{
  color:var(--mp48-muted) !important;
  -webkit-text-fill-color:var(--mp48-muted) !important;
}
body.mp25-track .mp25-progress .done small{
  color:var(--mp48-green) !important;
  -webkit-text-fill-color:var(--mp48-green) !important;
}

/* Explicitly preserve kitchen TV as dark/high contrast. */
body.mp25-tv{
  background:#111827 !important;
  color:#fff !important;
}
body.mp25-tv main{
  background:transparent !important;
}
body.mp25-tv .mp34-panel{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body.mp25-tv .mp25-ticket{
  background:#fff !important;
  color:#172033 !important;
  border:0 !important;
}
body.mp25-tv .mp25-ticket :is(h3,p,small,strong,span){
  color:#172033 !important;
  -webkit-text-fill-color:#172033 !important;
}

/* Responsive: fewer choices per row = easier to use. */
@media(max-width:1120px){
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-nav-grid{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:860px){
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero{
    grid-template-columns:72px minmax(0,1fr) !important;
    gap:15px !important;
    padding:20px !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero-logo{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-command-head{
    align-items:stretch !important;
    flex-direction:column !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-tools{
    min-width:0 !important;
    width:100% !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-form,
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-form,
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-grid,
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-two{
    grid-template-columns:1fr !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-report-summary{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-panel-head{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-howto{
    max-width:none !important;
    width:100% !important;
  }
}

@media(max-width:680px){
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public){
    padding:10px 10px 52px !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) > .m16-header{
    min-height:58px !important;
    padding:8px 10px !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .mp-brand-app-icon{
    width:38px !important;height:38px !important;min-width:38px !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .mp49-brand{
    font-size:19px !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .mp48-greeting{
    display:none !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-nav-grid{
    grid-template-columns:1fr !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-kpi{
    min-height:74px !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-insight{
    grid-template-columns:auto minmax(0,1fr) !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-insight-action{
    grid-column:2 !important;
    justify-self:start !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp22-step-grid{
    grid-template-columns:1fr !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-row{
    grid-template-columns:1fr !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-row-thumb{
    width:100% !important;
    height:140px !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-qr-grid{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:520px){
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-topbar-note{
    display:none !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero-logo{
    margin:0 auto !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero-copy{
    align-items:center !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp34-hero-actions>a{
    width:100% !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-tools{
    display:grid !important;
    grid-template-columns:1fr auto !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-search{
    min-width:0 !important;
    grid-column:1/-1 !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp-future-home{
    grid-column:1/-1 !important;
    width:100% !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp21-report-summary{
    grid-template-columns:1fr !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-qr-grid{
    grid-template-columns:1fr !important;
  }
  .m16-app.mp-future:not(.mp18-public):not(.mp48-legacy-public) .m16-dashboard .mp25-two{
    grid-template-columns:1fr !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .m16-app.mp-future *,
  body.mp25-track *,
  body.mp25-tv *{
    transition:none !important;
    animation:none !important;
  }
}