/* LOTUS Cafe and Restaurant interaction/UI fixes — loaded after styles.css */
.settings-intro{margin:12px 0 22px}.settings-intro h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:.25rem 0}.settings-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.settings-card{background:var(--panel,rgba(255,255,255,.045));border:1px solid rgba(190,155,95,.28);border-radius:18px;padding:18px;min-width:0;box-shadow:0 12px 28px rgba(0,0,0,.08)}.settings-card-head{display:flex;gap:12px;align-items:center;margin-bottom:16px}.settings-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:rgba(198,160,93,.16);color:#c8a66b;font-weight:800}.settings-card h3{margin:0 0 4px;font-size:1.05rem}.settings-card-head p{margin:0;color:var(--muted,#999);font-size:.84rem}.settings-card label{display:block;margin:12px 0 8px;font-weight:600}.settings-card input,.settings-card textarea{display:block;width:100%;margin-top:7px;min-width:0}.input-with-unit{display:flex;align-items:center;gap:10px;margin-top:7px}.input-with-unit input{margin:0;flex:1}.input-with-unit b{font-size:.8rem;color:var(--muted,#aaa);min-width:55px}.settings-savebar{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px;border-radius:16px;background:rgba(190,155,95,.08);border:1px solid rgba(190,155,95,.25)}.settings-savebar .button{min-width:230px}.status-cooking{border:1px solid #d4a14a!important;color:#f3c879!important;background:rgba(212,161,74,.12)!important}.status-cooking.is-current{background:#b98735!important;color:#17120b!important}.order-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.order-action-buttons .button{flex:1;min-width:105px}.order-live-notification{position:fixed;z-index:9999;right:18px;top:18px;width:min(390px,calc(100vw - 36px));max-height:75vh;overflow:auto;padding:18px;border:1px solid rgba(209,170,102,.65);border-radius:18px;background:#171614;color:#f7f2e9;box-shadow:0 20px 70px rgba(0,0,0,.42);opacity:0;pointer-events:none;transform:translateY(-12px);transition:opacity .2s ease,transform .2s ease}.order-live-notification.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.live-notification-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.live-notification-top button{border:0;background:transparent;color:inherit;font-size:1.4rem;cursor:pointer}.live-notification-table{display:block;margin:12px 0 6px;font-size:1.35rem;color:#d6b16f}.live-notification-details{line-height:1.6;font-size:.92rem}.staff-order{scroll-margin-top:20px}.staff-order .status-current{margin:12px 0;padding:10px 12px;border-radius:10px}.settings-card .field-help{display:block;margin-top:8px;line-height:1.5}.settings-card textarea{resize:vertical}.settings-card .button{margin-top:8px}@media(max-width:760px){.settings-board{grid-template-columns:1fr}.settings-savebar{grid-column:1}.settings-savebar .button{width:100%;min-width:0}.settings-card{padding:15px}.order-live-notification{right:10px;top:10px;width:calc(100vw - 20px)}}

/* Minutes + seconds controls for master timing settings */
.time-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:8px}
.time-pair>span{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.035);border:1px solid rgba(224,190,104,.25);border-radius:10px;padding:8px 10px;min-width:0}
.time-pair input{width:100%;min-width:0;background:transparent;color:inherit;border:0;outline:0}
.time-pair b{font-size:.8rem;opacity:.75;font-weight:600}
@media(max-width:520px){.time-pair{gap:6px}.time-pair>span{padding:7px}}


