:root{--ink:#16231f;--muted:#65716c;--paper:#f5f2e9;--surface:#fffdfa;--forest:#143c31;--forest-2:#1d5544;--gold:#e4ad43;--red:#b84b3d;--line:#ddd9ce;--shadow:0 12px 32px rgba(25,42,35,.1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(228,173,67,.12),transparent 28rem),var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}.offline-banner{position:fixed;z-index:99;top:0;left:0;right:0;padding:.65rem;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#fff;background:var(--red)}.offline-banner:not([hidden])~.app-header{top:2.55rem}.app-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:.7rem clamp(1rem,3vw,2rem);background:rgba(255,253,250,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;gap:.75rem;align-items:center;padding:0;border:0;color:var(--ink);background:none;text-align:left}.brand-mark{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;color:#fff;background:var(--forest);font-weight:950;letter-spacing:-.04em}.brand strong,.brand small{display:block}.brand strong{font-size:1.1rem}.brand small{margin-top:.1rem;color:var(--muted);font-size:.72rem}.header-actions{display:flex;align-items:center;gap:.65rem}.connection-dot{width:10px;height:10px;border-radius:50%;background:#9da49f;box-shadow:0 0 0 4px rgba(157,164,159,.16)}.connection-dot.online{background:#3b9b64;box-shadow:0 0 0 4px rgba(59,155,100,.16)}.operator-chip{padding:.65rem .85rem;border:1px solid #cbd4ce;border-radius:999px;background:#edf3ef;color:var(--forest);font-weight:850}.app-shell{width:min(1500px,100%);margin:auto;padding:clamp(1rem,3vw,2rem)}.screen{min-height:calc(100vh - 145px)}.auth-screen{display:grid;place-items:center}.auth-card{width:min(460px,100%);padding:clamp(1.4rem,5vw,2.5rem);border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow)}.eyebrow{margin:0 0 .35rem;color:var(--forest-2);font-size:.72rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:.55rem;font-size:clamp(1.7rem,5vw,2.65rem);line-height:1.05;letter-spacing:-.045em}h2{margin-bottom:.6rem;letter-spacing:-.03em}.lede{color:var(--muted);line-height:1.55}label{display:grid;gap:.42rem;margin:1rem 0;font-weight:750}label span{font-size:.83rem}input,select,textarea{width:100%;border:1px solid #c9cec9;border-radius:12px;padding:.85rem;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(228,173,67,.3);border-color:#bd8720}.primary,.quiet,.settle-button,.back-button,.chef-entry,.danger-quiet{min-height:48px;border:0;border-radius:12px;padding:.75rem 1rem;font-weight:900}.primary{color:#fff;background:var(--forest)}.primary:disabled{background:#aeb6b2;cursor:not-allowed}.full{width:100%}.form-message{min-height:1.4rem;margin:.8rem 0 0;color:var(--red);font-weight:750}.screen-heading,.order-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.screen-heading h1,.order-toolbar h1{margin:0}.quiet,.back-button{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.operator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.85rem}.operator-button{min-height:116px;padding:1rem;border:2px solid transparent;border-radius:20px;background:var(--surface);box-shadow:0 5px 18px rgba(30,45,38,.08);color:var(--forest);font-size:1.2rem;font-weight:950}.operator-button small{display:block;margin-top:.4rem;color:var(--muted);font-size:.8rem}.operator-button:active{transform:scale(.98);border-color:var(--gold)}.chef-entry{display:flex;justify-content:space-between;width:100%;margin-top:1rem;background:#242b28;color:#fff;text-align:left}.chef-entry span{color:#c9d0cc;font-weight:600}.status-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;color:var(--muted);font-size:.82rem;font-weight:750}.status-legend span{display:flex;align-items:center;gap:.4rem}.status-legend i{width:10px;height:10px;border-radius:50%}.status-legend .free{background:#8ca096}.status-legend .open{background:var(--gold)}.status-legend .partial{background:#6d74bf}.table-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.table-card{position:relative;min-height:112px;padding:.9rem;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 3px 13px rgba(33,45,39,.05);text-align:left}.table-card::after{content:"";position:absolute;top:.75rem;right:.75rem;width:11px;height:11px;border-radius:50%;background:#8ca096}.table-card.open{border-color:#dbb15e;background:#fffaf0}.table-card.open::after{background:var(--gold)}.table-card.partial{border-color:#9da2d4;background:#f8f8ff}.table-card.partial::after{background:#6d74bf}.table-number{display:block;font-size:1.08rem;font-weight:950}.table-status{display:block;margin-top:.45rem;color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.table-amount{display:block;margin-top:.2rem;font-size:1.1rem;font-weight:950}.order-toolbar{position:sticky;z-index:10;top:75px;padding:.65rem 0;background:linear-gradient(var(--paper) 80%,transparent)}.settle-button{background:#e8dbbf;color:#3d321c}.order-layout{display:grid;gap:1rem}.category-tabs{display:flex;gap:.45rem;overflow:auto;padding-bottom:.65rem;scrollbar-width:none}.category-tab{flex:0 0 auto;min-height:45px;padding:.65rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-weight:850}.category-tab.active{border-color:var(--forest);background:var(--forest);color:#fff}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.article-button{position:relative;min-height:112px;padding:.85rem;border:1px solid var(--line);border-radius:17px;background:var(--surface);text-align:left}.article-button strong,.article-button small,.article-button em{display:block}.article-button strong{padding-right:1.4rem;font-size:1rem;line-height:1.16}.article-button small{margin:.35rem 0 .6rem;color:var(--muted);line-height:1.25}.article-button em{color:var(--forest);font-style:normal;font-weight:950}.article-button .station-tag{position:absolute;top:.75rem;right:.7rem;font-size:.7rem}.article-button:disabled{opacity:.52;cursor:not-allowed}.sold-out{position:absolute;inset:auto .65rem .65rem;padding:.25rem .5rem;border-radius:6px;background:var(--red);color:#fff;font-size:.68rem;font-weight:900}.cart-panel{display:flex;flex-direction:column;min-height:420px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.cart-heading{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--line)}.cart-heading h2{margin:0}.cart-count{display:grid;place-items:center;min-width:34px;height:34px;border-radius:999px;background:#edf2ee;font-weight:900}.cart-empty{display:grid;place-items:center;align-content:center;flex:1;min-height:180px;padding:2rem;color:var(--muted);text-align:center}.cart-empty span{display:grid;place-items:center;width:50px;height:50px;margin-bottom:.7rem;border:1px dashed #aeb8b2;border-radius:50%;font-size:1.7rem}.cart-empty small{margin-top:.3rem}.cart-list{flex:1}.cart-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.9rem 1rem;border-bottom:1px solid #ece9df;background:none;cursor:pointer}.cart-row strong,.cart-row small{display:block}.cart-row small{margin-top:.2rem;color:var(--muted)}.cart-comment{color:#7e5811!important}.cart-price{font-weight:900}.cart-footer{padding:1rem;border-top:1px solid var(--line);background:#fbfaf6}.cart-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.8rem}.cart-total strong{font-size:1.45rem}.submit-order{min-height:58px;font-size:1.03rem}.submit-hint{min-height:1rem;margin:.55rem 0 0;color:var(--red);font-size:.78rem;text-align:center}.version-footer{padding:.6rem 1rem 1.2rem;color:#7b8580;font-size:.7rem;text-align:center}.app-dialog{width:min(500px,calc(100% - 1.2rem));border:0;border-radius:24px;padding:1.35rem;background:var(--surface);box-shadow:0 30px 80px rgba(0,0,0,.25)}.app-dialog::backdrop{background:rgba(9,20,16,.62);backdrop-filter:blur(3px)}.dialog-close{float:right;width:42px;height:42px;border:0;border-radius:50%;background:#edf0ed;font-size:1.4rem}.variant-grid{display:grid;gap:.65rem;margin-top:1rem}.variant-button{min-height:70px;border:1px solid var(--line);border-radius:15px;padding:.8rem;background:#fff;text-align:left;font-weight:900}.variant-button span{float:right;color:var(--forest)}.quantity-editor{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;margin:1.1rem 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.quantity-editor button{height:58px;border:0;background:#edf2ee;font-size:1.35rem}.quantity-editor strong{text-align:center;font-size:1.3rem}.dialog-actions{display:flex;justify-content:space-between;gap:.65rem;margin-top:1rem}.danger-quiet{color:var(--red);background:#f8e9e6}.message-dialog{max-width:420px}.message-dialog h2{padding-right:2rem}.message-dialog p{color:var(--muted);line-height:1.5}
@media(min-width:700px){.table-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-layout{grid-template-columns:minmax(0,1fr) 360px}.cart-panel{position:sticky;top:152px;height:calc(100vh - 175px)}.order-screen{padding-bottom:0}}
@media(min-width:1100px){.table-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem}.table-card{min-height:130px}.article-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.app-shell{padding-top:1.5rem}}
@media(max-width:699px){.brand small{display:none}.app-shell{padding:.8rem}.screen-heading{align-items:flex-end}.order-toolbar{top:73px}.order-toolbar .eyebrow{display:none}.order-toolbar h1{font-size:1.35rem}.settle-button,.back-button{padding:.6rem .7rem}.cart-panel{margin-top:.3rem}.cart-footer{position:sticky;bottom:0}.version-footer{padding-bottom:calc(1.2rem + env(safe-area-inset-bottom))}}
.settlement-dialog{max-width:620px}.settlement-list{display:grid;gap:.55rem;max-height:48vh;overflow:auto;margin:1rem 0}.settlement-row{display:grid;grid-template-columns:1fr auto;gap:.7rem;align-items:center;padding:.8rem;border:1px solid var(--line);border-radius:14px}.settlement-row strong,.settlement-row small{display:block}.settlement-row small{margin-top:.22rem;color:var(--muted)}.settlement-qty{display:grid;grid-template-columns:38px 38px 38px;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}.settlement-qty button{height:38px;border:0;background:#edf2ee;font-weight:950}.settlement-qty span{text-align:center;font-weight:950}.settlement-total{padding-top:.85rem;border-top:1px solid var(--line)}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.payment-methods button{min-height:58px}
.terminal-choices{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.7rem;padding:.7rem;border-radius:14px;background:#f0ece2}.terminal-button{min-height:54px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:900}.terminal-button:disabled{opacity:.5}.card-live-status{display:flex;align-items:center;gap:.8rem;margin:1rem 0 1.3rem;padding:1rem;border-radius:14px;background:#edf2ee;color:var(--forest)}.card-spinner{width:24px;height:24px;flex:0 0 auto;border:3px solid #b8c9c1;border-top-color:var(--forest);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

/* Interaktiver Saalplan nach SCC Saalsitzplan 2025, 180 Plätze */
.hall-plan{width:min(1120px,100%);margin:0 auto;padding:.7rem;border:1px solid var(--line);border-radius:22px;background:#ebe7dc;box-shadow:var(--shadow)}
.hall-stage{display:flex;align-items:center;justify-content:center;width:100%;min-height:38px;margin:0 0 .45rem;padding:.3rem;border:2px solid var(--forest);border-radius:8px;background:var(--surface);color:var(--forest)}
.hall-stage strong{font-size:clamp(.9rem,2.5vw,1.3rem)}
.hall-orientation{display:flex;align-items:center;justify-content:space-between;margin:.2rem .2rem .55rem;color:var(--muted);font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.hall-orientation span::before{content:"↑ ";color:var(--forest)}
.hall-plan .table-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,.92fr);grid-template-rows:repeat(3,88px) 34px repeat(3,88px);gap:.42rem .28rem;align-items:stretch}
.hall-plan .table-card{grid-column:var(--hall-column);grid-row:var(--hall-row);min-height:0;height:100%;margin-inline:6px;padding:.38rem .15rem;border-width:2px;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 2px 8px rgba(33,45,39,.08)}
.hall-plan .table-card.hall-edge{margin-left:11px}.hall-plan .table-card::after{top:.3rem;right:.3rem;width:8px;height:8px}
.hall-plan .table-number{font-size:1.4rem;line-height:1}.hall-plan .table-number small{display:block;margin-bottom:.12rem;color:var(--muted);font-size:.5rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.hall-plan .table-status{margin-top:.28rem;font-size:.51rem;line-height:1.05;letter-spacing:.025em;overflow-wrap:anywhere}.hall-plan .table-amount{margin-top:.16rem;max-width:100%;font-size:.61rem;line-height:1.05;white-space:nowrap}
.seat-bank{position:absolute;top:10%;bottom:10%;display:flex;flex-direction:column;justify-content:space-around;pointer-events:none}.seat-left{left:-7px}.seat-right{right:-7px}.seat-bank i{display:block;width:7px;height:13px;border:1.5px solid #68746e;border-radius:3px;background:#f9f7f0}
@media(min-width:700px){.hall-plan{padding:1.15rem}.hall-stage{min-height:46px;margin-bottom:.7rem}.hall-orientation{font-size:.72rem}.hall-plan .table-grid{grid-template-rows:repeat(3,116px) 52px repeat(3,116px);gap:.9rem .75rem}.hall-plan .table-card{margin-inline:10px;padding:.7rem .25rem;border-radius:13px}.hall-plan .table-card.hall-edge{margin-left:22px}.hall-plan .table-number{font-size:1.8rem}.hall-plan .table-number small{font-size:.6rem}.hall-plan .table-status{font-size:.68rem}.hall-plan .table-amount{font-size:.83rem}.seat-left{left:-11px}.seat-right{right:-11px}.seat-bank i{width:10px;height:18px}}
@media(min-width:1100px){.hall-plan{padding:1.4rem}.hall-plan .table-grid{grid-template-rows:repeat(3,132px) 62px repeat(3,132px);gap:1.1rem 1rem}.hall-plan .table-card{margin-inline:14px}.hall-plan .table-card.hall-edge{margin-left:32px}.hall-plan .table-number{font-size:2rem}.hall-plan .table-status{font-size:.74rem}.hall-plan .table-amount{font-size:.95rem}.seat-left{left:-15px}.seat-right{right:-15px}.seat-bank i{width:13px;height:21px}}

.terminal-chip{padding:.65rem .8rem;border:1px solid #d8bd82;border-radius:999px;background:#fff6df;color:#76520e;font-weight:900}.terminal-screen{max-width:760px;margin:auto}.terminal-login-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1.3rem 0}.terminal-login-button{min-height:145px;padding:1.2rem;border:2px solid transparent;border-radius:22px;background:var(--surface);box-shadow:0 6px 20px rgba(30,45,38,.09);color:var(--forest);text-align:left}.terminal-login-button span,.terminal-login-button small{display:block}.terminal-login-button span{font-size:1.25rem;font-weight:950}.terminal-login-button small{margin-top:.55rem;color:var(--muted);font-size:.78rem;line-height:1.35}.terminal-login-button.selected{border-color:var(--gold);background:#fff9ec}.terminal-login-button:active{transform:scale(.98)}.terminal-back{margin-top:.3rem}
@media(max-width:699px){.terminal-login-grid{grid-template-columns:1fr}.terminal-login-button{min-height:110px}.terminal-chip,.operator-chip{padding:.55rem .65rem;font-size:.75rem}.header-actions{gap:.35rem}}
@media(max-width:480px){.brand>span:last-child{display:none}}

.mobile-order-bar{display:none}.order-context>small{display:block;margin-top:.18rem;color:var(--muted);font-size:.72rem;font-weight:750}.article-quantity{position:absolute;z-index:2;top:.45rem;left:.45rem;display:grid;place-items:center;min-width:29px;height:29px;padding:0 .35rem;border-radius:999px;background:var(--gold);color:#241a08;font-size:.76rem;font-weight:950;box-shadow:0 2px 7px rgba(68,48,12,.18)}
.install-app-button{margin-top:.75rem;border-color:#b98a31;background:#fff8e8;color:#76520e}
@media(max-width:1024px){
  body[data-screen="hallScreen"]{height:100dvh;overflow:hidden;overscroll-behavior:none}
  body[data-screen="hallScreen"] .version-footer{display:none}
  body[data-screen="hallScreen"] .app-shell{position:fixed;inset:74px 0 0;width:100%;height:auto;min-height:0;padding:0;overflow:hidden}
  #hallScreen{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}
  #hallScreen .screen-heading{position:absolute;z-index:8;top:.4rem;right:.4rem;margin:0;pointer-events:none}
  #hallScreen .screen-heading>div{display:none}
  #hallScreen #refreshTables{width:38px;min-height:38px;padding:0;border-color:rgba(20,60,49,.28);border-radius:50%;background:rgba(255,253,250,.92);font-size:0;box-shadow:0 2px 10px rgba(20,60,49,.16);pointer-events:auto}
  #hallScreen #refreshTables::before{content:"↻";font-size:1.15rem;line-height:1}
  #hallScreen .status-legend{display:none}
  #hallScreen .hall-plan{display:flex;flex:1 1 auto;flex-direction:column;width:100%;height:100%;min-height:0;margin:0 auto;padding:.35rem;border:0;border-radius:0;box-shadow:none;overflow:hidden}
  #hallScreen .hall-stage{flex:0 0 4%;width:100%;min-height:22px;margin:0 0 .3rem;padding:.08rem .2rem;border-width:1.5px}
  #hallScreen .hall-stage strong{font-size:.8rem}
  #hallScreen .hall-orientation{flex:0 0 auto;margin:0 .1rem .18rem;font-size:.45rem}
  #hallScreen .table-grid{flex:1 1 auto;width:100%;min-height:0;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr)) minmax(5px,.24fr) repeat(3,minmax(0,1fr));gap:.42rem .32rem;overflow:hidden}
  #hallScreen .table-card{min-height:0;margin-inline:4px;padding:.12rem .05rem;border-width:1.5px;border-radius:7px}
  #hallScreen .table-card.hall-edge{margin-left:7px}
  #hallScreen .table-card::after{top:.18rem;right:.18rem;width:5px;height:5px}
  #hallScreen .table-number{font-size:clamp(1.2rem,5vw,1.7rem)}
  #hallScreen .table-number small{display:none}
  #hallScreen .table-status{margin-top:.08rem;font-size:clamp(.35rem,1.55vw,.48rem);letter-spacing:0}
  #hallScreen .table-amount{margin-top:.05rem;font-size:clamp(.4rem,1.8vw,.55rem)}
  #hallScreen .seat-bank{top:12%;bottom:12%}
  #hallScreen .seat-left{left:-4px}#hallScreen .seat-right{right:-4px}
  #hallScreen .seat-bank i{width:4px;height:8px;border-width:1px;border-radius:2px}
  .category-tabs{position:sticky;z-index:8;top:136px;padding:.4rem 0 .65rem;background:var(--paper)}.order-screen{padding-bottom:5.5rem}.cart-panel{scroll-margin-top:145px}.mobile-cart-button{position:fixed;z-index:30;left:.8rem;right:.8rem;bottom:calc(.8rem + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:.8rem 1rem;border:0;border-radius:17px;background:var(--forest);color:#fff;box-shadow:0 12px 35px rgba(12,34,28,.34);font-weight:900}.mobile-cart-button strong{font-size:.95rem}.article-button{min-height:104px}.article-grid{gap:.55rem}
}

.item-description{margin:-.25rem 0 .7rem;color:var(--muted);font-size:.9rem;font-weight:700;line-height:1.25}

.article-button.dynamic-article{border:2px solid var(--gold);background:#fffaf0}
.article-button.dynamic-article em{font-size:1rem}
.divers-dialog label{margin:.8rem 0}
.divers-dialog input,.divers-dialog textarea{min-height:54px;font-size:1rem}
.divers-dialog .divers-price{font-size:1.35rem;font-weight:900}
.divers-dialog .form-message{margin:.35rem 0 .65rem}

/* Bedienansicht: kompakte Bestellung oben, Kategorien und 3-spaltige Artikel darunter. */
@media(max-width:1024px){
  body[data-screen="orderScreen"]{height:100dvh;overflow:hidden;overscroll-behavior:none}
  body[data-screen="orderScreen"] .app-header,body[data-screen="orderScreen"] .version-footer{display:none}
  body[data-screen="orderScreen"] .app-shell{position:fixed;inset:0 0 calc(66px + env(safe-area-inset-bottom)) 0;width:100%;min-height:0;padding:.4rem;background:var(--paper);overflow:hidden}
  #orderScreen{display:grid;grid-template-rows:49px clamp(105px,17dvh,138px) 56px minmax(0,1fr);width:100%;height:100%;min-height:0;padding:0}
  #orderScreen .order-toolbar{position:static;flex:0 0 49px;margin:0;padding:.1rem .15rem .35rem;background:none;border-bottom:1px solid var(--line)}
  #orderScreen .order-toolbar .eyebrow{display:none}
  #orderScreen .order-toolbar h1{font-size:1.35rem;line-height:1}
  #orderScreen .order-context{min-width:0;text-align:center}
  #orderScreen .order-context>small{max-width:58vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem}
  #orderScreen .back-button,#orderScreen .settle-button{min-height:40px;padding:.45rem .62rem;border-radius:9px;font-size:.78rem}
  #orderScreen .order-layout,#orderScreen .catalog-panel{display:contents}
  #orderScreen .cart-panel{grid-row:2;width:100%;height:100%;min-height:0;margin:.3rem 0 0;border-radius:10px;box-shadow:none}
  #orderScreen .cart-heading{display:none}
  #orderScreen .cart-empty{min-height:0;padding:.45rem;font-size:.75rem}
  #orderScreen .cart-empty span{display:none}
  #orderScreen .cart-empty small{font-size:.66rem}
  #orderScreen .cart-list{min-height:0;overflow:auto;overscroll-behavior:contain}
  #orderScreen .cart-row{min-height:38px;padding:.34rem .55rem;font-size:.74rem;text-align:left}
  #orderScreen .cart-row small{margin-top:.08rem;font-size:.61rem}
  #orderScreen .cart-price{font-size:.75rem}
  #orderScreen .cart-footer{display:none}
  #orderScreen .category-tabs{position:static;z-index:2;grid-row:3;display:flex;gap:.28rem;width:100%;height:56px;margin:0;padding:.35rem 0 .25rem;background:var(--paper);overflow-x:auto;visibility:visible;opacity:1}
  #orderScreen .category-tab{display:grid;place-items:center;align-content:center;flex:1 0 53px;min-width:53px;min-height:47px;padding:.18rem .25rem;border:1.5px solid #cfc9bb;border-radius:10px;background:#fff;color:var(--ink);font-size:1.18rem;line-height:1;visibility:visible;opacity:1}
  #orderScreen .category-tab.active{border-color:var(--forest);background:var(--forest);color:#fff}
  #orderScreen .category-tab small{display:block;max-width:100%;margin-top:.16rem;overflow:hidden;text-overflow:ellipsis;color:inherit;font-size:.53rem;font-weight:850;white-space:nowrap}
  #orderScreen .article-grid{display:grid;grid-row:4;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:100px;gap:.35rem;width:100%;height:100%;min-height:0;padding:0 0 .25rem;overflow-y:auto;overscroll-behavior:contain;align-content:start}
  #orderScreen .article-button{min-height:94px;padding:.6rem .45rem .48rem;border-width:1.5px;border-radius:11px;text-align:center;touch-action:manipulation}
  #orderScreen .article-button strong{display:-webkit-box;min-height:2.1em;padding:0;overflow:hidden;font-size:.82rem;line-height:1.05;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  #orderScreen .article-button small{min-height:1em;margin:.25rem 0 .3rem;overflow:hidden;text-overflow:ellipsis;font-size:.61rem;line-height:1;white-space:nowrap}
  #orderScreen .article-button em{font-size:.78rem}
  #orderScreen .article-button .station-tag{display:none}
  #orderScreen .article-quantity{top:.25rem;left:.25rem;min-width:23px;height:23px;font-size:.64rem}
  .mobile-order-bar{position:fixed;z-index:40;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr 1.35fr;height:calc(66px + env(safe-area-inset-bottom));padding:0 .35rem env(safe-area-inset-bottom);border-top:1px solid #274b41;background:#102f27;box-shadow:0 -5px 18px rgba(8,29,23,.2)}
  .mobile-order-bar button{display:grid;place-items:center;align-content:center;gap:.05rem;border:0;border-right:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;font-size:1.15rem}
  .mobile-order-bar button:last-child{border-right:0}
  .mobile-order-bar strong{font-size:.67rem;line-height:1}
  .mobile-order-bar small{margin-top:.12rem;color:#d8e4df;font-size:.56rem}
  .mobile-order-bar .mobile-send{background:#1e6a55}
  .mobile-order-bar button:disabled{opacity:.42}

  /* Die räumliche Tischübersicht bleibt vollständig sichtbar, aber ohne kleinteilige Stuhl-Symbole. */
  #hallScreen .hall-stage{flex-basis:3%;margin-bottom:.18rem}
  #hallScreen .hall-orientation{margin-bottom:.1rem}
  #hallScreen .table-grid{gap:.5rem .42rem}
  #hallScreen .table-card{margin-inline:1px;padding:.08rem;border-radius:9px;background:#fff;box-shadow:0 2px 6px rgba(20,45,36,.13)}
  #hallScreen .table-card.hall-edge{margin-left:2px}
  #hallScreen .seat-bank{display:none}
  #hallScreen .table-card::after{top:.25rem;right:.25rem;width:7px;height:7px}
  #hallScreen .table-number{font-size:clamp(1.55rem,7vw,2.15rem);line-height:.95}
  #hallScreen .table-card.free .table-status,#hallScreen .table-card.free .table-amount{display:none}
  #hallScreen .table-card.draft .table-status,#hallScreen .table-card.draft .table-amount{display:block}
  #hallScreen .table-card.open{border-color:#c48713;background:#fff2cc}
  #hallScreen .table-card.partial{border-color:#626ac2;background:#eeeeff}
  #hallScreen .table-card.open .table-status,#hallScreen .table-card.partial .table-status{margin-top:.16rem;color:#413414;font-size:.48rem;font-weight:950}
  #hallScreen .table-card.open .table-amount,#hallScreen .table-card.partial .table-amount{font-size:.58rem}
}

/* V0.6.0: freigegebene Smartphone-First-Bedienansicht. */
@media(max-width:1024px){
  body[data-screen="orderScreen"] .app-shell{padding:0 .25rem;background:var(--paper)}
  #orderScreen{grid-template-rows:56px minmax(0,1fr) 140px calc(50dvh - 140px)}
  #orderScreen .order-toolbar{height:56px;margin:0;padding:.25rem .15rem;border-bottom:1px solid var(--line)}
  #orderScreen .order-toolbar h1{font-size:1.25rem;font-weight:700}
  #orderScreen .order-context>small{font-size:.72rem}
  #orderScreen .back-button,#orderScreen .settle-button{min-height:44px;padding:.35rem .55rem;font-size:.82rem}
  #orderScreen .cart-panel{margin:.3rem 0 .2rem;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(19,46,37,.06)}
  #orderScreen .cart-empty{font-size:1rem;font-weight:600}
  #orderScreen .cart-empty small{font-size:.9rem}
  #orderScreen .cart-row{min-height:48px;padding:.45rem .55rem;font-size:1rem}
  #orderScreen .cart-row small{font-size:.82rem}
  #orderScreen .cart-price{font-size:1rem}
  #orderScreen .category-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:100%;height:140px;padding:4px;overflow:hidden}
  #orderScreen .category-tab{display:grid;place-items:center;align-content:center;min-width:0;width:100%;height:132px;padding:3px 1px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--forest);box-shadow:0 3px 10px rgba(18,47,38,.07)}
  #orderScreen .category-tab>span{display:grid;place-items:center}
  #orderScreen .category-tab svg{width:clamp(68px,20vw,88px);height:clamp(68px,20vw,88px);fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
  #orderScreen .category-tab small{display:block;margin-top:5px;overflow:visible;color:inherit;font-size:clamp(21px,6vw,26px);font-weight:650;line-height:.92;letter-spacing:-.03em;white-space:normal}
  #orderScreen .category-tab.active{border-color:var(--forest);background:var(--forest);color:#fff;box-shadow:0 5px 15px rgba(16,60,49,.2)}
  #orderScreen .article-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:calc((50dvh - 164px)/3);gap:5px;height:100%;padding:5px 0;align-content:start}
  #orderScreen .article-button{display:flex;flex-direction:column;justify-content:center;min-height:0;padding:6px 5px 39px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left;box-shadow:0 3px 11px rgba(19,46,37,.07)}
  #orderScreen .article-button strong{display:-webkit-box;min-height:0;padding-right:58px;overflow:hidden;font-size:clamp(30px,9vw,38px);font-weight:700;line-height:.92;letter-spacing:-.035em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  #orderScreen .article-button.long strong{font-size:clamp(27px,7.2vw,32px)}
  #orderScreen .article-button small{min-height:0;margin:7px 0 0;overflow:hidden;color:var(--muted);font-size:clamp(23px,6.5vw,28px);font-weight:600;line-height:.92;text-overflow:ellipsis;white-space:nowrap}
  #orderScreen .article-button.long small{font-size:clamp(20px,5.5vw,24px)}
  #orderScreen .article-button em{position:absolute;right:6px;bottom:5px;color:var(--forest);font-size:clamp(27px,8vw,34px);font-weight:700;line-height:1}
  #orderScreen .article-button.dynamic-article em{font-size:clamp(20px,5.4vw,24px)}
  #orderScreen .article-quantity{top:5px;right:5px;left:auto;min-width:52px;height:52px;padding:0 7px;font-size:27px;font-weight:700}
  .mobile-order-bar{grid-template-columns:1fr 1fr 1.35fr}
  .mobile-order-bar button{font-size:1.7rem}
  .mobile-order-bar strong{font-size:1rem;font-weight:650}
  .mobile-order-bar small{font-size:.72rem}
  #variantDialog{width:min(430px,calc(100% - 8px));padding:18px;border-radius:20px}
  #variantDialog h2{margin-bottom:10px;font-size:36px;font-weight:700;line-height:1}
  #variantDialog .eyebrow{font-size:1rem}
  #variantDialog .dialog-close{width:58px;height:58px;font-size:2rem}
  #variantDialog .variant-grid{gap:10px}
  #variantDialog .variant-button{min-height:86px;padding:12px 16px;border-radius:14px;font-size:30px;font-weight:600;line-height:1}
  #variantDialog .variant-button span{font-size:25px}
}

/* V0.6.1: Pixel-9-Korrekturen nach Sichtprüfung der produktiven Ansicht. */
button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}
button:focus:not(:focus-visible){outline:none}
.mobile-order-head{display:none}
.cart-line-action{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #cfdbd5;border-radius:10px;background:#f7faf8;color:var(--forest)}
.cart-line-action svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cart-line-remove{border-color:#ead3cf;background:#fff7f5;color:#a63e32;font-size:1.8rem;line-height:1}
.cart-row{grid-template-columns:minmax(0,1fr) auto 42px 42px;align-items:center}
.cart-line{min-width:0}
.order-toolbar-actions{display:flex;align-items:center;gap:.55rem}
.booked-history-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:48px;height:48px;padding:.35rem .55rem;border:1px solid #cbd4ce;border-radius:12px;background:#edf3ef;color:var(--forest);font-weight:850}
.booked-history-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.booked-history-button>span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:var(--forest);color:#fff;font-size:.75rem;font-weight:950}
.booked-history-button>strong{font-size:.85rem}.booked-history-button:disabled{opacity:.45;cursor:not-allowed}
.booked-history-dialog{padding:0;overflow:hidden}.booked-history-head{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--line)}.booked-history-head h2{margin:0}.booked-history-list{max-height:60dvh;overflow-y:auto;overscroll-behavior:contain}.booked-history-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:.65rem;align-items:center;min-height:66px;padding:.75rem 1rem;border-bottom:1px solid #ece9df}.booked-history-row span>strong,.booked-history-row small{display:block}.booked-history-row small{margin-top:.18rem;color:var(--muted);font-size:.82rem}.booked-history-qty{display:grid;place-items:center;min-height:38px;border-radius:9px;background:#edf3ef;color:var(--forest)}.booked-history-price{white-space:nowrap}.booked-history-total{display:flex;align-items:baseline;justify-content:space-between;padding:1rem;background:#fbfaf6}.booked-history-total strong{font-size:1.4rem}
@media(max-width:1024px){
  body[data-screen="orderScreen"] .app-shell{inset:0 0 calc(84px + env(safe-area-inset-bottom)) 0;padding:0}
  #orderScreen{grid-template-rows:56px minmax(0,1fr) 140px calc(50dvh - 140px)}
  #orderScreen .order-toolbar{display:none}
  .mobile-order-head{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;padding:5px 7px;border-bottom:1px solid var(--line);background:rgba(255,253,248,.98)}
  .mobile-table-heading{display:flex;align-items:center;gap:8px;min-width:0}
  .mobile-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--forest);color:#fff;font-size:.72rem;font-weight:950}
  .mobile-table-heading>span:last-child{display:grid}
  .mobile-table-heading small{color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
  .mobile-table-heading strong{font-size:1.28rem;line-height:1}
  .mobile-head-total{display:grid;align-content:center;min-width:92px;padding:4px 9px;border:1px solid #dfc98f;border-radius:10px;background:#fff6dd;text-align:right}
  .mobile-head-total small{color:#7c5a15;font-size:.74rem;font-weight:900;text-transform:uppercase}
  .mobile-head-total strong{color:#59400e;font-size:1.16rem}
  #orderScreen .cart-panel{width:100%;margin:0;border-width:0 0 1px;border-radius:0;box-shadow:none}
  #orderScreen .cart-row{grid-template-columns:minmax(0,1fr) auto 42px 42px;align-items:center;gap:5px;width:100%;min-height:52px;padding:5px 6px;cursor:default}
  #orderScreen .cart-line{min-width:0;overflow:hidden}
  #orderScreen .cart-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #orderScreen .cart-line-action{display:grid}
  .mobile-order-bar{height:calc(84px + env(safe-area-inset-bottom));padding:6px 5px calc(6px + env(safe-area-inset-bottom))}
  .mobile-order-bar button{gap:3px;border-radius:10px;font-size:2.05rem;line-height:1}
  .mobile-order-bar strong{font-size:1.15rem;line-height:1.05}
  .mobile-order-bar small{font-size:.78rem;line-height:1}
  #hallScreen .table-number{font-size:clamp(2.1rem,10vw,2.8rem)}
  #hallScreen .table-card.open .table-status,#hallScreen .table-card.partial .table-status{font-size:clamp(.56rem,2.4vw,.7rem)}
  #hallScreen .table-card.open .table-amount,#hallScreen .table-card.partial .table-amount{font-size:clamp(.76rem,3vw,.92rem);line-height:1}
}

.order-review-dialog{width:min(600px,calc(100% - 1rem));max-height:min(760px,calc(100dvh - 1rem));padding:0;overflow:hidden}
.order-review-head{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--line)}
.order-review-head .eyebrow{margin-bottom:.2rem}.order-review-head h2{margin:0;font-size:1.65rem}
.order-review-close{display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:#edf0ed;color:var(--ink);font-size:2rem;line-height:1}
.order-review-body{max-height:55dvh;overflow-y:auto;overscroll-behavior:contain}
.order-review-line{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:.65rem;align-items:start;padding:1rem;border-bottom:1px solid #e8e4da}
.order-review-line span>strong,.order-review-line small{display:block}.order-review-line span>strong{font-size:1.08rem}.order-review-line small{margin-top:.25rem;color:var(--forest);font-size:.95rem;font-weight:800}
.order-review-qty{display:grid;place-items:center;min-height:38px;border-radius:9px;background:#edf3ef;color:var(--forest);font-size:1.05rem}.order-review-price{font-size:1.08rem;white-space:nowrap}
.order-review-footer{padding:1rem;background:#fbfaf6}.order-review-total{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.8rem;font-size:1.2rem}.order-review-total strong{font-size:1.65rem}.order-review-submit{min-height:64px;font-size:1.15rem}
@media(max-width:1024px){
  .order-review-dialog[open]{display:grid;grid-template-rows:72px minmax(0,1fr) auto;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0;padding:0}
  .order-review-head{padding:8px 10px}.order-review-head h2{font-size:1.55rem}.order-review-close{width:54px;height:54px;font-size:2.1rem}
  .order-review-body{max-height:none}
  .order-review-line{grid-template-columns:48px minmax(0,1fr) auto;min-height:66px;padding:10px}
  .order-review-line span>strong{font-size:1.1rem}.order-review-line small{font-size:.95rem}.order-review-price{font-size:1.08rem}
  .order-review-footer{padding:12px 10px calc(12px + env(safe-area-inset-bottom))}.order-review-submit{min-height:70px;font-size:1.3rem}
}

/* Pixel 8/9: drei gut lesbare Artikelspalten ohne kollidierende Texte. */
@media(max-width:1024px){
  #orderScreen .article-button{justify-content:flex-start;padding:10px 6px 32px}
  #orderScreen .article-button strong{min-height:0;padding-right:0;font-size:clamp(1.48rem,6.2vw,1.72rem);font-weight:700;line-height:.98;letter-spacing:-.03em}
  #orderScreen .article-button:has(.article-quantity:not([hidden])) strong{padding-right:54px}
  #orderScreen .article-button.long strong{font-size:clamp(1.16rem,4.9vw,1.34rem);line-height:1}
  #orderScreen .article-button small{position:absolute;right:60px;bottom:7px;left:6px;min-width:0;margin:0;font-size:clamp(1rem,4.25vw,1.15rem);font-weight:600;line-height:1;text-overflow:ellipsis;white-space:nowrap}
  #orderScreen .article-button.long small{font-size:clamp(.9rem,3.8vw,1rem)}
  #orderScreen .article-button em{right:6px;bottom:5px;font-size:clamp(1.42rem,6vw,1.68rem);line-height:1}
  #orderScreen .article-button.dynamic-article em{font-size:clamp(1.1rem,4.6vw,1.28rem)}
  #orderScreen .category-tab small{font-size:clamp(1rem,4.35vw,1.18rem);line-height:1}
}

/* Kompakter Bedienbereich: Kategorien bleiben schnell erreichbar, Artikel bekommen mehr Ruhe. */
@media(max-width:1024px){
  #orderScreen{grid-template-rows:56px minmax(0,1fr) 88px calc(50dvh - 88px)}
  #orderScreen .category-tabs{height:88px;gap:4px;padding:3px}
  #orderScreen .category-tab{height:82px;border-radius:12px;padding:3px 1px}
  #orderScreen .category-tab svg{width:clamp(40px,11vw,48px);height:clamp(40px,11vw,48px)}
  #orderScreen .category-tab small{margin-top:2px;font-size:clamp(.98rem,4.15vw,1.12rem);font-weight:700;line-height:1}
  #orderScreen .article-grid{grid-auto-rows:calc((50dvh - 112px)/3)}
  #orderScreen .article-quantity{top:4px;right:4px;min-width:32px;height:32px;padding:0 4px;font-size:15px}
  #orderScreen .article-button:has(.article-quantity:not([hidden])) strong{padding-right:34px}
  #orderScreen .article-button.detail-article{padding-top:9px}
  #orderScreen .article-button.detail-article strong{font-size:clamp(1.14rem,4.8vw,1.3rem);line-height:1}
  #orderScreen .article-button.detail-article small{position:static;display:-webkit-box;margin-top:4px;overflow:hidden;font-size:clamp(.9rem,3.8vw,1rem);line-height:1.03;text-overflow:clip;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}

/* Abrechnung und Bestellkopf: stressfeste Touch-Bedienung auf kleinen Geräten. */
.settlement-mode-step{display:grid;gap:.75rem;margin-top:1rem}
.settlement-mode-step .lede{margin:0 0 .15rem}
.settlement-mode-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .8rem;align-items:center;min-height:96px;padding:1rem;border:2px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);text-align:left}
.settlement-mode-button strong{font-size:1.35rem}.settlement-mode-button span{grid-column:1;color:var(--muted);font-weight:700}.settlement-mode-button em{grid-column:2;grid-row:1/3;color:var(--forest);font-size:1.35rem;font-style:normal;font-weight:950;white-space:nowrap}
.settlement-mode-total{border-color:#d7b55d;background:#fff8e5}
.settlement-mode-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.7rem}.settlement-mode-head strong{font-size:1.1rem}.settlement-explanation{margin:.65rem 0;color:var(--muted);font-weight:700}
.settlement-open-qty{min-width:58px;text-align:right;font-size:1.1rem}
.settlement-add-table{width:100%;min-height:52px;border-color:#a9c0b6;color:var(--forest);font-size:1rem}.settlement-table-group{display:grid;gap:.5rem}.settlement-table-head{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:44px;padding:.45rem .65rem;border-radius:11px;background:#dfeae5;color:var(--forest)}.settlement-table-head strong{font-size:1.08rem}.settlement-table-remove{width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--red);font-size:1.45rem;line-height:1}.settlement-table-dialog{max-width:560px}.settlement-table-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;max-height:55dvh;margin-top:1rem;overflow-y:auto}.settlement-table-choice{min-height:90px;padding:.7rem;border:2px solid var(--line);border-radius:15px;background:#fff;color:var(--forest)}.settlement-table-choice strong,.settlement-table-choice span{display:block}.settlement-table-choice strong{font-size:1.35rem}.settlement-table-choice span{margin-top:.3rem;font-weight:850}.settlement-table-empty{grid-column:1/-1;padding:2rem .8rem;color:var(--muted);text-align:center}
.cash-due,.cash-change{display:flex;align-items:baseline;justify-content:space-between;margin:1rem 0;padding:1rem;border-radius:14px;background:#edf3ef}.cash-due strong,.cash-change strong{font-size:1.7rem}.cash-payment-dialog input{min-height:62px;font-size:1.45rem;font-weight:850;text-align:right}
.card-tip-dialog{max-width:520px}.tip-goods,.tip-charge{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:.2rem 1rem;margin:1rem 0;padding:1rem;border-radius:16px;background:#edf3ef}.tip-goods strong{font-size:1.65rem}.tip-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.tip-presets button{min-height:62px;border:2px solid var(--line);border-radius:14px;background:#fff;color:var(--forest);font-size:1.05rem;font-weight:950}.tip-presets button.active{border-color:var(--gold);background:#fff7e6;box-shadow:0 0 0 2px rgba(228,173,67,.2)}.tip-custom input{min-height:62px;font-size:1.45rem;font-weight:850;text-align:right}.tip-charge{grid-template-columns:1fr auto;background:var(--forest);color:#fff}.tip-charge strong{font-size:1.85rem}.tip-charge small{grid-column:1/-1;color:#d7e6df;text-align:right}.tip-confirm{min-height:62px;font-size:1.08rem}
.app-toast{position:fixed;z-index:120;right:1rem;bottom:1rem;max-width:min(420px,calc(100% - 2rem));padding:1rem 1.2rem;border-radius:14px;background:#123d32;color:#fff;box-shadow:0 14px 40px rgba(6,27,21,.3);font-size:1rem;font-weight:850}
.article-button:active{transform:scale(.97);border-color:var(--gold);background:#fff7df}
.table-card.draft{border:2px solid #c48713;background:#fff7dc}.table-card.draft::after{background:#c48713}.table-card.draft .table-status{color:#77520c}
.divers-dialog{max-height:calc(100dvh - 1rem);overflow-y:auto;overscroll-behavior:contain}

@media(max-width:1024px){
  .mobile-table-heading{flex:0 1 auto}.mobile-table-heading>span:last-child{min-width:0}.mobile-table-heading strong{white-space:nowrap}
  .mobile-order-head .booked-history-button{flex:0 0 46px;width:46px;min-width:46px;height:46px;padding:0;border-radius:11px}.mobile-order-head .booked-history-button svg{width:27px;height:27px}.mobile-order-head .booked-history-button>span{position:absolute;top:1px;right:1px;min-width:19px;height:19px;padding:0 4px;font-size:.65rem}
  .mobile-head-total{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:162px;padding:4px 7px;text-align:right}
  .mobile-head-total>span{display:grid;align-content:center}.mobile-head-total small{font-size:.67rem}.mobile-head-total strong{font-size:1.06rem;white-space:nowrap}
  .settlement-dialog[open],.settlement-table-dialog[open],.cash-payment-dialog[open],.card-tip-dialog[open]{display:flex;flex-direction:column;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:14px 12px calc(14px + env(safe-area-inset-bottom));border-radius:0;overflow:hidden}
  .settlement-dialog>h2,.cash-payment-dialog>h2{font-size:1.7rem}
  .settlement-mode-step{flex:1;align-content:start}.settlement-mode-button{min-height:112px;padding:1rem}.settlement-mode-button strong,.settlement-mode-button em{font-size:1.5rem}.settlement-mode-button span{font-size:1rem;line-height:1.25}
  .settlement-content{display:flex;flex:1;min-height:0;flex-direction:column}.settlement-content[hidden]{display:none}
  .settlement-mode-head .quiet{min-height:50px}.settlement-explanation{font-size:.92rem}
  .settlement-list{flex:1;max-height:none;margin:.35rem 0 .65rem;overscroll-behavior:contain}
  .settlement-table-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;flex:1}.settlement-table-choice{min-height:96px}.settlement-table-head{top:-1px}
  .settlement-row{min-height:72px;padding:.65rem}.settlement-row>span:first-child strong{font-size:1.02rem}.settlement-row small{font-size:.78rem}
  .settlement-qty{grid-template-columns:48px 52px 48px}.settlement-qty button{height:50px;font-size:1.45rem}.settlement-qty span{font-size:.9rem}.settlement-qty span strong{font-size:1.15rem}
  .settlement-total{margin-bottom:.45rem;padding-top:.6rem}.settlement-total strong{font-size:1.65rem}.payment-methods button{min-height:64px;font-size:1.08rem}
  .cash-payment-dialog label{margin:.6rem 0}.cash-payment-dialog .primary{min-height:66px;font-size:1.08rem}
  .card-tip-dialog h2{font-size:1.75rem}.tip-goods{margin:.6rem 0}.tip-presets{gap:.4rem}.tip-presets button{min-height:68px;font-size:1.15rem}.tip-custom{margin:.7rem 0}.tip-charge{margin:auto 0 .7rem}.tip-confirm{min-height:68px;font-size:1.15rem}
  .leave-order-dialog .dialog-actions{display:grid;grid-template-columns:1fr 1fr}.leave-order-dialog .dialog-actions button{min-height:58px}
  .app-toast{right:.6rem;bottom:calc(90px + env(safe-area-inset-bottom));left:.6rem;max-width:none;text-align:center}
  .booked-history-dialog[open]{display:grid;grid-template-rows:72px minmax(0,1fr) auto;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0}.booked-history-head{padding:8px 10px}.booked-history-head h2{font-size:1.55rem}.booked-history-list{max-height:none}.booked-history-row{grid-template-columns:48px minmax(0,1fr) auto;min-height:68px;padding:10px}.booked-history-row span>strong,.booked-history-price{font-size:1.05rem}.booked-history-row small{font-size:.86rem}.booked-history-total{padding:12px 10px calc(12px + env(safe-area-inset-bottom))}.booked-history-total strong{font-size:1.55rem}
}

@media(max-width:1024px) and (orientation:landscape) and (max-height:600px){
  body[data-screen="orderScreen"] .app-shell{inset:0 0 calc(66px + env(safe-area-inset-bottom))}
  #orderScreen{grid-template-columns:minmax(250px,38%) minmax(0,1fr);grid-template-rows:48px 72px minmax(0,1fr)}
  .mobile-order-head{grid-column:1/3;height:48px;padding:3px 7px}
  #orderScreen .cart-panel{grid-column:1;grid-row:2/4;border-right:1px solid var(--line);border-bottom:0}
  #orderScreen .category-tabs{grid-column:2;grid-row:2;height:72px;padding:3px}
  #orderScreen .category-tab{height:66px}.category-tab svg,#orderScreen .category-tab svg{width:32px;height:32px}.category-tab small,#orderScreen .category-tab small{font-size:.72rem}
  #orderScreen .article-grid{grid-column:2;grid-row:3;grid-auto-rows:92px;height:100%;padding:4px}
  #orderScreen .article-button{min-height:88px}
  .mobile-order-bar{height:calc(66px + env(safe-area-inset-bottom));padding:3px 5px calc(3px + env(safe-area-inset-bottom))}.mobile-order-bar button{font-size:1.35rem}.mobile-order-bar strong{font-size:.8rem}
}