/* چاشنی / اتود تاییدشده ۱ — نسخه عملیاتی رابط کاربری، ۱۴۰۵/۰۸/۰۵ */
:root {
  --forest: #207f49;
  --forest-d: #16663b;
  --cream: #fbf8f4;
  --paper: #ffffff;
  --ink: #1f2329;
  --muted: #778087;
  --stroke: #ecebe8;
  --orange: #e58328;
  --shadow: 0 6px 24px rgba(20,35,29,.055);
}
html { scroll-behavior: smooth; }
body { background: linear-gradient(180deg,#fdf9f3 0%,#fffaf5 47%,#f8f9ff 100%);color:var(--ink);font-family:'Vazirmatn',Tahoma,Arial,sans-serif;font-size:13px; }
button, input, select, textarea { font-family: inherit; }
button {transition:background .17s ease,border-color .17s ease,box-shadow .17s ease;}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid #7abe94;outline-offset:2px; }
button:hover:not(:disabled) {filter:brightness(.985)}
.shell {max-width:1510px;padding-inline:24px;}
.microbar {display:none;}
.sitehead {background:#fff;min-height:72px;display:flex;align-items:center;gap:20px;border-radius:0 0 14px 14px;box-shadow:0 3px 19px rgba(30,30,30,.035);margin-top:0;margin-bottom:18px;}
.brand {gap:6px;min-width:150px;}
.brand-mark {width:31px;height:34px;background:transparent;color:#e65c23;font-size:30px;border-radius:0;line-height:1;}
.brand-words b {font-size:28px;font-weight:900;color:#342017;letter-spacing:-1.6px;}
.brand-words small {font-size:9px;margin-top:0;color:#7c6155;}
.sitehead nav {background:none;gap:10px;padding:0;margin:auto;}
.navlink {font-size:12px;border-radius:0;padding:12px 8px;white-space:nowrap;color:#494b51;background:none;}
.navlink.active {color:var(--forest);background:transparent;border-bottom:2px solid var(--forest);box-shadow:none;}
.head-actions {gap:11px;}
.userbadge {max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;}
.outline-btn {border-radius:8px;padding:9px 14px;font-size:12px;}
#app {min-height:440px;}
.primary-btn {background:linear-gradient(180deg,#269154,#1d7946);border:1px solid #20844c;color:#fff;border-radius:7px;box-shadow:0 5px 14px #1a823a1c;font-size:12px;padding:10px 17px;}
.soft-btn {background:#ebf4ef;color:#207d4b;border-radius:7px;}
.small-btn {border-radius:7px;color:#276747;}
.footer {font-size:10px;border-color:#e9e8e5;}
.hero.hero-photo {margin-top:0;border-radius:13px;min-height:210px;background:#2b1e16;display:flex;align-items:center;justify-content:flex-start;position:relative;isolation:isolate;overflow:hidden;padding:24px 40px;text-align:right;box-shadow:0 11px 30px #38261813;}
.hero.hero-photo::before {content:"";position:absolute;inset:0 0 0 auto;width:100%;height:100%;z-index:-2;background:linear-gradient(270deg,#251a16 0%,#251a16f2 21%,#251a1677 48%,#24191312 75%),url('/static/media/hero-dish.webp') left center / auto 100% no-repeat;background-color:#241913;font-size:0;transform:none;border-radius:0;}
.hero.hero-photo::after {display:none;}
.hero.hero-photo .hero-content {width:100%;}
.hero .eyebrow {font-size:11px;color:#fbe4ce;font-weight:700;margin-bottom:10px;}
.hero.hero-photo h1 {font-size:clamp(24px,2.9vw,37px);margin:0 0 4px;line-height:1.55;max-width:650px;}
.hero.hero-photo p {margin:0 0 17px;color:#eee3dc;font-size:15px;}
.hero-promises {display:flex;flex-wrap:wrap;gap:10px;}
.hero-promises span {display:inline-flex;align-items:center;gap:5px;padding:7px 12px;color:#fff;font-size:11px;background:#aa632033;border-radius:20px;border:1px solid #d3aa5955;}
.hero-promises span::first-letter {color:#ffb85d;}
.section-title {margin:24px 0 11px;align-items:center;}
.section-title h2 {font-size:25px;font-weight:900;}
.subhead {font-size:10px;color:#718177;}
.org-select-wrap {display:flex;align-items:center;gap:10px;color:#6d7771;font-size:12px;}
.organ-select {border-radius:8px;min-width:180px;font-size:12px;padding:8px 11px;border-color:#e4e9e3;background:#fff;}
.week-heading {display:flex;align-items:center;justify-content:center;gap:15px;margin:0 0 11px;font-weight:800;font-size:13px;}
.week-arrow {height:28px;width:30px;display:grid;place-items:center;border:1px solid #e9ece7;background:#fff;border-radius:6px;font-size:21px;line-height:1;}
.datebar {box-shadow:none;border:0;background:transparent;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0;gap:7px;}
.daytab {background:#f2f2f1;border-radius:7px;border:1px solid #f0f0ec;padding:8px 3px;min-height:49px;}
.daytab span {font-size:12px;}
.daytab small {font-size:10px;}
.daytab.active {background:linear-gradient(180deg,#299659,#208449);border-color:#208449;color:white;box-shadow:0 5px 13px #21854b1b;}
.daytab.active small {color:#edf8ef;}
.filterbar {margin-top:14px;}
.pills {gap:6px;}
.pill {padding:5px 12px;border-radius:6px;background:#fff;border-color:#e9ece8;font-size:11px;}
.pill.active {background:#e8f5ec;border-color:#c5e7d0;color:#1c8349;}
.count-note {font-size:10px;color:#737b79;}
.menu-layout {grid-template-columns:minmax(0,1fr) 255px;gap:16px;margin:12px 0 25px;}
.food-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;align-content:start;}
.foodcard {background:white;border-radius:10px;border:1px solid #eeeeeb;box-shadow:0 5px 12px rgba(49,49,41,.07);min-width:0;}
.food-art {height:150px;background:#faf9f6;border-radius:9px 9px 0 0;overflow:hidden;}
.food-art img {height:100%;width:100%;object-fit:cover;}
.food-emoji {display:none;}
.deal-tag {right:9px;top:10px;background:#e75240;color:white;padding:4px 7px;border-radius:5px;font-size:10px;}
.stock-tag {left:7px;top:9px;color:#166e38;background:#c7ebc7ed;border:0;border-radius:5px;font-size:10px;padding:3px 7px;}
.stock-tag.outstock {background:#ef4c43;color:white;}
.foodbody {padding:10px;}
.foodtop h3 {font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.food-desc {font-size:10px;color:#7a7c80;margin:2px 0 7px;min-height:37px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.food-pricing {display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:28px;}
.price {font-size:16px;color:#d73933;white-space:nowrap;}
.price span {font-size:9px;color:#414141;}
.oldprice {color:#9a9fa0;font-size:10px;text-decoration:line-through;}
.stock-note {font-size:9px;color:#828a83;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:1px 0 8px;}
.add-to-cart {width:100%;border:0;border-radius:6px;background:#258d51;color:#fff;padding:8px 4px;font-size:11px;font-weight:800;}
.add-to-cart:disabled {background:#e2e2e2;color:#979797;}
.stepper {background:transparent;gap:3px;padding:0;width:100%;justify-content:space-between;}
.stepper button {border:1px solid #d5ded9;width:34px;height:31px;}
.stepper strong {background:#249152;color:#fff;border-radius:5px;flex:1;text-align:center;line-height:31px;}
.aside-card {padding:14px;box-shadow:var(--shadow);border-radius:12px;top:15px;}
.cart-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #eee;padding-bottom:10px;}
.cart-heading h3 {font-size:14px;}
.aside-sub {margin:3px 0 0;font-size:10px;}
.cart-quantity {background:#e7f4eb;color:#287f4b;font-weight:900;border-radius:7px;padding:4px 9px;}
.cart-empty {min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;gap:5px;}
.cart-empty .big {font-size:33px;}
.cart-empty b {color:#435049;}
.cart-empty small {font-size:10px;}
.cartline {align-items:center;padding:9px 0;gap:6px;}
.cartline img {width:38px;height:39px;object-fit:cover;border-radius:6px;}
.cartline>div {flex:1;min-width:0;}
.cartline h4 {font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cartline small {font-size:9px;}
.cartline>strong {white-space:nowrap;font-size:10px;}
.cart-total {margin-top:13px;}
.checkout-btn {width:100%;margin-top:10px;}
.aside-card .helper {font-size:9px;line-height:1.8;margin:11px 0 2px;}
.mobile-cart-btn,.mobile-bottom-nav {display:none;}
/* guest/login */
.landing-shell {display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:17px;align-items:stretch;min-height:550px;}
.guest-visual {background:#fff;border:1px solid #f1eae2;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);}
.guest-photo {background:linear-gradient(270deg,#25170bea,#25180dab 42%,#19110d40),url('/static/media/hero-dish.webp') left center / cover no-repeat;min-height:285px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:white;padding:38px;}
.guest-photo h1 {font-size:clamp(27px,3vw,43px);line-height:1.6;margin:8px 0;font-weight:900;}
.guest-photo p {font-size:15px;margin:0 0 16px;color:#f4e6ce;}
.guest-tag {font-size:12px;color:#f7c87e;}
.guest-features {display:flex;flex-wrap:wrap;gap:9px;}
.guest-features span {border:1px solid #ffffff44;border-radius:20px;padding:6px 9px;font-size:11px;}
.landing-menu-preview {padding:21px 27px;display:flex;justify-content:space-between;align-items:center;gap:22px;}
.landing-menu-preview h2 {font-size:22px;margin:3px 0;}
.landing-menu-preview p {font-size:11px;color:#7c8580;margin:0 0 8px;max-width:235px;}
.mini-kicker {color:#358b57;font-size:10px;}
.preview-foods {display:grid;grid-template-columns:repeat(4,1fr);gap:9px;flex:1;}
.preview-foods>div {min-width:0;}
.preview-foods img {width:100%;height:87px;object-fit:cover;border-radius:8px;display:block;}
.preview-foods b {display:block;font-size:10px;text-align:center;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.guest-auth {border-radius:15px;padding:35px 27px;background:#fff;box-shadow:var(--shadow);border:1px solid #f3eee7;align-self:center;}
.guest-auth-top {text-align:center;}
.brand-mini {font-weight:900;font-size:31px;color:#332017;letter-spacing:-1px;}
.brand-mini span {color:#eb6928;}
.guest-auth h2 {font-size:20px;margin:21px 0 2px;}
.guest-auth p {font-size:11px;color:#7c8484;}
.guest-auth label {display:block;font-weight:700;font-size:11px;margin:27px 0 7px;}
.guest-auth input {display:block;width:100%;border:1px solid #e3e6e7;border-radius:7px;background:#fcfcfc;padding:10px;text-align:left;}
.guest-auth form .primary-btn {width:100%;margin-top:11px;}
.login-divider {text-align:center;margin:14px 0 12px;display:flex;align-items:center;gap:10px;color:#8b9094;font-size:11px;}
.login-divider::after,.login-divider::before {content:"";flex:1;height:1px;background:#eceded;}
.google-guest {border:1px solid #e3e5e5;background:#fff;border-radius:7px;padding:11px;width:100%;color:#333;}
.google-letter {font-weight:900;color:#4386f5;margin-left:8px;font-size:15px;}
.guest-auth .guest-terms {text-align:center;margin:19px 0 0;font-size:10px;}
.demo-hint {background:#f2faf3;border-radius:7px;padding:9px;margin-top:13px;font-size:10px;color:#2d7146;text-align:center;}
.benefits-row {display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0 28px;}
.benefits-row>div {padding:20px;background:#fff;border:1px solid #f0eee8;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:17px;}
.benefits-row b {font-size:13px;}
.benefits-row small {color:#838583;font-size:10px;}
/* Admin layout mirrors approved concept: dark rail on the left */
body.admin-active {background:#f5f6fd;}
body.admin-active .sitehead {background:#fff;}
.admin-shell {direction:ltr;display:grid;grid-template-columns:200px minmax(0,1fr);gap:13px;align-items:stretch;margin:0 0 30px;}
.adminnav {direction:rtl;display:flex;flex-direction:column;gap:1px;position:sticky;top:12px;background:linear-gradient(165deg,#151b26,#0c1422);border:none;border-radius:9px;color:#fff;padding:12px;min-height:650px;max-height:calc(100vh - 20px);overflow-y:auto;}
.adminnav button {width:100%;color:#f4f7f8;text-align:right;display:flex;align-items:center;gap:10px;border-radius:5px;font-weight:600;font-size:11px;padding:10px;flex-shrink:0;}
.adminnav button.active {background:#197747;color:white;}
.adminnav button:hover {background:#263c38;}
.navicon {display:inline-flex;justify-content:center;width:19px;font-size:15px;}
.admin-brand {font-weight:900;font-size:26px;margin:4px 13px 18px;line-height:1.5;}
.admin-brand span {font-size:18px;color:#e5b282;}
.admin-brand small {display:block;font-size:10px;font-weight:400;color:#a9bcc9;}
.admin-sidenav-footer {font-size:9px;color:#b0b9bf;margin-top:auto;border-top:1px solid #ffffff25;padding:16px 4px 0;}
.admin-sidenav-footer small {display:block;margin-top:4px;}
.online-dot {color:#6bcf92;}
.admin-main {direction:rtl;min-width:0;background:#fcfcff;border:1px solid #edf0f7;border-radius:9px;padding:23px;}
.admin-head {background:white;padding:13px 19px;border-radius:8px;margin-bottom:15px;}
.admin-head h2 {font-size:20px;}
.breadcrumbs {color:#88909c;font-size:10px;margin-bottom:2px;}
.admin-adminmark {display:flex;align-items:center;gap:9px;font-size:11px;}
.admin-avatar {background:#e3f1e8;color:#22804b;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:800;}
.admin-stats {grid-template-columns:repeat(4,1fr);gap:10px;}
.admin-stats .stat {border:1px solid #edf0f2;border-radius:8px;padding:13px 16px;box-shadow:none;min-height:108px;}
.admin-stats .stat .stat-label {font-size:11px;color:#666d78;}
.admin-stats .stat strong {color:#263544;font-size:25px;margin-top:5px;line-height:1.2;}
.admin-stats .stat small {font-size:9px;color:#7c8a83;}
.stat-glyph {display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:8px;font-size:18px;margin-left:7px;}
.stat-glyph.green {background:#def8e8;color:#2b945b;}
.stat-glyph.blue {background:#e4eefc;color:#287bda;}
.stat-glyph.orange {background:#fff0e2;color:#e48133;}
.stat-glyph.red {background:#ffeded;color:#e85e58;}
.admin-quicklinks {display:flex;gap:9px;flex-wrap:wrap;margin:13px 0;}
.admin-quicklinks button {background:#258851;border:0;color:#fff;border-radius:6px;padding:9px 13px;font-size:11px;font-weight:700;}
.admin-quicklinks button:nth-child(2),.admin-quicklinks button:nth-child(3) {background:white;color:#287e4d;border:1px solid #d9e8de;}
.admin-chart-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.panel {border-radius:10px;padding:17px 18px;margin:13px 0;border:1px solid #e9ecf2;box-shadow:0 1px 4px #12142106;}
.admin-chart-grid .panel {margin:0;}
.panel h3 {font-size:14px;margin:0 0 10px;}
.panel-headline {display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;}
.panel-headline h3 {margin:0;}
.bar-chart {height:170px;display:flex;gap:10px;align-items:end;justify-content:space-around;border-bottom:1px solid #eef1f4;margin-top:24px;padding:0 7px;}
.bar-group {width:12%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;}
.bar {display:block;width:100%;min-height:5px;border-radius:4px 4px 0 0;background:linear-gradient(#83b6eb,#5197dc);}
.bar-group small {font-size:9px;white-space:nowrap;}
.popular-line {display:grid;grid-template-columns:100px minmax(0,1fr) 52px;gap:8px;align-items:center;margin:11px 0;font-size:10px;}
.popular-line>div {height:10px;border-radius:10px;background:#f4f7f6;overflow:hidden;}
.popular-line i {height:100%;background:#27ad61;display:block;border-radius:10px;}
.popular-line b {color:#328e58;white-space:nowrap;font-size:10px;}
.empty-note {padding:30px 0;color:#7d848a;text-align:center;font-size:11px;}
.report-summary {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.report-summary .panel {margin:0;}
.report-amount {color:#298a50;font-size:24px;display:block;margin:10px 0;}
.report-amount small {font-size:11px;}
.tablewrap {border-radius:8px;}
table {width:100%;font-size:11px;}
th {background:#f8f9fc;color:#626976;font-size:10px;font-weight:700;}
td,th {padding:11px 10px;}
tbody tr:hover {background:#fbfdfb;}
.row-food-img {width:32px;height:29px;object-fit:cover;border-radius:5px;vertical-align:middle;margin-left:5px;}
.discount-cell {color:#d92e38;font-weight:900;}
.edit-row,.publish-row {font-size:10px;color:#26884f;border:0;background:transparent;font-weight:700;white-space:nowrap;}
.publish-row {color:#e38419;}
.weekly-toolbar {display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0;}
.weekly-toolbar .field {width:195px;}
.weekly-toolbar .field label {margin:0 0 4px;}
.weekly-toolbar select {width:100%;}
.admin-week-switch {display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;}
.admin-week-switch button {background:white;border:1px solid #e3e6ea;border-radius:6px;padding:4px 11px;font-size:17px;}
.week-count {font-size:10px;color:#638171;}
.mini-day-strip {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:12px 0;}
.mini-day-strip span {display:flex;flex-direction:column;align-items:center;background:#f6f8f6;border-radius:6px;padding:7px 3px;font-size:10px;}
.mini-day-strip small {font-size:9px;color:#64816d;margin-top:3px;}
.admin-details {padding:13px 17px;}
.admin-details summary {cursor:pointer;font-weight:800;font-size:13px;list-style:none;display:flex;justify-content:space-between;}
.admin-details summary::-webkit-details-marker {display:none;}
.admin-details form,.admin-details>.form-grid {margin-top:16px;}
.form-grid input,.form-grid select,.field input,.field select,textarea {border-radius:7px;}
/* orders */
.ordercard {background:#fff;border-radius:12px;margin-bottom:12px;}
.status {background:#e3f6e9;color:#228147;}
.status.canceled {background:#ffeced;color:#cb5957;}
/* Login dialog */
.login-modal {border-radius:18px;background:#fff;}
.login-modal .brand-mark {background:transparent;color:#e7682e;}
.login-modal h2 {font-size:22px;}
/* Responsive layouts */
@media(min-width:1600px) {.shell {max-width:1560px;}.food-art {height:174px;}}
@media(max-width:1300px) {
  .food-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
  .menu-layout {grid-template-columns:minmax(0,1fr) 250px;}
  .landing-menu-preview {flex-wrap:wrap;}
  .preview-foods {min-width:320px;}
}
@media(max-width:1060px) {
  .food-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  .menu-layout {grid-template-columns:minmax(0,1fr) 240px;}
  .landing-shell {grid-template-columns:minmax(0,1fr) 285px;}
  .guest-auth {padding:25px 17px;}
  .admin-shell {grid-template-columns:165px minmax(0,1fr);}
  .adminnav button {padding:10px 6px;font-size:10px;}
  .admin-main {padding:14px;}
}
@media(max-width:790px) {
  .shell {padding-inline:13px;}
  .sitehead {min-height:60px;flex-wrap:nowrap;padding-top:8px;padding-bottom:8px;gap:7px;}
  .brand {min-width:0;}
  .brand-words b {font-size:23px;}
  .brand-words small {display:none;}
  .sitehead nav {margin-inline:auto;gap:4px;}
  .navlink {font-size:10px;padding:8px 5px;}
  .navlink:not(.admin-only) span {display:none;}
  .userbadge {display:none;}
  .outline-btn {font-size:10px;padding:7px 8px;}
  .menu-layout {grid-template-columns:1fr;}
  .food-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  .food-art {height:155px;}
  .aside-card {position:static;}
  .landing-shell {grid-template-columns:1fr;}
  .guest-auth {max-width:none;}
  .landing-menu-preview {flex-wrap:nowrap;}
  .admin-shell {grid-template-columns:145px minmax(0,1fr);}
  .admin-stats {grid-template-columns:repeat(2,1fr);}
  .admin-chart-grid {grid-template-columns:1fr;}
}
@media(max-width:580px) {
  body {font-size:12px;background:#fff;}
  .shell {padding-inline:12px;}
  .sitehead {margin-bottom:7px;border-radius:0;box-shadow:0 2px 11px #0000000b;}
  .sitehead nav {display:none;}
  .brand {margin-left:auto;}
  .brand-mark {font-size:24px;}
  .brand-words b {font-size:23px;}
  .hero.hero-photo {min-height:145px;padding:17px;border-radius:9px;}
  .hero.hero-photo::before {background:linear-gradient(270deg,#261b17ef,#261b17ae 56%,#261b1728),url('/static/media/hero-dish.webp') left center / auto 100% no-repeat;}
  .hero.hero-photo h1 {font-size:20px;}
  .hero.hero-photo p {font-size:10px;margin-bottom:10px;}
  .hero .eyebrow {font-size:9px;margin-bottom:5px;}
  .hero-promises {gap:3px;}
  .hero-promises span {font-size:8px;padding:3px 5px;}
  .section-title {margin:17px 0 10px;}
  .section-title h2 {font-size:18px;}
  .subhead {font-size:9px;}
  .org-select-wrap {gap:3px;flex-direction:column;align-items:flex-end;font-size:9px;}
  .organ-select {min-width:0;width:135px;font-size:10px;padding:5px;}
  .week-heading {font-size:11px;gap:9px;}
  .daytab {padding:6px 2px;min-height:46px;}
  .daytab span {font-size:9px;}
  .daytab small {font-size:8px;}
  .datebar {gap:3px;}
  .filterbar {gap:8px;flex-wrap:nowrap;overflow:auto;padding-bottom:6px;}
  .filterbar .count-note {display:none;}
  .pills {flex-wrap:nowrap;}
  .pill {white-space:nowrap;font-size:9px;padding:6px 9px;}
  .menu-layout {display:flex;flex-direction:column;margin:9px 0 120px;}
  .food-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;}
  .food-art {height:131px;}
  .foodbody {padding:9px;}
  .foodtop h3 {font-size:12px;}
  .food-desc {font-size:9px;min-height:32px;}
  .price {font-size:13px;}
  .stock-note {font-size:8px;}
  .aside-card {width:100%;}
  .aside-card.has-items:not(.cart-expanded) {display:none;}
  .mobile-cart-btn {display:block;position:fixed;z-index:9;bottom:68px;left:12px;right:12px;background:#21854b;color:#fff;border:0;border-radius:10px;box-shadow:0 9px 25px #13623744;padding:12px;font-weight:900;font-size:11px;}
  .mobile-bottom-nav {position:fixed;bottom:0;right:0;left:0;z-index:8;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e8eee9;padding:7px 5px max(6px,env(safe-area-inset-bottom));box-shadow:0 -3px 20px #1f42230b;}
  .mobile-bottom-nav button {border:0;background:transparent;color:#697375;font-size:20px;display:flex;align-items:center;flex-direction:column;gap:0;min-width:60px;}
  .mobile-bottom-nav button span {font-size:9px;}
  .mobile-bottom-nav button.selected {color:#26874b;}
  .landing-shell {gap:13px;}
  .guest-photo {min-height:205px;padding:20px;}
  .guest-photo h1 {font-size:25px;}
  .guest-photo p {font-size:11px;}
  .guest-features {gap:4px;}
  .guest-features span {font-size:9px;}
  .landing-menu-preview {padding:15px;flex-direction:column;align-items:stretch;gap:10px;}
  .landing-menu-preview h2 {font-size:18px;}
  .preview-foods {min-width:0;width:100%;}
  .preview-foods img {height:75px;}
  .guest-auth {margin-top:0;}
  .benefits-row {grid-template-columns:repeat(2,1fr);}
  .admin-shell {display:block;direction:rtl;}
  .adminnav {min-height:unset;max-height:none;position:static;display:flex;flex-direction:row;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;gap:4px;margin-bottom:9px;border-radius:7px;padding:7px;}
  .admin-brand,.admin-sidenav-footer {display:none;}
  .adminnav button {width:auto;flex-shrink:0;padding:8px 10px;font-size:10px;}
  .admin-main {padding:10px;}
  .admin-head {padding:9px 7px;}
  .admin-head h2 {font-size:16px;}
  .admin-adminmark {font-size:10px;}
  .admin-stats {grid-template-columns:repeat(2,1fr);gap:8px;}
  .admin-stats .stat {min-height:96px;padding:10px;}
  .admin-stats .stat strong {font-size:21px;}
  .stat-label {display:block;}
  .admin-chart-grid,.report-summary {grid-template-columns:1fr;}
  .bar-chart {height:145px;gap:5px;}
  .bar-group small {font-size:8px;}
  .weekly-toolbar {align-items:center;}
  .mini-day-strip {gap:2px;overflow:auto;}
  .mini-day-strip span {font-size:8px;}
  .weekly-toolbar .field {width:140px;}
  .admin-week-switch {gap:4px;font-size:9px;}
  .admin-week-switch button {padding:3px 7px;}
  .footer {padding-bottom:90px;}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}
/* High-specificity mobile fixes against inherited legacy one-column card rules */
@media(max-width:580px){
  .menu-layout .food-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;order:0; }
  .menu-layout .foodcard { display:flex;flex-direction:column;grid-template-columns:none;min-height:0;min-width:0; }
  .menu-layout .food-art { height:137px;min-height:0;flex-shrink:0; }
  .menu-layout .food-art img { height:100%;width:100%;object-fit:cover; }
  .menu-layout .aside-card { order:1; }
  .menu-layout .aside-card:not(.has-items) {display:none;}
  .menu-layout .foodbody {min-width:0;padding:9px;}
  .menu-layout .foodtop h3 {font-size:12px;white-space:nowrap;}
  .menu-layout .food-desc {font-size:9px;min-height:33px;}
  .menu-layout .stock-tag {top:7px;bottom:auto;left:5px;max-width:90px;overflow:hidden;}
  .menu-layout .deal-tag {top:7px;right:5px;}
  .datebar .daytab {min-width:0;flex:none;}
}
.subsidy-pill {background:#e5f4e9;color:#278251;border-radius:6px;padding:4px 9px;font-weight:800;}
.discount-line {display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #edf2ee;}
.discount-line strong {border-radius:6px;background:#e8f7eb;padding:5px 10px;color:#248b52;}
.discount-explainer {display:flex;gap:5px;flex-wrap:wrap;padding:20px 0;margin-bottom:15px;}
.discount-explainer span {background:#f5f7f4;border:1px solid #e7ece8;border-radius:6px;padding:7px;font-size:10px;}
.kitchen-board {background:#141b24;color:white;padding:17px;border-radius:13px;margin:13px 0;}
.kitchen-title {display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff1f;padding-bottom:13px;margin-bottom:14px;}
.kitchen-title>div>span {font-size:11px;color:#bdc9ce;}
.kitchen-title h3 {font-size:16px;margin:5px 0;}
.kitchen-total {background:#21824a;color:white;border-radius:9px;padding:10px 14px;font-size:21px;font-weight:900;}
.kitchen-total small {display:block;font-size:10px;font-weight:400;}
.kitchen-items {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.kitchen-item {display:flex;align-items:center;gap:11px;padding:10px;border-radius:8px;background:#1b2930;}
.kitchen-item>div {flex:1;min-width:0;}
.kitchen-item h4 {margin:0;font-size:13px;}
.kitchen-item small {color:#9caeaa;font-size:10px;}
.kitchen-count {background:#277d4e;color:#fff;border-radius:6px;padding:7px 11px;font-size:11px;font-weight:900;white-space:nowrap;}
.kitchen-item img {width:51px;height:46px;object-fit:cover;border-radius:6px;}
.kitchen-empty {padding:28px;text-align:center;color:#b0b8b4;grid-column:1/-1;}
@media(max-width:580px){.kitchen-items{grid-template-columns:1fr}.kitchen-board{padding:12px}.kitchen-item{gap:6px}.kitchen-count{padding:7px;font-size:10px}}
@media print {.sitehead,.adminnav,.admin-toolbar,.footer,.primary-btn,.soft-btn,.small-btn {display:none!important}.admin-shell{display:block}.admin-main{padding:0}.kitchen-board{color:#000;background:#fff;border:1px solid #ccc}.kitchen-item{color:#000;background:#f3f3f3}}