/* Master UI refinement: square menu cards and direct image editing */
#staff-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;align-items:stretch}
#staff-items>.add-item-form{grid-column:1/-1}
#staff-items>.staff-item{display:flex;flex-direction:column;gap:12px;min-width:0;padding:14px;border:1px solid rgba(213,174,94,.24);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 8px 22px rgba(0,0,0,.12);transition:transform .18s ease,border-color .18s ease}
#staff-items>.staff-item:hover{transform:translateY(-2px);border-color:rgba(220,181,97,.58)}
.staff-item-photo-wrap{position:relative;display:block;aspect-ratio:1/1;width:100%;overflow:hidden;border:1px solid rgba(213,174,94,.25);border-radius:10px;background:#111;cursor:pointer}
.staff-item-photo-wrap .staff-item-photo,.staff-item-photo-wrap .staff-item-photo-empty{display:flex;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;align-items:center;justify-content:center;border:0;border-radius:0}
.staff-item-photo-wrap .staff-item-photo-empty{font-size:.78rem;color:#9c9588}
.staff-photo-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.photo-edit-badge{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e2bd68;color:#17120a;font-size:1.4rem;font-weight:800;box-shadow:0 4px 14px #0007}
.staff-item-photo-wrap:hover .photo-edit-badge{transform:scale(1.07)}
.staff-item-photo-wrap.is-uploading:after{content:"Saving image…";position:absolute;inset:0;display:grid;place-items:center;background:#111c;color:#f4d98e;font-size:.9rem;font-weight:700}
#staff-items>.staff-item .staff-item-main{display:flex;flex-direction:column;gap:5px;min-width:0}
#staff-items>.staff-item .staff-item-main>strong{font-size:1.02rem;overflow-wrap:anywhere}
#staff-items>.staff-item .staff-item-main>small{color:var(--muted,#aaa)}
#staff-items>.staff-item .staff-item-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
#staff-items>.staff-item .staff-item-actions button{width:100%;min-width:0;min-height:38px;padding:8px 10px;border-radius:9px;font-size:.84rem}
#staff-items>.staff-item .stock-chip{align-self:flex-start}
.settings-board{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-card{border-radius:12px;padding:16px}
.settings-card-head{margin-bottom:12px}
.settings-card .time-pair input{min-width:0}
@media(max-width:700px){#staff-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#staff-items>.staff-item{padding:10px}#staff-items>.staff-item .staff-item-actions{grid-template-columns:1fr}.settings-board{grid-template-columns:1fr}}
@media(max-width:420px){#staff-items{grid-template-columns:1fr 1fr}#staff-items>.staff-item .staff-item-actions button{font-size:.77rem;padding:7px 5px}}


/* Follow-up fixes: make image picker genuinely clickable and keep stock states stable */
.staff-item-photo-wrap{position:relative;cursor:pointer;isolation:isolate}
.staff-item-photo-wrap .staff-photo-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:auto;z-index:3;cursor:pointer}
.staff-item-photo-wrap .photo-edit-badge{z-index:2;pointer-events:none}
.staff-item-photo-wrap .staff-item-photo,.staff-item-photo-wrap .staff-item-photo-empty{pointer-events:none}
.stock-chip.stock-out{color:#ff8d82;background:rgba(130,38,30,.18);border-color:rgba(255,100,85,.35)}
.stock-chip.stock-in{color:#8fdaa4;background:rgba(33,105,57,.18);border-color:rgba(100,210,130,.3)}
.settings-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.settings-card{display:flex;flex-direction:column;gap:7px;min-height:0}
.settings-card .time-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
.settings-card .time-pair>span{min-width:0}
.settings-card .time-pair input{width:100%;font-size:1rem}
.settings-card textarea{min-height:160px}
.settings-savebar{position:sticky;bottom:8px;z-index:5;backdrop-filter:blur(12px)}
@media(max-width:760px){.settings-board{grid-template-columns:1fr}.settings-card textarea{min-height:120px}}


/* Table availability */
.table-card.occupied{opacity:.42;filter:grayscale(.8);cursor:not-allowed;border-color:rgba(230,100,85,.3);background:rgba(95,35,30,.18)}
.table-card.occupied .table-state{color:#ff9186}
.table-card .table-state{display:block;margin-top:5px;font-size:.62rem;letter-spacing:.08em;color:#8dd7a1}
.table-card:not(.occupied):not(:disabled) .table-state{color:#8dd7a1}
/* Floating clock lowered from the top edge, with continuous ambient 3D motion (no hover required) */
#clock-greeting,#digital-clock,#digital-date{position:relative;animation:lotusClockFloat 5.8s ease-in-out infinite;transform-origin:center}
#digital-clock{animation-delay:-1.8s;text-shadow:0 3px 0 rgba(0,0,0,.22),0 0 18px rgba(226,189,104,.22)}
#digital-date{animation-delay:-3.1s}
@keyframes lotusClockFloat{0%,100%{transform:translate3d(0,7px,0) rotateX(0deg);filter:drop-shadow(0 5px 8px rgba(0,0,0,.18))}50%{transform:translate3d(0,13px,0) rotateX(4deg);filter:drop-shadow(0 12px 12px rgba(226,189,104,.12))}}
/* Continuous soft 3D glow on panels and menu cards, independent of hover */
.panel,.settings-card,#staff-items>.staff-item,.menu-card,.table-card{transform-style:preserve-3d;animation:lotusAmbientGlow 8s ease-in-out infinite}
#staff-items>.staff-item:nth-child(3n+1),.menu-card:nth-child(3n+1){animation-delay:-2s}
#staff-items>.staff-item:nth-child(3n+2),.menu-card:nth-child(3n+2){animation-delay:-5s}
@keyframes lotusAmbientGlow{0%,100%{box-shadow:0 8px 22px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.015)}50%{box-shadow:0 12px 30px rgba(218,177,91,.09),inset 0 1px 0 rgba(255,255,255,.035)}}
/* Staff controls are not exposed as visible customer-page links; access remains available by shortcut. */
#staff-entry,#cook-entry{display:none!important}
@media(prefers-reduced-motion:reduce){#clock-greeting,#digital-clock,#digital-date,.panel,.settings-card,#staff-items>.staff-item,.menu-card,.table-card{animation:none!important}}


/* Requested nature palette */
:root{--lotus-bg:#111311;--lotus-panel:#1b1e1a;--lotus-border:rgba(145,174,110,.32);--lotus-gold:#91ae6e;--lotus-accent:#68a04b;--lotus-danger:#d96868;--lotus-text:#f2f2f2;--lotus-muted:#b8bcb4}
body{background:#111311;color:rgb(242,242,242)}
.panel,.settings-card,#staff-items>.staff-item,.menu-card,.table-card{border-color:rgba(145,174,110,.3)}
.button-primary,.category-button.active,.table-card.selected{background:linear-gradient(135deg,rgb(145,174,110),rgb(104,157,75));color:#111}
.stock-chip.stock-in,.table-card:not(.occupied) .table-state{color:rgb(145,174,110)}
.stock-chip.stock-out,.table-card.occupied .table-state{color:rgb(217,104,104)}
/* Clock stays still; lower the whole clock group from the top edge. */
#clock-greeting,#digital-clock,#digital-date{animation:none!important;transform:none!important;filter:none!important}
#clock-greeting{margin-top:14px}
#digital-clock{margin-top:8px;text-shadow:0 2px 10px rgba(104,157,75,.14)}
#digital-date{margin-top:5px}
header:has(#digital-clock),.site-header:has(#digital-clock),.hero:has(#digital-clock){padding-top:22px}
.table-card .table-state{font-size:.58rem;font-weight:400;letter-spacing:.04em;margin-top:3px;opacity:.82}
.table-card.occupied{opacity:.55}


/* ==========================================================
   LOTUS CAFE AND RESTAURANT — FULL FOREST THEME OVERRIDES
   Load after styles.css. Replaces black/gold styling with a
   living forest palette and layered ambient scenery.
   ========================================================== */
:root {
  color-scheme: dark;
  --forest-night: #102b22;
  --forest-deep: #173d2d;
  --forest-panel: rgba(27, 68, 47, .92);
  --forest-panel-soft: rgba(37, 83, 56, .84);
  --forest-leaf: #68a04b;
  --forest-sage: #91ae6e;
  --forest-moss: #b6ca8b;
  --forest-bark: #70543a;
  --forest-cream: #f2f2e9;
  --forest-muted: #c1d0bd;
  --forest-coral: #d96868;
  --panel: rgba(27, 68, 47, .92);
  --muted: #c1d0bd;
  --text: #f2f2e9;
  --accent: #91ae6e;
  --accent-strong: #68a04b;
  --border: rgba(182, 202, 139, .28);
}

html { min-height: 100%; background: #102b22 !important; }
body {
  min-height: 100vh;
  color: var(--forest-cream) !important;
  background:
    radial-gradient(ellipse at 12% 12%, rgba(104,160,75,.23), transparent 38%),
    radial-gradient(ellipse at 90% 22%, rgba(145,174,110,.14), transparent 32%),
    linear-gradient(180deg, #173d2d 0%, #102b22 58%, #0b2019 100%) !important;
  background-attachment: fixed !important;
  isolation: isolate;
}

/* Animated sky, sun/moon and distant forest layers */
body::before {
  content: "";
  position: fixed;
  z-index: -2;
  pointer-events: none;
  inset: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 12%, rgba(242,242,233,.92) 0 2px, transparent 3px),
    radial-gradient(circle at 82% 12%, rgba(182,202,139,.24) 0 42px, transparent 43px),
    radial-gradient(ellipse at 50% 100%, #244f35 0 12%, transparent 12.5%),
    radial-gradient(ellipse at 20% 105%, #1d472f 0 20%, transparent 20.5%),
    radial-gradient(ellipse at 82% 108%, #1a402b 0 24%, transparent 24.5%),
    linear-gradient(180deg, #254f3c 0%, #1a422f 42%, #102b22 100%);
  animation: forestSkyBreath 22s ease-in-out infinite alternate;
}
body::after {
  content: "";
  position: fixed;
  z-index: -1;
  pointer-events: none;
  top: 8vh;
  right: 12vw;
  width: clamp(3rem, 7vw, 6.5rem);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(217,231,167,.4) 0 18%, rgba(145,174,110,.14) 55%, transparent 72%);
  opacity: .7;
  text-shadow: 0 0 24px rgba(217,231,167,.4), 0 0 70px rgba(145,174,110,.26);
  animation: forestSunArc 32s ease-in-out infinite alternate;
}

/* Small birds travel across the sky; layered treetops sit at the horizon. */
body {
  background-image:
    radial-gradient(ellipse at 7% 100%, #0b2119 0 12%, transparent 12.4%),
    radial-gradient(ellipse at 18% 104%, #123624 0 19%, transparent 19.4%),
    radial-gradient(ellipse at 36% 105%, #0c281c 0 17%, transparent 17.4%),
    radial-gradient(ellipse at 62% 106%, #143a27 0 20%, transparent 20.4%),
    radial-gradient(ellipse at 82% 104%, #0b241a 0 18%, transparent 18.4%),
    radial-gradient(ellipse at 98% 103%, #1a422c 0 21%, transparent 21.4%),
    radial-gradient(ellipse at 12% 12%, rgba(104,160,75,.2), transparent 38%),
    linear-gradient(180deg, #254f3c 0%, #173d2d 42%, #102b22 100%) !important;
}
#app::before, main::before, .app-shell::before {
  content: none;
  display: none;
  position: fixed;
  top: 12vh;
  left: -12vw;
  z-index: 0;
  pointer-events: none;
  color: rgba(242,242,233,.76);
  font-size: clamp(1.1rem, 2.2vw, 2rem);
  letter-spacing: 2.2rem;
  white-space: nowrap;
  text-shadow: 0 0 6px rgba(242,242,233,.12);
  animation: forestBirdFlight 27s linear infinite;
}

/* All surfaces move from charcoal/gold to layered leaf greens. */
header, .site-header, .hero, .panel, .card, .settings-card,
.staff-order, .staff-item, .table-order-card, .menu-card,
.menu-section, .modal, .dialog, .order-summary, .order-card,
#staff-items > .staff-item, .settings-board, .settings-savebar,
.customer-panel, .customer-card, .order-history-card,
#customer-form, #table-grid, .table-grid, .menu-grid {
  color: var(--forest-cream) !important;
}
.panel, .card, .settings-card, .staff-order, .staff-item,
.table-order-card, .menu-card, .menu-section, .modal, .dialog,
.order-summary, .order-card, #staff-items > .staff-item,
.customer-panel, .customer-card, .order-history-card, #customer-form {
  background: linear-gradient(145deg, rgba(37,83,56,.96), rgba(20,53,37,.96)) !important;
  border-color: rgba(182,202,139,.26) !important;
  box-shadow: 0 14px 34px rgba(3,19,12,.25), inset 0 1px 0 rgba(242,242,233,.045) !important;
}
input, textarea, select, option {
  color: #f2f2e9 !important;
  background: rgba(10,35,24,.88) !important;
  border-color: rgba(182,202,139,.32) !important;
  accent-color: #91ae6e;
}
input::placeholder, textarea::placeholder { color: #b5c8b1 !important; }
button, .button, .tab-button, .category-button, .table-card {
  color: var(--forest-cream) !important;
  border-color: rgba(182,202,139,.34) !important;
}
button, .button {
  background: linear-gradient(135deg, #356e42, #244f35) !important;
  box-shadow: 0 5px 14px rgba(4,24,14,.2) !important;
}
button.button-primary, .button-primary, button[type="submit"],
.add-to-cart, .checkout-button, .table-card.selected,
.category-button.active, .tab-button.active {
  color: #f7f8ed !important;
  background: linear-gradient(135deg, #68a04b, #3f7b3e) !important;
  border-color: #91ae6e !important;
}
button:hover, .button:hover { filter: brightness(1.08); }
button:disabled, .button:disabled, .table-card:disabled {
  opacity: .44 !important;
  filter: saturate(.55);
  cursor: not-allowed !important;
}
a { color: #c6dfa5 !important; }
h1, h2, h3, h4, strong, label, .brand, .logo { color: #f2f2e9 !important; }
p, small, .muted, .field-help, .settings-card-head p { color: var(--forest-muted) !important; }
.settings-icon, .settings-card-head .settings-icon {
  color: #eaf2d7 !important;
  background: rgba(104,160,75,.28) !important;
  border: 1px solid rgba(182,202,139,.28);
}
.gold-chip, .status-current, .stock-chip, .pill, .badge {
  background: rgba(104,160,75,.2) !important;
  color: #dcebc8 !important;
  border-color: rgba(182,202,139,.34) !important;
}
.status-cancelled, .stock-chip.stock-out, .table-card.occupied .table-state {
  color: #ffaaaa !important;
  background: rgba(217,104,104,.13) !important;
  border-color: rgba(217,104,104,.38) !important;
}
.stock-chip.stock-in, .table-card:not(.occupied) .table-state {
  color: #c7e6a7 !important;
}
hr, .divider { border-color: rgba(182,202,139,.18) !important; }

/* Make the clock static and lower the whole clock group a little. */
#clock-greeting, #digital-clock, #digital-date {
  animation: none !important;
  transform: none !important;
  filter: none !important;
}
#clock-greeting { margin-top: 18px !important; }
#digital-clock { margin-top: 8px !important; text-shadow: 0 0 18px rgba(145,174,110,.2) !important; }
#digital-date { margin-top: 4px !important; }

/* Fine, compact availability labels rather than bold large words. */
.table-card .table-state {
  font-size: .56rem !important;
  line-height: 1.1 !important;
  font-weight: 400 !important;
  letter-spacing: .035em !important;
  opacity: .76 !important;
}

/* Ambient life in the forest: gently breathing foliage and drifting light. */
@keyframes forestSkyBreath {
  from { filter: saturate(.92) brightness(.92); background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; }
  to { filter: saturate(1.08) brightness(1.08); background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 12px -8px, 0 0; }
}
@keyframes forestSunArc {
  0% { transform: translate3d(0,0,0) rotate(-5deg); opacity: .58; }
  50% { transform: translate3d(-3vw,2vh,0) rotate(2deg); opacity: .86; }
  100% { transform: translate3d(-7vw,1vh,0) rotate(7deg); opacity: .64; }
}
@keyframes forestBirdFlight {
  0% { transform: translate3d(-10vw,0,0) scale(.8); }
  48% { transform: translate3d(58vw,-3vh,0) scale(1); }
  100% { transform: translate3d(120vw,1vh,0) scale(.86); }
}
@media (prefers-reduced-motion: reduce) {
  body::before, body::after, #app::before, main::before, .app-shell::before { animation: none !important; }
}


/* Final botanical mobile theme overrides */

/* Botanical refresh: warm cream, olive, clay and sage. */
:root {
  color-scheme: light;
  --paper:#f7f1e5; --paper-light:#fffdf8; --ink:#263b2e;
  --olive:#77734e; --sage:#a5ad83; --clay:#c97968;
  --butter:#d5bd80; --sky:#dce5df; --muted-ink:#777765;
}
html, body { background:var(--paper) !important; color:var(--ink) !important; }
body {
  background:
    radial-gradient(ellipse at 5% 95%, rgba(165,173,131,.18), transparent 28rem),
    radial-gradient(ellipse at 98% 5%, rgba(213,189,128,.16), transparent 26rem),
    var(--paper) !important;
  background-attachment:fixed;
  font-family: "DM Sans", "Segoe UI", Arial, sans-serif;
}
.topbar { background:rgba(247,241,229,.92); border-bottom:1px solid rgba(119,115,78,.28); backdrop-filter:blur(12px); }
.brand, .brand small, .top-status { color:var(--ink) !important; }
.brand-mark { background:var(--ink) !important; color:var(--paper-light) !important; border-color:var(--olive) !important; box-shadow:none !important; }
.brand-dot { color:var(--clay) !important; }
.app-shell { width:min(100% - 28px, 660px); }
.screen { padding-top:clamp(18px,4vw,34px); }
h1,h2,h3,.art-caption { color:var(--ink) !important; }
p,.muted,.microcopy,.field-help,.step-label { color:var(--muted-ink) !important; }
.panel,.menu-card,.order-card,.summary-card,.modal-card,.checkout-panel,.admin-card,.settings-card {
  background:rgba(255,253,248,.96) !important; color:var(--ink) !important;
  border:1px solid rgba(119,115,78,.24) !important; box-shadow:0 8px 28px rgba(65,58,38,.06) !important;
}
input,select,textarea { background:#fffdf8 !important; color:var(--ink) !important; border-color:rgba(119,115,78,.35) !important; }
button { transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
button:active { transform:scale(.98); }
.button-primary,.primary-button,.checkout-button {
  background:var(--ink) !important; color:#fffdf8 !important; border:1px solid var(--ink) !important; box-shadow:none !important;
}
.button-secondary,.back-button,.filter-button,.chip {
  background:#eee8d9 !important; color:var(--ink) !important; border:1px solid rgba(119,115,78,.24) !important;
}
button:hover { filter:brightness(1.025); }
.table-option,.table-card,.category-button,.category-chip { background:#fffdf8 !important; color:var(--ink) !important; border-color:rgba(119,115,78,.28) !important; }
.table-option.selected,.table-card.selected,.category-button.active,.category-chip.active,.selected {
  background:#e2e5d5 !important; border-color:var(--olive) !important; color:var(--ink) !important;
}
.price,.price-tag,.total-price { color:var(--ink) !important; }
.badge,.status-pill { border-radius:999px; }
.welcome-art { min-height:150px; color:var(--ink) !important; }
.plate-ring { border-color:rgba(119,115,78,.55) !important; }
.plate-core { background:#e8e6d8 !important; color:var(--ink) !important; border:1px solid rgba(119,115,78,.25); box-shadow:none !important; }
.art-caption { letter-spacing:.22em; }
.error-message { color:#b34f49 !important; }
hr { border-color:rgba(119,115,78,.22) !important; }
.ambient { opacity:.12 !important; filter:blur(60px); }
.ambient-one { background:var(--clay) !important; }
.ambient-two { background:var(--sage) !important; }
/* Light botanical corner details; keep content contrast clear. */
.app-shell::after {
  content:""; position:fixed; z-index:-1; pointer-events:none; right:-35px; bottom:-22px;
  width:180px; height:180px; opacity:.13;
  background:radial-gradient(ellipse at 50% 100%, transparent 38%, var(--olive) 39%, transparent 40%);
  border-radius:70% 0 70% 0; transform:rotate(-24deg);
}
@media (max-width:600px) {
  .topbar { min-height:68px; padding:10px 14px; gap:8px; }
  .brand { font-size:15px; letter-spacing:1.4px; gap:8px; }
  .brand-mark { width:34px; height:34px; border-radius:50%; font-size:22px; }
  .brand small { font-size:8px; letter-spacing:1.6px; }
  .header-clock { transform:scale(.92); transform-origin:right center; }
  .app-shell { width:calc(100% - 28px); }
  .screen { padding-bottom:30px; }
  .panel,.menu-card,.order-card,.summary-card { border-radius:16px !important; }
  input,select,textarea,.button { min-height:44px; }
  .welcome-art { min-height:118px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; }
}


/* Final palette overrides: black, white, and gold. */
:root{
  color-scheme:dark!important;
  --bg:#050505!important;--background:#050505!important;--page-bg:#050505!important;
  --panel:#111111!important;--panel2:#171717!important;--card:#111111!important;
  --text:#FFFFFF!important;--foreground:#FFFFFF!important;--muted:#D2D2D2!important;
  --accent:#D6B15E!important;--gold:#D6B15E!important;--gold-light:#F3D991!important;
  --line:#3B3323!important;--border:#3B3323!important;
  --forest-night:#050505!important;--forest-deep:#050505!important;
  --forest-panel:#111111!important;--forest-panel-soft:#171717!important;
  --forest-leaf:#D6B15E!important;--forest-sage:#F3D991!important;
  --forest-moss:#D6B15E!important;--forest-cream:#FFFFFF!important;
  --forest-muted:#D2D2D2!important;--forest-coral:#D6B15E!important;
}
html,body,body[data-page-mode]{
  background:#050505!important;background-color:#050505!important;
  background-image:none!important;color:#FFFFFF!important;
}
body::before,body::after,html::before,html::after,
.ambient,.ambient-one,.ambient-two,.sun,.bird,.birds,.forest,.landscape,.scenery,
.background-art,.app-shell::before,.app-shell::after,main::before,main::after{
  display:none!important;content:none!important;background:none!important;box-shadow:none!important;
}
*{text-shadow:none!important}
.topbar,header,.site-header{background:#050505!important;background-image:none!important;color:#FFFFFF!important;border-color:#3B3323!important}
.app-shell,main,.screen{background:transparent!important;background-image:none!important;color:#FFFFFF!important}
h1,h2,h3,h4,h5,h6,label,legend,.brand,.brand span,.brand small,.brand-dot,
.step-label,.section-title,.card-title,.panel-title,.settings-card h3{color:#FFFFFF!important}
p,li,small,.muted,.field-help,.description,.menu-description,.order-meta,.subtext,.hint,.microcopy{color:#D2D2D2!important}
h1 em,h2 em,.step-label span,.price,.price-tag,.total-price,.order-total,.accent,.gold-text,.currency,.menu-price,.payment-icon{color:#D6B15E!important}
.brand-mark,.plate-core{color:#D6B15E!important;background:#111111!important;border:1px solid #D6B15E!important;box-shadow:none!important}
.header-clock,.clock-card,.clock-widget{color:#FFFFFF!important;background:#111111!important;border:1px solid #D6B15E!important;box-shadow:none!important}
#clock-greeting,#digital-clock,#digital-date{color:#FFFFFF!important}

/* Cards, order panels, menu cards and all staff dashboard surfaces */
.panel,.card,.settings-card,.staff-order,.staff-item,.table-order-card,.menu-card,
.menu-section,.modal,.dialog,.order-summary,.order-card,.customer-panel,.customer-card,
.order-history-card,.form-panel,.summary-card,.payment-card,.order-history-item,
.home-active-order,.settings-board,.settings-savebar,.menu-item-card,.checkout-card,
.confirmation-card,.success-card,.order-confirmation,.placed-order,.receipt-card,
.history-card,.my-order-card,#order-success,#order-confirmation,#order-history,
#order-review,.review-panel,#checkout-panel,.cart-panel,.cart-summary,
#staff-items>.staff-item,.menu-card .menu-card-body,.menu-card .menu-info{
  color:#FFFFFF!important;background:#111111!important;background-color:#111111!important;
  background-image:none!important;border-color:#3B3323!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
}
.menu-card h3,.menu-card h4,.menu-card strong,.menu-card p,.menu-card span,
.menu-item-card h3,.menu-item-card p,.staff-item h3,.staff-item p{color:#FFFFFF!important}
.menu-card .price,.menu-card .menu-price,.menu-card .item-price{color:#D6B15E!important}

/* These are the green elements shown in the screenshots */
.search-box,.menu-tools,.menu-tools .search-box,.menu-tools label,
.customer-summary,.dine-in-summary,.table-summary,.selected-table-summary,
.upi-placeholder,.payment-panel .upi-placeholder,.qr-panel,.qr-container,
.qr-wrapper,.upi-panel,.upi-card,.payment-qr,.scanner-panel,.scanner-container,
.scan-to-pay,.payment-box,.qr-code-box,.qr-frame,.payment-method,.upi-payment,
.payment-section{
  color:#FFFFFF!important;background:#111111!important;background-color:#111111!important;
  background-image:none!important;border:1px solid #3B3323!important;
  box-shadow:none!important;
}
#search-input,.search-box input,.menu-tools input[type="search"]{
  display:block!important;width:100%!important;min-width:0!important;
  color:#FFFFFF!important;background:#050505!important;background-color:#050505!important;
  border:1px solid #D6B15E!important;border-radius:8px!important;
  padding:12px 14px!important;outline:none!important;box-shadow:none!important;
}
#search-input::placeholder,.search-box input::placeholder{color:#AFAFAF!important;opacity:1!important}
#search-input:focus,.search-box input:focus{border-color:#F3D991!important;box-shadow:0 0 0 2px rgba(214,177,94,.2)!important}
.menu-tools{display:flex!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;border-radius:12px!important}
.search-box{display:flex!important;align-items:center!important;gap:10px!important;flex:1!important;min-width:0!important;padding:0!important;border:0!important}
.search-box>span{color:#D6B15E!important;background:transparent!important}

/* QR stays black-on-white for scanning; its surrounding box is black */
.upi-placeholder{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:22px!important;border-radius:14px!important}
.upi-placeholder img,.dynamic-upi-qr,#checkout-upi-qr,.qr-container img,.qr-wrapper img,
.payment-qr img,#qr-code img,#qrcode img,.qr-frame img{
  background:#FFFFFF!important;background-color:#FFFFFF!important;border:8px solid #FFFFFF!important;
  border-radius:0!important;box-shadow:none!important;object-fit:contain!important;
}
.upi-placeholder strong,.upi-placeholder small,#checkout-upi-label{color:#FFFFFF!important}
.payment-note{color:#D2D2D2!important}
.payment-note span{color:#D6B15E!important}

/* Inputs and phone prefix */
input,textarea,select,option{
  color:#FFFFFF!important;background:#050505!important;background-color:#050505!important;
  border:1px solid #6B572D!important;caret-color:#D6B15E!important;accent-color:#D6B15E!important;
  box-shadow:none!important;
}
input::placeholder,textarea::placeholder{color:#AFAFAF!important;opacity:1!important}
.phone-field,.phone-input,.phone-prefix,.country-code,.input-prefix,
.phone-field .country-code,.phone-field>span{
  color:#050505!important;background:#D6B15E!important;background-color:#D6B15E!important;
  border-color:#D6B15E!important;
}
.phone-field input,.phone-input input,.phone-field input[type=tel]{color:#FFFFFF!important;background:#050505!important}
input:focus,textarea:focus,select:focus{outline:2px solid #D6B15E!important;outline-offset:2px!important;border-color:#D6B15E!important}

/* Buttons, tabs, categories, table selection and quantity controls */
button,.button,.tab-button,.category-button,.table-card,a.button,input[type=submit],
.quantity-button,.qty-btn,.quantity-control button,.cart-quantity button,
.order-action-buttons button{
  color:#FFFFFF!important;background:#171717!important;background-color:#171717!important;
  border:1px solid #6B572D!important;box-shadow:none!important;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
}
.button-primary,.button.primary,button.primary,button[type=submit],input[type=submit],.full-width.button-primary{
  color:#050505!important;background:linear-gradient(135deg,#F3D991,#D6B15E)!important;
  background-color:#D6B15E!important;border-color:#D6B15E!important;font-weight:800!important;
}
button:hover,.button:hover,.tab-button:hover,.category-button:hover,.table-card:hover,a.button:hover{
  color:#050505!important;background:#F3D991!important;border-color:#F3D991!important;
}
.category-button.active,.tab-button.active,.table-card.selected,.table-card[aria-pressed=true],
.selected,[aria-selected=true],.quantity-control button.active{
  color:#050505!important;background:#D6B15E!important;background-image:linear-gradient(135deg,#F3D991,#D6B15E)!important;
  border:2px solid #F3D991!important;font-weight:800!important;
}
button:disabled,.button:disabled,.disabled{color:#BDBDBD!important;background:#242424!important;border-color:#555!important;opacity:.78!important}
.stock-chip,.badge,.status-pill,.status-badge,.table-state{
  color:#F3D991!important;background:#211C12!important;border:1px solid #6B572D!important;
}
.stock-chip.stock-in,.status-pill.success,.status-pill.delivered,.status-badge.success{
  color:#050505!important;background:#D6B15E!important;border-color:#D6B15E!important;
}

/* Confirmation, review/payment and history text */
.order-received,.order-placed,.order-success,.success-screen,.confirmation-screen,
.order-reference,.review-order,.review-items,.checkout-summary,.order-history-item,
.my-order-card,.order-status,.order-total-row,.bill-summary{
  color:#FFFFFF!important;background:#111111!important;border-color:#3B3323!important;background-image:none!important;
}
.order-received *,.order-placed *,.order-success *,.success-screen *,.confirmation-screen *,
.order-reference *,.review-order *,.review-items *,.checkout-summary *,
.order-history-item *,.my-order-card *{text-shadow:none!important}
.order-received p,.order-placed p,.order-success p,.success-screen p,
.confirmation-screen p,.order-history-item p,.my-order-card p{color:#D2D2D2!important}
a{color:#F3D991!important}a:hover{color:#FFFFFF!important}
hr,.divider{border-color:#3B3323!important}
::selection{color:#050505;background:#D6B15E}
:focus-visible{outline:2px solid #F3D991!important;outline-offset:3px!important}
@media(max-width:600px){.menu-tools{align-items:stretch!important;flex-direction:column!important}.search-box{width:100%!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.unified-staff-panel{max-width:980px;margin:32px auto 20px;padding:20px;background:#111!important;color:#fff!important;border:1px solid #D6B15E!important}
.unified-staff-panel h2{color:#fff!important;margin:0 0 8px}
.unified-staff-panel p{color:#D2D2D2!important}
.unified-staff-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.unified-staff-actions .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:190px;padding:12px 16px}

/* Customer experience: mobile first, quiet black and gold palette. */
:root {
  color-scheme: dark !important;
  --bg:#050505 !important;
  --panel:#111111 !important;
  --panel-raised:#171717 !important;
  --ink:#FFFFFF !important;
  --muted:#D2D2D2 !important;
  --gold:#D6B15E !important;
  --gold-light:#F3D991 !important;
  --line:#3B3323 !important;
}
html,body { background:#050505 !important; color:#FFFFFF !important; }
body {
  min-height:100svh;
  background:radial-gradient(ellipse at 50% -15%,rgba(214,177,94,.12),transparent 42%),#050505 !important;
  font-family:"DM Sans","Segoe UI",Arial,sans-serif;
}
body::before,body::after,html::before,html::after,.app-shell::before,.app-shell::after,
main::before,main::after,.ambient,.ambient-one,.ambient-two { display:none !important; content:none !important; }
.topbar,header,.site-header { background:rgba(5,5,5,.94) !important; border-color:var(--line) !important; }
.app-shell { width:min(calc(100% - 28px),680px) !important; }
.screen { padding-top:clamp(14px,4vw,30px) !important; }
h1,h2,h3,h4,label,strong,.brand,.step-label { color:#FFFFFF !important; }
h1 em,.price,.total-price,.order-total,.brand-dot,.step-label span { color:var(--gold-light) !important; }
p,small,.muted,.field-help,.microcopy,.description,.order-meta { color:var(--muted) !important; }
.panel,.menu-card,.order-card,.summary-card,.modal-card,.checkout-panel,.admin-card,
.settings-card,.food-card,.confirmation-card,.home-active-order,.history-card {
  color:#FFFFFF !important;
  background:#111111 !important;
  border:1px solid var(--line) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.34) !important;
}
input,textarea,select,option {
  min-height:48px;
  color:#FFFFFF !important;
  background:#050505 !important;
  border:1px solid #6B572D !important;
  border-radius:10px;
}
input::placeholder,textarea::placeholder { color:#BDBDBD !important; opacity:1; }
.button,button,.table-card,.category-button,.add-button {
  min-height:48px;
  color:#FFFFFF !important;
  background:#171717 !important;
  border:1px solid #6B572D !important;
  border-radius:12px;
  touch-action:manipulation;
}
.button-primary,.button-primary:hover,button[type="submit"],.add-button {
  color:#050505 !important;
  background:linear-gradient(135deg,#F3D991,#D6B15E) !important;
  border-color:#D6B15E !important;
  font-weight:800;
}
.button-secondary,.back-button { background:#171717 !important; color:#FFFFFF !important; }
.table-card.selected,.category-button.active,.selected,[aria-selected="true"] {
  color:#050505 !important;
  background:#D6B15E !important;
  border-color:#F3D991 !important;
}
.table-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px !important; }
.table-card { padding:12px 8px !important; }
.table-card b { display:block; color:inherit !important; font-size:1.05rem; }
.menu-grid { grid-template-columns:1fr !important; gap:12px !important; }
.food-card { display:grid; grid-template-columns:minmax(105px,34%) 1fr; min-height:138px; overflow:hidden; border-radius:16px !important; }
.food-image { height:100% !important; min-height:138px; background:#171717 !important; }
.food-image img { width:100%; height:100%; min-height:138px; object-fit:cover; }
.food-image-placeholder { display:grid; place-items:center; min-height:138px; color:#D6B15E !important; background:#171717 !important; }
.food-info { display:flex; flex-direction:column; justify-content:space-between; padding:12px !important; }
.food-info h3 { margin:0 0 5px; font-size:1rem !important; }
.food-info p { margin:0; font-size:.85rem !important; line-height:1.4; }
.food-bottom { margin-top:10px; }
.quantity-control button { min-width:42px; min-height:42px; }
.cart-bar { position:sticky; bottom:10px; z-index:5; margin-top:14px; padding:12px; border:1px solid #D6B15E; border-radius:16px; background:#111111 !important; box-shadow:0 12px 30px rgba(0,0,0,.7); }
.welcome-art { height:150px !important; perspective:700px; }
.plate-ring { border-color:rgba(243,217,145,.72) !important; animation:ring-drift 8s ease-in-out infinite; }
.plate-core { color:#F3D991 !important; background:radial-gradient(circle at 35% 25%,#28231a,#111111 72%) !important; border:1px solid #D6B15E !important; box-shadow:0 18px 32px rgba(0,0,0,.7),inset 0 0 22px rgba(214,177,94,.13) !important; animation:plate-hover 5s ease-in-out infinite; transform-style:preserve-3d; }
.food-card { animation:card-arrive .45s ease both; }
.food-card.is-out-of-stock .food-image img { filter:grayscale(.45); opacity:.72; }
.sold-out-button { width:auto; min-width:0; padding:0 8px; border-color:#b8b3a8 !important; background:#e7e3db !important; color:#68645d !important; cursor:not-allowed; font-size:10px; font-weight:800; }
.food-card:nth-child(3n + 1) { animation-delay:40ms; }
.food-card:nth-child(3n + 2) { animation-delay:90ms; }
.food-card:nth-child(3n) { animation-delay:140ms; }
.footer { border-color:var(--line) !important; }
body[data-page-mode="customer"] #master-login-step,
body[data-page-mode="customer"] #staff-step,
body[data-page-mode="customer"] #cook-step,
body[data-page-mode="customer"] .staff-entry,
body[data-page-mode="customer"] .unified-staff-panel { display:none !important; }
.error-message,.status-cancelled,.stock-out { color:#F3D991 !important; }
.status-cancelled,.stock-out { background:#211C12 !important; border-color:#6B572D !important; }
.status-pill,.status-badge,.badge,.pill,.gold-chip,.stock-chip,.food-tag,.table-state {
  color:#F3D991 !important;
  background:#211C12 !important;
  border-color:#6B572D !important;
}
.status-pill.success,.status-pill.delivered,.status-badge.success,.stock-chip.stock-in {
  color:#050505 !important;
  background:#D6B15E !important;
  border-color:#D6B15E !important;
}
a { color:#F3D991 !important; }
@keyframes plate-hover { 0%,100% { transform:translateY(0) rotateX(3deg) rotateY(-7deg); } 50% { transform:translateY(-9px) rotateX(-2deg) rotateY(7deg); } }
@keyframes ring-drift { 0%,100% { transform:rotate(-12deg) translateY(0); } 50% { transform:rotate(-5deg) translateY(-5px); } }
@keyframes card-arrive { from { opacity:0; transform:translateY(10px) rotateX(2deg); } to { opacity:1; transform:translateY(0) rotateX(0); } }
@media(min-width:640px) {
  .table-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
  .menu-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .food-card { grid-template-columns:1fr; }
  .food-image,.food-image img,.food-image-placeholder { height:150px !important; min-height:150px; }
}
@media(max-width:380px) {
  .app-shell { width:calc(100% - 22px) !important; }
  .food-card { grid-template-columns:98px 1fr; }
  .food-info { padding:10px !important; }
  .food-info h3 { font-size:.92rem !important; }
  .food-info p { font-size:.78rem !important; }
}
@media(prefers-reduced-motion:reduce) {
  .plate-core,.plate-ring,.food-card { animation:none !important; }
}

/* Last word on shared surfaces: prevent legacy forest styles from showing through. */
.panel,.form-panel,.order-panel,.payment-panel,.confirmation-card,.history-card,
.home-active-order,.modal-card,.order-edit-panel,.confirmation-window,
.master-order-note-label textarea {
  color:#FFFFFF !important;
  background:#111111 !important;
  background-image:none !important;
  border-color:#3B3323 !important;
  box-shadow:0 12px 28px rgba(0,0,0,.34) !important;
}
.panel input,.panel textarea,.panel select,.form-panel input,.form-panel textarea,.form-panel select,
.phone-field input,.search-box,.search-box input,.add-items-search {
  color:#FFFFFF !important;
  background-color:#050505 !important;
  background-image:none !important;
  border-color:#6B572D !important;
}
.phone-field .country-code,.phone-prefix,.phone-input .phone-prefix {
  color:#050505 !important;
  background:#D6B15E !important;
  border-color:#D6B15E !important;
}
.quantity-control,.cart-quantity,.quantity-control button,.cart-quantity button {
  color:#FFFFFF !important;
  background:#171717 !important;
  border-color:#6B572D !important;
}
.quantity-control span,.cart-quantity span { color:#FFFFFF !important; }
.text-button {
  color:#F3D991 !important;
  background:#171717 !important;
  border:1px solid #6B572D !important;
  border-radius:10px;
}
.back-button {
  display:inline-flex !important;
  width:auto !important;
  min-width:0 !important;
  min-height:44px !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  margin:0 0 18px !important;
  padding:9px 14px !important;
  color:#FFFFFF !important;
  background:#171717 !important;
  border:1px solid #6B572D !important;
  border-radius:11px !important;
  line-height:1.2;
  text-align:left;
}
.back-button span { color:#FFFFFF !important; font-size:13px !important; }
.cart-bar,.cart-bar>div,.cart-bar .button { color:#FFFFFF !important; }
.cart-bar .button-primary { color:#050505 !important; }
.status-cooking,.status-accepted,.status-delivered,.status-pending,.stock-in,
.table-card .table-state,.table-card:not(.occupied) .table-state {
  color:#F3D991 !important;
  background:#211C12 !important;
  border-color:#6B572D !important;
}
.status-cooking.is-current,.status-delivered.is-current,.stock-in {
  color:#050505 !important;
  background:#D6B15E !important;
  border-color:#D6B15E !important;
}
.order-live-notification,.add-items-modal,.modal-backdrop {
  background-color:#111111 !important;
  border-color:#6B572D !important;
}
.add-items-modal,.order-live-notification,.modal-card { background-image:none !important; }
body #customer-step .form-panel,
body #master-login-step .form-panel,
body #staff-step .form-panel,
body #cook-step .form-panel,
body #my-orders-step .form-panel {
  color:#FFFFFF !important;
  background:#111111 !important;
  background-image:none !important;
  border:1px solid #3B3323 !important;
  box-shadow:0 12px 28px rgba(0,0,0,.34) !important;
}
body #customer-step .form-panel input,
body #master-login-step .form-panel input,
body #staff-step .form-panel input,
body #cook-step .form-panel input,
body #my-orders-step .form-panel input {
  color:#FFFFFF !important;
  background:#050505 !important;
  border-color:#6B572D !important;
}
.screen { transform:none !important; animation:none !important; }
.cart-bar {
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:max(12px,env(safe-area-inset-bottom)) !important;
  transform:translateX(-50%) !important;
  width:min(calc(100vw - 24px),600px) !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  z-index:100 !important;
}
.cart-bar.hidden { display:none !important; }
#menu-step { padding-bottom:100px !important; }
@media(max-width:600px) {
  .app-shell { width:calc(100% - 24px) !important; }
  .cart-bar { padding:10px 12px !important; }
  .cart-bar .button { min-width:150px; }
}

/* Stable clock alignment: center the widget in the header and remove stacked offsets. */
.topbar { align-items:center !important; }
.header-clock {
  align-self:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:8px 13px !important;
  gap:2px !important;
  transform:none !important;
  background:#111111 !important;
  border-color:#D6B15E !important;
}
#clock-greeting,#digital-clock,#digital-date {
  position:static !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  animation:none !important;
}
#clock-greeting { line-height:1.2 !important; }
#digital-clock { line-height:1.05 !important; }
#digital-date { line-height:1.2 !important; }

/* Keep all visible accents in the requested black, white and gold palette. */
:root { --forest-moss:#D6B15E; --forest-muted:#B8B8B8; }
body,body::before,body::after { background-color:#050505 !important; }
body::before,body::after,.app-shell::before { display:none !important; content:none !important; }
.modal-backdrop { background:rgba(0,0,0,.82) !important; }
.modal-card,.add-menu-items-panel,.add-items-modal { background:#111111 !important; border-color:#6B572D !important; }
.brand-mark,.button-primary,.table-card.selected,.category-button.active,
.quantity-control button,.add-button,.stock-chip.stock-in,.status-served.is-current,
.status-delivered.is-current,.success-symbol {
  color:#050505 !important;
  background:#D6B15E !important;
  border-color:#D6B15E !important;
}
.header-clock,.settings-card,.settings-icon,.settings-savebar,.staff-warning,
.panel,.food-card,.table-card,.history-card,.confirmation-card,.staff-order,
.staff-item,.cart-bar,.order-live-notification {
  background-color:#111111 !important;
  border-color:#6B572D !important;
}
.status-served,.status-delivered,.status-pending,.status-cooking,.status-cancelled,
.stock-in,.stock-out,.gold-chip,.food-tag,.table-state,.settings-icon {
  color:#F3D991 !important;
  background-color:#211C12 !important;
  border-color:#6B572D !important;
}
.status-served.is-current,.status-delivered.is-current,.stock-chip.stock-in {
  color:#050505 !important;
  background-color:#D6B15E !important;
}
.footer .staff-entry { display:flex !important; gap:14px; align-items:center; }
.footer .staff-entry a { color:#D6B15E; text-decoration:none; font-size:12px; }
.footer .staff-entry a:hover,.footer .staff-entry a:focus-visible { color:#F3D991; text-decoration:underline; }
.master-panel { margin-top:18px; }
.master-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:12px 0; }
.master-panel-heading h2 { margin:0; }
.master-items-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.master-items-list>.staff-item { display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.master-items-list .staff-item-actions { display:flex; flex-wrap:wrap; gap:8px; }
.master-items-list .staff-item-actions button { flex:1 1 130px; }
.master-form-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.master-form-row label { display:block; }
.master-panel .empty-state { grid-column:1/-1; }
.chef-shell { width:min(calc(100% - 28px),1500px) !important; }
@media(max-width:700px) { .master-items-list { grid-template-columns:1fr; } }
.staff-order.cooking-start-pulse{animation:cookingStartPulse 3s ease-out both!important}
@keyframes cookingStartPulse{0%,100%{box-shadow:0 0 0 0 rgba(72,205,116,0);border-color:var(--line)}12%,70%{box-shadow:0 0 26px 5px rgba(72,205,116,.55),inset 0 0 28px rgba(72,205,116,.13);border-color:#55d47f;background-color:rgba(39,112,63,.34)} }
#staff-orders.staff-content,#cook-orders.staff-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
#staff-orders .table-order-card,#cook-orders .table-order-card{min-width:0;display:flex;flex-direction:column}
#staff-orders .table-order-card .staff-order-items,#cook-orders .table-order-card .staff-order-items{flex:1}
#staff-orders .order-awaiting-cooking,#cook-orders .order-awaiting-cooking{border-color:rgba(218,177,98,.55)}
@media(max-width:640px){#staff-orders.staff-content,#cook-orders.staff-content{grid-template-columns:1fr;gap:12px}.table-order-card{padding:14px}.table-order-card .staff-order-head{display:flex}.table-order-card .staff-order-items{font-size:13px}.table-order-card .order-action-buttons .button{font-size:12px;min-height:42px}}
@media(prefers-reduced-motion:reduce){.staff-order.cooking-start-pulse{animation:none!important;box-shadow:0 0 0 2px rgba(72,205,116,.7),0 0 22px rgba(72,205,116,.5)!important}}