/* MenuPro 4.4.0 — R46 GASTRO LIGHT
 * Light, friendly restaurant UI inspired by the selected references.
 * Visual/UX layer only: routes, data model and business logic remain intact.
 */
:root{
  --mpg-bg:#f5f6f8;
  --mpg-bg-soft:#fffaf2;
  --mpg-surface:#ffffff;
  --mpg-surface-soft:#fffdf8;
  --mpg-line:#e5e7eb;
  --mpg-line-warm:#f1dfb5;
  --mpg-text:#1f2937;
  --mpg-text-2:#475467;
  --mpg-muted:#667085;
  --mpg-faint:#98a2b3;
  --mpg-amber:#f59e0b;
  --mpg-amber-dark:#c56a00;
  --mpg-coral:#e85d4a;
  --mpg-green:#2e9b63;
  --mpg-green-soft:#eaf7ef;
  --mpg-blue:#3182ce;
  --mpg-blue-soft:#eaf3fb;
  --mpg-pink:#d9468a;
  --mpg-pink-soft:#fdebf4;
  --mpg-yellow-soft:#fff7df;
  --mpg-radius:18px;
  --mpg-shadow:0 10px 28px rgba(31,41,55,.07);
  --mpg-shadow-hover:0 16px 34px rgba(31,41,55,.11);
}

body:has(.m16-app.mp-future){
  background:#f5f6f8 !important;
  color:var(--mpg-text) !important;
}
body:has(.m16-app.mp-future) .m16-app.mp-future{
  background:#f5f6f8 !important;
}
body:has(.m16-app.mp-future) .m16-app.mp-future::before{
  display:none !important;
}

