:root{--paper:#f5f1e8;--surface:#fffdf8;--ink:#29261f;--muted:#777064;--forest:#183d30;--forest-2:#245744;--gold:#a98139;--amber:#f1e5bc;--line:#ded8cc;--red:#a5413d;--rose:#f7e3df;--sage:#deece4;--plum:#68547d;--shadow:0 18px 55px #28211120}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:"Plus Jakarta Sans",sans-serif;font-feature-settings:"ss01" 1,"cv02" 1}
body{margin:0;min-height:100vh}
button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.58;cursor:wait}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #caa75e;outline-offset:2px}
[hidden]{display:none!important}
.shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}
.sidebar{position:sticky;top:0;height:100vh;background:var(--forest);color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:4}
.identity{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:0 8px 28px}.identity strong{font:700 23px "Plus Jakarta Sans",sans-serif;display:block;line-height:1}.identity small{display:block;opacity:.68;margin-top:5px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.monogram,.brand-mark{display:grid;place-items:center;background:#f0e7d5;color:var(--forest);font:700 23px "Plus Jakarta Sans",sans-serif;border-radius:50%;width:42px;height:42px;box-shadow:inset 0 0 0 1px #ffffff30;flex:none}
.sidebar nav{display:grid;gap:7px}.nav-item{position:relative;border:0;background:transparent;color:#d3ded8;border-radius:12px;min-height:45px;padding:11px 13px;text-align:left;display:flex;align-items:center;gap:12px;font-weight:650}.nav-item:hover,.nav-item.active{background:#ffffff15;color:#fff}.nav-icon{display:grid;place-items:center;width:22px;height:22px;font-size:18px;font-weight:700}.nav-icon img{display:block;width:22px;height:22px}.nav-badge{margin-left:auto;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:#d56255;color:#fff;font-size:10px}
.sidebar-foot{margin-top:auto;border-top:1px solid #ffffff20;padding:20px 9px 0;color:#c9d7d0;font-size:12px;display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center}.sidebar-foot a{grid-column:1/3;color:#c9d7d0;margin-top:10px}.live-dot{width:8px;height:8px;border-radius:50%;background:#77d59d;box-shadow:0 0 0 4px #77d59d22}
main{padding:38px 42px 64px;min-width:0}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.mobile-brand{display:none}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:750;color:var(--gold);margin:0 0 7px}.topbar h1,.drawer-head h2{font:700 36px/1.05 "Plus Jakarta Sans",sans-serif;margin:0;letter-spacing:0}.subtitle,.section-heading p,.muted{color:var(--muted);margin:8px 0 0;font-size:14px}.top-actions{display:flex;align-items:center;gap:12px}.last-updated{font-size:12px;color:var(--muted)}
button.primary,button.secondary,button.danger,button.danger-soft,.whatsapp-button,.action-button{min-height:42px;border-radius:12px;padding:10px 15px;border:1px solid transparent;font-weight:700;font-size:13px}.primary,.action-button{background:var(--forest);color:#fff}.secondary{background:#fff;border-color:var(--line)!important;color:var(--ink)}.danger{background:var(--red);color:#fff}.danger-soft{background:var(--rose);color:var(--red);border-color:#ecc9c2!important}.alert-opt-in.enabled{background:var(--sage);border-color:#a9ccb8!important;color:var(--forest)}
.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:34px}.metric-row article{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;align-items:flex-end;justify-content:space-between;min-height:98px}.metric-row span{color:var(--muted);font-size:12px;font-weight:600;max-width:110px}.metric-row strong{font:700 34px "Plus Jakarta Sans",sans-serif}.metric-row .attention{background:#fffaf0;border-color:#ead8aa}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-heading.compact{align-items:center}.section-heading h2{font-size:19px;margin:0}.legend{display:flex;gap:15px;font-size:11px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:50%;background:#cdc8bd}.legend i.active{background:#78a28c}.legend i.order{background:#c49a4b}.legend i.alert{background:#b9534c}.count-chip,.source-badge{font-size:10px;font-weight:800;letter-spacing:.08em;background:var(--amber);color:#665221;padding:7px 10px;border-radius:99px;white-space:nowrap}
.attention-queue{margin-bottom:30px;padding:18px;background:#f8eee7;border:1px solid #ead3c9;border-radius:20px}.attention-list{display:grid;gap:9px}.attention-list-page{max-width:840px;gap:0;font-family:"Plus Jakarta Sans",sans-serif}.attention-item{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;text-align:left;color:var(--ink)}.attention-item:hover{border-color:#bea979;box-shadow:0 6px 22px #2a24130c}.attention-symbol{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--rose);color:var(--red);font-weight:800}.attention-item[data-type=NEW_ORDER] .attention-symbol{background:var(--amber);color:#6b571d}.attention-item[data-type=READY_TO_SERVE] .attention-symbol{background:var(--sage);color:var(--forest)}.attention-item[data-type=BILL] .attention-symbol{background:#ece6f2;color:var(--plum)}.attention-item span:nth-child(2){display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.attention-item strong{font-size:14px}.attention-item b{font-size:13px;font-weight:600}.attention-item small{grid-column:1/3;color:var(--muted);font-size:11px;margin-top:2px}.attention-item>i{font-style:normal;color:var(--forest);font-weight:750;font-size:12px}.attention-page-head{max-width:840px;margin-bottom:18px;font-family:"Plus Jakarta Sans",sans-serif}.attention-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.attention-page-head .attention-title-row h2{font:800 30px/1.2 "Plus Jakarta Sans",sans-serif;letter-spacing:-.6px;color:#1c1b18;margin:0}.attention-live-count{display:flex;align-items:center;gap:6px;border-radius:12px;background:#ede8dc;color:#4a4842;padding:6px 12px 6px 10px;white-space:nowrap}.attention-live-count i{width:7px;height:7px;border-radius:50%;background:#8a8d80}.attention-live-count b{font-size:12px;font-weight:600}.attention-page-head>.eyebrow{color:#8a6d2f;font:600 11px/1.3 "Plus Jakarta Sans",sans-serif;letter-spacing:.66px;margin:0}.attention-item-m3{min-height:73px;border:0;border-bottom:1px solid #dad5c8;border-radius:0;background:transparent;padding:14px 4px;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;font-family:"Plus Jakarta Sans",sans-serif}.attention-item-m3:last-child{border-bottom:0}.attention-item-m3:hover{border-color:#dad5c8;background:#f4f0e7;box-shadow:none}.attention-item-m3 .attention-symbol{width:44px;height:44px;border-radius:14px;background:#ede8dc}.attention-item-m3[data-type=WAITER_REQUEST] .attention-symbol{background:#b8e8ce}.attention-item-m3[data-type=ALLERGY_CHECK] .attention-symbol{background:#ffe7e1}.attention-item-m3 .attention-symbol img{display:block;width:20px;height:20px}.attention-item-m3 .attention-copy{display:flex!important;flex-direction:column;gap:2px;min-width:0}.attention-item-m3 .attention-copy strong{font-size:15px;line-height:1.27;font-weight:600;color:#1c1b18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attention-item-m3 .attention-copy small{display:block;color:#8a8d80;font-size:13px;line-height:1.25;font-weight:500;margin:0}.attention-item-m3 time{color:#8a8d80;font-size:13px;font-weight:500;white-space:nowrap}.attention-page-head h2,.menu-period-card h2,.qr-intro h2{font:700 28px "Plus Jakarta Sans",sans-serif;margin:0}.attention-page-head>p:last-child,.menu-period-card p:last-child,.qr-intro p{color:var(--muted)}.empty-state{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:70px 25px}.empty-state span{display:grid;place-items:center;margin:auto;width:50px;height:50px;border-radius:50%;background:var(--sage);color:var(--forest);font-size:22px}.empty-state h3{font:700 22px "Plus Jakarta Sans",sans-serif;margin:16px 0 5px}.empty-state p{color:var(--muted);margin:0}
.table-grid{display:grid;grid-template-columns:repeat(4,minmax(185px,1fr));gap:16px}.table-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:18px;text-align:left;min-height:166px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden;color:var(--ink)}.table-card:hover{transform:translateY(-3px);box-shadow:0 12px 35px #312e2612}.table-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#d3cec4}.table-card[data-status=ACTIVE]:before{background:#79a38c}.table-card[data-status=ORDERING]:before{background:var(--gold)}.table-card[data-status=WAITER_REQUESTED]:before{background:var(--red)}.table-card[data-status=BILL_REQUESTED]:before{background:var(--plum)}.table-card[data-priority=URGENT]{background:#fffbf8;border-color:#dfbbb2}.table-card .status{font-size:10px;line-height:1.25;letter-spacing:.08em;font-weight:800;color:var(--muted);text-transform:uppercase}.table-card h3{margin:24px 0 5px;font:700 24px "Plus Jakarta Sans",sans-serif}.table-card p{margin:0;color:var(--muted);font-size:12px}.table-card .card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.table-card .count{font-size:11px;color:var(--muted)}.attention-dot{min-width:22px;height:22px;border-radius:99px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}
.scrim{position:fixed;inset:0;background:#18201950;backdrop-filter:blur(2px);z-index:8}.table-drawer{position:fixed;top:0;right:0;width:min(650px,100vw);height:100dvh;background:var(--paper);z-index:9;box-shadow:-30px 0 80px #1917102e;transform:translateX(105%);transition:transform .42s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.table-drawer.open{transform:translateX(0)}.drawer-head{background:var(--surface);border-bottom:1px solid var(--line);padding:22px 25px;display:flex;justify-content:space-between;align-items:flex-start}.drawer-head h2{font-size:29px}.drawer-head p:last-child{color:var(--muted);font-size:12px;margin:7px 0 0}.icon-button,.mobile-back{border:1px solid var(--line);background:#fff;border-radius:50%;width:42px;height:42px;font-size:25px;line-height:1}.mobile-back{display:none}.drawer-content{display:flex;flex-direction:column;min-height:0;flex:1}.drawer-tabs{padding:0 25px;background:#fff;display:flex;gap:24px;border-bottom:1px solid var(--line)}.drawer-tabs button{border:0;background:transparent;min-height:48px;padding:14px 2px 12px;color:var(--muted);font-weight:700;font-size:12px;border-bottom:2px solid transparent}.drawer-tabs button.active{color:var(--forest);border-bottom-color:var(--forest)}.tab-badge{display:inline-grid;place-items:center;margin-left:3px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--amber);font-size:10px}.tab-panel{overflow:auto;padding:22px 25px;flex:1}.conversation-panel{display:flex;flex-direction:column;background:#e9e3d8;background-image:radial-gradient(#8a806d18 .7px,transparent .7px);background-size:12px 12px}.chat{flex:1;display:flex;flex-direction:column;gap:8px;padding-bottom:20px}.bubble{max-width:78%;padding:10px 12px 7px;border-radius:10px;background:#fff;box-shadow:0 1px 1px #00000013;font-size:13px;line-height:1.4;white-space:pre-wrap}.bubble.user{align-self:flex-start;border-top-left-radius:2px}.bubble.assistant{align-self:flex-end;background:#d7f6c9;border-top-right-radius:2px}.bubble .time{display:block;text-align:right;color:#817e78;font-size:9px;margin-top:4px}.message-box{display:flex;background:#f7f4ef;border-radius:14px;padding:7px;gap:8px;box-shadow:0 8px 25px #28241912;position:sticky;bottom:0}.message-box textarea{resize:none;flex:1;border:0;background:transparent;padding:10px;outline:0;max-height:100px;min-width:0}.whatsapp-button{background:#1d914c;color:#fff;align-self:flex-end;min-height:44px}.drawer-empty{text-align:center;padding:80px 40px;color:var(--muted)}.drawer-empty h3{color:var(--ink);font:700 24px "Plus Jakarta Sans",sans-serif;margin:14px 0 8px}.empty-icon{font-size:50px;color:#b9b1a2}
.panel-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:14px}.panel-card h3{margin:0 0 12px;font-size:14px}.request-card{border-color:#e1bdb5;background:#fffaf8}.request-card>small{color:var(--muted)}.handover-card{background:#fbf8f1;border-color:#e5d8ba}.handover-card h3{font:700 18px "Plus Jakarta Sans",sans-serif}.line-item{display:grid;grid-template-columns:1fr auto;gap:5px;padding:10px 0;border-bottom:1px solid #efebe3;font-size:13px}.line-item:last-child{border:0}.line-item small{grid-column:1;color:var(--muted)}.order-head,.bill-row{display:flex;justify-content:space-between;gap:15px;align-items:center}.status-chip{font-size:10px;font-weight:800;letter-spacing:.08em;border-radius:99px;background:var(--amber);color:#665221;padding:5px 8px}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.button-row button{flex:1;min-width:120px;min-height:44px}.bill-total{font:700 30px "Plus Jakarta Sans",sans-serif;margin:18px 0}.bill-row{padding:7px 0;color:var(--muted);font-size:13px}.bill-row strong{color:var(--ink)}
.menu-period-card{display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--forest);color:#fff;border-radius:20px;padding:22px 24px;margin-bottom:22px}.menu-period-card .eyebrow{color:#d2b878}.menu-period-card p:last-child{color:#cedbd5;margin:6px 0 0;font-size:13px}.segmented{display:flex;background:#ffffff16;padding:4px;border-radius:12px}.segmented button{border:0;background:transparent;color:#d8e1dd;border-radius:9px;min-height:40px;padding:8px 12px;font-weight:700;font-size:12px;white-space:nowrap}.segmented button.active{background:#fff;color:var(--forest)}.menu-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.search{font-size:11px;color:var(--muted);font-weight:700;width:min(440px,100%)}.search input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#fff;border-radius:12px;min-height:44px;padding:11px 13px}.menu-list{columns:3 280px;column-gap:16px}.menu-category{break-inside:avoid;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:16px}.menu-category h2{font:700 21px "Plus Jakarta Sans",sans-serif;margin:0 0 10px}.menu-item{padding:11px 0;border-bottom:1px solid #eee9df}.menu-item:last-child{border:0}.menu-item>div{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:700}.menu-item>div>span:first-child{display:flex;gap:7px;align-items:flex-start}.menu-item p{color:var(--muted);font-size:11px;line-height:1.45;margin:5px 0}.menu-item small{font-size:10px;color:#597264}.menu-item.unavailable{opacity:.62}.menu-item.unavailable small{color:var(--red)}.diet-dot{width:9px;height:9px;border-radius:50%;margin-top:4px;flex:none}.diet-dot.veg{background:#3f8752}.diet-dot.nonveg{background:#9a4b41}
.segmented.light{background:#fff;border:1px solid var(--line)}.segmented.light button{color:var(--muted)}.segmented.light button.active{background:var(--forest);color:#fff}.history-head,.history-page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.history-head h2,.history-page-head h2{font:700 28px "Plus Jakarta Sans",sans-serif;margin:0}.history-head p:last-child,.history-page-head p:last-child{color:var(--muted);margin:7px 0 0}.history-toolbar{display:grid;grid-template-columns:minmax(180px,220px) minmax(180px,220px) auto;align-items:end;gap:14px;margin-bottom:16px}.search.compact{width:min(220px,100%)}.search select,.search input[type=date]{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#fff;border-radius:12px;min-height:44px;padding:10px 12px;color:var(--ink)}.history-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:780px;margin-bottom:16px}.history-metrics article{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:14px 16px;display:flex;justify-content:space-between;align-items:end}.history-metrics span{font-size:11px;color:var(--muted);font-weight:700}.history-metrics strong{font:700 24px "Plus Jakarta Sans",sans-serif}.history-list{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px;max-width:980px}.history-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;text-align:left;color:var(--ink);display:grid;gap:7px}.history-card:hover{border-color:#bea979;box-shadow:0 10px 30px #2a24130f}.history-table{font-size:10px;letter-spacing:.08em;font-weight:800;color:var(--gold);text-transform:uppercase}.history-card strong{font:700 20px "Plus Jakarta Sans",sans-serif}.history-card small{color:var(--muted);font-size:12px}.history-card div{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.history-card div span{background:#f4efe5;border-radius:99px;padding:6px 8px;font-size:10px;font-weight:800;color:#6b604d}.history-card em{position:absolute;top:16px;right:16px;font-style:normal;color:var(--forest);font-size:10px;font-weight:800}
.qr-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.qr-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px}.qr-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;text-align:center}.qr-card img{display:block;width:100%;aspect-ratio:1;border-radius:11px}.qr-card h3{font:700 20px "Plus Jakarta Sans",sans-serif;margin:11px 0 2px}.qr-card p{color:var(--muted);font-size:11px;margin:0 0 10px}.qr-card a{color:var(--forest);font-size:12px;font-weight:700}
.settings-page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.settings-page-head h2{font:700 30px "Plus Jakarta Sans",sans-serif;margin:0}.settings-page-head p:last-child{color:var(--muted);margin:7px 0 0}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px;margin-bottom:28px}.settings-card,.settings-section{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 28px #2f28130a}.settings-card{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:190px}.settings-card h2{font:700 22px "Plus Jakarta Sans",sans-serif;margin:0}.settings-card p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.45;margin:7px 0 0}.settings-actions{display:flex;flex-wrap:wrap;gap:9px}.settings-actions button{flex:1;min-width:132px}.settings-section{margin-bottom:24px}.settings-section .menu-period-card{margin-bottom:18px}.petpooja-card{background:linear-gradient(135deg,#fff,#f8f2e7)}.danger-zone{background:#fffaf8;border-color:#ead3c9}.muted-badge{background:#f0ece4;color:#796f5f;align-self:flex-start}
.attention-item[data-type=ALLERGY_CHECK] .attention-symbol{background:#ffe7e1;color:#a33d34}.safety-order{border-color:#e3aaa0;background:#fffaf8}.safety-order .status-chip{background:#ffe4de;color:#9e3e35}.order-note{display:grid;gap:3px;background:#f8f3ea;border:1px solid #ece2cf;border-radius:12px;padding:10px 12px;margin:8px 0 10px;font-size:12px}.order-note strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#806d42}.order-note span{color:var(--ink);line-height:1.35}.order-note.allergy-note{background:#fff0ed;border-color:#edc5bd}.order-note.allergy-note strong{color:var(--red)}
.m3-snackbar-region{position:fixed;right:24px;bottom:24px;z-index:30;width:min(520px,calc(100vw - 48px));pointer-events:none}.m3-snackbar{display:flex;align-items:center;min-height:48px;border-radius:4px;background:#32332e;color:#f4f0e7;padding:6px 8px 6px 16px;box-shadow:0 6px 18px #1c1b1840;font:500 13px/1.45 "Plus Jakarta Sans",sans-serif;pointer-events:auto;animation:snackbar-in .2s ease-out}.m3-snackbar-message{flex:1;min-width:0;padding:7px 8px 7px 0}.m3-snackbar-action,.m3-snackbar-dismiss{flex:none;border:0;background:transparent}.m3-snackbar-action{min-height:40px;border-radius:20px;color:#b8e8ce;padding:0 12px;font:700 12px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.2px}.m3-snackbar-action:hover,.m3-snackbar-action:focus-visible,.m3-snackbar-dismiss:hover,.m3-snackbar-dismiss:focus-visible{background:#ffffff14;outline:0}.m3-snackbar-dismiss{display:grid;place-items:center;width:40px;height:40px;border-radius:20px;color:#f4f0e7}.m3-snackbar-dismiss .material-symbols-rounded{font-size:20px}@keyframes snackbar-in{from{opacity:0;transform:translateY(12px)}}
body[data-connection=offline] button.action-button,body[data-connection=offline] button.whatsapp-button{pointer-events:none;opacity:.55}
dialog{border:0;border-radius:20px;padding:0;max-width:430px;box-shadow:var(--shadow)}dialog::backdrop{background:#17221c80}dialog form{padding:28px}dialog h2{font:700 26px "Plus Jakarta Sans",sans-serif;margin:0}dialog p:not(.eyebrow){color:var(--muted);line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}
.login{background:linear-gradient(135deg,#f3eee3,#fbfaf6);display:grid;place-items:center;min-height:100vh;padding:22px}.login-card{background:#fff;border:1px solid var(--line);border-radius:24px;width:min(390px,100%);padding:36px;box-shadow:var(--shadow);text-align:center}.login-card .brand-mark{margin:0 auto 20px;background:var(--forest);color:#fff;width:52px;height:52px}.login-card h1{font:700 30px "Plus Jakarta Sans",sans-serif;margin:0}.login-card form{display:grid;gap:14px;text-align:left;margin-top:28px}.login-card label{font-size:12px;color:var(--muted);font-weight:700}.login-card input{display:block;width:100%;min-height:44px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;margin-top:6px}.form-error{background:var(--rose);color:var(--red);border-radius:10px;padding:10px;font-size:12px}.login-card button{width:100%;padding:13px}

@media(max-width:1100px){.shell{grid-template-columns:78px 1fr}.identity span:last-child,.nav-item span:nth-child(2),.sidebar-foot span:not(.live-dot),.sidebar-foot a{display:none}.identity{padding-left:0;justify-content:center}.sidebar{padding-inline:12px}.nav-item{justify-content:center;font-size:20px}.nav-badge{position:absolute;top:4px;right:4px}.table-grid,.qr-grid{grid-template-columns:repeat(3,minmax(170px,1fr))}.metric-row{grid-template-columns:repeat(2,1fr)}}

@media(max-width:700px){
  body{padding-top:calc(64px + env(safe-area-inset-top));padding-bottom:calc(72px + env(safe-area-inset-bottom));background:#fbf9f3}.drawer-open{overflow:hidden}
  .shell{display:block}.sidebar{position:fixed;inset:auto 0 0;width:100%;height:calc(66px + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);z-index:12;display:block}.sidebar .identity,.sidebar-foot{display:none}.sidebar nav{width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.nav-item{min-height:52px;padding:4px 2px;display:grid;justify-items:center;align-content:center;gap:1px;border-radius:10px;font-size:11px}.nav-item span:nth-child(2){display:block}.nav-icon{font-size:18px;line-height:1}.nav-badge{top:3px;right:calc(50% - 24px);font-size:9px;min-width:17px;height:17px}
  main{padding:16px 20px 26px}.topbar{position:fixed;inset:0 0 auto 0;z-index:11;display:flex;align-items:center;width:100%;height:calc(64px + env(safe-area-inset-top));margin:0;padding:calc(10px + env(safe-area-inset-top)) 20px 10px;border-bottom:1px solid #ffffff14;background:#14342a}.mobile-brand{position:relative;display:flex;align-items:center;gap:8px;width:100%;color:#fff}.mobile-restaurant-trigger{display:flex;align-items:center;gap:8px;min-width:0;min-height:40px;border:0;border-radius:20px;background:transparent;color:#fff;padding:1px 4px 1px 0;font:600 18px/1.3 "Plus Jakarta Sans",sans-serif}.mobile-restaurant-trigger:hover,.mobile-restaurant-trigger[aria-expanded=true]{background:#ffffff12}.mobile-brand-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:19px;background:#1e4635;color:#fff;font-size:22px!important}.restaurant-chevron{font-size:18px!important;transition:transform .18s ease}.mobile-restaurant-trigger[aria-expanded=true] .restaurant-chevron{transform:rotate(180deg)}.topbar .mobile-role{margin-left:0;border-radius:7px;background:#315646;color:#dce8df;padding:3px 9px;font:600 10px/1.3 "Plus Jakarta Sans",sans-serif;letter-spacing:.4px}.mobile-restaurant-menu{position:absolute;top:calc(100% + 12px);left:0;width:min(300px,calc(100vw - 40px));overflow:hidden;border:1px solid #dad5c8;border-radius:16px;background:#fffdf8;padding:6px;box-shadow:0 12px 36px #071b1440}.mobile-restaurant-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;border:0;border-radius:11px;background:transparent;color:#1c1b18;padding:10px 12px;text-align:left;font:600 13px/1.3 "Plus Jakarta Sans",sans-serif}.mobile-restaurant-menu button[data-current-restaurant]{background:#dce8df;color:#052015}.mobile-restaurant-menu button .material-symbols-rounded{font-size:18px}.mobile-restaurant-menu button small{color:#8a8d80;font-size:10px;font-weight:600}.mobile-restaurant-menu button:disabled{cursor:not-allowed;opacity:.58}.page-heading,.top-actions{display:none}.last-updated,.desktop-reset{display:none}.alert-opt-in{min-height:40px;padding:8px 10px;font-size:11px}
  .metric-row{display:flex;overflow-x:auto;gap:8px;margin:0 -14px 24px;padding:0 14px 4px;scroll-snap-type:x proximity;scrollbar-width:none}.metric-row::-webkit-scrollbar{display:none}.metric-row article{min-width:130px;min-height:74px;padding:12px 13px;scroll-snap-align:start}.metric-row span{font-size:11px}.metric-row strong{font-size:26px}
  .attention-queue{padding:14px;margin-bottom:24px;border-radius:17px}.attention-list{gap:8px}.attention-item{min-height:64px;padding:10px;grid-template-columns:36px 1fr auto;gap:9px}.attention-item span:nth-child(2){display:block}.attention-item b{display:block;margin-top:2px}.attention-item small{display:block;margin-top:2px}.attention-item>i{display:none}
  .section-heading{align-items:flex-start}.legend{display:none}.table-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.table-card{min-height:137px;padding:14px}.table-card .status{font-size:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:23px}.table-card h3{font-size:21px;margin:16px 0 4px}.table-card .card-foot{margin-top:14px}.table-card:hover{transform:none;box-shadow:none}
  .table-drawer{width:100vw;height:100dvh;transform:translateY(105%);box-shadow:0 -20px 55px #1917102e}.table-drawer.open{transform:translateY(0)}.scrim{display:none}.drawer-head{position:sticky;top:0;z-index:3;align-items:center;gap:11px;padding:11px 14px}.drawer-head>div{min-width:0;flex:1}.drawer-head h2{font-size:23px}.drawer-head .eyebrow{margin-bottom:3px}.drawer-head p:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.mobile-back{display:block;flex:none}.icon-button{display:none}.drawer-tabs{position:sticky;top:0;z-index:2;padding:0 14px;justify-content:space-around;gap:8px}.drawer-tabs button{min-height:48px;flex:1}.tab-panel{padding:15px 14px calc(18px + env(safe-area-inset-bottom))}.conversation-panel{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.bubble{max-width:88%;font-size:14px}.message-box{bottom:0;border-radius:16px}.message-box textarea{min-height:44px}.panel-card{padding:15px}.button-row{gap:7px}.button-row button{min-height:48px}.order-card .button-row,.request-card .button-row,.sticky-mobile-actions{position:sticky;bottom:0;padding-top:12px;background:linear-gradient(transparent,var(--paper) 22%)}
  .attention-page-head h2,.menu-period-card h2,.qr-intro h2,.settings-page-head h2{font-size:25px}.menu-period-card{display:block;padding:18px;border-radius:17px}.segmented{margin-top:16px}.segmented button{flex:1}.menu-toolbar{display:block}.source-badge{display:inline-block;margin-top:12px;white-space:normal}.menu-list{columns:1}.menu-category{padding:15px}.menu-item>div{font-size:14px}.menu-item p{font-size:12px}.qr-intro{align-items:flex-start;gap:12px}.qr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.qr-card{padding:10px}.qr-card h3{font-size:18px}.settings-page-head{align-items:flex-start;flex-direction:column;margin-bottom:16px}.settings-grid{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.settings-card,.settings-section{border-radius:17px;padding:15px}.settings-card{min-height:0}.settings-actions button{min-height:44px}.m3-snackbar-region{right:16px;bottom:calc(99px + env(safe-area-inset-bottom));width:calc(100vw - 32px)}
  .history-head,.history-page-head{align-items:flex-start;margin-bottom:14px}.history-head h2,.history-page-head h2{font-size:25px}.history-page-head .source-badge{margin-top:3px}.history-toolbar{display:grid;grid-template-columns:1fr;gap:10px}.history-toolbar button{min-height:44px}.search.compact{width:100%}.history-metrics{grid-template-columns:1fr;gap:8px}.history-metrics article{min-height:62px}.history-list{grid-template-columns:1fr;gap:9px}.history-card{padding:14px;min-height:118px}.history-card em{position:static}
}

/* Figma M3 settings and Material Symbols navigation */
.material-symbols-rounded{font-family:"Material Symbols Rounded"!important;font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}
.nav-icon .material-symbols-rounded{font-size:22px}.nav-item.active .nav-icon .material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}
#settings-view{max-width:980px;color:#1c1b18;font-family:"Plus Jakarta Sans",sans-serif}
.m3-settings-main{display:flex;flex-direction:column;gap:22px;max-width:620px}
.m3-settings-title h2{margin:0;font:800 30px/1.25 "Plus Jakarta Sans",sans-serif;letter-spacing:-.6px}
.m3-settings-group{display:flex;flex-direction:column;gap:10px}.m3-settings-group>h3{margin:0;color:#8a8d80;font-size:11px;line-height:1.3;font-weight:600;letter-spacing:.66px}
.m3-settings-box{overflow:hidden;border-radius:20px;background:#f4f0e7;padding:0 16px}
.m3-settings-row{display:flex;align-items:center;gap:14px;width:100%;min-height:66px;border:0;background:transparent;padding:14px 0;color:#1c1b18;text-align:left}
button.m3-settings-row:hover,button.m3-settings-row:focus-visible{background:#ede8dc;box-shadow:0 0 0 16px #ede8dc;outline-offset:12px}
.m3-settings-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:#e7e1d4;color:#4a4842;font-size:20px}
.m3-settings-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:1px}.m3-settings-copy strong{overflow:hidden;color:#1c1b18;font-size:14.5px;line-height:1.25;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.m3-settings-copy small{overflow:hidden;color:#8a8d80;font-size:12px;line-height:1.25;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.m3-settings-divider{height:1px;margin-left:52px;background:#dad5c8}.m3-settings-chevron{flex:none;color:#6f7168;font-size:20px}
.m3-switch{position:relative;width:52px;height:32px;flex:none;border:2px solid #777870;border-radius:16px;background:#e7e1d4;padding:0}.m3-switch>span{position:absolute;top:50%;left:6px;width:16px;height:16px;border-radius:50%;background:#777870;transform:translateY(-50%);transition:left .18s ease,width .18s ease,background .18s ease}.m3-switch.enabled{border-color:#1e4635;background:#1e4635}.m3-switch.enabled>span{left:24px;width:24px;height:24px;background:#fff}.m3-switch:hover{filter:brightness(.97)}
.m3-integration-status{display:flex;align-items:center;gap:5px;flex:none;border-radius:9px;background:#dce8df;color:#161f19;padding:5px 10px;font-size:10.5px;font-weight:600;white-space:nowrap}.m3-integration-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#2e7d4f}.m3-integration-status.muted-badge{background:#e7e1d4;color:#6f7168}.m3-integration-status.muted-badge:before{background:#8a8d80}
.m3-settings-more{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:43px;border:0;border-radius:20px;background:#f4f0e7;color:#4a4842;font-size:13.5px;font-weight:600}.m3-settings-more:hover{background:#ede8dc}.m3-settings-more .material-symbols-rounded{font-size:16px;transition:transform .18s ease}.m3-settings-more[aria-expanded=true] .material-symbols-rounded{transform:rotate(180deg)}
.m3-settings-advanced{display:flex;flex-wrap:wrap;gap:8px;border-radius:18px;background:#f4f0e7;padding:14px 16px}.m3-tertiary-button{display:flex;align-items:center;gap:7px;width:max-content;min-height:40px;border:1px solid #dad5c8;border-radius:20px;background:transparent;color:#1e4635;padding:7px 14px;font-size:13px;font-weight:700;text-decoration:none}.m3-tertiary-button:hover{background:#ede8dc}.m3-tertiary-button .material-symbols-rounded{font-size:18px}.m3-status-pill{cursor:default}.m3-status-pill:hover{background:transparent}.m3-status-pill strong{border-radius:9px;background:#dce8df;color:#315646;padding:3px 7px;font-size:9px;line-height:1.2;font-weight:700;letter-spacing:.25px}.m3-status-pill strong.muted-badge{background:#e7e1d4;color:#6f7168}.m3-sign-out{color:#8c1d18}
.m3-settings-subpage{position:relative;max-width:840px;min-height:640px}.m3-subpage-bar{display:flex;align-items:center;gap:12px;min-height:47px;margin-bottom:8px}.m3-subpage-bar>button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:20px;background:#f4f0e7;color:#1c1b18}.m3-subpage-bar>button:hover{background:#e7e1d4}.m3-subpage-bar>button .material-symbols-rounded{font-size:20px}.m3-subpage-bar>strong{font-size:17px;font-weight:700}.m3-subpage-content{max-width:620px}.m3-subpage-content>.team-page-head{align-items:center;margin:0 0 10px}.m3-subpage-content>.team-page-head h2{font-size:26px;font-weight:800;letter-spacing:-.52px}.m3-duty-count{border-radius:12px;background:#ede8dc;color:#4a4842;padding:6px 12px;font-size:12px;font-weight:600;white-space:nowrap}
.m3-subpage-content .manager-list{display:block;max-width:none;margin-bottom:10px}.m3-subpage-content .manager-card{border:0;border-radius:18px;background:#dce8df;padding:14px 16px;box-shadow:none}.m3-subpage-content .manager-card .staff-head{gap:13px}.m3-manager-avatar{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:21px;background:#1e4635;color:#fff}.m3-manager-avatar .material-symbols-rounded{font-size:24px;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.m3-subpage-content .manager-card h3{font-size:15px;font-weight:600}.m3-subpage-content .manager-card .eyebrow{margin:2px 0 0;color:#315646;font-size:9.5px;letter-spacing:.475px}.m3-subpage-content .manager-card p:last-child{margin-top:2px;color:#4a4842;font-size:12px}
.m3-team-list{display:block;max-width:none;overflow:hidden;border-radius:20px;background:#f4f0e7;padding:0 16px}.m3-team-list .m3-staff-row{border:0;border-bottom:1px solid #dad5c8;border-radius:0;background:transparent;padding:15px 0}.m3-team-list .m3-staff-row:last-child{border-bottom:0}.m3-team-list .staff-head{gap:12px}.m3-team-list .staff-head h3{font-size:15px;font-weight:600}.m3-team-list .staff-head p{margin-top:2px;color:#8a8d80;font-size:12px;font-weight:500}.m3-waiter-avatar{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:20px;background:#b8e8ce;color:#052015}.m3-waiter-avatar .material-symbols-rounded{font-size:22px;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.m3-overflow{display:grid;place-items:center;width:30px;height:30px;flex:none;border:0;border-radius:15px;background:transparent;color:#4a4842}.m3-overflow:hover{background:#e7e1d4}.m3-overflow .material-symbols-rounded{font-size:20px}.m3-team-list .table-chips{margin:10px 0 0;padding-left:52px;gap:6px}.m3-team-list .table-chips span{border-radius:8px;background:#e7e1d4;color:#4a4842;padding:5px 10px;font-size:11.5px;font-weight:600}.m3-team-list .table-chips .unassigned{background:#ffe7e1;color:#8c1d18}.m3-edit-tables{display:flex;align-items:center;gap:4px;min-height:26px;border:1px solid #dad5c8;border-radius:8px;background:transparent;color:#4a4842;padding:4px 10px 4px 9px;font-size:11.5px;font-weight:600}.m3-edit-tables .material-symbols-rounded{font-size:12px}
.m3-staff-row .m3-overflow{width:30px;min-width:30px;height:30px;min-height:30px}.m3-staff-row .m3-edit-tables{width:auto;min-height:26px}
.m3-add-waiter{position:fixed;right:24px;bottom:28px;z-index:10;display:flex;align-items:center;gap:10px;min-height:56px;border:0;border-radius:18px;background:#b8e8ce;color:#052015;padding:13px 24px 13px 20px;box-shadow:0 4px 12px #0000002e;font-size:15px;font-weight:600}.m3-add-waiter:hover{background:#a8ddc0}.m3-add-waiter .material-symbols-rounded{font-size:22px}

@media(max-width:700px){
  body{padding-bottom:calc(83px + env(safe-area-inset-bottom))}
  .sidebar{height:calc(83px + env(safe-area-inset-bottom));padding:10px 8px calc(14px + env(safe-area-inset-bottom));background:#14342a}.sidebar nav{gap:0}.nav-item{min-height:59px;padding:6px 2px 4px;gap:5px;border-radius:0;background:transparent!important;color:#9db0a4;font:500 11px/1.25 "Plus Jakarta Sans",sans-serif}.nav-item.active{color:#fff;font-weight:600}.nav-icon{width:56px;height:30px;border-radius:15px}.nav-item.active .nav-icon{background:#1e4635}.nav-badge{top:4px;right:calc(50% - 25px);height:16px;min-width:16px;padding:0 4px;border:0;background:#b3261e;font-size:9px}
  body[data-active-view=settings]{background:#fbf9f3}.m3-settings-main{max-width:none}.m3-settings-title h2{font-size:30px}
  body[data-active-view=settings] #settings-view{max-width:none}
  .m3-settings-subpage{min-height:calc(100dvh - 147px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:none}.m3-subpage-bar{margin:-12px -4px 8px}.m3-subpage-content{max-width:none}.m3-subpage-content>.team-page-head{flex-direction:row}.m3-subpage-content>.team-page-head h2{font-size:26px}.m3-add-waiter{right:20px;bottom:calc(99px + env(safe-area-inset-bottom))}
  .m3-settings-box{padding:0 16px}.m3-settings-copy small{white-space:normal}.m3-settings-advanced{margin-top:-12px}.m3-integration-status{font-size:10px}
}
@media(max-width:380px){.m3-settings-main{gap:18px}.m3-settings-box{padding:0 13px}.m3-settings-row{gap:11px}.m3-settings-copy strong{font-size:14px}.m3-settings-copy small{font-size:11px}.m3-integration-status{padding-inline:7px}.m3-team-list .table-chips{padding-left:0}}

@media(max-width:700px){
  body[data-active-view=attention]{background:#fbf9f3;padding-bottom:calc(83px + env(safe-area-inset-bottom));font-family:"Plus Jakarta Sans",sans-serif}
  body[data-active-view=attention] .attention-title-row{margin-bottom:24px}
  body[data-active-view=attention] .attention-page-head{margin-bottom:18px}
  body[data-active-view=attention] .attention-page-head .attention-title-row h2{font-size:30px}
  body[data-active-view=attention] .attention-item-m3{padding-inline:4px}
  body[data-active-view=attention] .empty-state{border:0;background:transparent;padding:64px 20px}
  body[data-active-view=attention] .sidebar{height:calc(83px + env(safe-area-inset-bottom));padding:10px 8px calc(14px + env(safe-area-inset-bottom));background:#14342a}
  body[data-active-view=attention] .sidebar nav{gap:0}
  body[data-active-view=attention] .nav-item{min-height:59px;padding:6px 2px 4px;gap:5px;border-radius:0;color:#9db0a4;font:500 11px/1.25 "Plus Jakarta Sans",sans-serif}
  body[data-active-view=attention] .nav-item:hover{background:transparent}
  body[data-active-view=attention] .nav-item.active{background:transparent;color:#fff;font-weight:600}
  body[data-active-view=attention] .nav-icon{width:56px;height:30px;border-radius:15px}
  body[data-active-view=attention] .nav-item.active .nav-icon{background:#1e4635}
  body[data-active-view=attention] .nav-icon img{width:22px;height:22px}
  body[data-active-view=attention] .nav-badge{top:4px;right:calc(50% - 25px);height:16px;min-width:16px;padding:0 4px;border:0;background:#b3261e;font-size:9px}
}

@media(max-width:360px){main{padding-inline:11px}.table-grid{grid-template-columns:1fr}.table-card{min-height:112px}.table-card h3{margin-top:12px}.qr-grid{grid-template-columns:1fr 1fr}.settings-actions{display:grid}.alert-opt-in{line-height:1.1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.table-card:hover{transform:none}}
.scrim{z-index:13}.table-drawer{z-index:14}
@media(max-width:700px){.drawer-open .sidebar{visibility:hidden;pointer-events:none}}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar-foot{display:block}.sidebar-foot>div:last-of-type{display:flex;align-items:center;gap:9px;margin-top:14px}.sidebar-foot a{display:block}.signed-in-user{display:flex;align-items:center;gap:9px}.signed-in-user>span:last-child{min-width:0}.signed-in-user strong,.signed-in-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signed-in-user strong{color:#fff;font-size:12px}.signed-in-user small{color:#9eb5aa;font-size:9px;letter-spacing:.05em;text-transform:uppercase;margin-top:2px}.user-avatar{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:50%;background:#efe4ce;color:var(--forest);font-size:11px;font-weight:800}.mobile-role{font:700 9px "Plus Jakarta Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-left:3px}.alert-test{padding-inline:12px}.assigned-waiter{display:block;color:var(--forest);font-size:10px;font-weight:750;margin-top:6px}.permission-note{color:var(--muted);font-size:12px;padding:10px 0 0;border-top:1px solid var(--line);margin-top:14px}
.team-page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.team-page-head h2{font:700 28px "Plus Jakarta Sans",sans-serif;margin:0}.team-page-head p:last-child{color:var(--muted);margin:7px 0 0}.team-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.action-button.compact,.secondary.compact{min-height:36px;padding:8px 12px;font-size:11px}.manager-list{display:grid;grid-template-columns:minmax(260px,440px);gap:12px;margin-bottom:14px}.manager-card{background:linear-gradient(135deg,#fff,#fbf6ed)}.manager-card .eyebrow{margin:0 0 2px}.credential-card{max-width:640px;background:#fff9ee;border:1px solid #ead8ad;border-radius:18px;padding:16px;margin:0 0 14px;box-shadow:0 12px 30px #4c33100c}.credential-card h3{margin:2px 0 5px;font:700 20px "Plus Jakarta Sans",sans-serif}.credential-card p:not(.eyebrow){margin:0 0 12px;color:var(--muted);font-size:12px}.credential-card div{display:flex;justify-content:space-between;gap:12px;background:#fff;border:1px solid #efe3c4;border-radius:12px;padding:10px 12px;margin-top:7px}.credential-card span{font-size:10px;font-weight:800;color:#7c6b42;letter-spacing:.08em;text-transform:uppercase}.credential-card strong{font-family:ui-monospace,Consolas,monospace;font-size:13px;word-break:break-all}.credential-card button{margin-top:11px}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px;max-width:930px}.staff-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;position:relative}.staff-head{display:flex;align-items:center;gap:12px}.staff-head .user-avatar{width:44px;height:44px;font-size:13px}.staff-head>div{min-width:0;flex:1}.staff-head h3{margin:0;font:700 19px "Plus Jakarta Sans",sans-serif}.staff-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.duty-dot{width:9px;height:9px;border-radius:50%;background:#4d9d6a;box-shadow:0 0 0 4px #4d9d6a18}.duty-dot.off{background:#aaa49a;box-shadow:none}.table-chips{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 14px}.table-chips span{background:var(--sage);color:var(--forest);border-radius:99px;padding:6px 9px;font-size:10px;font-weight:800}.table-chips .unassigned{background:var(--rose);color:var(--red)}.staff-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.staff-card .assign-button{width:100%;min-height:44px}.staff-card .remove-waiter{min-height:44px}.staff-card>small{display:block;color:var(--muted);font-size:9px;margin-top:9px;text-align:center}
.assignment-dialog{width:min(560px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 28px));padding:0;background:var(--paper);border:0;border-radius:22px;box-shadow:var(--shadow)}.assignment-dialog::backdrop{background:#17221c80;backdrop-filter:blur(2px)}.assignment-dialog form{padding:24px;display:flex;flex-direction:column;max-height:inherit}.assignment-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.assignment-dialog h2{font:700 27px "Plus Jakarta Sans",sans-serif;margin:0}.assignment-dialog header p:last-child{color:var(--muted);font-size:12px;margin:7px 0 0}.assignment-dialog .icon-button{display:grid;place-items:center;flex:none}.assignment-dialog fieldset{border:0;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow:auto}.waiter-form-fields{display:grid;gap:12px;margin:22px 0}.waiter-form-fields label{font-size:12px;font-weight:800;color:var(--muted)}.waiter-form-fields label span{font-weight:500;color:#9b9387}.waiter-form-fields input{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid var(--line);background:#fff;border-radius:13px;min-height:46px;padding:11px 12px;color:var(--ink);font:500 14px "Plus Jakarta Sans",sans-serif}.assignment-option{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px;min-height:58px;cursor:pointer}.assignment-option:has(input:checked){border-color:#7ba58f;background:#f4faf6}.assignment-option input{width:20px;height:20px;accent-color:var(--forest);flex:none}.assignment-option span{min-width:0}.assignment-option strong,.assignment-option small{display:block}.assignment-option strong{font-size:13px}.assignment-option small{color:var(--muted);font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignment-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:16px}.assignment-actions button{min-height:46px}

@media(max-width:1100px){.signed-in-user{display:none}}
@media(max-width:700px){
  .sidebar nav{grid-template-columns:repeat(var(--nav-count,4),1fr)}.top-actions{gap:5px;max-width:196px}.alert-opt-in,.alert-test{min-height:40px;padding:7px 8px;font-size:10px}.table-card .assigned-waiter{font-size:9px}.team-page-head{align-items:flex-start;flex-direction:column}.team-page-head h2{font-size:25px}.team-head-actions{width:100%;justify-content:space-between}.team-head-actions .action-button{flex:1}.manager-list,.team-grid{grid-template-columns:1fr;gap:10px}.credential-card div{display:block}.credential-card strong{display:block;margin-top:4px}.staff-card{padding:15px}.staff-card>small{display:none}.staff-actions{grid-template-columns:1fr}.staff-card .remove-waiter{width:100%}
  .assignment-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0}.assignment-dialog form{height:100%;padding:16px 14px calc(14px + env(safe-area-inset-bottom))}.assignment-dialog header{position:sticky;top:0}.assignment-dialog fieldset{grid-template-columns:1fr;gap:7px;margin:18px 0;flex:1}.assignment-option{min-height:60px}.assignment-actions{position:sticky;bottom:0;background:var(--paper);padding-top:12px}.assignment-actions button{flex:1;min-height:48px}
}
@media(max-width:360px){.mobile-role{display:none}.top-actions{max-width:185px}.alert-opt-in,.alert-test{font-size:9px;padding-inline:6px}}

/* Figma M3 dining room */
#floor-view{max-width:1040px;font-family:"Plus Jakarta Sans",sans-serif}
.metric-row article{align-items:stretch;justify-content:flex-start;flex-direction:column;gap:10px;border:0;background:#f4f0e7;padding:13px 14px}
.metric-row article>div{display:flex;align-items:center;gap:10px}.metric-row article>div>i{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#e7e1d4;color:#4a4842;font-size:18px;font-style:normal}.metric-icon img{display:block;width:18px;height:18px}
.metric-row article strong{font-size:26px;font-weight:600;line-height:1.05;letter-spacing:-.52px}.metric-row article>span{font-size:12px;font-weight:500}.metric-row .attention{border:0;background:#f5e4be}.metric-row .attention>div>i{background:#fbf9f3;color:#2a1f00}.metric-row .attention>span{color:#2a1f00}
.floor-tables-title{display:flex;align-items:baseline;gap:8px}.floor-tables-title>span{color:#8a8d80;font-size:13px;font-weight:500}.floor-tables-title>p{flex-basis:100%;display:none}
.table-grid{gap:10px}.table-card{display:flex;align-items:stretch;min-height:85px;padding:0;border:1px solid #dad5c8;border-radius:18px;background:#fbf9f3;box-shadow:none}.table-card:before{display:none}.table-card:hover{transform:translateY(-2px);border-color:#b9b3a6;box-shadow:0 7px 22px #312e260d}
.table-number{display:flex;flex:0 0 56px;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#eaf3ec;color:#1e4635}.table-number strong{font-size:28px;line-height:1.05;font-weight:600;letter-spacing:-.84px}.table-number>img{display:block;width:14px;height:14px}
.table-card-body{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;gap:6px;padding:12px}.table-status-line{display:flex;align-items:center;gap:8px;min-width:0}.table-status-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#2e7d4f}.table-ready-icon{display:grid;place-items:center;width:15px;height:15px;flex:none;border-radius:50%;background:#dce8df}.table-ready-icon img{display:block;width:9px;height:9px}.table-status-line>b{min-width:0;overflow:hidden;color:#315646;font-size:10.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.table-seats{display:flex;align-items:center;gap:4px;margin-left:auto;color:#4a4842;font-size:13px;font-weight:600}.table-seats>img{display:block;width:14px;height:14px}
.table-waiter{display:flex;align-items:center;gap:7px;min-width:0}.table-waiter>i{display:grid;place-items:center;width:18px;height:18px;flex:none;border-radius:50%;background:#b8e8ce;color:#052015;font-size:8px;font-style:normal;font-weight:600}.table-waiter>span{min-width:0;overflow:hidden;color:#4a4842;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.table-live-meta,.table-ready-copy{display:flex;align-items:center;min-width:0;color:#8a8d80;font-size:10.5px;font-style:normal}.table-live-meta em{display:grid;place-items:center;min-width:18px;height:18px;margin-left:auto;border-radius:9px;background:#b3261e;color:#fff;font-size:9px;font-style:normal;font-weight:700}.table-card[data-status=WAITER_REQUESTED] .table-number{background:#ffe7e1;color:#8c1d18}.table-card[data-status=WAITER_REQUESTED] .table-status-dot{background:#b3261e}.table-card[data-status=BILL_REQUESTED] .table-number{background:#eee7f3;color:#68547d}.table-card[data-status=ORDERING] .table-number{background:#f5e4be;color:#6a5017}
.table-card:not([data-status=AVAILABLE]){border-color:#14342a;background:#14342a;color:#fff}.table-card:not([data-status=AVAILABLE]) .table-number{background:#1e4635;color:#fff}.table-card:not([data-status=AVAILABLE]) .table-number>img{filter:brightness(0) invert(1);opacity:.62}.table-card:not([data-status=AVAILABLE]) .table-status-line>b{color:#dce8df}.table-card:not([data-status=AVAILABLE]) .table-seats,.table-card:not([data-status=AVAILABLE]) .table-waiter>span{color:#fff}.table-card:not([data-status=AVAILABLE]) .table-seats>img{filter:brightness(0) invert(1);opacity:.72}.table-card:not([data-status=AVAILABLE]) .table-live-meta{color:#9db0a4}.table-card:not([data-status=AVAILABLE]) .table-status-dot{background:#b8e8ce}.table-card:not([data-status=AVAILABLE]):hover{border-color:#315646;box-shadow:0 8px 24px #071b1440}
#floor-attention{display:none!important}
#attention-empty .attention-empty-icon{display:grid;width:58px;height:58px;background:transparent;color:#1e4635;font-size:58px;font-variation-settings:"FILL" 0,"wght" 700,"GRAD" 0,"opsz" 24}
.table-qr-dialog{width:min(390px,calc(100vw - 32px));max-width:none;overflow:visible;border:0;border-radius:28px;background:#fbf9f3;color:#1c1b18;padding:0;box-shadow:0 18px 56px #071b1452;font-family:"Plus Jakarta Sans",sans-serif}.table-qr-dialog::backdrop{background:#071b1470;backdrop-filter:blur(3px)}.table-qr-card{display:flex;flex-direction:column;align-items:center;padding:22px 24px 24px}.table-qr-card header{display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:16px}.table-qr-card header>div{min-width:0}.table-qr-card h2{margin:0;font-size:24px;line-height:1.2}.table-qr-card header button{display:grid;place-items:center;width:40px;height:40px;flex:none;border:0;border-radius:20px;background:#ede8dc;color:#1c1b18}.table-qr-card header button:hover{background:#e4ded2}.table-qr-card header .material-symbols-rounded{font-size:21px}.table-qr-card>p{max-width:310px;margin:15px auto 18px;color:#4a4842;text-align:center;font-size:13px;line-height:1.5}.table-qr-card>img{display:block;width:min(250px,66vw);height:auto;border:10px solid #fff;border-radius:22px;box-shadow:0 8px 28px #1c1b1814}.free-table-download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:18px;border:1px solid #dad5c8;border-radius:22px;background:#fff;color:#1e4635;padding:10px 18px;text-decoration:none;font-size:13px;font-weight:700}
.waiter-attend{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:22px;background:#b8e8ce;color:#052015}.waiter-attend:hover{background:#a8ddc0}.waiter-attend .material-symbols-rounded{font-size:22px;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.waiter-attend.working .material-symbols-rounded{display:none}

@media(max-width:700px){
  body[data-active-view=floor]{background:#fbf9f3;padding-bottom:calc(83px + env(safe-area-inset-bottom))}
  body[data-active-view=floor] .metric-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:10px;margin:0 0 20px;padding:0}
  body[data-active-view=floor] .metric-row article{min-width:0;min-height:84px;padding:13px 14px;scroll-snap-align:none}
  body[data-active-view=floor] .attention-queue{display:none}
  body[data-active-view=floor] .section-heading{margin-bottom:18px}body[data-active-view=floor] .section-heading h2{font-size:18px;font-weight:700;letter-spacing:-.18px}
  body[data-active-view=floor] .table-grid{grid-template-columns:repeat(2,minmax(0,181px));gap:7px 5px}
  body[data-active-view=floor] .table-card{min-height:85px;padding:0}
  body[data-active-view=floor] .table-card:hover{transform:none;box-shadow:none}
  body[data-active-view=floor] .table-card-body{padding:10px 11px}
  body[data-active-view=floor] .table-status-line>b{max-width:45px}
  body[data-active-view=floor] .table-waiter>span{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}
@media(max-width:400px){body[data-active-view=floor] main{padding-inline:14px}body[data-active-view=floor] .table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-number{flex-basis:50px}.table-card-body{padding-inline:9px}.table-status-line{gap:4px}.table-seats{font-size:12px}}

/* Figma M3 history */
#history-view{max-width:980px;font-family:"Plus Jakarta Sans",sans-serif}
.history-page-head{max-width:840px;align-items:center;margin-bottom:16px}
.history-page-head h2{font:800 30px/1.2 "Plus Jakarta Sans",sans-serif;letter-spacing:-.6px;color:#1c1b18}
.history-today-count{border-radius:12px;background:#f5e4be;color:#2a1f00;padding:6px 12px;font-size:12px;font-weight:600;white-space:nowrap}
.history-toolbar{position:relative;display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) 44px;gap:8px;max-width:620px;margin:0 0 16px}
.history-filter,.history-refresh{border:0;min-height:44px;color:#1c1b18}
.history-filter{display:flex;align-items:center;gap:8px;min-width:0;border-radius:14px;background:#f4f0e7;padding:11px 13px;text-align:left;font:500 12.5px/1.3 "Plus Jakarta Sans",sans-serif}
.history-filter img{display:block;width:15px;height:15px;flex:none}.history-filter span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-filter i{color:#8a8d80;font-size:10px;font-style:normal}
.history-filter[aria-expanded=true],.history-filter:hover{background:#ede8dc}
.history-refresh{display:grid;place-items:center;width:44px;border-radius:14px;background:#1e4635}.history-refresh:hover{background:#14342a}.history-refresh img{display:block;width:20px;height:20px}
.history-table-picker{position:relative;min-width:0}.history-table-picker>.history-filter{width:100%}
.m3-menu{position:absolute;z-index:18;top:calc(100% + 6px);left:0;width:max(100%,180px);max-height:300px;overflow:auto;padding:8px 0;border-radius:12px;background:#fffdf8;box-shadow:0 8px 24px #1c1b1829,0 2px 6px #1c1b181f}
.m3-menu button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:48px;border:0;background:transparent;color:#1c1b18;padding:0 16px;text-align:left;font:500 14px/1.35 "Plus Jakarta Sans",sans-serif}
.m3-menu button:hover,.m3-menu button:focus-visible{background:#f4f0e7;outline:0}.m3-menu button[aria-checked=true]{background:#dce8df;color:#052015}.m3-menu button b{font-size:14px}
.history-metrics{display:flex;max-width:840px;gap:0;margin:0 0 14px;padding:16px 4px;border-radius:18px;background:#f4f0e7}
.history-metrics article{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:0;background:transparent;padding:0 8px}
.history-metrics article+article:before{content:"";position:absolute;left:0;top:50%;width:1px;height:34px;background:#dad5c8;transform:translateY(-50%)}
.history-metrics strong{order:0;color:#1c1b18;font:600 22px/1.25 "Plus Jakarta Sans",sans-serif;letter-spacing:-.44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.history-metrics span{order:1;color:#8a8d80;font:500 11px/1.3 "Plus Jakarta Sans",sans-serif;text-align:center}
.history-section-label{max-width:840px;margin:0 0 12px;color:#8a6d2f;font:600 11px/1.3 "Plus Jakarta Sans",sans-serif;letter-spacing:.66px}
.history-list{grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px;max-width:840px}
.history-card{display:flex;flex-direction:column;gap:12px;min-height:0;border:1px solid #dad5c8;border-radius:18px;background:#fbf9f3;padding:15px 16px;color:#1c1b18;font-family:"Plus Jakarta Sans",sans-serif}
.history-card:hover{border-color:#98aa9f;background:#f8f6ef;box-shadow:none}
.history-card-head{display:flex;align-items:center;gap:8px}.history-card-head strong{font:500 12.5px/1.3 "Plus Jakarta Sans",sans-serif}
.history-table{border-radius:7px;background:#b8e8ce;color:#052015;padding:3px 9px 3px 8px;font:600 11px/1.35 "Plus Jakarta Sans",sans-serif;letter-spacing:0;text-transform:none}
.history-card-meta,.history-card-chips{display:flex;align-items:center;flex-wrap:wrap}.history-card-meta{gap:14px}.history-card-chips{gap:7px}
.history-card-meta i,.history-card-chips i{display:flex;align-items:center;gap:5px;color:#4a4842;font-style:normal;white-space:nowrap}.history-card-meta i{font-size:12px;font-weight:500}.history-card-chips i{border-radius:8px;background:#ede8dc;padding:4px 10px 4px 8px;font-size:11px;font-weight:600}.history-card-chips i:first-child{background:#dce8df;color:#052015}
.history-card-meta img{width:13px;height:13px}.history-card-chips img{width:12px;height:12px}
.history-card-staff{display:flex;align-items:center;gap:7px;color:#4a4842;font-size:12px;font-weight:500}.history-card-staff i{display:grid;place-items:center;width:18px;height:18px;border-radius:9px;background:#e7e1d4;color:#4a4842;font-size:8px;font-style:normal;font-weight:600}

.m3-date-dialog{width:min(360px,calc(100vw - 32px));max-width:none;border:0;border-radius:28px;background:#f9f8f2;color:#1c1b18;padding:0;box-shadow:0 8px 28px #1c1b1838;font-family:"Plus Jakarta Sans",sans-serif}
.m3-date-dialog::backdrop{background:#1c1b1852}.m3-date-dialog form{padding:0}
.m3-date-header{background:#dce8df;padding:20px 24px 18px}.m3-date-header p{margin:0 0 18px;color:#4a4842;font-size:12px;font-weight:500}.m3-date-header strong{display:block;font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.35px}
.m3-date-calendar{padding:14px 16px 2px}.m3-date-month{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px 12px}.m3-date-month strong{font-size:14px;font-weight:600}.m3-date-month span{display:flex}.m3-date-month button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:20px;background:transparent;color:#1c1b18;font-size:25px}.m3-date-month button:hover{background:#ede8dc}
.m3-date-weekdays,.m3-date-grid{display:grid;grid-template-columns:repeat(7,1fr);place-items:center}.m3-date-weekdays{height:32px;color:#4a4842;font-size:11px;font-weight:600}.m3-date-grid{row-gap:2px}
.m3-date-grid button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:20px;background:transparent;color:#1c1b18;font-size:12px;font-weight:500}.m3-date-grid button:hover{background:#ede8dc}.m3-date-grid button.outside{color:#8a8d80}.m3-date-grid button.today{box-shadow:inset 0 0 0 1px #1e4635}.m3-date-grid button[aria-selected=true]{background:#1e4635;color:#fff;box-shadow:none}.m3-date-grid button:focus-visible{outline:2px solid #1e4635;outline-offset:2px}
.m3-date-actions{display:flex;justify-content:flex-end;gap:4px;padding:8px 16px 16px}.m3-date-actions button{min-width:64px;min-height:40px;border:0;border-radius:20px;background:transparent;color:#1e4635;font-size:13px;font-weight:700}.m3-date-actions button:hover{background:#dce8df}

@media(max-width:700px){
  body[data-active-view=history]{background:#fbf9f3;padding-bottom:calc(83px + env(safe-area-inset-bottom));font-family:"Plus Jakarta Sans",sans-serif}
  body[data-active-view=history] #history-view{max-width:none}
  body[data-active-view=history] .history-page-head{align-items:center;margin-bottom:16px}
  body[data-active-view=history] .history-page-head h2{font-size:30px}
  body[data-active-view=history] .history-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;width:100%;margin-bottom:16px}
  body[data-active-view=history] .history-metrics{display:flex;grid-template-columns:none;width:100%;margin-bottom:14px}
  body[data-active-view=history] .history-metrics article{min-height:45px;padding:0 6px}
  body[data-active-view=history] .history-metrics strong{font-size:22px}
  body[data-active-view=history] .history-list{grid-template-columns:1fr;gap:10px}
  body[data-active-view=history] .history-card{min-height:0;padding:15px 16px}
  body[data-active-view=history] .history-card em{position:static}
  body[data-active-view=history] .empty-state{border:0;background:transparent;padding:52px 20px}
  body[data-active-view=history] .sidebar{height:calc(83px + env(safe-area-inset-bottom));padding:10px 8px calc(14px + env(safe-area-inset-bottom));background:#14342a}
  body[data-active-view=history] .sidebar nav{gap:0}
  body[data-active-view=history] .nav-item{min-height:59px;padding:6px 2px 4px;gap:5px;border-radius:0;color:#9db0a4;font:500 11px/1.25 "Plus Jakarta Sans",sans-serif}
  body[data-active-view=history] .nav-item:hover{background:transparent}
  body[data-active-view=history] .nav-item.active{background:transparent;color:#fff;font-weight:600}
  body[data-active-view=history] .nav-icon{width:56px;height:30px;border-radius:15px}
  body[data-active-view=history] .nav-item.active .nav-icon{background:#1e4635}
  body[data-active-view=history] .nav-icon img{width:22px;height:22px}
  body[data-active-view=history] .nav-badge{top:4px;right:calc(50% - 25px);height:16px;min-width:16px;padding:0 4px;border:0;background:#b3261e;font-size:9px}
}

/* Keep compact 4a controls ahead of legacy team-card mobile sizing. */
.m3-staff-row .m3-overflow{width:30px;min-width:30px;height:30px;min-height:30px}.m3-staff-row .m3-edit-tables{width:auto;min-height:26px}