@import url('/fonts.css');
:root{--bg:#f7f5f0;--paper:#fffefa;--ink:#30291f;--muted:#827a6e;--line:#e9e3d8;--gold:#ad7e47;--gold-light:#f2e7d5;--dark:#3a3026;--green:#426655;--green-bg:#eaf1e9;--red:#b6493d;--radius:15px;font-family:Inter,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:38px;letter-spacing:-1.2px;line-height:1.16}h2{font-size:27px;letter-spacing:-.5px}h3{font-size:15px}p{line-height:1.65}.muted,small{color:var(--muted)}small{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:2.1px;font-size:10px;font-weight:700;color:var(--gold);margin-bottom:9px}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:220px;height:100vh;background:#f1eee6;border-right:1px solid #e2dbce;padding:30px 17px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 13px}.brand-mark{border:1px solid #aa895b;width:43px;height:50px;border-radius:23px 23px 7px 7px;display:grid;place-items:center;color:#967445;font-family:Georgia,serif;font-size:29px;position:relative}.brand-mark:after{content:'✦';font-size:10px;position:absolute;top:-9px;background:#f1eee6;padding:0 4px}.brand-name{font-family:Georgia,serif;font-size:29px;line-height:.95;letter-spacing:1px}.brand-name small{display:block;font-family:'Segoe UI',sans-serif;font-size:8px;letter-spacing:3px;margin-top:7px;color:#826d51}.workspace-label{margin:33px 13px 10px;font-size:10px;letter-spacing:1.6px;color:#9d9280;text-transform:uppercase}.nav-scroll{overflow:auto;min-height:0;scrollbar-width:thin}.nav-group{font-size:9px;color:#a39480;font-weight:600;letter-spacing:1.7px;text-transform:uppercase;margin:24px 14px 9px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;margin:3px 0;border-radius:9px;color:#756a59;font-size:12px;font-weight:500;transition:.15s}.nav-item:hover{background:#e9e2d7}.nav-item.active{background:var(--dark);color:#fff8e9;box-shadow:0 4px 10px #34271612}.nav-item.active:after{content:'';height:5px;width:5px;background:#d7b179;border-radius:50%;margin-left:auto}.nav-item .icon{height:18px;width:18px}.sidebar-bottom{margin-top:auto;padding-top:18px}.sidebar-bottom a{font-size:12px}.side-note{padding:14px;background:#e9e3d8;border-radius:10px;margin-bottom:12px;color:#766751;font-size:11px;line-height:1.6}.side-note strong{display:block;color:#4f4130;margin-bottom:3px}.user-card{display:flex;align-items:center;gap:9px;padding:14px 7px 0;border-top:1px solid #ded6c8}.avatar{height:31px;width:31px;border-radius:50%;background:#d9cbb5;display:grid;place-items:center;font-size:11px;color:#6a5437}.user-card span{font-size:11px}.user-card small{font-size:9px;display:block;margin-top:2px}.main-shell{grid-column:2;min-width:0}.topbar{height:71px;background:#fffefa;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:15px}.crumb{font-size:12px;color:#a0927e}.crumb b{font-weight:500;color:#574b3b;margin-left:10px}.top-actions{display:flex;align-items:center;gap:19px;font-size:11px;color:#8a806e}.pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;border-radius:20px;padding:6px 10px;line-height:1.1;background:var(--gold-light);color:#916b3a;white-space:nowrap}.pill.green{background:var(--green-bg);color:var(--green)}.pill.red{background:#fae9e6;color:var(--red)}.pill.gray{background:#eeece7;color:#797266}.dot{width:5px;height:5px;border-radius:50%;background:currentColor}.demo-banner{background:#eee4d2;border-bottom:1px solid #e2d4bb;color:#8c6a36;padding:7px 32px;font-size:10px;letter-spacing:.3px}.content{padding:29px 32px 36px}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px}.heading p{font-size:12px;color:var(--muted);margin-top:8px}.btn{border:1px solid transparent;background:var(--dark);color:#fff9ec;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;transition:.15s}.btn:hover{background:#574637}.btn .icon{width:16px;height:16px}.btn.secondary{background:var(--paper);color:#62543f;border-color:#ddd3c3}.btn.secondary:hover{background:#f2ede3}.btn.ghost{background:transparent;color:#8a775d;border-color:transparent}.btn.danger{background:#a64c42}.btn.gold{background:#ad7e47}.btn.wide{width:100%}.btn.small{padding:6px 10px;min-height:31px;font-size:11px}.icon-btn{border:0;background:transparent;width:32px;height:32px;display:grid;place-items:center;border-radius:7px}.icon-btn:hover{background:#eee7dc}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{padding:21px 23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{font-size:23px}.panel-body{padding:23px}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:25px;align-items:start}.search{position:relative;flex:1}.search .icon{position:absolute;left:13px;top:13px;color:#a09482;height:17px;width:17px}.search input{padding-left:40px}.search kbd{position:absolute;right:12px;top:12px;background:#f1ede5;border:1px solid #e5ddce;padding:2px 5px;font-size:9px;color:#9b8e78;border-radius:4px}input,select,textarea{width:100%;border:1px solid #e4ddcf;border-radius:9px;background:var(--paper);color:var(--ink);padding:11px 12px;min-height:43px;font-size:12px}input::placeholder,textarea::placeholder{color:#aca293}input:focus,select:focus,textarea:focus{border-color:#b6925e;outline:2px solid #c9ab712c}textarea{min-height:88px;resize:vertical}label{font-size:11px;color:#766850;display:block;line-height:1.6}label input,label select,label textarea{margin-top:5px}label small{display:block;margin-top:5px;font-size:10px}label.check{display:flex;gap:9px;align-items:center;color:#514631}label.check input{width:16px;min-height:16px;margin:0;accent-color:#846338}.tabs{display:flex;gap:8px;margin:19px 0 21px;flex-wrap:wrap}.tab{border:1px solid #e6decf;background:transparent;border-radius:8px;padding:9px 15px;font-size:11px;color:#8a7b64;display:flex;align-items:center;gap:8px}.tab.active{color:#6b4c26;background:#ede2cd;border-color:#dcc8a5}.tab .icon{height:16px;width:16px}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:0;text-align:left;overflow:hidden;transition:.18s;position:relative}.product-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #6953300d;border-color:#cfb991}.product-art{aspect-ratio:1.36;background-image:url('/assets/catalogo.png');background-size:300% 200%;background-color:#f0e5d1;position:relative}.art-0{background-position:0 0}.art-1{background-position:50% 0}.art-2{background-position:100% 0}.art-3{background-position:0 100%}.art-4{background-position:50% 100%}.art-5{background-position:100% 100%}.product-art .pill{position:absolute;left:10px;top:10px;background:#fff9ecde;font-size:8px;color:#8a6b3f}.product-info{padding:15px 14px}.product-info h3{font-size:12px;font-weight:550}.product-info small{font-size:9px;display:block;margin-top:6px}.product-info .row{margin-top:14px}.price{font-size:13px;font-weight:600;color:#6a5132}.add-mark{border:1px solid #e4d8c2;background:#f5f0e5;border-radius:6px;height:24px;width:24px;display:grid;place-items:center;font-size:17px;color:#a37d44}.collection-note{font-size:10px;color:#a69b89;text-align:center;margin-top:23px}.ticket{position:sticky;top:20px;border-radius:14px}.ticket-title{padding:22px 20px 17px}.ticket-title h2{font-size:25px}.ticket-title .icon{color:#997a50}.service-switch{display:flex;border-radius:8px;background:#f0ede6;padding:4px;margin:0 20px 16px;gap:3px}.service-switch button{flex:1;border:0;background:transparent;padding:9px 6px;font-size:10px;border-radius:6px;color:#98886e}.service-switch button.active{background:#fffefa;color:#74542e;box-shadow:0 1px 4px #6b54381c}.ticket-context{padding:0 20px 16px;display:flex;gap:8px}.ticket-context input,.ticket-context select{min-height:36px;font-size:10px;padding:8px}.ticket-lines{border-top:1px solid var(--line);padding:7px 20px;min-height:188px;max-height:390px;overflow-y:auto}.cart-line{padding:15px 0;border-bottom:1px solid #eee8dc}.cart-line:last-child{border-bottom:0}.cart-name{font-size:12px;font-weight:550}.cart-options{font-size:10px;color:#9d8e76;line-height:1.6;margin:5px 0}.quantity{display:flex;align-items:center;gap:12px;font-size:11px}.quantity button{border:1px solid #e5dccc;border-radius:5px;background:#faf7f0;width:23px;height:23px;color:#947d59}.cart-line .price{font-size:12px}.empty-ticket{text-align:center;padding:35px 10px;color:#b4a590}.empty-ticket .icon{height:30px;width:30px;margin-bottom:12px}.empty-ticket p{font-family:Georgia,serif;font-size:19px;color:#9c8970}.empty-ticket small{font-size:10px;display:block;margin-top:8px}.ticket-summary{padding:21px 20px;background:#fbf8f1;border-top:1px dashed #ddd1bd}.ticket-summary .row{font-size:11px;color:#908068;margin:9px 0}.ticket-summary .total{margin-top:20px;margin-bottom:5px;color:#57432b;font-size:14px}.ticket-summary .total strong{font-size:23px;font-weight:500}.currency-hint{font-size:10px;text-align:right;color:#a08c6c;min-height:14px;margin-bottom:18px}.ticket-summary .btn{margin-top:9px}.ticket-bottom{text-align:center;font-size:9px;color:#b1a188;padding:12px;background:#fbf8f1;border-top:1px solid #efe7d9}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:0 0 23px}.stat{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:13px}.stat-label{display:flex;justify-content:space-between;color:#8e7f69;font-size:11px}.stat-label .icon{height:17px;width:17px;color:#b09a7c}.stat strong{display:block;font-family:Georgia,serif;font-size:31px;font-weight:400;margin-top:17px}.stat small{font-size:10px;display:block;margin-top:9px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:23px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.section-space{margin-top:23px}.welcome{background:#e9e0ce;padding:30px;border-radius:14px;position:relative;overflow:hidden;margin-bottom:24px}.welcome:after{content:'S';font:200px Georgia,serif;color:#cab58d3d;position:absolute;right:35px;top:-50px}.welcome p{font-size:12px;color:#8b785c;margin-top:10px;max-width:600px}.welcome .btn{margin-top:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{font-size:9px;text-transform:uppercase;letter-spacing:.9px;color:#a0927b;background:#fbf8f1;font-weight:500;white-space:nowrap}th,td{padding:15px 19px;border-bottom:1px solid #f0eade}td strong{font-weight:550;font-size:12px}td small{display:block;font-size:10px;margin-top:4px}tr:last-child td{border-bottom:0}.number{text-align:right;white-space:nowrap}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px}.toolbar select{width:auto}.empty{padding:50px 25px;text-align:center;color:#a18d6d}.empty .icon{height:36px;width:36px;margin-bottom:15px}.empty h3{font-family:Georgia,serif;font-size:25px;font-weight:400;color:#806a4a}.empty p{font-size:12px;max-width:400px;margin:12px auto 0}.empty .btn{margin-top:20px}.table-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.table-card{padding:23px;border:1px solid var(--line);border-radius:14px;background:var(--paper);text-align:left;min-height:182px}.table-card.occupied{background:#eee4d1;border-color:#d2bc94}.table-card h3{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:21px 0 8px}.table-card small{font-size:10px}.table-card .icon{color:#b2976d}.lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lane{background:#ede9e0;padding:16px;border-radius:13px}.lane-header{font-size:12px;display:flex;justify-content:space-between;margin-bottom:16px}.order-card{padding:18px;background:var(--paper);border:1px solid #e2d8c6;border-radius:10px;margin-top:12px}.order-card p{font-size:12px;margin:14px 0 7px}.order-card small{font-size:10px}.order-card .btn{margin-top:14px}.chart{height:190px;display:flex;gap:10px;align-items:flex-end;padding-top:15px}.bar-col{flex:1;min-width:15px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.bar{width:100%;max-width:42px;border-radius:5px 5px 0 0;background:#b59a70;min-height:3px}.bar-col small{font-size:9px;white-space:nowrap}.rank{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #eee6d8}.rank .rank-number{font-family:Georgia,serif;color:#b19a77;font-size:23px;width:25px}.rank .rank-main{flex:1;font-size:12px}.rank small{display:block;font-size:10px;margin-top:4px}.progress{height:5px;border-radius:9px;background:#eee7da;margin-top:8px;overflow:hidden}.progress i{display:block;height:100%;background:#b2976c}.notice{background:#f0e8d8;color:#8a6f46;border:1px solid #e4d7bf;border-radius:10px;padding:14px 17px;font-size:11px;line-height:1.7;margin-bottom:18px}.notice.error{background:#faebe7;border-color:#ecc8c0;color:#a34b3c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:25px}.compact-fields{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:8px;margin-top:10px}.ingredient-line{display:grid;grid-template-columns:2fr .7fr .8fr auto;gap:8px;align-items:end;margin:9px 0}.mini-section{border-top:1px solid var(--line);padding-top:21px;margin-top:24px}.mini-section h3{margin-bottom:13px}.schedule-grid{display:grid;grid-template-columns:80px 1fr 1fr 75px 55px;gap:8px;align-items:center;margin:8px 0}.schedule-grid input{font-size:11px;padding:8px}.schedule-grid input[type=checkbox]{min-height:16px;width:16px}.task-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.task-row input{width:17px;min-height:17px;accent-color:#91704c}.task-row small{display:block}dialog{border:1px solid #e2d7c2;border-radius:18px;box-shadow:0 30px 120px #2b201839;background:var(--paper);padding:0;color:var(--ink);width:min(690px,calc(100vw - 30px));max-height:91vh}dialog::backdrop{background:#30251c75;backdrop-filter:blur(3px)}.modal-header{padding:25px 27px 20px;border-bottom:1px solid var(--line);display:flex;align-items:start;justify-content:space-between;gap:15px}.modal-header p{font-size:11px;color:var(--muted);margin-top:7px}.modal-body{padding:24px 27px;max-height:calc(91vh - 118px);overflow:auto}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:23px;margin-top:23px;border-top:1px solid var(--line)}.modal-error{color:var(--red);font-size:12px;line-height:1.5;margin-top:16px}.config-hero{display:flex;gap:21px;align-items:center;margin-bottom:22px}.config-hero .product-art{width:108px;aspect-ratio:1;border-radius:12px;flex-shrink:0}.config-hero h3{font-family:Georgia,serif;font-size:26px;font-weight:400}.config-hero p{font-size:11px;color:#968367;margin-top:8px}.step-dots{display:flex;gap:5px;margin-bottom:25px}.step-dots i{height:4px;flex:1;background:#e8dfcf;border-radius:3px}.step-dots i.done{background:#ad8854}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.choice{border:1px solid #e4d9c6;border-radius:10px;padding:17px;background:#fffdf7;text-align:left;min-height:74px;font-size:13px;position:relative}.choice small{display:block;font-size:11px;margin-top:6px}.choice.selected{background:#ede2cb;border-color:#b49259}.choice.selected:after{content:'✓';position:absolute;right:15px;top:15px;color:#91703c}.config-summary{font-size:11px;line-height:1.7;color:#8e7b5c;background:#f5efe3;padding:13px;border-radius:8px;margin-top:22px}.money-display{font-family:Georgia,serif;font-size:41px;color:#80633b;text-align:center;padding:8px 0 20px}.payment-methods{display:flex;gap:8px;margin-bottom:20px}.payment-methods button{flex:1}.receipt{font:12px/1.65 ui-monospace,Consolas,monospace;white-space:pre-wrap;background:white;border:1px dashed #ccc;padding:23px;max-width:330px;margin:0 auto;color:#222}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-visual{background:#e9dfcb;padding:70px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-visual .brand{position:absolute;top:55px;left:55px}.login-visual h1{font-size:64px;line-height:1.09;position:relative;z-index:1}.login-visual p{margin-top:23px;max-width:310px;color:#9e8763}.login-art{width:390px;height:300px;background-image:url('/assets/catalogo.png');background-size:300% 200%;background-position:0 0;border-radius:50%;margin-left:auto;margin-top:20px;opacity:.9}.login-form{display:flex;flex-direction:column;justify-content:center;padding:70px;max-width:560px;width:100%;margin:auto}.login-form h2{font-size:36px;margin-bottom:12px}.login-form p{font-size:12px;color:#958367;margin-bottom:29px}.login-form label{margin-bottom:18px}.login-form .btn{margin-top:10px}.login-form small{font-size:10px;margin-top:17px;text-align:center}.public-nav{padding:30px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.menu-page{max-width:1140px;margin:auto;padding:60px 35px}.menu-intro{text-align:center;margin-bottom:38px}.menu-intro h1{font-size:58px}.menu-intro p{font-size:13px;color:#998566;margin-top:16px}.menu-page .product-card{cursor:default}.menu-page .product-info{padding:22px}.menu-page .product-info h3{font-size:17px;font-family:Georgia,serif;font-weight:400}.menu-page .product-info p{font-size:12px;color:#96836c;margin:12px 0}.menu-footer{text-align:center;padding:40px;font-size:12px;color:#958266}.mobile-nav{display:none}.loading{display:grid;place-items:center;height:100vh;font-family:Georgia,serif;font-size:25px;color:#9d8157}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(100px);background:#3a3026;color:#fff6e4;font-size:12px;padding:14px 23px;border-radius:10px;z-index:100;transition:.2s;max-width:90vw;box-shadow:0 5px 30px #0002}#toast.show{transform:translateX(-50%) translateY(0)}.skip{position:fixed;top:-80px;background:#30291f;color:white;padding:12px;z-index:100}.skip:focus{top:10px}.hardware{display:flex;align-items:center;gap:17px;padding:20px 0;border-bottom:1px solid var(--line)}.hardware .icon{height:29px;width:29px;color:#a48a64}.hardware p{font-size:11px;color:#9b8a71;margin-top:5px}.hardware .pill{margin-left:auto}.stock-low{color:var(--red)}.plain-list{padding:0;list-style:none;font-size:12px;line-height:2}.detail-kv{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.ingredient-note{font-size:10px;color:#a4906e;margin-top:7px}.link{color:#9b7642;text-decoration:underline;text-underline-offset:3px}.option-editor{background:#f7f2e8;border:1px solid #e5dac6;border-radius:11px;padding:16px;margin:13px 0}.option-editor .option-row{padding:13px 0;border-top:1px solid #e4d9c6}.option-editor .compact-fields{grid-template-columns:2fr 1fr 1fr auto}.toggle-help{padding:12px 0;font-size:11px;color:#9c8663}
@media(min-width:1600px){.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pos-layout{grid-template-columns:minmax(0,1fr) 370px}.content{padding:36px 42px}.sidebar{width:240px}.shell{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:1200px){.sidebar{width:184px;padding-left:11px;padding-right:11px}.shell{grid-template-columns:184px minmax(0,1fr)}.brand-name{font-size:25px}.brand{gap:8px;padding:0 8px}.brand-mark{width:34px;height:42px}.content{padding:25px 22px}.topbar{padding:0 22px}.pos-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.products-grid{gap:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:11px}.stat{padding:18px}.stat strong{font-size:27px}.table-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.sidebar{width:70px;padding:25px 8px}.shell{grid-template-columns:70px minmax(0,1fr)}.sidebar .brand-name,.nav-item span,.nav-item.active:after,.workspace-label,.nav-group,.side-note,.user-card>span,.sidebar-bottom>a{display:none}.brand{padding:0;justify-content:center}.nav-scroll{margin-top:25px}.nav-item{justify-content:center;padding:13px 8px}.user-card{justify-content:center}.pos-layout{grid-template-columns:minmax(0,1fr) 280px}.content{padding:24px 18px}.topbar{padding:0 18px}.top-actions .hide-mobile{display:none}.stats{grid-template-columns:repeat(2,1fr)}.three-col{grid-template-columns:1fr 1fr}.login-visual{padding:40px}.login-visual h1{font-size:46px}.login-form{padding:35px}.two-col{grid-template-columns:1fr}.lanes{gap:11px}.lane{padding:10px}}
@media(max-width:650px){.shell{display:block}.sidebar{position:sticky;top:0;left:0;width:100%;height:auto;padding:10px;flex-direction:row;align-items:center;border-bottom:1px solid var(--line);z-index:10}.sidebar .brand{display:none}.nav-scroll{display:flex;margin:0;overflow-x:auto;gap:3px;width:100%}.nav-item{padding:9px 12px;margin:0;flex-direction:column;gap:5px;min-width:60px}.nav-item span{display:block;font-size:8px;white-space:nowrap}.sidebar-bottom{display:none}.topbar{height:52px}.top-actions{gap:8px;font-size:9px}.crumb{font-size:10px}.demo-banner{padding:7px 18px;font-size:9px}.content{padding:23px 15px}.heading{align-items:start;margin-bottom:20px}.heading p{font-size:11px}h1{font-size:31px}.heading .btn{padding:8px 10px;font-size:10px;min-height:36px}.pos-layout{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(2,1fr)}.ticket{position:static}.ticket-lines{max-height:none}.three-col,.table-grid{grid-template-columns:repeat(2,1fr)}.lanes{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:25px}.modal-body{padding:19px}.modal-header{padding:20px}.login{display:block}.login-visual{min-height:270px;padding:90px 30px 25px}.login-visual .brand{top:25px;left:30px}.login-visual h1{font-size:40px}.login-visual p,.login-art{display:none}.login-form{padding:32px}.menu-page{padding:35px 18px}.menu-intro h1{font-size:40px}.public-nav{padding:22px}.public-nav .actions{flex-direction:column;align-items:end}.ingredient-line{grid-template-columns:1.4fr .6fr .6fr auto;gap:5px}.ingredient-line input,.ingredient-line select{font-size:10px;padding:7px}.toolbar{flex-wrap:wrap}.table-card{padding:18px}.compact-fields{grid-template-columns:1fr 1fr}.schedule-grid{grid-template-columns:55px 1fr 1fr 55px 25px;gap:4px}.schedule-grid input{padding:5px;font-size:10px}.top-actions .pill{font-size:8px}.option-editor .compact-fields{grid-template-columns:1fr 1fr}.product-info{padding:13px}}
@media print{body>*{display:none!important}dialog[open]{display:block!important;position:static;border:0;box-shadow:none;max-height:none;width:80mm;margin:0;padding:0}dialog .modal-header,dialog .modal-body>*:not(.receipt){display:none!important}dialog .modal-body{max-height:none;overflow:visible;padding:0}dialog .receipt{border:0;padding:2mm;width:76mm;max-width:none;font-size:10pt;color:#000} @page{size:80mm auto;margin:2mm}}

.schedule-grid{grid-template-columns:80px 1fr 1fr 65px 40px 45px}@media(max-width:650px){.schedule-grid{grid-template-columns:45px 1fr 1fr 40px 27px 35px}.schedule-grid span{font-size:9px}}
/* Touch-first checkout and order handoff */
.payment-dialog{width:min(1050px,calc(100vw - 28px));max-height:96vh;border-radius:24px}.payment-dialog .modal-header{padding:22px 30px 18px}.payment-dialog .modal-header h2{font-size:30px}.payment-dialog .modal-header .eyebrow{font-size:9px;margin-bottom:6px}.payment-dialog .modal-body{padding:0;max-height:calc(96vh - 91px)}.payment-dialog .modal-error{margin:0;padding:0 28px 16px}.payment-dialog .modal-error:empty{display:none}.checkout-layout{display:grid;grid-template-columns:.9fr 1.1fr}.checkout-summary{background:#f1eadb;padding:30px;display:flex;flex-direction:column;border-right:1px solid #e5dac8}.checkout-summary h3{font:32px Georgia,serif;margin:6px 0 10px}.checkout-service{display:flex;align-items:center;gap:8px;color:#8a785b;font-size:12px}.checkout-service .icon{width:16px;height:16px}.checkout-total{border-top:1px solid #dacbb1;border-bottom:1px solid #dacbb1;padding:26px 0;margin:25px 0}.checkout-total>span{font-size:12px;color:#847254}.checkout-total strong{display:block;font:52px Georgia,serif;letter-spacing:-1.5px;margin:10px 0;color:#473725}.checkout-total small{font-size:10px;color:#9a8667}.checkout-items{max-height:230px;overflow:auto;margin-bottom:18px}.checkout-items>div{display:flex;gap:11px;align-items:start;margin-bottom:18px;font-size:12px}.checkout-qty{border:1px solid #d9c7a8;border-radius:7px;min-width:25px;text-align:center;padding:4px;color:#8a6e45}.checkout-items p{flex:1;line-height:1.5}.checkout-items small{display:block;font-size:10px;line-height:1.6;color:#917e5e;margin-top:4px}.checkout-items b{font-weight:500;white-space:nowrap;padding-top:4px}.checkout-extras{border-top:1px solid #dbccb3;padding-top:18px;margin-top:auto}.checkout-extras summary{cursor:pointer;font-size:11px;color:#7d6542;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:6px 0;list-style:none}.checkout-extras summary .icon{height:14px;width:14px}.checkout-extras .form-grid{margin-top:15px;gap:12px}.checkout-extras p{font-size:10px;color:#9a8461;line-height:1.6;margin-top:10px}.checkout-footnote{display:flex;gap:7px;align-items:center;margin-top:22px;font-size:10px;color:#aa9270}.checkout-footnote .icon{height:15px;width:15px}.checkout-entry{padding:25px 30px 26px}.payment-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.payment-tabs .payment-tab{background:#f8f5ee;border:1px solid #e6ddcd;border-radius:13px;color:#a38e6d;min-height:59px;font-size:16px;justify-content:center;gap:11px;box-shadow:none}.payment-tabs .payment-tab .icon{width:22px;height:22px}.payment-tabs .payment-tab.selected{background:#3d3529;color:#fff4de;border-color:#3d3529;box-shadow:0 5px 13px #4d3e2114}.currency-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px}.currency-row>span{font-size:11px;color:#9a896c}.currency-toggle{display:flex;gap:3px;border:1px solid #e4d9c5;border-radius:9px;padding:3px;background:#f4efe4}.currency-toggle .btn{background:transparent;box-shadow:none;color:#9a896d;border:0;padding:8px 12px;font-size:11px;min-height:32px;gap:6px}.currency-toggle .btn small{font-size:9px;color:inherit}.currency-toggle .selected{background:white;color:#715126;box-shadow:0 2px 5px #6d4d1b0c}.received-display{display:block;background:#fcfaf5;border:1px solid #deceb3;border-radius:13px;padding:13px 19px;margin-bottom:12px}.received-display>span{font-size:11px;color:#a68c61;display:flex;justify-content:space-between}.received-display>span small{color:#a48b60;font-size:10px}.received-display>div{display:flex;align-items:center;gap:12px}.received-display b{font:30px Georgia,serif;color:#b39972}.received-display input{font:42px Georgia,serif;text-align:right;background:transparent;border:0;box-shadow:none;padding:4px 0;color:#443622;min-height:49px;width:100%;border-radius:0}.received-display:focus-within{outline:2px solid #bca070;outline-offset:2px}.received-display input:focus{outline:none;box-shadow:none}.received-display input::placeholder{color:#c7b89d}.quick-cash{display:flex;gap:6px;margin-bottom:14px}.quick-cash .btn{flex:1;background:#f6f0e3;border:1px solid #e8dcc6;min-height:31px;border-radius:7px;color:#8b7046;font-size:11px;padding:6px;box-shadow:none}.quick-cash .exact{background:#e8efe6;color:#4f6d52;border-color:#d6e1d1}.quick-cash .clear{background:transparent;border-color:transparent;font-size:9px;color:#a99375}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.numpad .btn{background:#fffefa;color:#4d3e2a;min-height:52px;border:1px solid #e7ddcd;border-radius:11px;font:25px Georgia,serif;justify-content:center;padding:8px;box-shadow:0 2px 0 #eae1d164;transition:background .12s,transform .12s}.numpad .btn:hover{background:#f1e7d5;border-color:#ceaf7b}.numpad .btn:active{transform:scale(.97);background:#e6d6b9}.numpad .key-back{background:#f5f0e6;color:#ab9170}.numpad .icon{width:24px;height:24px}.change-display{display:flex;align-items:center;justify-content:space-between;border:1px solid #dce5d8;background:#edf3e9;padding:14px 17px;margin-top:15px;border-radius:11px;color:#577253;gap:15px}.change-display>span{font-size:12px}.change-display strong{font:27px Georgia,serif;font-weight:400}.change-display.short{background:#fbf1e2;border-color:#ead9b8;color:#a4834b}.checkout-hint{font-size:10px;line-height:1.5;color:#9b8665;min-height:30px;padding:10px 0 5px}.checkout-submit{min-height:54px;border-radius:11px;justify-content:center;width:100%;font-size:14px;gap:20px}.checkout-submit:disabled{background:#c9c1b0;color:#fdfaf4;opacity:1}.card-illustration{background:linear-gradient(130deg,#544736,#b5996e);color:#fff7e7;padding:26px;border-radius:18px;margin:24px 0 24px;position:relative;min-height:180px;box-shadow:0 12px 25px #5e41121c}.card-illustration>.icon{height:29px;width:29px;display:block;margin-bottom:21px}.card-illustration span{font:27px Georgia,serif;line-height:1.2}.card-illustration i{position:absolute;bottom:23px;right:25px;font:30px Georgia,serif;color:#dcccab}.card-confirmation{font-size:10px;color:#9c896a;display:flex;align-items:center;gap:7px;margin:18px 0 28px}#card-payment>p{font-size:12px;line-height:1.7;color:#887559;margin-bottom:20px}#card-payment input{min-height:49px;font-size:16px}.success-dialog{width:min(480px,calc(100vw - 26px))}.success-dialog .modal-header{border-bottom:0}.success-dialog .modal-header>div{display:none}.success-dialog .modal-header{justify-content:flex-end;padding:15px 18px 0}.success-dialog .modal-body{padding:0 35px 28px}.payment-success{text-align:center}.success-seal{height:65px;width:65px;display:grid;place-items:center;background:#eaf0e4;color:#608052;border:1px solid #d4dfc9;border-radius:50%;margin:0 auto 22px}.success-seal .icon{width:29px;height:29px}.payment-success h3{font:32px Georgia,serif;margin:10px 0 24px}.success-order{background:#f6f0e4;border:1px solid #e9ddc8;border-radius:15px;padding:20px}.success-order>span{font-size:10px;color:#a28a63;text-transform:uppercase;letter-spacing:2px}.success-order strong{display:block;font:43px Georgia,serif;color:#866a42;margin:8px 0}.success-order small{font-size:12px}.success-change{padding:22px 0 10px}.success-change span{display:block;font-size:11px;color:#839472}.success-change strong{display:block;font:38px Georgia,serif;color:#58764f;margin-top:5px}.payment-success>p{font-size:12px;color:#928264;margin:20px 0}.success-actions{display:grid;gap:8px;margin-top:18px}.success-actions .btn{min-height:47px;justify-content:center}.queue-toolbar{display:flex;gap:15px;align-items:center;margin-bottom:26px}.queue-tabs{display:flex;gap:5px;background:#ebe5d9;padding:5px;border-radius:11px}.queue-tabs .btn{box-shadow:none;border:0;background:transparent;color:#9b8665;min-height:39px;padding:10px 17px}.queue-tabs .selected{background:#fffdf8;color:#755732;box-shadow:0 2px 5px #49320f0b}.queue-tabs b{background:#d9c9aa;border-radius:5px;padding:2px 6px;font-size:10px;line-height:1.2}.queue-search{flex:1;margin:0;min-width:170px}.queue-toolbar>input{width:165px}.queue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.queue-card{background:#fffdf8;border:1px solid #e5dccb;border-radius:17px;padding:23px;display:flex;flex-direction:column;overflow:hidden}.queue-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.queue-card-top>strong{font:27px Georgia,serif;color:#ae8f5d}.queue-card h2{font-size:29px;margin-top:18px;overflow-wrap:anywhere}.queue-meta{display:flex;gap:6px;align-items:center;font-size:10px;color:#a28d6c;margin-top:10px}.queue-meta .icon{height:14px;width:14px}.queue-lines{border-top:1px solid #eae2d3;margin-top:20px;padding:17px 0;flex:1}.queue-lines>div{display:flex;gap:11px;margin-bottom:12px}.queue-lines b{font-size:12px;color:#967849;width:15px}.queue-lines p{font-size:12px;line-height:1.5}.queue-lines small{font-size:10px;display:block;color:#a18a66;margin-top:3px}.queue-lines em{font-size:10px;display:block;color:#947047;margin-top:4px}.queue-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee6d7;padding:16px 0;margin-top:auto}.queue-card-bottom>span:not(.pill){font:20px Georgia,serif;color:#806138}.queue-actions{display:grid;gap:5px}.queue-actions .btn{justify-content:center;min-height:42px}.delivery-time{display:flex;gap:5px;justify-content:center;align-items:center;font-size:11px;color:#738763;margin:9px 0}.queue-detail-lines{margin-top:20px}.queue-detail-lines small{display:block;font-size:11px;line-height:1.6;margin-top:6px;color:#9b8561}.config-dialog .choices{animation:step-in .16s ease-out}.config-dialog .choice{min-height:88px;font-size:16px;padding:20px}.config-dialog .choice small{font-size:12px}.config-dialog .choice-skip{display:flex;justify-content:space-between;align-items:center;border-style:dashed;background:transparent;color:#a48c64}.config-dialog .choice-skip .icon{height:20px;width:20px}.tap-hint{font-size:10px;color:#a48d6a;display:flex;align-items:center;gap:7px}.tap-hint .icon{height:16px;width:16px}.config-dialog .modal-footer strong{font:24px Georgia,serif;color:#987947}.config-dialog .choice:hover{background:#f0e6d4;border-color:#cdb386}.config-dialog .choice:active{transform:scale(.98)}@keyframes step-in{from{opacity:.3;transform:translateX(9px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1100px){.queue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-summary{padding:25px}.checkout-entry{padding:22px}.checkout-total strong{font-size:45px}}
@media(max-width:720px){.payment-dialog{width:calc(100vw - 14px);max-height:96vh;border-radius:18px}.payment-dialog .modal-header{padding:16px 20px}.payment-dialog .modal-header h2{font-size:25px}.checkout-layout{grid-template-columns:1fr}.checkout-summary{padding:19px 22px;border-right:0;border-bottom:1px solid #e5dac8}.checkout-summary h3{font-size:24px;margin:2px 0 6px}.checkout-total{margin:12px 0 0;padding:14px 0 0;border-bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.checkout-total strong{font-size:35px;margin:0}.checkout-total small,.checkout-items,.checkout-footnote{display:none}.checkout-extras{padding-top:7px;margin-top:9px;border-top:0}.checkout-extras summary{font-size:10px}.checkout-entry{padding:20px 22px}.received-display input{font-size:39px}.numpad .btn{min-height:58px}.queue-toolbar{flex-wrap:wrap;gap:11px}.queue-search{order:3;flex-basis:100%}.queue-grid{gap:13px}.queue-card{padding:18px}.queue-card h2{font-size:24px}.queue-card-top>strong{font-size:23px}.queue-card-top .pill{font-size:8px}.queue-toolbar>input{width:150px}.tap-hint{max-width:92px;text-align:right;font-size:9px}.config-dialog .choice{font-size:14px;min-height:84px;padding:16px}}
@media(max-width:450px){.queue-grid{grid-template-columns:1fr}.currency-toggle .btn{padding:7px 10px}.quick-cash{gap:3px}.quick-cash .btn{font-size:10px}.quick-cash .clear{font-size:8px}}
@media(prefers-reduced-motion:reduce){.config-dialog .choices{animation:none}}
.checkout-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.checkout-entry,.checkout-summary,.checkout-items p{min-width:0}.checkout-summary h3,.checkout-items p{overflow-wrap:anywhere}.received-display input{min-width:0;flex:1}.payment-tabs .btn{min-width:0}@media(max-width:720px){.checkout-layout{grid-template-columns:minmax(0,1fr)}}

/* Older Safari and comfortable touch targets on the counter's iPad. */
dialog:not([open]){display:none}
.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#30251c99;z-index:49}
.dialog-overlay[hidden]{display:none}
dialog[data-dialog-fallback][open]{display:block;position:fixed;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);margin:0;z-index:50;overflow:auto}
#toast{visibility:hidden;pointer-events:none}
#toast.show{visibility:visible}
@supports not (aspect-ratio:1){.product-art{height:150px}.config-hero .product-art{height:108px}}
@media(pointer:coarse){
 button,a,summary{touch-action:manipulation}
 .btn,.btn.small,.tab,.nav-item,.queue-tabs .btn,.queue-actions .btn{min-height:44px}
 .icon-btn,.quantity button{min-width:44px;min-height:44px}
 .service-switch button{min-height:44px;font-size:12px}
 .currency-toggle .btn,.quick-cash .btn{min-height:44px}
 input,select,textarea,.ticket-context input,.ticket-context select,.schedule-grid input,.ingredient-line input,.ingredient-line select{font-size:16px;min-height:44px}
 input[type=checkbox]{min-height:22px;min-width:22px}
 .numpad .btn{min-height:58px}
 .product-card:hover{transform:none;box-shadow:none}
 .config-dialog .choices{animation:none}
 dialog::backdrop{backdrop-filter:none}
 .nav-scroll,.modal-body,.table-wrap,.ticket-lines{-webkit-overflow-scrolling:touch}
 .service-switch,.currency-toggle{display:grid;grid-template-columns:1fr 1fr}
 .quick-cash{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
 .quick-cash .btn{padding:5px 3px}
}
@media(pointer:coarse) and (min-width:651px) and (max-width:1100px){
 .sidebar{width:154px;padding:18px 8px}
 .shell{grid-template-columns:154px minmax(0,1fr)}
 .sidebar .brand-name{display:block;font-size:21px}
 .sidebar .brand-mark{display:none}
 .sidebar .brand{padding:0 7px;justify-content:flex-start}
 .sidebar .nav-item span{display:block;font-size:11px}
 .nav-item{justify-content:flex-start;padding:10px 8px;gap:8px}
 .sidebar .nav-group,.side-note{display:none}
 .nav-scroll{margin-top:18px}
 .content{padding:22px 18px}
 .pos-layout{grid-template-columns:minmax(0,1fr) 290px;gap:16px}
 .ticket-title,.ticket-summary{padding:18px 15px}
 .ticket-context{padding:0 15px 14px}
 .service-switch{margin:0 15px 14px}
 .ticket-lines{padding:7px 15px}
 .user-card{flex-wrap:wrap}
}
@media(pointer:coarse) and (min-width:651px) and (max-width:850px){
 .pos-layout{grid-template-columns:minmax(0,1fr)}
 .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ticket{position:static}
 .heading{align-items:flex-start}
 .heading .actions{flex-shrink:0}
}
@media print{dialog[data-dialog-fallback][open]{position:static;transform:none;margin:0}.dialog-overlay{display:none!important}}
@media(pointer:coarse) and (min-width:851px) and (max-height:850px){
 .payment-dialog .modal-header{padding:12px 20px}
 .payment-dialog .modal-header .eyebrow{display:none}
 .payment-dialog .modal-header h2{font-size:26px}
 .payment-dialog .modal-body{max-height:calc(96vh - 70px)}
 .checkout-entry{padding:10px 20px}
 .payment-tabs{margin-bottom:8px}
 .payment-tabs .payment-tab{min-height:44px}
 .currency-row{margin-bottom:6px}
 .currency-toggle{padding:0;border:0}
 .received-display{padding:6px 14px;margin-bottom:8px}
 .received-display input{font-size:32px;min-height:44px;padding:0}
 .quick-cash{margin-bottom:8px}
 .numpad{gap:6px}
 .numpad .btn{min-height:44px;padding:4px}
 .change-display{padding:6px 14px;margin-top:8px}
 .change-display strong{font-size:22px}
 .checkout-hint{font-size:9px;line-height:12px;min-height:0;padding:4px 0}
 .checkout-submit{min-height:46px}
}