.m16-app.mp-future{
  color:var(--mpg-text) !important;
  background:#f5f6f8 !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
.m16-app.mp-future > *{position:relative;z-index:1;}
.m16-app.mp-future :is(h1,h2,h3,h4,h5,h6,strong,th){
  color:var(--mpg-text) !important;
  -webkit-text-fill-color:var(--mpg-text) !important;
}
.m16-app.mp-future :is(p,li,dt,dd,legend,label,td,small,summary){
  color:var(--mpg-text-2) !important;
  -webkit-text-fill-color:var(--mpg-text-2) !important;
}
.m16-app.mp-future a{
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
}
.m16-app.mp-future a:hover{color:#9a4f00 !important;}
.m16-app.mp-future :is(input,select,textarea){
  background:#fff !important;
  color:var(--mpg-text) !important;
  -webkit-text-fill-color:var(--mpg-text) !important;
  border:1px solid #d9dee7 !important;
  border-radius:12px !important;
  box-shadow:0 1px 2px rgba(16,24,40,.04) !important;
}
.m16-app.mp-future :is(input,select,textarea)::placeholder{
  color:#98a2b3 !important;
  -webkit-text-fill-color:#98a2b3 !important;
  opacity:1 !important;
}
.m16-app.mp-future :is(input,select,textarea):focus{
  border-color:#f5b43c !important;
  box-shadow:0 0 0 3px rgba(245,158,11,.15) !important;
  outline:none !important;
}
.m16-app.mp-future select option{
  background:#fff !important;
  color:var(--mpg-text) !important;
}
.m16-app.mp-future button{
  color:var(--mpg-text) !important;
  -webkit-text-fill-color:var(--mpg-text) !important;
}
.m16-app.mp-future :focus-visible{
  outline:3px solid rgba(49,130,206,.35) !important;
  outline-offset:3px !important;
}

/* Header */
.m16-app.mp-future > .m16-header{
  background:#fff !important;
  border:1px solid #eaecf0 !important;
  border-radius:16px !important;
  padding:10px 14px !important;
  margin:0 0 18px !important;
  box-shadow:0 4px 16px rgba(31,41,55,.04) !important;
  color:var(--mpg-text) !important;
}
.m16-app.mp-future .mp49-brand-line{gap:9px !important;}
.m16-app.mp-future .mp-brand-app-icon{
  border:1px solid #f5d58c !important;
  background:#fff8e7 !important;
  box-shadow:none !important;
}
.m16-app.mp-future .mp49-brand{color:var(--mpg-text) !important;}
.m16-app.mp-future .mp49-menu{color:var(--mpg-amber-dark) !important;}
.m16-app.mp-future .mp49-pro{color:var(--mpg-coral) !important;}
.m16-app.mp-future .mp49-version{color:var(--mpg-faint) !important;}
.m16-app.mp-future .mp49-membership,
.m16-app.mp-future .m16-state{
  background:var(--mpg-green-soft) !important;
  color:#26764c !important;
  -webkit-text-fill-color:#26764c !important;
  border:1px solid #b9e3c9 !important;
}
.m16-app.mp-future .mp49-exit{
  background:#fff !important;
  color:var(--mpg-text-2) !important;
  -webkit-text-fill-color:var(--mpg-text-2) !important;
  border:1px solid #dfe3e8 !important;
}

/* Alerts / toasts */
.m16-app.mp-future .m16-alert{
  background:var(--mpg-yellow-soft) !important;
  color:#7a5200 !important;
  -webkit-text-fill-color:#7a5200 !important;
  border:1px solid #f1d487 !important;
  box-shadow:none !important;
}
.mp-future-toast{
  background:#fff !important;
  color:var(--mpg-text) !important;
  border:1px solid #dfe3e8 !important;
  box-shadow:0 16px 40px rgba(31,41,55,.16) !important;
}
.mp-future-toast.is-success{border-color:#9ed5b5 !important;}
.mp-future-toast.is-error{border-color:#efb0a5 !important;}

/* Auth / first access */
.m16-app.mp-future .m16-card{
  background:#fff !important;
  color:var(--mpg-text) !important;
  border:1px solid #e5e7eb !important;
  box-shadow:var(--mpg-shadow) !important;
}
.m16-app.mp-future .m16-card h1{color:var(--mpg-text) !important;}
.m16-app.mp-future .m16-card>p,
.m16-app.mp-future .m16-switch-help,
.m16-app.mp-future .m16-hint{color:var(--mpg-muted) !important;}
.m16-app.mp-future .m16-actions{
  background:#f8fafc !important;
  border:1px solid #e5e7eb !important;
}
.m16-app.mp-future .m16-actions button{
  color:var(--mpg-muted) !important;
  background:transparent !important;
}
.m16-app.mp-future .m16-actions button.active{
  background:var(--mpg-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:none !important;
}
.m16-app.mp-future .mp35-form-heading{
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
}
.m16-app.mp-future .mp35-form-heading::after{
  background:#f1dfb5 !important;
}
.m16-app.mp-future .m16-card label{color:var(--mpg-text-2) !important;}
.m16-app.mp-future .m16-primary,
.m16-app.mp-future .m16-install button{
  background:var(--mpg-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:0 !important;
  box-shadow:0 8px 18px rgba(245,158,11,.18) !important;
}
.m16-app.mp-future .m16-primary:hover,
.m16-app.mp-future .m16-install button:hover{
  background:#e89000 !important;
}

/* Restaurant selection */
.m16-app.mp-future .mp33-restaurants-view{background:transparent !important;color:var(--mpg-text) !important;}
.m16-app.mp-future .mp33-page-head{
  background:#fff !important;
  border:1px solid #e7e9ee !important;
  border-radius:20px !important;
  box-shadow:var(--mpg-shadow) !important;
  padding:24px !important;
}
.m16-app.mp-future .mp33-page-head h1{
  color:var(--mpg-text) !important;
  font-size:clamp(30px,4vw,44px) !important;
}
.m16-app.mp-future .mp33-kicker,
.m16-app.mp-future .mp34-kicker{
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
}
.m16-app.mp-future .mp33-page-head p{color:var(--mpg-muted) !important;}
.m16-app.mp-future .mp33-badge{
  background:var(--mpg-green-soft) !important;
  color:#26764c !important;
  -webkit-text-fill-color:#26764c !important;
  border:1px solid #b9e3c9 !important;
}
.m16-app.mp-future .mp33-restaurants-grid{gap:18px !important;}
.m16-app.mp-future .mp33-restaurant-card{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:20px !important;
  box-shadow:var(--mpg-shadow) !important;
  color:var(--mpg-text) !important;
}
.m16-app.mp-future .mp33-restaurant-card::before{
  height:4px !important;
  background:linear-gradient(90deg,var(--mpg-amber),var(--mpg-coral)) !important;
}
.m16-app.mp-future .mp33-restaurant-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--mpg-shadow-hover) !important;
  border-color:#f0d58e !important;
}
.m16-app.mp-future .mp33-restaurant-logo{
  background:#fff8e7 !important;
  border:1px solid #f5d58c !important;
  box-shadow:none !important;
}
.m16-app.mp-future .mp33-restaurant-card-body h2{color:var(--mpg-text) !important;}
.m16-app.mp-future .mp33-restaurant-card-body p{color:var(--mpg-muted) !important;}
.m16-app.mp-future .mp22-card-plan{
  background:#fff7df !important;
  color:#9a6700 !important;
  -webkit-text-fill-color:#9a6700 !important;
  border:1px solid #f2d486 !important;
}
.m16-app.mp-future .mp22-card-metrics span{
  background:#f8fafc !important;
  border:1px solid #e8ebef !important;
  color:var(--mpg-text) !important;
}
.m16-app.mp-future .mp22-card-metrics strong{color:var(--mpg-text) !important;}
.m16-app.mp-future .mp22-card-metrics small{color:var(--mpg-muted) !important;}
.m16-app.mp-future .mp13-enter-btn{
  width:100% !important;
  background:var(--mpg-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:0 !important;
}
.m16-app.mp-future .mp20-add-restaurant{
  background:#fffdf8 !important;
  border:2px dashed #efd28a !important;
}
.m16-app.mp-future .mp20-add-restaurant summary{
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
}

/* Dashboard hero */
.m16-app.mp-future .mp34-topbar{background:transparent !important;}
.m16-app.mp-future .mp34-topbar-note{color:var(--mpg-muted) !important;}
.m16-app.mp-future .mp31-back{
  background:#fff !important;
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
  border:1px solid #f1d487 !important;
}
.m16-app.mp-future .mp34-hero{
  background:
    radial-gradient(circle at 95% 0%,rgba(245,158,11,.10),transparent 28%),
    linear-gradient(135deg,#fffaf0,#fff 58%) !important;
  border:1px solid #f0dfb7 !important;
  border-radius:22px !important;
  box-shadow:var(--mpg-shadow) !important;
  color:var(--mpg-text) !important;
}
.m16-app.mp-future .mp34-hero::after{
  border-color:rgba(245,158,11,.12) !important;
  box-shadow:0 0 0 48px rgba(245,158,11,.035),0 0 0 96px rgba(232,93,74,.025) !important;
}
.m16-app.mp-future .mp34-hero-logo{
  background:#fff !important;
  border:1px solid #efd28a !important;
  box-shadow:none !important;
}
.m16-app.mp-future .mp34-hero-copy h1{
  color:var(--mpg-text) !important;
  -webkit-text-fill-color:var(--mpg-text) !important;
}
.m16-app.mp-future .mp34-hero-copy>p:not(.mp34-kicker){
  color:var(--mpg-text-2) !important;
}
.m16-app.mp-future .mp34-btn-secondary{
  background:#fff !important;
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
  border:1px solid #f0d58e !important;
}
.m16-app.mp-future .mp18-whatsapp-unified{
  background:#eaf7ef !important;
  color:#237a4b !important;
  -webkit-text-fill-color:#237a4b !important;
  border:1px solid #a9dbbb !important;
}

/* KPI cards */
.m16-app.mp-future .mp21-kpis,
.m16-app.mp-future .mp25-kpis{
  gap:12px !important;
}
.m16-app.mp-future .mp21-kpi,
.m16-app.mp-future .mp25-kpis>*{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  color:var(--mpg-text) !important;
  box-shadow:0 6px 18px rgba(31,41,55,.05) !important;
}
.m16-app.mp-future .mp21-kpi strong{color:var(--mpg-text) !important;}
.m16-app.mp-future .mp21-kpi span{color:var(--mpg-muted) !important;}

/* Simplified task center */
.m16-app.mp-future .mp-future-command{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:20px !important;
  box-shadow:var(--mpg-shadow) !important;
  color:var(--mpg-text) !important;
}
.m16-app.mp-future .mp-future-command-title strong{
  color:var(--mpg-text) !important;
  font-size:24px !important;
}
.m16-app.mp-future .mp-future-command-title small{
  color:var(--mpg-muted) !important;
}
.m16-app.mp-future .mp-future-tools{gap:8px !important;}
.m16-app.mp-future .mp-future-search{
  background:#f8fafc !important;
  color:var(--mpg-text) !important;
  border:1px solid #dfe3e8 !important;
}
.m16-app.mp-future .mp-future-home{
  background:#fff7df !important;
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
  border:1px solid #f0d58e !important;
}
.m16-app.mp-future .mp-future-home small{color:#8b6a2d !important;}
.m16-app.mp-future .mp-future-nav-grid{gap:14px !important;}
.m16-app.mp-future .mp-future-nav-group{
  background:#f8fafc !important;
  border:1px solid #e6e9ee !important;
  border-radius:16px !important;
}
.m16-app.mp-future .mp-future-nav-group>strong{
  color:#344054 !important;
  -webkit-text-fill-color:#344054 !important;
}
.m16-app.mp-future .mp-future-nav-item{
  background:#fff !important;
  color:var(--mpg-text) !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px !important;
  min-height:70px !important;
  box-shadow:0 2px 8px rgba(31,41,55,.03) !important;
}
.m16-app.mp-future .mp-future-nav-item:hover,
.m16-app.mp-future .mp-future-nav-item.is-active{
  background:#fffaf0 !important;
  border-color:#f0d58e !important;
  box-shadow:0 8px 20px rgba(245,158,11,.10) !important;
}
.m16-app.mp-future .mp-future-nav-icon{
  width:42px !important;height:42px !important;
  background:#fff7df !important;
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
  border:1px solid #f0d58e !important;
}
.m16-app.mp-future .mp-future-nav-copy strong{
  color:var(--mpg-text) !important;
  -webkit-text-fill-color:var(--mpg-text) !important;
}
.m16-app.mp-future .mp-future-nav-copy small{
  color:var(--mpg-muted) !important;
  -webkit-text-fill-color:var(--mpg-muted) !important;
}
.m16-app.mp-future .mp-future-nav-badge{display:none !important;}
.m16-app.mp-future .mp-future-nav-item::after{
  content:"›";
  margin-left:auto;
  color:#b27a18;
  font-size:24px;
  line-height:1;
}

/* Alerts / guidance */
.m16-app.mp-future .mp-future-insight{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-left:4px solid var(--mpg-amber) !important;
  border-radius:16px !important;
  box-shadow:0 6px 18px rgba(31,41,55,.05) !important;
}
.m16-app.mp-future .mp-future-insight-icon{
  background:#fff7df !important;
  color:#9a6700 !important;
  border:1px solid #f0d58e !important;
}
.m16-app.mp-future .mp-future-insight small{color:var(--mpg-muted) !important;}
.m16-app.mp-future .mp-future-insight-action{
  background:var(--mpg-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.m16-app.mp-future .mp-future-howto{
  background:#fffaf0 !important;
  color:#6b5a38 !important;
  border:1px solid #f0dfb7 !important;
}
.m16-app.mp-future .mp-future-howto strong{color:#9a6700 !important;}

/* Panels and forms */
.m16-app.mp-future .mp34-panel,
.m16-app.mp-future .mp27-panel,
.m16-app.mp-future .mp19-report,
.m16-app.mp-future .mp20-table-wrap,
.m16-app.mp-future .mp21-sales-report,
.m16-app.mp-future .mp25-public-extra{
  background:#fff !important;
  color:var(--mpg-text) !important;
  border:1px solid #e5e7eb !important;
  box-shadow:var(--mpg-shadow) !important;
}
.m16-app.mp-future .mp34-panel-head h2{color:var(--mpg-text) !important;}
.m16-app.mp-future .mp34-panel-head p{color:var(--mpg-muted) !important;}
.m16-app.mp-future .mp34-day-tab{
  background:#fff !important;
  color:var(--mpg-amber-dark) !important;
  border:1px solid #f0d58e !important;
}
.m16-app.mp-future .mp34-day-tab.is-active{
  background:var(--mpg-amber) !important;
  color:#fff !important;
  border-color:var(--mpg-amber) !important;
}
.m16-app.mp-future .mp34-row,
.m16-app.mp-future .mp34-order,
.m16-app.mp-future .mp22-step,
.m16-app.mp-future .mp12-item{
  background:#fffdf8 !important;
  border:1px solid #eee5d3 !important;
  color:var(--mpg-text) !important;
}
.m16-app.mp-future .mp34-row-main h4,
.m16-app.mp-future .mp34-order h3{color:var(--mpg-text) !important;}
.m16-app.mp-future .mp34-row-main p,
.m16-app.mp-future .mp34-order p{color:var(--mpg-muted) !important;}
.m16-app.mp-future .mp34-row-thumb{background:#fff7df !important;border:1px solid #f0d58e !important;}
.m16-app.mp-future .mp18-availability{
  background:var(--mpg-green-soft) !important;
  color:#237a4b !important;
  -webkit-text-fill-color:#237a4b !important;
  border:1px solid #a9dbbb !important;
}
.m16-app.mp-future .mp25-note,
.m16-app.mp-future .mp25-stock-low{
  color:#b5473a !important;
  -webkit-text-fill-color:#b5473a !important;
}
.m16-app.mp-future .mp25-table,
.m16-app.mp-future .mp20-inventory-table{
  background:#fff !important;
  color:var(--mpg-text) !important;
}
.m16-app.mp-future table :is(th,td){
  color:var(--mpg-text-2) !important;
  border-color:#e8ebef !important;
}
.m16-app.mp-future table th{
  background:#fff8e7 !important;
  color:#6b531b !important;
}
.m16-app.mp-future .mp35-help{
  background:#fffaf0 !important;
  color:var(--mpg-text-2) !important;
  border:1px solid #f0dfb7 !important;
}

/* Public menu — clean, appetizing cards */
.m16-app.mp-future.mp18-public{
  background:#f5f6f8 !important;
  max-width:1400px !important;
}
.m16-app.mp-future.mp18-public .mp33-public-wrap{max-width:1180px !important;}
.m16-app.mp-future.mp18-public .mp33-public-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#fff7e2,#fff 62%) !important;
  border:1px solid #f0d58e !important;
  border-radius:22px !important;
  box-shadow:var(--mpg-shadow) !important;
  color:var(--mpg-text) !important;
}
.m16-app.mp-future.mp18-public .mp33-public-hero::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:5px;
  background:linear-gradient(90deg,var(--mpg-amber),var(--mpg-coral),var(--mpg-pink));
}
.m16-app.mp-future.mp18-public .mp33-public-logo{
  background:#fff !important;
  border:1px solid #efd28a !important;
  box-shadow:0 6px 18px rgba(31,41,55,.07) !important;
}
.m16-app.mp-future.mp18-public .mp33-public-copy h1{
  color:var(--mpg-text) !important;
  -webkit-text-fill-color:var(--mpg-text) !important;
}
.m16-app.mp-future.mp18-public .mp33-public-copy p{
  color:var(--mpg-text-2) !important;
  -webkit-text-fill-color:var(--mpg-text-2) !important;
}
.m16-app.mp-future.mp18-public .mp33-kicker{
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
}
.m16-app.mp-future.mp18-public .mp33-service-tab{
  background:#fff !important;
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
  border:1px solid #f0d58e !important;
}
.m16-app.mp-future.mp18-public .mp33-service-tab.is-active{
  background:var(--mpg-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border-color:var(--mpg-amber) !important;
}
.m16-app.mp-future.mp18-public .mp33-public-help{color:var(--mpg-text-2) !important;}
.m16-app.mp-future.mp18-public .mp34-btn-secondary{
  background:#fff !important;
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
  border:1px solid #f0d58e !important;
}
.m16-app.mp-future.mp18-public .mp33-public-order{
  grid-template-columns:minmax(0,1fr) 380px !important;
  gap:18px !important;
}
.m16-app.mp-future.mp18-public .mp33-public-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:start !important;
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:20px !important;
  box-shadow:var(--mpg-shadow) !important;
  padding:18px !important;
}
.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 .mp-future-public-search,
.m16-app.mp-future.mp18-public .mp-future-no-results{
  grid-column:1/-1 !important;
}
.m16-app.mp-future.mp18-public .mp33-public-day-title{
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
  font-size:25px !important;
  font-weight:850 !important;
  margin:0 !important;
}
.m16-app.mp-future.mp18-public .mp33-public-section-head{
  margin:0 !important;
  padding:0 0 4px !important;
  border-bottom:0 !important;
}
.m16-app.mp-future.mp18-public .mp33-public-section-head h2{
  color:var(--mpg-text) !important;
  -webkit-text-fill-color:var(--mpg-text) !important;
  font-size:24px !important;
}
.m16-app.mp-future.mp18-public .mp-future-public-search{
  width:100% !important;
  min-height:46px !important;
  padding:11px 14px !important;
  background:#f8fafc !important;
  border:1px solid #dfe3e8 !important;
  color:var(--mpg-text) !important;
  border-radius:12px !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-row{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid #e4e7ec !important;
  border-radius:18px !important;
  box-shadow:0 6px 18px rgba(31,41,55,.05) !important;
  color:var(--mpg-text) !important;
  min-width:0 !important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-row:hover{
  transform:translateY(-3px);
  border-color:#f0d58e !important;
  box-shadow:0 14px 30px rgba(31,41,55,.10) !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-thumb{
  display:block !important;
  width:100% !important;
  height:165px !important;
  max-width:none !important;
  object-fit:cover !important;
  border-radius:0 !important;
  background:#fff7df !important;
  border:0 !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-thumb-empty{
  display:grid !important;
  place-items:center !important;
  color:#b27a18 !important;
  font-size:42px !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-main{
  padding:14px 15px 10px !important;
  min-width:0 !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-main h3{
  color:var(--mpg-text) !important;
  -webkit-text-fill-color:var(--mpg-text) !important;
  font-size:18px !important;
  line-height:1.25 !important;
  margin:0 0 5px !important;
  overflow-wrap:anywhere;
}
.m16-app.mp-future.mp18-public .mp33-menu-main p{
  color:var(--mpg-muted) !important;
  -webkit-text-fill-color:var(--mpg-muted) !important;
  margin:0 0 7px !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-main>strong{
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
  font-size:21px !important;
  display:block !important;
  margin-top:5px !important;
}
.m16-app.mp-future.mp18-public .mp33-menu-main small{
  color:var(--mpg-muted) !important;
}
.m16-app.mp-future.mp18-public .mp25-stock-low{
  color:#c24135 !important;
  -webkit-text-fill-color:#c24135 !important;
}
.m16-app.mp-future.mp18-public .mp23-product-actions{
  width:auto !important;
  min-width:0 !important;
  padding:0 15px 15px !important;
  display:block !important;
}
.m16-app.mp-future.mp18-public .mp23-add{
  width:100% !important;
  min-height:44px !important;
  background:var(--mpg-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:0 !important;
  border-radius:12px !important;
}
.m16-app.mp-future.mp18-public .mp23-add:hover{background:#e89000 !important;}
.m16-app.mp-future.mp18-public .mp23-inline-qty{
  width:100% !important;
  display:grid !important;
  grid-template-columns:44px 1fr 44px !important;
  align-items:center !important;
  gap:8px !important;
}
.m16-app.mp-future.mp18-public .mp23-inline-qty button{
  width:44px !important;height:44px !important;
  border-radius:12px !important;
  background:#fff !important;
  border:1px solid #f0d58e !important;
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
  font-size:21px !important;
}
.m16-app.mp-future.mp18-public .mp23-inline-qty strong{
  text-align:center !important;
  color:var(--mpg-text) !important;
  -webkit-text-fill-color:var(--mpg-text) !important;
}
.m16-app.mp-future.mp18-public .mp23-added-note{
  display:inline-block !important;
  background:var(--mpg-green-soft) !important;
  color:#237a4b !important;
  -webkit-text-fill-color:#237a4b !important;
  border:1px solid #a9dbbb !important;
  margin:8px 0 0 !important;
}
.m16-app.mp-future.mp18-public .mp25-modifiers{
  color:var(--mpg-text-2) !important;
}
.m16-app.mp-future.mp18-public .mp25-modifiers select{
  background:#fff !important;
  color:var(--mpg-text) !important;
  margin-top:6px !important;
}
.m16-app.mp-future.mp18-public .mp25-combo{
  border:2px solid #f2cf74 !important;
}
.m16-app.mp-future.mp18-public .mp25-combo-badge{
  display:inline-block !important;
  background:var(--mpg-pink-soft) !important;
  color:#b4236e !important;
  -webkit-text-fill-color:#b4236e !important;
  border:1px solid #efb7d1 !important;
}

/* Public checkout */
.m16-app.mp-future.mp18-public .mp33-checkout{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  box-shadow:var(--mpg-shadow) !important;
  color:var(--mpg-text) !important;
}
.m16-app.mp-future.mp18-public .mp23-checkout{
  background:#fff !important;
  color:var(--mpg-text) !important;
  box-shadow:-12px 0 34px rgba(31,41,55,.12) !important;
}
.m16-app.mp-future.mp18-public .mp23-checkout-head{
  background:#fff !important;
  border-bottom:1px solid #eef0f3 !important;
}
.m16-app.mp-future.mp18-public .mp23-checkout-head h2,
.m16-app.mp-future.mp18-public .mp23-checkout-fields h3{
  color:var(--mpg-text) !important;
}
.m16-app.mp-future.mp18-public .mp23-step{
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
}
.m16-app.mp-future.mp18-public .mp23-close{
  background:#f8fafc !important;
  color:#475467 !important;
  -webkit-text-fill-color:#475467 !important;
  border:1px solid #e1e5ea !important;
}
.m16-app.mp-future.mp18-public .mp23-cart-row,
.m16-app.mp-future.mp18-public .mp23-cart-empty{
  background:#fffdf8 !important;
  border:1px solid #eee5d3 !important;
  color:var(--mpg-text-2) !important;
}
.m16-app.mp-future.mp18-public .mp23-cart-summary{
  background:#fff7df !important;
  border:1px solid #f0d58e !important;
  color:var(--mpg-text) !important;
}
.m16-app.mp-future.mp18-public .mp23-cart-summary strong{
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
}
.m16-app.mp-future.mp18-public .mp23-confirm{
  background:var(--mpg-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:0 !important;
}
.m16-app.mp-future.mp18-public .mp23-confirm-note,
.m16-app.mp-future.mp18-public .mp18-note,
.m16-app.mp-future.mp18-public .mp33-pwa-note{
  color:var(--mpg-muted) !important;
}
.m16-app.mp-future.mp18-public .mp23-cartbar{
  background:var(--mpg-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:0 !important;
  box-shadow:0 12px 28px rgba(245,158,11,.24) !important;
}
.m16-app.mp-future.mp18-public .mp23-cartbar strong,
.m16-app.mp-future.mp18-public .mp23-cartbar span{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Common buttons / statuses in panels */
.m16-app.mp-future .mp34-panel button:not(.mp23-add):not(.mp23-confirm),
.m16-app.mp-future .mp25-two button,
.m16-app.mp-future .mp25-actions button{
  background:#fff !important;
  color:var(--mpg-text-2) !important;
  -webkit-text-fill-color:var(--mpg-text-2) !important;
  border:1px solid #dfe3e8 !important;
}
.m16-app.mp-future .mp25-status-nuevo,
.m16-app.mp-future .mp25-status-confirmado{
  color:#8a5d00 !important;
}
.m16-app.mp-future .mp25-status-preparando{color:#2467a8 !important;}
.m16-app.mp-future .mp25-status-listo,
.m16-app.mp-future .mp25-status-entregado{color:#26764c !important;}
.m16-app.mp-future .mp25-status-cancelado{color:#b5473a !important;}

/* TV stays dark intentionally, but with high contrast */
body.mp25-tv{
  background:#111827 !important;
  color:#fff !important;
}
body.mp25-tv .mp34-panel{
  background:#182234 !important;
  border-color:#344054 !important;
  color:#fff !important;
}
body.mp25-tv :is(h1,h2,h3,h4,strong,p,small,span){color:#fff !important;-webkit-text-fill-color:#fff !important;}
body.mp25-tv .mp25-ticket{
  background:#fff !important;
  color:#1f2937 !important;
  border:0 !important;
}
body.mp25-tv .mp25-ticket :is(h3,p,small,strong,span){color:#1f2937 !important;-webkit-text-fill-color:#1f2937 !important;}

/* Customer tracking / standalone pages */
body.mp25-track{
  background:#f5f6f8 !important;
  color:var(--mpg-text) !important;
}
body.mp25-track main{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  box-shadow:var(--mpg-shadow) !important;
  border-radius:20px !important;
  color:var(--mpg-text) !important;
}
body.mp25-track main :is(h1,h2,h3,strong){color:var(--mpg-text) !important;-webkit-text-fill-color:var(--mpg-text) !important;}
body.mp25-track main p{color:var(--mpg-text-2) !important;-webkit-text-fill-color:var(--mpg-text-2) !important;}
body.mp25-track .mp25-progress .done{color:var(--mpg-green) !important;}
body.mp25-track .mp25-progress .done span{background:var(--mpg-green) !important;color:#fff !important;}
body.mp25-track .mp25-cancel{background:#fff0ed !important;color:#b5473a !important;border:1px solid #efc0b7 !important;}

/* WordPress MenuPro admin */
body[class*="menupro"] .wrap{
  background:#fff !important;
  color:var(--mpg-text) !important;
  border:1px solid #e5e7eb !important;
  border-radius:18px !important;
  padding:22px !important;
  box-shadow:var(--mpg-shadow) !important;
}
body[class*="menupro"] .wrap :is(h1,h2,h3,th,td,p,label,strong){
  color:var(--mpg-text-2) !important;
}
body[class*="menupro"] .wrap :is(h1,h2,h3){
  color:var(--mpg-text) !important;
}
body[class*="menupro"] .wrap .description,
body[class*="menupro"] .wrap>p{
  color:var(--mpg-muted) !important;
}
body[class*="menupro"] .wrap .widefat{
  background:#fff !important;
  border-color:#e5e7eb !important;
}
body[class*="menupro"] .wrap .widefat thead th{
  background:#fff8e7 !important;
  color:#6b531b !important;
}
body[class*="menupro"] .wrap .widefat td{
  color:var(--mpg-text-2) !important;
}
body[class*="menupro"] .wrap :is(input,select,textarea){
  background:#fff !important;
  color:var(--mpg-text) !important;
  border-color:#d9dee7 !important;
}
body[class*="menupro"] .wrap .button-primary{
  background:var(--mpg-amber) !important;
  border-color:var(--mpg-amber) !important;
  color:#fff !important;
}
body[class*="menupro"] .wrap .button{
  background:#fff !important;
  border-color:#d9dee7 !important;
  color:var(--mpg-text-2) !important;
}

/* Responsive */
@media(max-width:1100px){
  .m16-app.mp-future.mp18-public .mp33-public-order{
    grid-template-columns:minmax(0,1fr) 340px !important;
  }
}
@media(max-width:900px){
  .m16-app.mp-future .mp-future-nav-grid{grid-template-columns:1fr !important;}
  .m16-app.mp-future.mp18-public .mp33-public-order{grid-template-columns:1fr !important;}
  .m16-app.mp-future.mp18-public .mp33-checkout{position:static !important;}
  .m16-app.mp-future.mp18-public .mp33-public-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:700px){
  .m16-app.mp-future .mp34-hero{
    padding:20px !important;
  }
  .m16-app.mp-future.mp18-public .mp33-public-list{
    grid-template-columns:1fr !important;
    padding:12px !important;
  }
  .m16-app.mp-future.mp18-public .mp33-menu-thumb{
    height:180px !important;
  }
}
@media(max-width:560px){
  .m16-app.mp-future{
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .m16-app.mp-future > .m16-header{
    border-radius:14px !important;
  }
  .m16-app.mp-future .mp33-page-head{
    padding:18px !important;
  }
  .m16-app.mp-future .mp33-page-head h1{font-size:31px !important;}
  .m16-app.mp-future .mp-future-command-title strong{font-size:21px !important;}
  .m16-app.mp-future .mp-future-nav-item{min-height:66px !important;}
  .m16-app.mp-future.mp18-public .mp33-public-hero{
    padding:20px 15px !important;
  }
  .m16-app.mp-future.mp18-public .mp33-public-logo{
    width:112px !important;height:112px !important;
  }
  .m16-app.mp-future.mp18-public .mp33-menu-thumb{
    height:170px !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .m16-app.mp-future *,
  body.mp25-tv *,
  body.mp25-track *{
    transition:none !important;
    animation:none !important;
  }
}


/* MenuPro 4.4.0 — GASTRO LIGHT DASHBOARD HARMONY
 * Final visual layer for the restaurant workspace.
 * Removes the old dark/futuristic surfaces from the normal admin dashboard.
 * Public menu and kitchen/TV modes keep their own specialized layouts.
 */
body:has(.m16-app.mp-future){
  background:#f5f6f8 !important;
}
.m16-app.mp-future .m16-dashboard,
.m16-app.mp-future .mp18-dashboard,
.m16-app.mp-future .mp34-dashboard{
  background:transparent !important;
  color:var(--mpg-text) !important;
}

/* Restaurant workspace hero */
.m16-app.mp-future .mp34-hero{
  background:
    radial-gradient(circle at 92% 0%,rgba(245,158,11,.10),transparent 27%),
    linear-gradient(135deg,#fff8e8 0%,#fffdf8 52%,#ffffff 100%) !important;
  border:1px solid #efd28a !important;
  border-radius:22px !important;
  box-shadow:0 12px 30px rgba(31,41,55,.07) !important;
  color:var(--mpg-text) !important;
}
.m16-app.mp-future .mp34-hero::after{
  border-color:rgba(245,158,11,.12) !important;
  box-shadow:
    0 0 0 48px rgba(245,158,11,.035),
    0 0 0 96px rgba(232,93,74,.025) !important;
}
.m16-app.mp-future .mp34-hero-logo{
  background:#fff !important;
  border:1px solid #efd28a !important;
  box-shadow:0 5px 15px rgba(31,41,55,.06) !important;
}
.m16-app.mp-future .mp34-hero-copy h1{
  color:#1f2937 !important;
  -webkit-text-fill-color:#1f2937 !important;
  text-shadow:none !important;
}
.m16-app.mp-future .mp34-hero-copy>p:not(.mp34-kicker){
  color:#475467 !important;
  -webkit-text-fill-color:#475467 !important;
}
.m16-app.mp-future .mp34-hero-actions .m16-primary{
  background:var(--mpg-amber) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:0 !important;
  box-shadow:0 7px 18px rgba(245,158,11,.18) !important;
}
.m16-app.mp-future .mp34-hero-actions .m16-primary:hover{
  background:#e89100 !important;
}
.m16-app.mp-future .mp34-btn-secondary{
  background:#fff !important;
  color:var(--mpg-amber-dark) !important;
  -webkit-text-fill-color:var(--mpg-amber-dark) !important;
  border:1px solid #f0d58e !important;
}

/* KPI strip: no dark container behind the cards */
.m16-app.mp-future .mp21-kpis{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 0 18px !important;
}
.m16-app.mp-future .mp21-kpi{
  background:#fff !important;
  color:var(--mpg-text) !important;
  border:1px solid #e5e7eb !important;
  border-radius:16px !important;
  box-shadow:0 7px 18px rgba(31,41,55,.05) !important;
}
.m16-app.mp-future .mp21-kpi::before{
  width:4px !important;
  box-shadow:none !important;
}
.m16-app.mp-future .mp21-kpi>span{
  background:#fff7df !important;
  color:var(--mpg-amber-dark) !important;
  border:1px solid #f0d58e !important;
}
.m16-app.mp-future .mp21-kpi small{
  color:#667085 !important;
  -webkit-text-fill-color:#667085 !important;
}
.m16-app.mp-future .mp21-kpi strong{
  color:#1f2937 !important;
  -webkit-text-fill-color:#1f2937 !important;
}

/* Onboarding and command center stay light */
.m16-app.mp-future .mp22-onboarding{
  background:linear-gradient(135deg,#fffaf0,#ffffff) !important;
  border:1px solid #f0dfb7 !important;
  box-shadow:0 8px 22px rgba(31,41,55,.05) !important;
  color:var(--mpg-text) !important;
}
.m16-app.mp-future .mp22-step{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  color:var(--mpg-text) !important;
}
.m16-app.mp-future .mp-future-command{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  box-shadow:0 10px 28px rgba(31,41,55,.06) !important;
}

/* Navigation cards: white surfaces with warm accents */
.m16-app.mp-future .mp-future-nav-grid{
  background:transparent !important;
}
.m16-app.mp-future .mp-future-nav-group{
  background:#fff !important;
  color:var(--mpg-text) !important;
  border:1px solid #e5e7eb !important;
  box-shadow:0 8px 24px rgba(31,41,55,.05) !important;
}
.m16-app.mp-future .mp-future-nav-group>strong{
  color:#344054 !important;
  -webkit-text-fill-color:#344054 !important;
}
.m16-app.mp-future .mp-future-nav-item{
  background:#fff !important;
  color:var(--mpg-text) !important;
  -webkit-text-fill-color:var(--mpg-text) !important;
  border:1px solid #e5e7eb !important;
}
.m16-app.mp-future .mp-future-nav-item:hover,
.m16-app.mp-future .mp-future-nav-item.is-active{
  background:#fffaf0 !important;
  border-color:#f0d58e !important;
}
.m16-app.mp-future .mp-future-nav-copy strong{
  color:#1f2937 !important;
  -webkit-text-fill-color:#1f2937 !important;
}
.m16-app.mp-future .mp-future-nav-copy small{
  color:#667085 !important;
  -webkit-text-fill-color:#667085 !important;
}
.m16-app.mp-future .mp-future-nav-icon{
  background:#fff7df !important;
  color:#c56a00 !important;
  -webkit-text-fill-color:#c56a00 !important;
  border:1px solid #f0d58e !important;
}

/* Help / secondary surfaces */
.m16-app.mp-future .mp35-help{
  background:#fffaf0 !important;
  color:#475467 !important;
  border:1px solid #f0dfb7 !important;
  box-shadow:0 8px 22px rgba(31,41,55,.05) !important;
}
.m16-app.mp-future .mp35-help strong{
  color:#1f2937 !important;
  -webkit-text-fill-color:#1f2937 !important;
}
.m16-app.mp-future .mp35-help p{
  color:#475467 !important;
  -webkit-text-fill-color:#475467 !important;
}

/* Normal dashboard panels */
.m16-app.mp-future .mp34-panel,
.m16-app.mp-future .mp27-panel,
.m16-app.mp-future .mp19-report,
.m16-app.mp-future #mp27-inventory,
.m16-app.mp-future #mp30-orders{
  background:#fff !important;
  color:var(--mpg-text) !important;
  border:1px solid #e5e7eb !important;
  box-shadow:0 8px 24px rgba(31,41,55,.05) !important;
}
.m16-app.mp-future .mp34-row,
.m16-app.mp-future .mp34-order{
  background:#fffdf8 !important;
  border-color:#eee5d3 !important;
}