:root{--red:#db2b22;--dark:#262626;--cream:#f2eadf;--light:#fffaf4;--green:#1c8a4c}
*{box-sizing:border-box}body{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:#f8f5ef;color:var(--dark)}a{text-decoration:none}
.brand-red{color:var(--red)}.btn-red{background:var(--red);color:#fff;border:0}.btn-red:hover{background:#b91f18;color:#fff}
.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#181818;color:#fff;position:fixed;top:0;bottom:0;left:0;padding:20px;overflow-y:auto}
.sidebar .logo{font-size:23px;font-weight:900;color:#fff}.sidebar .tag{font-size:12px;color:#ddd}.sidebar a{display:flex;gap:10px;align-items:center;color:#eee;padding:11px 13px;border-radius:12px;margin:5px 0}.sidebar a:hover,.sidebar a.active{background:var(--red);color:#fff}
.main{margin-left:260px;width:calc(100% - 260px)}.topbar{background:#fff;padding:14px 24px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}
.content{padding:24px}.cardx{background:#fff;border:1px solid #eee;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.04)}.stat{padding:20px}.stat h2{font-weight:900}.table thead th{background:#f1eee8}
.pos-grid{display:grid;grid-template-columns:1fr 390px;gap:20px}.product-card{cursor:pointer;border:1px solid #eee;border-radius:18px;padding:14px;background:#fff;transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08);border-color:#e64a42}.cart{position:sticky;top:85px}
.pill{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.status-new{background:#fff3cd;color:#8a6300}.status-accepted,.status-preparing{background:#dbeafe;color:#1d4ed8}.status-ready{background:#dcfce7;color:#166534}.status-completed{background:#e5e7eb;color:#111827}.status-cancelled{background:#fee2e2;color:#991b1b}
.receipt{max-width:360px;margin:auto;background:#fff;padding:18px;font-family:monospace}.public-hero{background:linear-gradient(135deg,#fff 0%,#fff5ed 55%,#ffe2d2 100%);border-radius:30px;padding:35px}.menu-item{background:#fff;border-radius:18px;padding:16px;border:1px solid #eee}.floating-cart{position:sticky;top:15px}
@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}.main{margin-left:0;width:100%}.layout{display:block}.pos-grid{grid-template-columns:1fr}.cart{position:relative;top:0}}

/* =========================================================
   MamaPut360 POS UI professional upgrade
   - compact POS tiles
   - receipt-style right panel
   - smaller public ordering cards
   ========================================================= */
.pos-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:18px;
  min-height:calc(100vh - 125px);
}
.pos-workspace{
  background:#f8f5ef;
  border-radius:22px;
  padding:6px 0 20px;
}
.pos-page-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.pos-page-head h1{
  font-size:32px;
  line-height:1;
  margin:0 0 6px;
  font-weight:900;
  letter-spacing:-.04em;
}
.pos-page-head p{
  margin:0;
  color:#6d625d;
  font-size:15px;
}
.pos-mini-stats{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.pos-mini-stats span{
  background:#fff;
  border:1px solid #ece4dc;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  color:#615752;
}
.pos-toolbar{
  background:#fff;
  border:1px solid #eee5dc;
  border-radius:18px;
  padding:10px;
  margin-bottom:14px;
  box-shadow:0 10px 28px rgba(35,25,20,.04);
}
.pos-search{
  display:flex;
  align-items:center;
  gap:10px;
  background:#f8f5ef;
  border:1px solid #eee4dc;
  border-radius:14px;
  padding:0 12px;
  min-height:44px;
}
.pos-search i{color:var(--red)}
.pos-search input{
  flex:1;
  border:0;
  outline:0;
  background:transparent;
  min-height:42px;
  font-size:14px;
}
.pos-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.pos-tabs button{
  border:1px solid #e2d9cf;
  background:#fff;
  border-radius:999px;
  padding:7px 13px;
  font-weight:800;
  font-size:13px;
  color:#514844;
}
.pos-tabs button.active,
.pos-tabs button:hover{
  background:var(--red);
  border-color:var(--red);
  color:#fff;
}
.pos-products-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(215px,1fr));
  gap:10px;
}
.pos-product-tile{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:86px;
  width:100%;
  text-align:left;
  border:1px solid #eee4dc;
  border-radius:16px;
  background:#fff;
  padding:10px;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.pos-product-tile:hover{
  transform:translateY(-2px);
  border-color:rgba(219,43,34,.35);
  box-shadow:0 12px 28px rgba(42,30,25,.08);
}
.pos-thumb{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:13px;
  background:linear-gradient(135deg,#fff3ef,#ffe0d8);
  color:var(--red);
  font-weight:900;
}
.pos-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.pos-tile-info{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.pos-tile-info strong{
  font-size:13.5px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pos-tile-info small{
  color:#7a706b;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pos-tile-info b{
  color:var(--red);
  font-size:13px;
}
.pos-add{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid #d8eadf;
  border-radius:50%;
  color:#13824c;
  background:#f3fff8;
  flex:0 0 28px;
}
.pos-receipt-panel{
  position:sticky;
  top:82px;
  align-self:start;
  background:#fff;
  border:1px solid #ece4dc;
  border-radius:24px;
  padding:16px;
  box-shadow:0 16px 40px rgba(35,25,20,.08);
}
.receipt-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:10px;
  border-bottom:1px solid #f0e7de;
}
.receipt-head h3{
  font-size:14px;
  font-weight:900;
  margin:0;
  letter-spacing:.04em;
}
.receipt-head p{
  margin:2px 0 0;
  color:#8a7f79;
  font-size:12px;
}
.receipt-add-customer{
  border:0;
  background:#4fac7a;
  color:#fff;
  border-radius:10px;
  padding:6px 12px;
}
.receipt-items{
  max-height:295px;
  overflow:auto;
  padding:10px 0;
}
.receipt-items.empty{
  min-height:140px;
  display:grid;
  place-items:center;
  color:#9a918c;
  border-bottom:1px dashed #eadfd6;
}
.receipt-line{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid #f1e9e1;
}
.receipt-line-main b{
  display:block;
  font-size:13px;
}
.receipt-line-main small{
  color:#6f665f;
  font-size:12px;
}
.receipt-line-actions{
  display:flex;
  align-items:center;
  gap:6px;
}
.receipt-line-actions button{
  width:25px;
  height:25px;
  border:1px solid #e2d8ce;
  background:#fff;
  border-radius:8px;
  color:#3f3935;
  font-weight:900;
}
.receipt-fields{
  display:grid;
  gap:8px;
  margin-top:8px;
}
.receipt-fields .form-control{
  border-radius:12px;
  border-color:#eee4dc;
  font-size:13px;
}
.receipt-total-box{
  margin-top:14px;
  padding-top:10px;
  border-top:1px solid #eee4dc;
}
.receipt-total-box div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#716760;
  font-size:13px;
  margin-bottom:5px;
}
.receipt-total-box .grand{
  color:#171717;
  font-size:18px;
  font-weight:900;
}
.receipt-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:12px;
}
.btn-settle{
  background:#35a871;
  color:#fff;
  border-radius:12px;
  border:0;
  min-height:48px;
  font-weight:900;
}
.btn-save{
  background:#4ba577;
  color:#fff;
  border-radius:12px;
  border:0;
  min-height:48px;
  font-weight:900;
}

/* Public order card downsizing */
.public-order-body{background:#fffaf4}
.public-hero.compact{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:22px 26px;
  border-radius:24px;
}
.public-hero.compact h1{
  font-size:34px;
  margin:2px 0 5px;
  font-weight:900;
}
.public-hero.compact p{
  max-width:620px;
  margin:0;
  font-size:15px;
}
.public-kicker{
  color:var(--red);
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}
.public-contact-box{
  background:#fff;
  border:1px solid #f0e6dc;
  border-radius:18px;
  padding:12px 16px;
  text-align:right;
  min-width:170px;
}
.public-contact-box span{display:block;color:#716760;font-size:13px}
.public-menu-toolbar{margin-bottom:12px}
.public-menu-toolbar .form-control{border-radius:14px;min-height:46px;border-color:#eadfd6}
.public-category-title h3{
  color:var(--red);
  font-size:16px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin:22px 0 12px;
}
.public-menu-grid{align-items:stretch}
.public-food-card{
  height:100%;
  background:#fff;
  border:1px solid #efe4dc;
  border-radius:16px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  box-shadow:0 10px 25px rgba(35,25,20,.04);
  transition:transform .18s ease, box-shadow .18s ease;
}
.public-food-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(35,25,20,.08)}
.public-food-thumb{
  height:82px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#fff0e9,#ffe7df);
  color:var(--red);
  font-size:24px;
  font-weight:900;
}
.public-food-thumb img{width:100%;height:100%;object-fit:cover}
.public-food-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:10px;
}
.public-food-body h5{
  min-height:38px;
  font-size:13.5px;
  line-height:1.3;
  margin:0 0 6px;
  font-weight:900;
}
.public-food-body b{
  color:var(--red);
  margin-top:auto;
  font-size:14px;
}
.public-food-body .btn{
  margin-top:8px;
  min-height:34px;
  border-radius:10px;
  font-weight:900;
  font-size:12px;
}
.public-cart{border-radius:18px}
.public-cart h4{font-weight:900;font-size:18px}

@media(max-width:1180px){
  .pos-shell{grid-template-columns:1fr 330px}
  .pos-products-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
}
@media(max-width:950px){
  .pos-shell{grid-template-columns:1fr}
  .pos-receipt-panel{position:relative;top:0}
  .public-hero.compact{display:block;text-align:left}
  .public-contact-box{text-align:left;margin-top:14px}
}
@media(max-width:576px){
  .pos-products-grid{grid-template-columns:1fr}
  .public-food-thumb{height:70px}
  .public-food-body{padding:8px}
  .public-food-body h5{font-size:12.5px;min-height:34px}
}


/* MamaPut360 v2.0.0 Global Styling */
:root {
    --bs-primary: #d35400;
    --bs-primary-rgb: 211, 84, 0;
    --mamaput-dark: #1e272e;
}

body {
    background-color: #f8f9fa;
    color: #2f3542;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.navbar-dark.bg-dark {
    background-color: var(--mamaput-dark) !important;
}

.product-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    border: 1px solid rgba(0,0,0,0.06);
}

.product-card:hover:not(.opacity-50) {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

/* Offline Banner Notification */
#offlineBanner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #c0392b;
    color: #fff;
    text-align: center;
    padding: 8px;
    font-weight: bold;
    font-size: 13px;
}

/* Thermal Print Styles (58mm and 80mm roll printers) */
@media print {
    .no-print, nav, footer, .btn {
        display: none !important;
    }
    body {
        background: transparent !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}
/* Responsive reporting and staff navigation */
html{scroll-padding-top:80px}body{overflow-x:hidden}.container-fluid{min-width:0}.card{border-radius:14px}.table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive .table{min-width:620px}.table thead th{position:sticky;top:0;z-index:1;white-space:nowrap}.table tfoot th{font-weight:800}.form-control:focus,.form-select:focus,.btn:focus-visible,.nav-link:focus-visible{outline:3px solid #db2b2270;outline-offset:2px}.navbar-nav .nav-link{border-radius:9px;padding:10px 12px}.navbar-nav .nav-link.active{background:#db2b22;color:#fff!important}.btn,.form-control,.form-select{min-height:40px}@media(max-width:767.98px){.container-fluid.py-3{padding:12px!important}.card-body{padding:14px}.navbar-collapse{max-height:calc(100dvh - 60px);overflow-y:auto}.navbar-nav .nav-link{min-height:46px;display:flex;align-items:center;gap:8px}.h3{font-size:1.35rem}.card .h2{font-size:1.65rem}}@media print{nav.navbar,.btn,form{display:none!important}.table-responsive{overflow:visible}.table-responsive .table{min-width:0}}

/* POS Till: menu photos (tablet-friendly) */
.pos-menu-photo { height: 112px; width: 100%; background: #f2eadf; border-radius: 10px; overflow: hidden; margin-bottom: 8px; display: flex; align-items: center; justify-content: center; }
.pos-menu-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pos-menu-photo-fallback { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #db2b22; font-size: 2rem; }
.pos-menu-photo [hidden] { display: none !important; }
@media (max-width: 767px) { .pos-menu-photo { height: 92px; } }


/* =============================================================
   MamaPut360 2026 Visual Refresh - global theme, safe CSS only
   ============================================================= */
:root{--mp-ink:#251c1b;--mp-muted:#766b66;--mp-border:#eadfd6;--mp-canvas:#fff8f1;--mp-red:#ce3a2d;--mp-red-dark:#a8261d;--mp-orange:#f7a94c;--mp-radius:18px;--mp-shadow:0 10px 30px rgba(76,39,26,.07)}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at top right,#fff0dc 0%,transparent 36%),#fbf7f2;color:var(--mp-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#ffddae;color:#6d261e}
.mp-navbar{background:linear-gradient(110deg,#271c1a 0%,#442622 65%,#612f27 100%)!important;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 9px 28px rgba(40,22,18,.15);padding-block:10px}
.mp-navbar .navbar-brand{letter-spacing:-.6px;font-size:1.27rem;display:flex;align-items:center;gap:3px}
.mp-brand-icon{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#faab50,#e94f35);display:inline-grid;place-items:center;color:white;margin-right:5px;box-shadow:0 5px 12px #ed5a3850}
.mp-navbar .nav-link{color:#f1e6e1!important;border-radius:11px;padding:9px 11px!important;margin:2px 1px;transition:background .2s,color .2s}
.mp-navbar .nav-link i{opacity:.85;margin-right:3px}.mp-navbar .nav-link:hover,.mp-navbar .nav-link.active{background:rgba(255,255,255,.14);color:#fff!important}
.mp-navbar .nav-link.active{box-shadow:inset 0 -2px #ffbd68}.mp-navbar .navbar-toggler{border-color:#ffffff50}
.mp-content{max-width:1800px;margin:0 auto;padding:23px clamp(13px,2vw,34px)!important;min-height:calc(100dvh - 145px)}
.mp-content h1,.mp-content h2,.mp-content h3,.mp-content .h1,.mp-content .h2,.mp-content .h3{letter-spacing:-.035em;font-weight:800}
.mp-content h1,.mp-content .h1{font-size:clamp(1.65rem,2.4vw,2.4rem)}
.card,.cardx,.menu-item,.pos-toolbar,.pos-cart-panel,.pos-product-tile,.product-card{border-color:var(--mp-border)!important;box-shadow:var(--mp-shadow);border-radius:var(--mp-radius)}
.card{overflow:hidden;background:#fff}.card-header{background:linear-gradient(115deg,#fffaf5,#fff);border-bottom:1px solid var(--mp-border);font-weight:750;padding:15px 19px}.card-body{padding:clamp(15px,1.7vw,24px)}
.cardx,.menu-item{background:#fff}.stat,.cardx{transition:box-shadow .2s,transform .2s}.stat:hover{transform:translateY(-2px);box-shadow:0 16px 38px #4c271a13}
.btn{border-radius:11px;font-weight:650;transition:transform .16s,box-shadow .16s,background .16s;min-height:39px}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}
.btn-primary,.btn-red,.btn-danger{background:linear-gradient(135deg,#dc4935,#b82c23);border-color:#c53c2c;color:#fff;box-shadow:0 4px 12px #b82c2326}.btn-primary:hover,.btn-red:hover,.btn-danger:hover{background:#a72b22;border-color:#a72b22;color:#fff}
.btn-success{background:linear-gradient(135deg,#249965,#16764e);border-color:#19835a}.btn-outline-primary{color:#b63226;border-color:#d99d94}.btn-outline-primary:hover{background:#b63226;border-color:#b63226}
.form-control,.form-select,.input-group-text{border-radius:11px;border-color:#e5d8cc;background-color:#fff;min-height:43px}.form-control:focus,.form-select:focus{border-color:#dd7b5e;box-shadow:0 0 0 3px #e96c4430;outline:0}
label,.form-label{font-weight:650;color:#534640}.form-text,.text-muted{color:var(--mp-muted)!important}
.table{--bs-table-bg:transparent;vertical-align:middle}.table thead th{background:#f9efe6!important;color:#6d4435;text-transform:uppercase;letter-spacing:.045em;font-size:.72rem;font-weight:800;padding:13px 12px;border-bottom:1px solid #e6d6ca}.table tbody td{padding:12px;border-color:#f1e9e2}.table tbody tr:hover{background:#fff8f0}.table-responsive{border-radius:13px}
.badge,.pill{font-weight:750;letter-spacing:.01em}.alert{border-radius:13px;border-width:1px}.modal-content{border:1px solid var(--mp-border);border-radius:20px;box-shadow:0 25px 70px #2a16152a}.modal-header{background:#fff9f4;border-radius:20px 20px 0 0}
.pos-workspace{background:transparent}.pos-page-head h1{color:#2b201d}.pos-toolbar{background:#fff}.pos-search{background:#fff9f4;border-color:#eaddd2}.pos-search:focus-within{border-color:#d7735d;box-shadow:0 0 0 3px #e96c4420}
.pos-product-tile,.product-card{background:#fff;border:1px solid #eee0d4!important;box-shadow:0 4px 16px #45261b0b}.pos-product-tile:hover,.product-card:hover{border-color:#e9a08c!important;box-shadow:0 12px 26px #743d2a20}
.pos-thumb{background:#fff4e8;border-radius:13px}.pos-thumb img,.pos-product-image img{object-fit:contain;object-position:center}.pos-product-image{aspect-ratio:4/3;height:auto;background:#fff5e9;overflow:hidden}
.pos-tabs button{transition:all .15s}.pos-tabs button.active,.pos-tabs button:hover{background:#b83227;border-color:#b83227;box-shadow:0 4px 11px #b8322720}
.mp-footer{background:#fffaf5!important;border-top:1px solid #eee0d4!important}
.mp-login{background:radial-gradient(circle at 18% 22%,#ffe1b9 0,transparent 35%),radial-gradient(circle at 86% 80%,#ffdfd1 0,transparent 40%),#fff9f1!important}.mp-login .card{border:1px solid #f1e2d5!important;border-radius:25px;box-shadow:0 24px 70px #6b382a22!important}.mp-login .card-body{padding:clamp(24px,4vw,40px)!important}.mp-login .btn-primary{min-height:47px}
@media(min-width:768px) and (max-width:1199.98px){.pos-shell{grid-template-columns:minmax(0,1fr) minmax(275px,33%);gap:12px}.pos-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pos-product-tile{min-width:0}.pos-thumb{width:56px;height:56px;flex-basis:56px}.mp-content{padding:14px!important}.mp-navbar .nav-link{font-size:.91rem}}
@media(min-width:992px) and (max-width:1180px){.mp-navbar .navbar-nav{flex-wrap:wrap}}
@media(max-width:767.98px){.mp-content{padding:12px!important}.pos-shell{grid-template-columns:minmax(0,1fr)}.pos-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pos-product-tile{padding:8px;min-height:78px;gap:7px}.pos-thumb{width:42px;height:42px;flex-basis:42px}.pos-tile-info strong{font-size:12px}.mp-navbar .nav-link{margin:2px 0}.card-body{padding:15px}.table-responsive{overflow-x:auto}.btn{touch-action:manipulation}}
@media(max-width:370px){.pos-products-grid{grid-template-columns:1fr}}
@media(hover:none){.pos-product-tile:hover,.product-card:hover,.btn:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media print{body{background:#fff!important}.mp-navbar,.mp-footer{display:none!important}.mp-content{padding:0!important;min-height:0}.card,.cardx{box-shadow:none!important}}

/* 2026-10-31 tablet-friendly compact POS cards */
#posMenuGrid{--bs-gutter-x:.55rem;--bs-gutter-y:.55rem}
#posMenuGrid .product-card{padding:0!important;border-radius:12px!important;overflow:hidden}
#posMenuGrid .card-body{padding:7px!important}
#posMenuGrid .pos-menu-photo{height:76px;margin-bottom:5px;border-radius:8px;background:#fff7f0}
#posMenuGrid .pos-menu-photo img{object-fit:contain!important}
#posMenuGrid .product-card .fw-bold.small{font-size:.78rem;line-height:1.2;white-space:normal;min-height:1.9em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#posMenuGrid .product-card .text-primary{font-size:.82rem}
#posMenuGrid .product-card .badge{font-size:.62rem;white-space:normal}
@media(min-width:768px) and (max-width:1199px){#posMenuGrid .pos-menu-photo{height:70px}#posMenuGrid .card-body{padding:6px!important}}
@media(max-width:575px){#posMenuGrid .pos-menu-photo{height:66px}}
.mp-brand-logo{width:35px;height:35px;object-fit:contain;border-radius:8px;background:white;padding:2px;margin-right:5px}
.drink-stock-table thead th{background:#fbf0e8;color:#693c27;text-transform:uppercase;font-size:.72rem;white-space:nowrap;padding:16px 12px}
.drink-stock-table td{padding:13px 12px;vertical-align:middle;border-color:#f2e9e2}
.drink-stock-table .form-control{min-width:110px;max-width:155px}
.drink-stock-table .badge{font-size:.82rem}


/* MamaPut360: unified page headers (all admin pages) */
.mp-page-banner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;padding:19px clamp(17px,2.1vw,29px);margin-bottom:19px;border-radius:19px;background:linear-gradient(115deg,#33201c 0%,#653025 56%,#b4482e 100%);color:#fff;box-shadow:0 13px 32px rgba(76,31,23,.17)}
.mp-page-banner::before{content:"";position:absolute;z-index:-1;width:245px;height:245px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-60px;top:-130px;box-shadow:0 0 0 36px rgba(255,255,255,.035),0 0 0 72px rgba(255,255,255,.025)}
.mp-page-banner__main{display:flex;align-items:center;gap:17px;min-width:0}
.mp-page-banner__icon{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.19);font-size:1.55rem;color:#ffd39c}
.mp-page-banner__copy{min-width:0}.mp-page-banner__eyebrow{display:flex;align-items:center;gap:9px;font-size:.69rem;font-weight:750;letter-spacing:.085em;text-transform:uppercase;color:#ffddba;margin-bottom:5px}.mp-page-banner__eyebrow .bi-chevron-right{font-size:.57rem;opacity:.7}
.mp-content .mp-page-banner__title{font-size:clamp(1.25rem,2vw,1.85rem);line-height:1.16;letter-spacing:-.025em;margin:0;color:#fff;font-weight:800}
.mp-page-banner__description{font-size:.85rem;color:#f6dcd2;margin:6px 0 0;line-height:1.35}
.mp-page-banner__aside{flex:0 0 auto;display:flex;align-items:center;gap:9px;font-size:.79rem;font-weight:650;color:#fff4eb;padding:10px 13px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.1)}
/* Existing section titles remain visible as section headings, rather than competing page titles. */
.mp-page-banner + h1,.mp-page-banner + .h3{font-size:1.18rem!important;color:#51352d;margin-top:3px}
.mp-content > .d-flex:first-of-type h1,.mp-content > .d-flex:first-of-type h2{color:#503329}
@media(max-width:767.98px){.mp-page-banner{padding:14px 15px;border-radius:15px;gap:8px;margin-bottom:14px}.mp-page-banner__main{gap:11px}.mp-page-banner__icon{width:42px;height:42px;flex-basis:42px;border-radius:12px;font-size:1.18rem}.mp-page-banner__aside{display:none}.mp-page-banner__eyebrow{font-size:.59rem;gap:6px}.mp-content .mp-page-banner__title{font-size:1.22rem}.mp-page-banner__description{font-size:.75rem;margin-top:3px}}
@media print{.mp-page-banner{display:none!important}}