@font-face{font-family:Yekan;src:url('assets/yekanbakh-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Yekan;src:url('assets/yekanbakh-bold.woff') format('woff');font-weight:600 900;font-display:swap}
*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:#e9ece9;color:#26392f;font-family:Yekan,Tahoma,sans-serif;font-size:14px}button{font:inherit;cursor:pointer;color:inherit}button{border:0;background:none}button:focus-visible{outline:3px solid #58a8ef;outline-offset:4px}button:hover{filter:brightness(.97)}button:active{transform:translateY(1px)}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}.icon{width:21px;height:21px;display:inline-block;vertical-align:middle;flex-shrink:0}small{font-size:12px}b,strong{font-weight:700}
.review-bar{min-height:82px;padding:14px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid #dce2dd;color:#26392f}.review-label{display:flex;align-items:center;gap:10px;min-width:210px}.review-label b{font-size:16px}.review-label small{display:block;color:#7b847c}.review-mark{width:35px;height:35px;background:#203b2d;color:#bdebaf;display:grid;place-items:center;border-radius:12px;font-size:24px;font-family:Arial}.directions{display:flex;gap:4px;padding:5px;background:#f0f2ef;border:1px solid #e4e7e2;border-radius:14px}.directions button{display:flex;align-items:center;gap:8px;padding:9px 15px;border-radius:9px;color:#68736b;white-space:nowrap}.directions button[aria-pressed=true]{background:white;color:#192e21;box-shadow:0 2px 5px #152b1c12;font-weight:700}.swatch{width:12px;height:12px;border-radius:50%}.swatch.green{background:#337459}.swatch.warm{background:#b96742}.swatch.night{background:#23313c}.device-button{display:flex;align-items:center;gap:8px;border:1px solid #d9dfd9;padding:9px 13px;border-radius:10px;font-size:12px}.concept-caption{padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#626f65}.demo-label{font-size:11px;background:#f6f8f4;border:1px solid #dbe1d7;border-radius:20px;padding:4px 10px}.stage{max-width:1560px;margin:0 auto;padding:0 24px}.app{--bg:#f6f8f5;--surface:#fff;--ink:#253b2e;--muted:#839087;--line:#e9eee7;--accent:#246b4d;--accent-soft:#eaf3e8;--accent-text:#fff;position:relative;min-height:1040px;container-type:inline-size;background:var(--bg);color:var(--ink);border:1px solid #d5ddd4;border-radius:18px;overflow:hidden;box-shadow:0 14px 45px #24382a0a;transition:max-width .25s}.sidebar{position:absolute;inset-block:0;right:0;width:216px;background:var(--surface);border-left:1px solid var(--line);padding:28px 17px 20px;display:flex;flex-direction:column}.workspace{margin-right:216px;min-width:0}.brand{display:flex;align-items:center;gap:10px;margin:0 12px 28px}.brand b{font-size:30px;line-height:1}.brand b>span{display:block;font-weight:400;font-size:10px;line-height:2;margin-top:4px;color:var(--muted)}.brand-symbol{display:flex;gap:3px;align-items:center;height:38px;direction:ltr}.brand-symbol i{width:12px;height:26px;border:4px solid var(--accent);border-radius:10px}.brand-symbol i:nth-child(2){height:37px;background:var(--accent)}.restaurant{display:flex;gap:9px;align-items:center;padding:13px 9px;background:var(--bg);border:1px solid var(--line);border-radius:12px;margin-bottom:26px}.restaurant>div{flex:1}.restaurant b{font-size:12px}.restaurant small{font-size:10px;color:var(--muted);display:block}.restaurant>.icon{width:14px}.restaurant-avatar,.profile-avatar{width:31px;height:34px;background:#e8eedf;color:#5c7554;border-radius:9px;display:grid;place-items:center;font-size:17px}.nav-label{font-size:10px;color:var(--muted);display:block;padding-right:14px;margin-bottom:10px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;margin:4px 0;font-size:13px;text-align:right;border-radius:9px;color:#737f76}.nav-item .icon{width:20px}.nav-item.active{color:var(--accent);background:var(--accent-soft);font-weight:700}.nav-item:hover{background:var(--bg)}.nav-item em{font-style:normal;background:var(--accent);color:#fff;border-radius:6px;font-size:10px;padding:0 6px;margin-right:auto}.sidebar-bottom{margin-top:auto;padding-top:70px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:19px;margin-top:20px}.profile>div{flex:1}.profile b{font-size:12px}.profile small{display:block;font-size:10px;color:var(--muted)}.profile>.icon{width:15px}.profile-avatar{background:#f0e9de;color:#9b7654}
.topbar{height:77px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;border-bottom:1px solid var(--line);background:var(--surface);gap:16px}.breadcrumb{display:flex;gap:13px;align-items:center;font-size:12px;color:var(--muted)}.breadcrumb strong{color:var(--ink);font-weight:400}.breadcrumb .icon{width:12px}.header-actions{display:flex;gap:18px;align-items:center}.today{font-size:11px;color:var(--muted)}.icon-button{width:35px;height:35px;display:grid;place-items:center;border-radius:9px}.notifications{position:relative;color:var(--ink)}.notifications i{position:absolute;top:5px;right:7px;width:6px;height:6px;border-radius:50%;background:#d68b47;border:1px solid var(--surface)}.status-button{display:flex;align-items:center;gap:8px;padding:8px 11px;background:var(--accent-soft);border:1px solid #ddebd9;border-radius:9px;font-size:11px;color:var(--accent)}.status-button .icon{width:12px;height:12px}.status-dot,.tiny-dot{width:6px;height:6px;background:var(--accent);display:inline-block;border-radius:50%;flex-shrink:0}.closed.status-button{background:#ede9e5;color:#776c60;border-color:#ddd7cf}.closed .status-dot{background:#9a8d80}
main{padding:30px;max-width:1350px;margin:0 auto}.greeting{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.3px;margin-bottom:5px}h1{font-size:28px;letter-spacing:-.8px;font-weight:700;line-height:1.65}.greeting p{color:var(--muted);font-size:12px;margin-top:3px;line-height:1.8}.secondary-button{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px 12px;white-space:nowrap;background:var(--surface);font-size:11px}.secondary-button .icon{width:15px;height:15px}.secondary-button>.icon:last-child{margin-right:8px;width:13px}.sales-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}h2{font-size:15px;font-weight:700}.periods{display:flex;align-items:center;gap:2px;padding:3px;border-radius:8px;background:#eaf0e7;flex-shrink:0}.periods button{padding:6px 11px;font-size:11px;border-radius:6px;color:var(--muted)}.periods button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #1b352015}.metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:15px;margin-bottom:20px}.metric{border:1px solid var(--line);border-radius:12px;padding:20px 22px;background:var(--surface);position:relative;overflow:hidden;min-width:0}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#728076;font-size:12px}.metric-top .icon{width:19px;color:#92a18d}.metric-value{font-size:29px;letter-spacing:-.7px;margin:10px 0 8px;white-space:nowrap;font-weight:700;line-height:1.3}.metric-value small{font-size:11px;letter-spacing:0;margin-right:7px;font-weight:400;color:var(--muted)}.metric-note{font-size:10px;color:var(--muted);display:flex;gap:6px;align-items:center}.metric-note .icon{width:12px;height:12px}.primary-metric{background:var(--accent);color:#fff;border-color:var(--accent)}.primary-metric .metric-top,.primary-metric .metric-value small,.primary-metric .metric-note,.primary-metric .metric-top .icon{color:#c5dec7}.primary-metric .metric-value{position:relative;z-index:1}.sparkline{width:100px;position:absolute;left:-7px;bottom:0;opacity:.23}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 262px;gap:20px;margin-bottom:22px}.chart-panel,.orders-panel,.quick-panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:21px 22px;min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-head p{margin-top:4px}.subtle{font-size:10px;color:var(--muted)}.chart-legend{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap}.chart-legend i{width:7px;height:7px;background:var(--accent);border-radius:2px}.chart{height:148px;display:flex;direction:ltr;gap:15px;position:relative;margin-top:24px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;text-align:right;font-size:9px;color:var(--muted);padding-bottom:21px;min-width:40px}.bars{flex:1;display:flex;align-items:end;gap:8px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) 50%);background-size:100% calc(100% - 20px);position:relative}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;gap:8px;padding:0;min-width:0}.bar{height:calc(var(--bar)*.85);width:100%;background:#e2ecde;display:block;border-radius:5px 5px 0 0;min-height:6px;transition:height .25s}.bar-wrap:nth-child(9) .bar,.bar-wrap:nth-child(10) .bar{background:var(--accent)}.bar-wrap:hover .bar{background:#8cb87c}.bar-wrap small{height:15px;font-size:9px;color:var(--muted)}.chart-bottom{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:10px;padding-left:52px}.balance-card{padding:22px;background:#edf1e6;border:1px solid #e3e9da;border-radius:13px;min-width:0}.balance-heading{display:flex;align-items:center;gap:11px}.balance-heading b{font-size:13px}.balance-heading small{display:block;color:#7b8971;font-size:10px;margin-top:1px}.icon-tile{width:38px;height:38px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-radius:10px;flex-shrink:0}.balance-card .icon-tile{background:#dfe8d2}.balance-amount{font-size:30px;font-weight:700;margin:19px 0 12px;letter-spacing:-.5px}.balance-amount small{font-size:11px;font-weight:400;margin-right:8px;color:#7b8971}.balance-meter{height:5px;background:#d5dfc9;border-radius:10px;overflow:hidden}.balance-meter span{display:block;width:62%;height:100%;background:#6a8960;border-radius:10px}.balance-hint{display:flex;justify-content:space-between;font-size:10px;color:#7b8971;margin:8px 0 19px}.balance-hint b{font-weight:400;color:#5d7354}.balance-button{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid #d4ddca;color:#4f6943;padding:9px;border-radius:8px;font-size:12px}.balance-button .icon{width:16px}.orders-panel{margin-bottom:22px}.section-title{display:flex;align-items:center;gap:12px}.live{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--muted)}.live i{height:5px;width:5px;background:#9aad8e;border-radius:50%}.text-button{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:11px;padding:0}.text-button .icon{width:14px}.filters{display:flex;gap:15px;border-bottom:1px solid var(--line);margin-bottom:4px;overflow:auto}.filters button{white-space:nowrap;padding:0 0 12px;font-size:11px;color:var(--muted);border-bottom:2px solid transparent;display:flex;gap:6px;align-items:center}.filters button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);font-weight:700}.filters button span{font-size:9px;padding:0 5px;background:var(--bg);border-radius:5px}.order-row{display:flex;gap:14px;align-items:center;padding:17px 0;width:100%;text-align:right;border-bottom:1px solid var(--line)}.order-row:last-child{border-bottom:0;padding-bottom:1px}.order-number{display:flex;align-items:center;gap:10px;flex:1;min-width:140px}.order-number b{font-size:12px}.order-number small{display:block;color:var(--muted);font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}.order-icon{width:33px;height:36px;background:var(--bg);display:grid;place-items:center;border-radius:9px;color:#8d9a8a;flex-shrink:0}.order-icon .icon{width:17px}.order-type,.order-time{font-size:10px;color:var(--muted);white-space:nowrap}.order-type{width:72px}.pill{font-size:9px;display:inline-block;padding:4px 8px;border-radius:6px;white-space:nowrap}.pill.new{background:#fff2db;color:#9f7227}.pill.preparing{background:#ebf0fc;color:#6a80b2}.pill.delivery{background:#eaf2e5;color:#6a8e53}.order-price{font-size:13px;white-space:nowrap;min-width:78px;text-align:left}.order-price small{display:block;font-size:9px;color:var(--muted)}.order-time{width:60px;text-align:left}.order-row>.icon{width:14px;color:#9aa797}.quick-panel{margin-bottom:20px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-action{border:1px solid var(--line);border-radius:10px;padding:15px;text-align:right;position:relative;min-width:0}.quick-action .icon-tile{width:33px;height:33px;border-radius:8px;margin-bottom:13px;background:var(--bg)}.quick-action .icon-tile .icon{width:18px}.quick-action b{font-size:12px;display:block}.quick-action small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.quick-arrow{position:absolute;left:13px;top:24px;width:14px;color:var(--muted)}.app-footer{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding-top:12px}.mobile-nav{display:none}.shift-summary{border-block:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:22px}.shift-summary>div{display:flex;align-items:center;gap:12px}.shift-summary>div>.icon{width:25px;height:25px;color:var(--accent)}.shift-summary b{font-size:12px}.shift-summary small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.review-foot{text-align:center;color:#7d877d;font-size:11px;margin:20px auto 30px;padding:0 16px}
.live-system{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-bottom:25px}.connection-label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--ink)}.connection-label>.icon{color:var(--accent);width:18px;height:18px}.connection-label small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.connection-label>i{height:5px;width:5px;border-radius:50%;background:var(--accent);margin-right:8px}.live-controls{display:flex;align-items:center;gap:10px}.sound-control,.simulate-order{display:flex;align-items:center;gap:6px;font-size:10px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;white-space:nowrap}.sound-control{color:var(--muted)}.sound-control.on{color:var(--accent);background:var(--accent-soft)}.sound-control .icon,.simulate-order .icon{width:15px;height:15px}.simulate-order{color:var(--accent);background:var(--bg)}.incoming-order{display:flex;align-items:center;gap:12px;background:#fff5de;color:#866023;border:1px solid #e3cfa2;border-radius:11px;padding:16px;margin-bottom:24px}.incoming-icon{width:36px;height:36px;background:#f4e5bc;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.incoming-order>div{flex:1}.incoming-order b{font-size:13px}.incoming-order b>span{font-size:12px;font-weight:400;margin-right:7px}.incoming-order small{display:block;font-size:10px;margin-top:4px;color:#a18a5b}.incoming-order>button{padding:9px 11px;border-radius:7px;display:flex;align-items:center;gap:8px;font-size:11px;background:#88662b;color:white;white-space:nowrap}.incoming-order>button .icon{width:14px;height:14px}.incoming-order>.acknowledge{background:transparent;color:#866023;border:1px solid #dbc99f}.app[data-theme=night] .incoming-order{background:#383127;border-color:#5b4b33;color:#e4c18e}.app[data-theme=night] .incoming-icon{background:#51432f}.app[data-theme=night] .incoming-order small{color:#b39c76}.app[data-theme=night] .incoming-order>.acknowledge{color:#d1b688;border-color:#67543a}
@container(max-width:540px){.live-system{padding:11px;gap:11px;flex-wrap:wrap;margin-bottom:22px}.connection-label{font-size:11px;flex:1}.connection-label small{font-size:8px}.connection-label>i{margin-right:2px}.live-controls{gap:6px}.sound-control,.simulate-order{padding:7px;font-size:9px}.sound-control .icon,.simulate-order .icon{width:13px;height:13px}.simulate-order{flex:1;justify-content:center}.live-controls{width:100%}.sound-control{padding-inline:12px}.incoming-order{flex-wrap:wrap;padding:14px;gap:10px}.incoming-order>div{flex-basis:calc(100% - 48px)}.incoming-order b{font-size:12px}.incoming-order small{font-size:9px}.incoming-order>button{flex:1;justify-content:center;padding:9px;font-size:10px}.live-system+.greeting{margin-top:0}}
/* Direction 02: a warm, spacious, horizontal workspace. */
.app[data-theme=warm]{--bg:#faf8f4;--ink:#433d31;--muted:#9a9487;--accent:#a85939;--accent-soft:#f5e9dc;--line:#eee8dd;--surface:#fffdf9;min-height:1000px}.app[data-theme=warm] .sidebar{width:100%;height:77px;bottom:auto;display:block;padding:0 34px;background:var(--surface);border:none}.app[data-theme=warm] .sidebar .brand{position:absolute;top:18px;margin:0}.app[data-theme=warm] .sidebar .brand-symbol i{width:9px;border-width:3px;height:21px}.app[data-theme=warm] .sidebar .brand-symbol i:nth-child(2){height:28px}.app[data-theme=warm] .sidebar .brand b{font-size:24px}.app[data-theme=warm] .sidebar .brand b>span{display:none}.app[data-theme=warm] .sidebar nav{display:flex;position:absolute;right:170px;top:19px;gap:4px}.app[data-theme=warm] .sidebar nav .nav-item{padding:9px 12px;margin:0;width:auto;font-size:11px;gap:7px}.app[data-theme=warm] .sidebar nav .nav-item .icon{width:16px}.app[data-theme=warm] .sidebar nav .nav-item:nth-child(n+5),.app[data-theme=warm] .sidebar nav .nav-item em,.app[data-theme=warm] .restaurant,.app[data-theme=warm] .nav-label,.app[data-theme=warm] .sidebar-bottom{display:none}.app[data-theme=warm] .workspace{margin:0}.app[data-theme=warm] .topbar{justify-content:end;position:relative;background:transparent;pointer-events:none}.app[data-theme=warm] .header-actions{pointer-events:auto}.app[data-theme=warm] .breadcrumb,.app[data-theme=warm] .today{display:none}.app[data-theme=warm] main{padding:36px 44px;max-width:1300px}.app[data-theme=warm] .greeting{margin-bottom:28px}.app[data-theme=warm] h1{font-size:34px;color:#433b2b}.app[data-theme=warm] .greeting .eyebrow{display:none}.warm-overview{background:#efe9da;border:1px solid #e7dfce;border-radius:19px;padding:25px 27px 24px;margin-bottom:27px}.warm-overview .sales-heading{margin-bottom:26px}.warm-overview h2{font-size:22px;letter-spacing:-.5px}.warm-overview .eyebrow{color:#93856b}.warm-overview .periods{background:#e5decd}.warm-overview .periods button[aria-pressed=true]{background:#fffcf6}.warm-overview .metrics{margin:0;gap:0;grid-template-columns:1.4fr 1fr 1fr}.warm-overview .metric{padding:0 25px;border:none;border-right:1px solid #dcd3bf;border-radius:0;background:none;overflow:visible}.warm-overview .primary-metric{padding-right:0;border:0;color:#433b2b}.warm-overview .metric-top,.warm-overview .primary-metric .metric-top .icon,.warm-overview .primary-metric .metric-note,.warm-overview .primary-metric .metric-value small{color:#8d816b}.warm-overview .metric-top>.icon{display:none}.warm-overview .metric-value{font-size:36px;margin:14px 0 10px}.warm-overview .primary-metric .sparkline{display:none}.warm-main{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:27px}.warm-side{display:flex;flex-direction:column;gap:20px}.app[data-theme=warm] .balance-card{background:#fffdf9;border-color:var(--line);border-radius:16px;padding:23px}.app[data-theme=warm] .balance-card .icon-tile{background:#f3eee3;color:#998460}.app[data-theme=warm] .balance-meter{background:#ece7dc}.app[data-theme=warm] .balance-meter span{background:#aa9273}.app[data-theme=warm] .balance-heading small,.app[data-theme=warm] .balance-hint,.app[data-theme=warm] .balance-hint b{color:#9a8d76}.app[data-theme=warm] .balance-button{background:#a85939;border-color:#a85939;color:white}.app[data-theme=warm] .orders-panel{margin:0;padding:25px;border-radius:16px}.app[data-theme=warm] .filters{gap:17px}.app[data-theme=warm] .filters button{font-size:10px}.app[data-theme=warm] .order-row{padding:20px 0;flex-wrap:wrap;gap:10px}.app[data-theme=warm] .order-number{flex-basis:55%}.app[data-theme=warm] .order-number small{font-size:11px}.app[data-theme=warm] .order-type{display:none}.app[data-theme=warm] .order-price{margin-right:auto}.app[data-theme=warm] .order-row>.icon{display:none}.app[data-theme=warm] .order-time{width:auto;margin-right:44px}.app[data-theme=warm] .order-row:last-child{padding-bottom:0}.app[data-theme=warm] .order-icon{background:#f5efe3;color:#a4957c}.app[data-theme=warm] .quick-panel{padding:0;background:none;border:none;margin:0}.app[data-theme=warm] .quick-panel .section-head{margin-bottom:13px}.app[data-theme=warm] .quick-panel .subtle{display:none}.app[data-theme=warm] .quick-grid{grid-template-columns:1fr 1fr;gap:10px}.app[data-theme=warm] .quick-action{padding:14px;background:#fffdf9}.app[data-theme=warm] .quick-action small{display:none}.app[data-theme=warm] .quick-action .icon-tile{background:#f5efe3}.app[data-theme=warm] .quick-arrow{width:12px;left:10px}.app[data-theme=warm] .shift-summary{margin-top:30px;padding:24px 0}.app[data-theme=warm] .status-button{background:#eef0e6;border-color:#e5e8da;color:#72825b}.app[data-theme=warm] .status-dot{background:#7c8c62}
/* Direction 03: a dark operations desk, with orders as the main workspace. */
.app[data-theme=night]{--bg:#141c23;--surface:#1b252e;--ink:#e3e9e9;--muted:#85949c;--line:#2b3740;--accent:#b5dc8b;--accent-soft:#2a3c30;--accent-text:#19251e;border-color:#26313a;min-height:1050px}.app[data-theme=night] .sidebar{background:#182128}.app[data-theme=night] .brand{color:#e6ede9}.app[data-theme=night] .restaurant{background:#202b33}.app[data-theme=night] .restaurant-avatar{background:#354334;color:#b7cf9b}.app[data-theme=night] .nav-item{color:#9ba9b0}.app[data-theme=night] .nav-item.active{color:#c2e3a7}.app[data-theme=night] .nav-item em{color:#21331c}.app[data-theme=night] .profile-avatar{background:#3c3a30;color:#d2be8b}.app[data-theme=night] .topbar{background:#182128}.app[data-theme=night] .status-button{border-color:#3d503c;background:#253729;color:#b5d491}.app[data-theme=night] .primary-metric{background:#283a30;border-color:#3b5140;color:#cbe8b6}.app[data-theme=night] .metric-top,.app[data-theme=night] .primary-metric .metric-top{color:#9eafa9}.app[data-theme=night] .metric-value small,.app[data-theme=night] .primary-metric .metric-value small,.app[data-theme=night] .primary-metric .metric-note{color:#95ad94}.app[data-theme=night] .metric-top .icon{color:#6f837f}.app[data-theme=night] .metrics{grid-template-columns:1.25fr 1fr 1fr}.app[data-theme=night] .periods{background:#202b33}.app[data-theme=night] .periods button[aria-pressed=true]{background:#33413b;color:#d9e6d7}.app[data-theme=night] .metric{border-radius:10px}.kanban-section{margin-top:27px}.kanban-section>.section-head{margin-bottom:17px}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kanban-column{background:#182128;border:1px solid #26323a;border-radius:12px;padding:13px;min-height:370px}.column-title{display:flex;align-items:center;gap:8px;padding:3px 2px 14px}.column-title b{font-size:12px;font-weight:400}.column-title>span:last-child{margin-right:auto;color:#819099;font-size:10px;background:#26323b;padding:1px 6px;border-radius:5px}.tiny-dot.new{background:#ddb273}.tiny-dot.preparing{background:#89aacf}.tiny-dot.delivery{background:#a7cb86}.ticket{background:#222e37;border:1px solid #33414b;border-radius:9px;padding:14px;width:100%;text-align:right;margin-bottom:12px;transition:border-color .2s}.ticket:hover{border-color:#85997b;filter:none}.ticket-top{display:flex;justify-content:space-between;align-items:center}.ticket-top>b{font-family:Yekan,sans-serif;font-size:17px;letter-spacing:.5px}.ticket-top>span{font-size:9px;color:#94a3ac;display:flex;gap:4px;align-items:center}.ticket-top .icon{width:11px;height:11px}.ticket p{font-size:11px;color:#b0bbc2;line-height:1.8;padding:15px 0;min-height:60px}.ticket-meta{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:9px}.ticket-meta>span{color:#83969e;display:flex;gap:4px;align-items:center}.ticket-meta .icon{width:13px;height:13px}.ticket-meta b{font-size:13px;font-weight:400;white-space:nowrap}.ticket-meta b small{font-size:8px;color:#83969e}.ticket-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #35424a;padding-top:11px;margin-top:14px;font-size:10px;color:#b7d696}.ticket-action .icon{width:14px;height:14px}.kanban-column:first-child .ticket{border-top:2px solid #b49465}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:20px;margin-top:25px}.app[data-theme=night] .quick-panel{margin:0}.app[data-theme=night] .quick-grid{grid-template-columns:repeat(2,1fr)}.app[data-theme=night] .quick-action{padding:13px;display:grid;grid-template-columns:35px 1fr;column-gap:9px;align-items:center}.app[data-theme=night] .quick-action .icon-tile{grid-row:span 2;margin:0;background:#26343b;color:#a4b49d}.app[data-theme=night] .quick-action small{margin-top:1px;font-size:9px}.app[data-theme=night] .quick-arrow{display:none}.app[data-theme=night] .balance-card{background:#26332c;border-color:#36483b;padding:20px}.app[data-theme=night] .balance-card .icon-tile{background:#334a35;color:#b6ce9e}.app[data-theme=night] .balance-heading small,.app[data-theme=night] .balance-amount small,.app[data-theme=night] .balance-hint,.app[data-theme=night] .balance-hint b{color:#94a78d}.app[data-theme=night] .balance-amount{margin:13px 0}.app[data-theme=night] .balance-meter{background:#3a4d39}.app[data-theme=night] .balance-meter span{background:#abc98c}.app[data-theme=night] .balance-button{background:#b5d594;border-color:#b5d594;color:#263820}.app[data-theme=night] .balance-hint{margin-bottom:12px}
/* Preview frame and real small-screen layouts share the same container rules. */
.mobile-preview .app{max-width:414px;border-radius:28px;box-shadow:0 12px 36px #2032261a}.mobile-preview{max-width:800px}.mobile-preview .app main{padding-bottom:95px}
@container (max-width:1120px){.order-type{display:none}.order-time{display:none}.metric-value{font-size:26px}.topbar{padding-inline:22px}.today{display:none}main{padding:25px 22px}.kanban{gap:10px}.kanban-column{padding:10px}.ticket{padding:11px}.ticket-meta{flex-wrap:wrap}.app[data-theme=warm] .sidebar nav .nav-item:nth-child(n+4){display:none}}
@container (max-width:950px){.sidebar{width:180px;padding-inline:12px}.workspace{margin-right:180px}.sidebar .brand{margin-right:8px}.nav-item{font-size:12px;gap:9px;padding-inline:10px}.overview-grid{grid-template-columns:minmax(0,1fr) 225px;gap:14px}.metric{padding:16px}.metrics{gap:10px}.metric-value{font-size:23px}.metric-value small{font-size:9px}.quick-action{padding:12px}.quick-action small{font-size:9px}.quick-arrow{display:none}.order-number small{max-width:190px}.app[data-theme=warm] .warm-main{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.app[data-theme=warm] main{padding:30px}.warm-overview .metric-value{font-size:31px}.warm-overview h2{font-size:20px}.app[data-theme=warm] .filters{gap:12px}.app[data-theme=warm] .filters button{font-size:9px}.app[data-theme=warm] .sidebar nav .nav-item:nth-child(n+3){display:none}.app[data-theme=warm] .order-number{flex-basis:60%}.app[data-theme=warm] .order-row .pill{margin-right:auto}.app[data-theme=warm] .order-price{margin-right:44px}.app[data-theme=warm] .order-time{display:block;margin-right:auto}.lower-grid{grid-template-columns:1fr 230px}.kanban{gap:8px}.kanban-column{padding:8px}.column-title b{font-size:10px}.ticket-top>span{font-size:8px}.ticket p{font-size:10px}}
@container (max-width:760px){.sidebar{display:none}.workspace{margin:0}.topbar{height:65px;padding:0 20px}.breadcrumb{font-size:11px}.header-actions{gap:8px}main{padding:24px 20px 95px}h1{font-size:26px}.greeting{margin-bottom:26px;align-items:start}.greeting .secondary-button{font-size:0;padding:8px}.greeting .secondary-button>.icon:last-child{display:none}.greeting .secondary-button>.icon:first-child{width:19px;height:19px}.greeting p{font-size:11px}.metric-value{font-size:25px}.overview-grid{grid-template-columns:1fr 225px}.quick-action small{font-size:9px}.mobile-nav{position:absolute;bottom:0;right:0;left:0;background:var(--surface);display:flex;border-top:1px solid var(--line);padding:11px 5px 12px;z-index:5;box-shadow:0 -5px 22px #1f302605}.mobile-nav button{flex:1;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:10px;color:var(--muted);position:relative}.mobile-nav button.active{color:var(--accent);font-weight:700}.mobile-nav .icon{width:21px;height:21px}.mobile-nav button i{position:absolute;top:0;left:calc(50% + 5px);width:5px;height:5px;background:#c68947;border-radius:50%}.app-footer{font-size:9px;gap:10px}.app[data-theme=warm] .sidebar{display:block;width:100%;height:65px;padding:0 20px}.app[data-theme=warm] .sidebar nav{display:none}.app[data-theme=warm] .sidebar .brand{top:15px}.app[data-theme=warm] .topbar{height:65px}.app[data-theme=warm] main{padding:27px 22px 95px}.app[data-theme=warm] .greeting{margin-bottom:22px}.app[data-theme=warm] h1{font-size:30px}.warm-overview{padding:23px;border-radius:15px}.warm-overview .sales-heading{align-items:start;gap:15px;flex-direction:column}.warm-overview .metrics{grid-template-columns:1fr 1fr 1fr}.warm-overview .metric{padding-inline:14px}.warm-overview .primary-metric{padding-right:0}.warm-overview .metric-value{font-size:26px}.app[data-theme=warm] .warm-main{grid-template-columns:1fr}.warm-side{display:grid;grid-template-columns:1fr 1fr}.app[data-theme=warm] .orders-panel{padding:21px}.app[data-theme=warm] .order-number{flex-basis:40%}.app[data-theme=warm] .order-row{flex-wrap:nowrap}.app[data-theme=warm] .order-price{margin-right:auto}.app[data-theme=warm] .order-time{display:none}.app[data-theme=warm] .order-row .pill{margin-right:0}.app[data-theme=warm] .filters{gap:20px}.app[data-theme=warm] .quick-panel .section-head{padding-top:5px}.shift-summary .text-button{display:none}.app[data-theme=night] .kanban{grid-template-columns:repeat(3,minmax(0,1fr));overflow:auto}.app[data-theme=night] .kanban-column{min-width:0}.app[data-theme=night] .ticket-meta{flex-direction:column;align-items:start;gap:9px}.app[data-theme=night] .ticket-top{gap:6px;flex-wrap:wrap}}
@container (max-width:540px){.app-footer{padding-top:0}.breadcrumb{gap:6px;font-size:10px}.breadcrumb .icon{width:10px}.header-actions{gap:5px}.status-button{font-size:10px;gap:5px;padding:7px 8px}.icon-button{width:30px;height:30px}.greeting{gap:8px}h1{font-size:24px;letter-spacing:-.7px}.eyebrow{font-size:10px}.greeting p{font-size:11px;max-width:280px}.sales-heading h2{font-size:13px}.periods button{padding:5px 8px;font-size:10px}.metrics{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.primary-metric{grid-column:1/-1;padding:19px 21px}.primary-metric .metric-value{font-size:36px;margin:13px 0 9px}.metric{padding:15px}.metric-value{font-size:25px;margin:10px 0}.metric-top{font-size:11px}.metric-top .icon{width:17px}.metric-note{font-size:9px}.sparkline{width:155px;bottom:3px;left:0;opacity:.28}.overview-grid{grid-template-columns:1fr;gap:17px;margin-bottom:17px}.chart-panel{padding:19px}.chart-panel .section-head h2{font-size:14px}.chart{margin-top:20px;height:142px;gap:10px}.bars{gap:6px}.chart-bottom{font-size:8px}.balance-card{padding:20px}.balance-heading{float:right;width:50%;gap:8px}.balance-heading .icon-tile{width:33px;height:33px}.balance-heading b{font-size:12px}.balance-heading small{font-size:9px}.balance-amount{margin:0 0 18px;font-size:26px;text-align:left;padding-top:3px}.balance-amount small{font-size:10px;margin-right:5px}.balance-meter{clear:both}.balance-hint{margin:8px 0 14px}.balance-button{font-size:11px;padding:9px}.orders-panel{padding:19px;margin-bottom:17px}.section-head{gap:8px;margin-bottom:17px}h2{font-size:14px}.section-title{gap:8px}.text-button{font-size:10px;gap:4px}.text-button .icon{width:12px}.live{font-size:8px}.filters{gap:16px}.filters button{font-size:10px;gap:4px}.filters button span{font-size:8px}.order-row{gap:10px;flex-wrap:wrap;position:relative;padding:17px 0}.order-number{flex-basis:65%}.order-number small{max-width:230px;font-size:10px}.order-number b{font-size:12px}.order-row>.pill{margin-right:auto;font-size:8px;max-width:95px}.order-price{margin-right:43px;font-size:12px;text-align:right;min-width:0;display:flex;gap:4px;align-items:center}.order-price small{font-size:9px;display:inline}.order-time{display:block;margin-right:auto;width:auto;font-size:9px}.order-row>.icon{display:none}.order-row:last-child{padding-bottom:2px}.quick-panel{padding:19px}.quick-grid{grid-template-columns:1fr 1fr;gap:10px}.quick-action{padding:14px}.quick-action .icon-tile{margin-bottom:12px}.quick-action small{font-size:9px}.quick-arrow{display:block;left:13px;top:23px}.quick-action b{font-size:12px}.shift-summary{padding:17px 0;margin-top:20px}.shift-summary b{font-size:11px}.shift-summary small{font-size:9px;line-height:1.7}.app[data-theme=warm] main{padding:26px 19px 95px}.app[data-theme=warm] h1{font-size:29px}.app[data-theme=warm] .greeting p{font-size:11px}.warm-overview{padding:21px;margin-bottom:22px}.warm-overview h2{font-size:21px}.warm-overview .sales-heading{margin-bottom:24px}.warm-overview .periods{width:100%}.warm-overview .periods button{flex:1;padding:7px}.warm-overview .metrics{grid-template-columns:1fr 1fr;gap:22px 0}.warm-overview .primary-metric{grid-column:1/-1;padding:0;border:none}.warm-overview .primary-metric .metric-value{font-size:42px;line-height:1.1;margin:10px 0}.warm-overview .metric:nth-child(2){padding-right:0;border-right:0}.warm-overview .metric-top{font-size:12px}.warm-overview .metric-value{font-size:27px}.warm-overview .metric-note{font-size:9px}.app[data-theme=warm] .warm-main{gap:22px}.app[data-theme=warm] .orders-panel{padding:19px}.app[data-theme=warm] .order-row{flex-wrap:wrap;padding-block:17px}.app[data-theme=warm] .order-number{flex-basis:64%}.app[data-theme=warm] .order-price{margin-right:44px}.app[data-theme=warm] .order-time{display:block;margin-right:auto}.app[data-theme=warm] .order-row .pill{margin-right:auto}.app[data-theme=warm] .order-row:last-child{padding-bottom:0}.app[data-theme=warm] .filters{gap:16px}.warm-side{display:flex;flex-direction:column;gap:22px}.app[data-theme=warm] .balance-card{padding:20px}.app[data-theme=warm] .quick-grid{grid-template-columns:repeat(4,1fr);gap:7px}.app[data-theme=warm] .quick-action{padding:13px 4px;text-align:center}.app[data-theme=warm] .quick-action .icon-tile{margin:0 auto 10px;width:32px;height:32px}.app[data-theme=warm] .quick-action b{font-size:10px}.app[data-theme=warm] .quick-arrow{display:none}.app[data-theme=warm] .shift-summary{margin-top:22px;padding:19px 0}.app[data-theme=night] .metrics{grid-template-columns:1fr 1fr}.app[data-theme=night] .primary-metric{grid-column:1/-1}.app[data-theme=night] .kanban{grid-template-columns:repeat(3,258px);gap:12px;padding-bottom:12px;scroll-snap-type:x mandatory;scrollbar-color:#61735d #27343c;scrollbar-width:thin}.app[data-theme=night] .kanban-column{scroll-snap-align:start;padding:12px;min-height:370px}.app[data-theme=night] .ticket{padding:14px}.app[data-theme=night] .ticket-top{flex-wrap:nowrap}.app[data-theme=night] .ticket-top>span{font-size:9px}.app[data-theme=night] .ticket p{font-size:11px}.app[data-theme=night] .ticket-meta{flex-direction:row}.app[data-theme=night] .column-title b{font-size:12px}.app[data-theme=night] .lower-grid{grid-template-columns:1fr;gap:17px;margin-top:17px}.app[data-theme=night] .balance-amount{margin:0 0 18px}.app[data-theme=night] .quick-action{padding:15px 12px;grid-template-columns:31px 1fr;column-gap:7px}.app[data-theme=night] .quick-action .icon-tile{width:30px;height:32px}.app[data-theme=night] .quick-action b{font-size:11px}.app[data-theme=night] .quick-action small{font-size:8px}.app[data-theme=night] .status-button.closed{background:#3a3430;color:#c0ac9d;border-color:#55473d}}
@media(min-width:761px){.mobile-preview .app{min-height:1200px}}
@media(max-width:1050px){.review-bar{padding:14px 20px;gap:12px}.review-label{min-width:0}.review-label small{font-size:10px}.directions button{padding-inline:10px;font-size:12px}.device-button span{display:none}.concept-caption{padding:12px 22px}.stage{padding:0 16px}}
@media(max-width:760px){.review-bar{flex-wrap:wrap;padding:14px 16px;gap:14px}.review-label{flex:1}.review-label b{font-size:14px}.review-label small{font-size:10px}.review-mark{width:31px;height:31px;font-size:21px}.directions{order:3;width:100%;justify-content:space-between}.directions button{padding:8px 10px;flex:1;justify-content:center;font-size:12px}.swatch{width:9px;height:9px}.concept-caption{display:block;padding:13px 16px;line-height:1.8;font-size:11px}.demo-label{display:inline-block;margin-top:7px;font-size:9px}.stage{padding:0 10px}.app{border-radius:15px}.mobile-preview .app{border-radius:20px;max-width:414px}.review-foot{font-size:10px}.device-button{padding:8px}.review-bar .icon{width:18px;height:18px}}
@media(max-width:380px){.directions button{gap:5px;padding:8px 6px;font-size:10px}.concept-caption{font-size:10px}.stage{padding:0 6px}}
dialog{color:#293d30;background:#fffefb;border:1px solid #dce2d7;border-radius:20px;width:min(460px,calc(100vw - 32px));max-height:85vh;padding:25px;font-family:Yekan,Tahoma,sans-serif;box-shadow:0 30px 100px #111b2840}dialog::backdrop{background:#14221db3;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:#8b9788;font-size:11px}.dialog-head .icon-button{border:1px solid #e4e9df}.dialog-head .icon{width:17px}#dialog-body h2{font-size:23px;margin-bottom:17px;letter-spacing:-.5px}#dialog-body p{font-size:14px;line-height:2;color:#788372}.dialog-note{background:#f3f5ee;border:1px solid #e7ebdf;border-radius:9px;padding:13px;font-size:11px;line-height:1.9;color:#8a957f;margin-top:20px}.order-detail{margin-top:20px}.order-detail>div{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #e9eee3;padding:14px 0}.order-detail span{font-size:12px;color:#8c9687}.order-detail b{font-size:14px}.status-options{display:grid;gap:10px;margin-top:20px}.status-options button,.dialog-menu button{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #e1e8db;border-radius:9px;text-align:right}.status-options button .icon:last-child,.dialog-menu button .icon:last-child{margin-right:auto;width:17px}.status-options button:hover,.dialog-menu button:hover{background:#f0f5e9}.dialog-menu{display:grid;gap:8px}.message{padding:17px 0;border-top:1px solid #e5e9df}.message b{font-size:14px}.message p{font-size:12px!important;margin-top:7px}#toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:#2c4936;color:white;border:1px solid #628866;border-radius:12px;box-shadow:0 10px 30px #172d2630;padding:13px 22px;max-width:calc(100% - 32px);width:max-content;text-align:center;font-size:12px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.incoming-sheet{--sheet-bg:#fffefa;--sheet-ink:#2b3e30;--sheet-muted:#788775;--sheet-line:#e5ebdf;--sheet-accent:#286b4d;--sheet-soft:#edf3e7;position:fixed;inset:auto 28px 24px auto;margin:0;width:440px;max-width:calc(100vw - 40px);padding:23px 25px 21px;background:var(--sheet-bg);color:var(--sheet-ink);border:1px solid var(--sheet-line);border-radius:22px;overflow:auto;max-height:calc(100dvh - 40px);box-shadow:0 24px 95px #101d1e3d;overscroll-behavior:contain}.incoming-sheet[open]{animation:sheet-enter .46s cubic-bezier(.2,.85,.25,1) both}.incoming-sheet::backdrop{background:#10221a55;backdrop-filter:blur(3px);animation:sheet-backdrop .3s ease both}.sheet-handle{width:35px;height:4px;border-radius:5px;background:var(--sheet-line);margin:-9px auto 16px;display:none}.sheet-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.sheet-signal{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--sheet-accent);font-weight:700}.sheet-signal i{width:6px;height:6px;border-radius:50%;background:var(--sheet-accent);box-shadow:0 0 0 4px var(--sheet-soft)}.sheet-close{height:28px;width:28px;display:grid;place-items:center;border:1px solid var(--sheet-line);border-radius:8px;color:var(--sheet-muted)}.sheet-close .icon{width:15px;height:15px}.sheet-title-row{display:flex;align-items:center;gap:13px;margin-bottom:24px}.sheet-receipt{width:49px;height:53px;border:1px solid var(--sheet-line);background:var(--sheet-soft);display:grid;place-items:center;border-radius:14px;color:var(--sheet-accent);animation:receipt-pop .6s .12s both}.sheet-receipt .icon{width:26px;height:26px}.sheet-title-row h2{font-size:25px;letter-spacing:-.5px;line-height:1.5}.sheet-title-row p{font-size:11px;color:var(--sheet-muted);margin-top:3px}.sheet-title-row p>span{margin-inline:4px}.sheet-new-badge{margin-right:auto;background:#fff0cf;color:#a37a33;border:1px solid #f0dfb9;border-radius:6px;padding:3px 9px;font-size:10px}.sheet-items{border:1px solid var(--sheet-line);background:var(--sheet-soft);border-radius:12px;padding:15px 17px}.sheet-items>span{display:block;font-size:10px;color:var(--sheet-muted);margin-bottom:12px}.sheet-items>div{font-size:14px;padding:6px 0;line-height:1.6}.sheet-items>div+div{border-top:1px dashed var(--sheet-line);margin-top:6px;padding-top:11px}.sheet-total{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--sheet-line)}.sheet-total>span{font-size:12px;color:var(--sheet-muted)}.sheet-total>b{font-size:27px;letter-spacing:-.5px}.sheet-total small{font-size:11px;font-weight:400;color:var(--sheet-muted)}.sheet-audio{display:flex;align-items:center;justify-content:space-between;margin:15px 0 24px;gap:10px}.sheet-audio>span{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--sheet-muted)}.sheet-audio .icon{width:15px;height:15px;color:var(--sheet-accent)}.sheet-audio>button{font-size:10px;color:var(--sheet-accent);padding:4px 0;border-bottom:1px dotted var(--sheet-accent)}.sheet-actions{display:flex;gap:10px}.sheet-actions>button{display:flex;gap:7px;align-items:center;justify-content:center;border:1px solid var(--sheet-line);font-size:12px;padding:13px 12px;border-radius:9px;white-space:nowrap}.sheet-actions>button:first-child{flex:1;background:var(--sheet-accent);color:var(--sheet-bg);border-color:var(--sheet-accent)}.sheet-actions .icon{width:16px;height:16px}.sheet-actions .icon:last-child{width:14px;margin-right:auto}.sheet-explanation{text-align:center;font-size:10px;line-height:1.7;margin-top:15px;color:var(--sheet-muted)}.incoming-sheet[data-theme=warm]{--sheet-bg:#fffcf5;--sheet-ink:#493c2b;--sheet-muted:#95846c;--sheet-line:#eadfca;--sheet-accent:#a85c3c;--sheet-soft:#f5efdf}.incoming-sheet[data-theme=night]{--sheet-bg:#202b33;--sheet-ink:#e7eddf;--sheet-muted:#99aaad;--sheet-line:#3b494b;--sheet-accent:#b6d991;--sheet-soft:#2b3836;box-shadow:0 24px 95px #0007}.incoming-sheet[data-theme=night] .sheet-new-badge{background:#51432c;color:#e7c58c;border-color:#6b5636}.incoming-sheet[data-theme=night] .sheet-actions>button:first-child{color:#253020}.mobile-preview-active .incoming-sheet{inset:auto 50% 0 auto;translate:50% 0;width:414px;max-width:calc(100vw - 20px);border-radius:24px 24px 0 0}.mobile-preview-active .sheet-handle{display:block}
@keyframes sheet-enter{from{transform:translateY(calc(100% + 30px));opacity:.3}to{transform:translateY(0);opacity:1}}@keyframes sheet-backdrop{from{background:#10221a00;backdrop-filter:blur(0)}to{background:#10221a55;backdrop-filter:blur(3px)}}@keyframes receipt-pop{0%{transform:scale(.8) rotate(-8deg)}65%{transform:scale(1.07) rotate(3deg)}100%{transform:scale(1) rotate(0)}}
@media(max-width:600px){.incoming-sheet{inset:auto 0 0 0;max-width:100%;width:100%;border-radius:24px 24px 0 0;padding:24px 23px max(21px,env(safe-area-inset-bottom));max-height:90dvh}.sheet-handle{display:block}.sheet-title-row h2{font-size:24px}.sheet-items>div{font-size:14px}.sheet-actions>button{font-size:11px;padding-block:14px}.incoming-sheet[open]{animation-duration:.4s}}
.order-notifications{--toast-bg:#fffefa;--toast-ink:#293d30;--toast-muted:#7c8878;--toast-line:#dde6d7;--toast-accent:#2a6b4e;--toast-soft:#eef4e9;position:fixed;bottom:23px;left:23px;z-index:30;width:345px;max-width:calc(100vw - 36px);display:none;filter:drop-shadow(0 9px 20px #1832251a)}.order-notifications.has-notifications{display:block}.notification-stack-head{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--toast-ink);background:var(--toast-bg);border:1px solid var(--toast-line);border-radius:12px 12px 0 0;padding:10px 12px}.notification-stack-head b{font-size:11px}.notification-stack-head>span{color:var(--toast-muted);font-size:9px}#order-toasts{display:grid;gap:7px;margin-top:7px}.order-toast{position:relative;border:1px solid var(--toast-line);border-right:3px solid var(--toast-accent);background:var(--toast-bg);border-radius:11px;animation:toast-arrive .32s cubic-bezier(.2,.8,.2,1) both;overflow:hidden}.toast-order-body{display:flex;align-items:center;gap:11px;text-align:right;width:100%;padding:16px 12px;color:var(--toast-ink)}.toast-order-icon{width:34px;height:39px;flex-shrink:0;border-radius:9px;background:var(--toast-soft);color:var(--toast-accent);display:grid;place-items:center}.toast-order-icon .icon{width:19px;height:19px}.toast-order-copy{display:block;flex:1;min-width:0}.toast-order-copy>b{display:block;font-size:14px;margin-left:24px}.toast-order-copy>small{display:block;font-size:10px;margin-top:5px;color:var(--toast-muted)}.toast-order-copy>span{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--toast-muted);margin-top:4px}.toast-order-body>.icon{width:14px;color:var(--toast-accent);margin-top:13px}.toast-acknowledge{position:absolute;left:8px;top:8px;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:var(--toast-muted)}.toast-acknowledge:hover{background:var(--toast-soft)}.toast-acknowledge .icon{width:13px;height:13px}.notification-more{width:100%;padding:10px 12px;background:var(--toast-accent);color:var(--toast-bg);border-radius:9px;font-size:11px;margin-top:8px}.notification-more[hidden]{display:none}.notification-stack-note{font-size:9px;line-height:1.6;padding:8px 12px;background:var(--toast-bg);border:1px solid var(--toast-line);border-radius:0 0 9px 9px;margin-top:7px;color:var(--toast-muted)}.order-notifications[data-theme=warm]{--toast-bg:#fffcf6;--toast-ink:#483b29;--toast-muted:#8f7c64;--toast-line:#e8dcc8;--toast-accent:#a75a3b;--toast-soft:#f5ebdb}.order-notifications[data-theme=night]{--toast-bg:#243139;--toast-ink:#e4ecdf;--toast-muted:#a0b1ad;--toast-line:#45534d;--toast-accent:#b5d492;--toast-soft:#34463b}.order-notifications[data-theme=night] .notification-more{color:#263820}.mobile-preview-active .order-notifications{left:50%;translate:-50% 0;bottom:88px;width:385px;max-width:calc(100vw - 34px)}
.order-notifications{left:23px;right:23px;width:auto;max-width:none}.mobile-preview-active .order-notifications{right:calc(50% - 193px);left:calc(50% - 193px);translate:none;width:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast-order-body{padding-left:16px;padding-block:14px;gap:14px}.toast-order-copy{display:grid;grid-template-columns:150px 210px minmax(0,1fr);gap:14px;align-items:center}.toast-order-copy>b{margin-left:0}.toast-order-copy>small,.toast-order-copy>span{margin-top:0}.toast-order-body{width:calc(100% - 72px)}.toast-open-label{font-size:11px;color:var(--toast-accent);display:flex;gap:5px;align-items:center;padding:8px 12px;border:1px solid var(--toast-line);border-radius:7px;flex-shrink:0}.toast-open-label .icon{width:12px;height:12px}.toast-acknowledge{width:34px;height:34px;top:50%;translate:0 -50%;left:12px;border:1px solid var(--toast-line);color:var(--toast-accent);font-size:11px}.notification-more{width:auto;min-width:100px;display:block;margin-right:auto}.notification-more[hidden]{display:none}.mobile-preview-active .toast-order-copy{display:block}
@media(max-width:1000px){.toast-order-copy{display:block}.toast-order-copy>small{margin-top:4px}.toast-order-copy>span{margin-top:3px}}
@media(max-width:540px){.order-notifications,.mobile-preview-active .order-notifications{left:12px;right:12px;width:auto;max-width:none;translate:none}.toast-order-body{gap:8px;width:calc(100% - 58px);padding:13px 10px}.toast-order-copy>b{font-size:12px}.toast-order-copy>small,.toast-order-copy>span{font-size:9px}.toast-order-icon{width:28px;height:33px}.toast-open-label{padding:6px;font-size:10px;gap:2px}.toast-open-label .icon{display:none}.toast-acknowledge{width:42px;height:29px;left:9px;font-size:10px}}
@keyframes toast-arrive{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){.order-notifications{left:14px;right:14px;bottom:83px;width:auto;max-width:none}.toast-order-body{padding-block:13px}.toast-order-copy>b{font-size:13px}.notification-stack-note{font-size:9px}.notification-stack-head{padding-block:8px}}
.sheet-queue{display:flex;gap:7px;overflow:auto;padding:2px 2px 8px;max-height:70px;scrollbar-width:thin;scrollbar-color:var(--sheet-line) transparent}.sheet-queue button{display:flex;align-items:center;gap:6px;flex-shrink:0;border:1px solid var(--sheet-line);border-radius:8px;padding:8px 11px;font-size:12px;color:var(--sheet-muted)}.sheet-queue button[aria-pressed=true]{background:var(--sheet-accent);border-color:var(--sheet-accent);color:var(--sheet-bg);font-weight:700}.sheet-queue small{font-size:9px;opacity:.7}.sheet-queue-help{font-size:10px;line-height:1.8;color:var(--sheet-muted);margin:3px 0 20px}.sheet-demo{display:flex;align-items:center;gap:8px;border-top:1px dashed var(--sheet-line);padding-top:13px;margin-top:15px;flex-wrap:wrap}.sheet-demo>span{font-size:9px;color:var(--sheet-muted);flex-basis:100%}.sheet-demo>button{font-size:10px;padding:7px 10px;border:1px solid var(--sheet-line);border-radius:7px;color:var(--sheet-accent)}.incoming-sheet.queue-updated .sheet-receipt{animation:none}.incoming-sheet:has(.sheet-queue) .sheet-top{margin-bottom:12px}.incoming-sheet:has(.sheet-queue) .sheet-title-row{margin-bottom:17px}.incoming-sheet:has(.sheet-queue) .sheet-audio{margin-bottom:18px}.incoming-sheet:has(.sheet-queue) .sheet-items{padding-block:11px}
@container(max-width:540px){.live-controls{flex-wrap:wrap}.live-controls .sound-control{flex:0 0 auto}.live-controls [data-simulate]{flex:1}.live-controls [data-simulate-batch]{flex-basis:100%;padding-block:9px}.incoming-order>div{flex-basis:calc(100% - 48px)}}
.brand{flex-direction:column;align-items:flex-start;gap:8px}.brand>img{width:104px;height:32px;object-fit:contain}.brand>span{font-size:10px;color:var(--muted);padding-right:2px}.app[data-theme=warm] .sidebar .brand>img{width:90px;height:28px}.app[data-theme=warm] .sidebar .brand>span{display:none}
.app{--muted:#6c7b70;overflow:clip}.app[data-theme=warm]{--muted:#817767}.app[data-theme=night]{--muted:#9aa8af}.order-number small{font-size:11px}.order-time{font-size:11px}.metric-note{font-size:11px}.metric-top{color:var(--muted)}.primary-metric .metric-note{color:#cee3ce}.app[data-theme=night] .primary-metric .metric-note{color:#a9bda4}
@container(max-width:760px){.mobile-nav{position:sticky;bottom:0;margin-top:-72px}.app[data-theme=warm] .sidebar{height:65px}}
@container(max-width:540px){.order-time,.metric-note{font-size:10px}.order-number small{font-size:10px}}
@media(max-width:1024px),(pointer:coarse){
 .toast-acknowledge{width:44px;height:44px;left:12px;top:50%;translate:0 -50%;touch-action:manipulation}
 .toast-order-body{width:calc(100% - 76px);min-height:88px;padding-left:8px;touch-action:manipulation}
 .toast-open-label{min-height:44px;min-width:51px;justify-content:center;padding:8px}
 .toast-order-copy{overflow:hidden}.toast-order-copy>b,.toast-order-copy>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .order-toast{min-height:88px}.notification-more{min-height:44px;touch-action:manipulation}
 #order-toasts{gap:10px}.order-notifications{max-height:calc(100dvh - 145px);overflow:auto;overscroll-behavior:contain}
 .sheet-close,.dialog-head .icon-button{min-width:44px;min-height:44px}
 .sheet-queue{max-height:82px}.sheet-queue button{min-width:74px;min-height:44px;padding:10px 12px}
 .sheet-audio>button,.sheet-demo>button,.sheet-actions>button{min-height:44px;padding-inline:12px}
 .sheet-actions{gap:12px}.sheet-demo{gap:10px}.sheet-explanation{font-size:11px}
 .periods button,.filters button{min-height:44px}.mobile-nav button{min-height:44px}
 .live-controls button{min-height:44px}.order-row{min-height:72px}
 button{-webkit-tap-highlight-color:#7da77935;touch-action:manipulation}
}
.toast-order-copy>.toast-order-amount{display:block;color:var(--toast-ink);font-size:14px;font-weight:700;white-space:nowrap}.toast-order-copy>small{font-size:12px}
@media(max-width:1000px){.toast-order-copy>.toast-order-amount{font-size:12px;margin-top:4px}.toast-order-copy>small{font-size:11px}}
@media(max-width:360px){.toast-order-body{gap:7px;padding-inline:8px}.toast-order-icon{width:26px}.toast-open-label{min-width:44px;padding:6px}.toast-order-copy>small{font-size:10px}}
.order-toast{display:flex;align-items:center;min-height:88px}.toast-order-body{width:auto;flex:1;min-width:0;min-height:88px;padding:12px 14px;gap:10px}.toast-order-copy{min-width:0}.toast-actions{display:flex;align-items:center;flex-shrink:0;gap:8px;padding:12px 0 12px 12px}.toast-open-button{display:grid;place-items:center;height:44px;min-width:64px;padding:0 12px;border:1px solid var(--toast-line);border-radius:8px;background:var(--toast-soft);color:var(--toast-accent);font-size:12px;touch-action:manipulation}.toast-acknowledge{position:static;inset:auto;translate:none;transform:none;flex-shrink:0;width:44px;height:44px;border:1px solid var(--toast-line);border-radius:8px;color:var(--toast-muted);background:transparent;padding:0;touch-action:manipulation}.toast-acknowledge:active{transform:none}.toast-acknowledge .icon{width:16px;height:16px}
@media(max-width:540px){.toast-actions{gap:8px;padding-left:10px}.toast-order-body{width:auto;gap:8px;padding:12px 10px}.toast-open-button{min-width:58px;padding-inline:10px;font-size:11px}.toast-order-copy>b{font-size:12px}.toast-acknowledge{width:44px;height:44px}}
@media(max-width:360px){.toast-order-icon{display:none}.toast-order-body{padding-right:12px}.toast-order-copy>.toast-order-amount{font-size:11px}.toast-order-copy>small{font-size:10px}}
.toast-acknowledge{width:64px;min-width:64px;height:44px;font-size:12px;color:var(--toast-muted)}.toast-open-button{width:64px;min-width:64px;height:44px}.toast-actions{gap:8px}.incoming-sheet{inset:auto 23px 23px 23px;width:auto;max-width:none;margin:0;translate:none;border-radius:18px}.mobile-preview-active .incoming-sheet{inset:auto calc(50% - 193px) 88px calc(50% - 193px);width:auto;max-width:none;translate:none;border-radius:18px}
@media(max-width:600px){.incoming-sheet,.mobile-preview-active .incoming-sheet{inset:auto 14px 83px 14px;width:auto;max-width:none;max-height:calc(100dvh - 110px);translate:none;border-radius:18px}.toast-open-button,.toast-acknowledge{width:58px;min-width:58px;height:44px;font-size:11px}}
@media(max-width:360px){.toast-open-button,.toast-acknowledge{width:52px;min-width:52px}}
.order-notifications,.mobile-preview-active .order-notifications,.incoming-sheet,.mobile-preview-active .incoming-sheet{bottom:var(--notification-bottom,23px);max-height:calc(100dvh - var(--notification-bottom,23px) - 24px)}
.review-mark.restaurant-mark{font-family:Yekan,Tahoma,sans-serif;font-size:23px}.review-label b{font-size:18px}
.order-toast.is-leaving{min-height:0;pointer-events:none;animation:toast-leave .32s cubic-bezier(.2,.65,.3,1) both}
@keyframes toast-leave{0%{height:var(--exit-height);opacity:1;transform:translateX(0);margin-bottom:0}45%{height:var(--exit-height);opacity:0;transform:translateX(26px);margin-bottom:0}100%{height:0;min-height:0;opacity:0;transform:translateX(26px);border-top-width:0;border-bottom-width:0;margin-bottom:calc(-1 * var(--stack-gap,10px))}}
.navigation-drawer{--drawer-bg:#fffefa;--drawer-ink:#2b3e30;--drawer-muted:#7d8977;--drawer-line:#e7ecdf;--drawer-accent:#286b4d;--drawer-soft:#edf3e7;position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(340px,calc(100vw - 40px));max-width:none;border:0;border-left:1px solid var(--drawer-line);border-radius:18px 0 0 18px;padding:0;background:var(--drawer-bg);color:var(--drawer-ink);overflow:auto;overscroll-behavior:contain;box-shadow:-12px 0 65px #12271d26}.navigation-drawer[open]{animation:drawer-enter .28s cubic-bezier(.2,.75,.25,1) both}.navigation-drawer.is-closing{animation:drawer-leave .2s ease both}.navigation-drawer::backdrop{background:#15251b70;backdrop-filter:blur(3px)}.drawer-heading{position:sticky;top:0;z-index:1;background:var(--drawer-bg);display:flex;align-items:center;justify-content:space-between;padding:24px 22px 18px;border-bottom:1px solid var(--drawer-line)}.drawer-heading img{display:block;object-fit:contain}.drawer-heading h2{font-size:11px;font-weight:400;color:var(--drawer-muted);margin-top:8px}.drawer-close{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--drawer-line);border-radius:10px;color:var(--drawer-muted)}.drawer-close .icon{width:19px;height:19px}.drawer-restaurant{display:flex;align-items:center;gap:11px;padding:17px 22px;margin:0 0 7px;border-bottom:1px solid var(--drawer-line)}.drawer-restaurant>span{width:37px;height:39px;display:grid;place-items:center;border-radius:10px;background:var(--drawer-soft);color:var(--drawer-accent);font-size:20px}.drawer-restaurant b{font-size:13px}.drawer-restaurant small{display:block;font-size:10px;color:var(--drawer-muted);margin-top:3px}.drawer-group{padding:13px 14px 8px}.drawer-group h3{font-size:11px;color:var(--drawer-muted);font-weight:400;margin:0 10px 7px}.drawer-group button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;text-align:right;border-radius:9px;padding:10px;font-size:13px}.drawer-group button:hover,.drawer-group button:focus-visible{background:var(--drawer-soft);color:var(--drawer-accent)}.drawer-group button>.icon:first-child{width:20px;height:20px;color:var(--drawer-accent)}.drawer-group button>.icon:last-child{margin-right:auto;width:13px;height:13px;color:var(--drawer-muted)}.drawer-footer{padding:22px;color:var(--drawer-muted);font-size:10px;border-top:1px solid var(--drawer-line);margin-top:9px}.navigation-drawer[data-theme=warm]{--drawer-bg:#fffcf5;--drawer-ink:#493c2b;--drawer-muted:#95846c;--drawer-line:#eadfca;--drawer-accent:#a85c3c;--drawer-soft:#f5efdf}.navigation-drawer[data-theme=night]{--drawer-bg:#202b33;--drawer-ink:#e7eddf;--drawer-muted:#99aaad;--drawer-line:#3b494b;--drawer-accent:#b6d991;--drawer-soft:#2b3836}.mobile-preview-active .navigation-drawer{right:max(0px,calc(50% - 207px))}
@keyframes drawer-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes drawer-leave{from{transform:translateX(0)}to{transform:translateX(100%)}}
.store-avatar{overflow:hidden;display:grid;place-items:center;background:#edf3e7;flex-shrink:0;border-radius:12px}.store-avatar>img{display:block;width:100%;height:100%;object-fit:cover}.review-mark.store-avatar{width:42px;height:42px;border-radius:13px}.restaurant-avatar.store-avatar{width:36px;height:36px;border-radius:10px}.drawer-heading .drawer-store-identity{display:flex;align-items:center;gap:12px}.drawer-store-identity>.store-avatar{width:48px;height:48px;border-radius:14px}.drawer-heading .drawer-store-identity img{width:48px;height:48px;object-fit:cover}.drawer-heading .drawer-store-identity h2{font-size:19px;font-weight:700;margin:0;color:var(--drawer-ink)}.drawer-store-identity small{font-size:10px;color:var(--drawer-muted);display:block;margin-top:4px}
/* One responsive layout with three color themes. */
.app[data-color=warm]{--bg:#faf7f0;--surface:#fffdf8;--ink:#493d2e;--muted:#827460;--line:#ece3d4;--accent:#a75b3b;--accent-soft:#f5e9da}.app[data-color=warm] .primary-metric{background:#a75b3b;border-color:#a75b3b}.app[data-color=warm] .primary-metric .metric-top,.app[data-color=warm] .primary-metric .metric-value small,.app[data-color=warm] .primary-metric .metric-note,.app[data-color=warm] .primary-metric .metric-top .icon{color:#f5dccc}.app[data-color=warm] .balance-card{background:#f1e8d7;border-color:#e5d9c2}.app[data-color=warm] .balance-card .icon-tile{background:#e8dbc3;color:#9b6c44}.app[data-color=warm] .balance-meter{background:#dfd1b8}.app[data-color=warm] .balance-meter span{background:#ad8a63}.app[data-color=warm] .balance-button{color:#975431;border-color:#d5bea2}.app[data-color=warm] .balance-heading small,.app[data-color=warm] .balance-amount small,.app[data-color=warm] .balance-hint,.app[data-color=warm] .balance-hint b{color:#8d785b}.app[data-color=warm] .periods{background:#eee5d7}.app[data-color=warm] .bar{background:#eadfcf}.app[data-color=warm] .bar-wrap:nth-child(9) .bar,.app[data-color=warm] .bar-wrap:nth-child(10) .bar{background:var(--accent)}
.app[data-color=night]{--bg:#141c23;--surface:#1b252e;--ink:#e3e9e9;--muted:#9aa8af;--line:#2b3740;--accent:#b5dc8b;--accent-soft:#2a3c30;border-color:#2b3740;color-scheme:dark}.app[data-color=night] .sidebar,.app[data-color=night] .topbar{background:#182128}.app[data-color=night] .restaurant-avatar{background:#354334;color:#b7cf9b}.app[data-color=night] .nav-item{color:#a2afb5}.app[data-color=night] .nav-item.active{color:#c2e3a7}.app[data-color=night] .nav-item em{color:#21331c}.app[data-color=night] .profile-avatar{background:#3c3a30;color:#d2be8b}.app[data-color=night] .status-button{border-color:#3d503c;background:#253729;color:#b5d491}.app[data-color=night] .status-button.closed{background:#3a3430;color:#c0ac9d;border-color:#55473d}.app[data-color=night] .primary-metric{background:#283a30;border-color:#3b5140;color:#cbe8b6}.app[data-color=night] .primary-metric .metric-top,.app[data-color=night] .primary-metric .metric-value small,.app[data-color=night] .primary-metric .metric-note,.app[data-color=night] .primary-metric .metric-top .icon{color:#adbea7}.app[data-color=night] .metric-top .icon{color:#9eada4}.app[data-color=night] .periods{background:#202b33}.app[data-color=night] .periods button[aria-pressed=true]{background:#33413b;color:#d9e6d7}.app[data-color=night] .order-icon{color:#abb7aa}.app[data-color=night] .pill.new{background:#453a25;color:#e8c88f}.app[data-color=night] .pill.preparing{background:#293953;color:#b0c7ed}.app[data-color=night] .pill.delivery{background:#2b4030;color:#b2d79b}.app[data-color=night] .bar{background:#344838}.app[data-color=night] .bar-wrap:nth-child(9) .bar,.app[data-color=night] .bar-wrap:nth-child(10) .bar{background:var(--accent)}.app[data-color=night] .balance-card{background:#26332c;border-color:#36483b}.app[data-color=night] .balance-card .icon-tile{background:#334a35;color:#b6ce9e}.app[data-color=night] .balance-heading small,.app[data-color=night] .balance-amount small,.app[data-color=night] .balance-hint,.app[data-color=night] .balance-hint b{color:#aabb9f}.app[data-color=night] .balance-meter{background:#3a4d39}.app[data-color=night] .balance-meter span{background:#abc98c}.app[data-color=night] .balance-button{background:#b5d594;border-color:#b5d594;color:#263820}
body[data-color=warm]{background:#eae3d8}body[data-color=warm] .review-bar{background:#fffcf6;color:#493d2e;border-color:#e4dac8}body[data-color=warm] .directions{background:#f2ebdf;border-color:#e4dac8}body[data-color=warm] .directions button[aria-pressed=true]{background:#fffaf0;color:#935032}body[data-color=warm] .device-button{border-color:#e4dac8}body[data-color=warm] .concept-caption,body[data-color=warm] .review-foot{color:#827460}
body[data-color=night]{background:#10171d;color:#dce5df;color-scheme:dark}body[data-color=night] .review-bar{background:#19232b;color:#e3e9e9;border-color:#2e3a43}body[data-color=night] .review-label small{color:#a1afb4}body[data-color=night] .directions{background:#101b23;border-color:#31404a}body[data-color=night] .directions button{color:#a6b3b9}body[data-color=night] .directions button[aria-pressed=true]{background:#344638;color:#d9e8cf}body[data-color=night] .device-button{border-color:#3b4a52}body[data-color=night] .concept-caption,body[data-color=night] .review-foot{color:#a0b0ae}body[data-color=night] .demo-label{background:#26342b;border-color:#3f5140;color:#b6c9a8}
#detail-dialog[data-theme=night]{background:#202b33;color:#e3e9df;border-color:#3b494b}#detail-dialog[data-theme=night] #dialog-body p{color:#a9b8b2}#detail-dialog[data-theme=night] .dialog-note{background:#293930;border-color:#435241;color:#bbc9af}#detail-dialog[data-theme=night] .dialog-head{color:#abb9ae}#detail-dialog[data-theme=night] .dialog-head .icon-button,#detail-dialog[data-theme=night] .order-detail>div,#detail-dialog[data-theme=night] .message{border-color:#3a4945}#detail-dialog[data-theme=night] .order-detail span{color:#a2b49d}#detail-dialog[data-theme=night] .status-options button{border-color:#435242}#detail-dialog[data-theme=night] .status-options button:hover{background:#2e4031}
@media(min-width:1025px){.order-notifications{left:auto;right:23px;width:440px;max-width:calc(100vw - 46px)}.incoming-sheet{left:auto;right:23px;width:440px;max-width:calc(100vw - 46px)}.order-notifications .toast-order-copy{display:block}.order-notifications .toast-order-copy>small,.order-notifications .toast-order-copy>.toast-order-amount{margin-top:4px}}
.app .status-button.scheduled{background:#eaf0fc;border-color:#d8e2f5;color:#44689e}.status-button.scheduled .status-dot{background:#6587cb}.app[data-color=night] .status-button.scheduled{background:#25364c;border-color:#3d5577;color:#b3cbef}.status-option-text{flex:1;min-width:0}.status-option-text b{font-size:13px;display:block}.status-option-text small{font-size:11px;display:block;color:#84907d;margin-top:4px;line-height:1.7}.status-option-marker{width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;color:#477047}.status-options button[aria-pressed=true]{background:#edf3e7;border-color:#a5bf96}.status-options button{min-height:70px}.status-options .status-option-marker .icon{margin:0!important;width:18px;height:18px}#detail-dialog[data-theme=night] .status-options button[aria-pressed=true]{background:#2f4433;border-color:#789263}#detail-dialog[data-theme=night] .status-option-text small{color:#a7b6a3}#detail-dialog[data-theme=night] .status-option-marker{color:#bbd69c}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}