:root{--bg:#11161d;--panel:#19212b;--panel-2:#202a35;--line:#35414e;--text:#eef3f6;--muted:#91a0ad;--blue:#337dbc;--blue-2:#28699f;--green:#80b640;--orange:#dd953e;--red:#ca5e62;--purple:#7967aa;--cyan:#369da8}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a{cursor:pointer}.epos-shell{height:100vh;display:grid;grid-template-rows:58px minmax(0,1fr) 68px;background:var(--bg)}.till-header{display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #303a45;background:#151c24}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:4px;background:var(--green);color:#fff;font-size:18px;font-weight:900}.brand strong,.brand small,.staff b,.staff small{display:block}.brand strong{font-size:12px;letter-spacing:.09em}.brand small{margin-top:3px;color:#82919e;font-size:7px;letter-spacing:.16em}.service-state{display:flex;align-items:center;gap:8px;color:#aab6c0;font-size:9px;font-weight:800;letter-spacing:.08em}.service-state i{width:7px;height:7px;border-radius:50%;background:#79d59a;box-shadow:0 0 0 4px #79d59a18}.service-state b{margin-left:10px;color:#fff;font-size:12px}.staff{display:flex;align-items:center;gap:9px}.staff>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#344454;color:#fff;font-size:9px;font-weight:850}.staff b{font-size:10px}.staff small{margin-top:2px;color:#7f8f9d;font-size:7px}.staff a{margin-left:9px;padding:8px 10px;border:1px solid #3a4653;border-radius:3px;color:#c1cad1;font-size:8px;font-weight:800;text-decoration:none}.workspace{min-height:0;display:grid;grid-template-columns:minmax(560px,1fr) 365px}.sale-console{min-width:0;overflow:auto;background:#141a21}.sale-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;border-bottom:1px solid #303a45;background:#19212a}.sale-modes button{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;min-height:52px;padding:7px 11px;border:1px solid #394653;border-radius:3px;background:#242f3b;color:#c4cdd5;text-align:left}.sale-modes button>span{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#354452;color:#cdd6dc}.sale-modes button strong{font-size:10px}.sale-modes button small{color:#82919d;font-size:7px}.sale-modes button.active{border-color:#4e91ca;background:#2c71aa;color:#fff}.sale-modes button.active>span{background:#ffffff20;color:#fff}.sale-modes button.active small{color:#d2e4f2}.tab-picker{display:flex;align-items:center;gap:9px;padding:7px 9px;border-bottom:1px solid #35414e;background:#27323d}.tab-picker>div:first-child{min-width:115px}.tab-picker span{display:block;margin-bottom:3px;color:#8493a0;font-size:7px;font-weight:850;letter-spacing:.12em}.tab-picker strong{font-size:9px}.tab-picker>div:nth-child(2){flex:1;display:flex;gap:5px;overflow-x:auto}.tab-picker button{min-height:34px;padding:0 10px;border:1px solid #495663;border-radius:3px;background:#333f4b;color:#d4dbe1;font-size:8px;font-weight:800;white-space:nowrap}.tab-picker button.selected{border-color:#7cba4c;background:#679d3b;color:#fff}.menu-panel{padding:10px 11px 15px}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}.menu-heading p,.basket header p,.config-card header p,.payment-card header p{margin:0 0 3px;color:#778997;font-size:7px;font-weight:900;letter-spacing:.15em}.menu-heading h1,.basket h2{margin:0;font-size:18px;font-weight:600}.product-search{display:flex;align-items:center;gap:7px;width:235px;height:36px;padding:0 10px;border:1px solid #3d4955;border-radius:3px;background:#202933;color:#8696a3}.product-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:9px}.product-search input::placeholder{color:#768592}.categories{margin-bottom:8px;overflow-x:auto}.categories>div{display:flex;gap:5px;min-width:max-content}.categories button{min-width:104px;min-height:50px;padding:7px 9px;border:1px solid #3b4651;border-radius:3px;background:#26313c;color:#d6dde2;text-align:left}.categories button span{display:block;margin-bottom:7px;color:#8fa0ad;font-size:7px;font-weight:900;text-transform:uppercase}.categories button strong{font-size:9px}.categories button.active{border-color:#4b93cf;background:#337dbc;color:#fff}.categories button.active span{color:#dcecf7}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(95px,1fr));gap:5px}.product-card{position:relative;min-height:87px;padding:9px 9px 8px;border:1px solid #3a4652;border-top:4px solid #607080;border-radius:3px;background:#252f3a;color:#fff;text-align:left;box-shadow:none}.product-card:active{transform:scale(.98);filter:brightness(1.12)}.product-card .product-icon{display:block;color:#8fa0ad;font-size:7px;font-weight:900}.product-card strong{display:block;margin:12px 22px 0 0;font-size:10px;line-height:1.18}.product-card .has-options{display:block;margin-top:4px;color:#82929f;font-size:7px}.product-card>b{position:absolute;left:9px;bottom:8px;color:#d9e0e5;font-size:9px}.product-card>i{position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:21px;height:21px;border:1px solid #53616d;border-radius:50%;color:#b8c4cc;font-size:12px;font-style:normal}.product-card.amber{border-top-color:#e5a13d}.product-card.berry{border-top-color:#ce6c93}.product-card.blue{border-top-color:#4c94c8}.product-card.green{border-top-color:#78af4b}.product-card.clay{border-top-color:#9d755b}.product-card.orange{border-top-color:#e17837}.product-card.purple{border-top-color:#8c72bd}.basket{min-height:0;display:flex;flex-direction:column;border-left:1px solid #3b4651;background:#1d2630}.basket>header{display:flex;align-items:center;justify-content:space-between;min-height:65px;padding:12px 14px;border-bottom:1px solid #37434e}.basket h2{font-size:16px}.basket>header button{padding:7px 9px;border:1px solid #854b4d;border-radius:3px;background:#4a292d;color:#efb4b5;font-size:7px;font-weight:900}.basket-column-head{display:grid;grid-template-columns:1fr 72px 60px;padding:8px 13px;border-bottom:1px solid #34404b;color:#71828f;font-size:7px;font-weight:900}.basket-column-head span:nth-child(n+2){text-align:right}.basket-items{flex:1;padding:0 13px;overflow:auto}.empty-basket{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#71808c;text-align:center}.empty-basket i{display:grid;place-items:center;width:45px;height:45px;margin-bottom:11px;border:1px dashed #56636e;border-radius:50%;font-size:18px;font-style:normal}.empty-basket strong{color:#b7c1c8;font-size:10px}.empty-basket span{margin-top:5px;font-size:8px}.basket-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 60px;align-items:center;gap:7px;min-height:55px;padding:7px 0;border-bottom:1px solid #323e48}.basket-row>div:first-child{min-width:0}.basket-row>div:first-child strong,.basket-row>div:first-child small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.basket-row>div:first-child strong{font-size:9px}.basket-row small{margin-top:3px;color:#7e8e9a;font-size:7px}.basket-row>div:nth-child(2){display:flex;align-items:center;justify-content:flex-end}.basket-row button{width:22px;height:25px;border:1px solid #46535f;background:#2a3540;color:#d6dee4;font-size:10px}.basket-row>div:nth-child(2) b{min-width:24px;text-align:center;font-size:9px}.basket-row>b{text-align:right;font-size:9px}.notice{margin:6px 13px;padding:8px 9px;border-radius:3px;background:#2e5738;color:#bfe6c7;font-size:8px;font-weight:800}.notice.error{background:#5a3032;color:#f2bfc0}.basket footer{padding:10px 13px 13px;border-top:1px solid #3a4651;background:#19212a}.basket-summary,.total{display:flex;align-items:center;justify-content:space-between}.basket-summary{color:#81919e;font-size:7px}.total{margin:8px 0 10px}.total span{font-size:9px;font-weight:900;letter-spacing:.1em}.total strong{font-size:27px;font-weight:500}.basket-actions{display:grid;grid-template-columns:86px 1fr;gap:6px}.basket-actions button{min-height:45px;border:1px solid #4a5661;border-radius:3px;background:#2a3540;color:#c4cdd3;font-size:9px;font-weight:900}.basket-actions .primary{display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-color:#649532;background:#76aa3e;color:#fff;font-size:12px}.basket-actions .primary span{font-size:18px}button:disabled{opacity:.35;cursor:not-allowed}.bottom-nav{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #3b4651;background:#171e26}.bottom-nav button,.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-right:1px solid #303b46;background:transparent;color:#8796a2;text-decoration:none}.bottom-nav span{font-size:14px}.bottom-nav strong{font-size:7px}.bottom-nav button.active{background:#2d71a8;color:#fff}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#080c11d9;backdrop-filter:blur(3px)}.config-card,.payment-card{width:min(680px,94vw);max-height:92vh;overflow:auto;border:1px solid #45515d;border-radius:5px;background:#202a34;box-shadow:0 22px 70px #0008}.config-card>header,.payment-card>header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #3b4651;background:#19212a}.config-card h2,.payment-card h2{margin:2px 0;color:#fff;font-size:23px}.config-card header span,.payment-card header span{color:#8fa0ac;font-size:9px}.config-card header button,.payment-card header button{border:0;background:transparent;color:#a9b5be;font-size:25px}.variable-price{display:block;margin:14px 18px;padding:13px;border:1px solid #40505e;border-radius:3px;background:#18212a;color:#c9d2d9;font-size:9px;font-weight:800}.variable-price input{display:block;width:100%;height:42px;margin-top:7px;padding:0 11px;border:1px solid #50606d;border-radius:3px;background:#273440;color:#fff;font-size:18px}.config-groups{padding:4px 18px 16px}.config-group{padding:13px 0;border-bottom:1px solid #394550}.config-group>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.config-group h3{margin:0;font-size:11px}.config-group header span{padding:4px 6px;border-radius:2px;background:#394754;color:#9faeba;font-size:7px;font-weight:900}.config-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.config-options button{min-height:48px;padding:7px 9px;border:1px solid #485562;border-radius:3px;background:#2a3540;color:#cbd3d9;text-align:left}.config-options button strong,.config-options button small{display:block}.config-options button strong{font-size:9px}.config-options button small{margin-top:4px;color:#8797a4;font-size:7px}.config-options button.selected{border-color:#4e98d3;background:#286da4;color:#fff}.config-options button.selected small{color:#d3e6f4}.config-card>footer{display:flex;justify-content:flex-end;gap:7px;padding:13px 18px;border-top:1px solid #3b4651;background:#19212a}.config-card>footer button,.payment-card>footer button{min-height:39px;padding:0 14px;border:1px solid #4b5864;border-radius:3px;background:#2a3540;color:#c8d1d7;font-size:9px;font-weight:850}.config-card>footer .confirm{min-width:180px;border-color:#649532;background:#76aa3e;color:#fff}.config-card>footer .confirm span{margin-left:10px}.payment-card{width:min(520px,94vw)}.payment-card h2{font-size:36px}.payment-discount{display:block;margin:15px 18px;color:#aeb9c1;font-size:8px;font-weight:900}.payment-discount select{display:block;width:100%;height:40px;margin-top:6px;padding:0 10px;border:1px solid #4a5864;border-radius:3px;background:#28343f;color:#fff;font-size:9px}.payment-methods{display:grid;gap:7px;padding:0 18px 18px}.payment-methods button{display:grid;grid-template-columns:45px 1fr auto;align-items:center;min-height:72px;padding:10px 13px;border:1px solid #465460;border-radius:3px;background:#293540;color:#fff;text-align:left}.payment-methods i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#3d4a56;color:#cbd4db;font-size:16px;font-style:normal}.payment-methods span strong,.payment-methods span small{display:block}.payment-methods span strong{font-size:12px}.payment-methods span small{margin-top:4px;color:#8d9ca8;font-size:8px}.payment-methods button>b{font-size:17px}.payment-methods button:first-child{border-color:#397dae}.payment-methods button:first-child i{background:#285f87}.payment-methods button:last-child{border-color:#6b943d}.payment-methods button:last-child i{background:#567a32}.payment-card>footer{padding:12px 18px;border-top:1px solid #394550;text-align:right}.fatal{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111820;color:#fff;text-align:center}.fatal h1{margin:20px 0 5px}.fatal p{color:#91a0ac}.fatal a{padding:12px 17px;border-radius:3px;background:#337dbc;color:#fff;text-decoration:none;font-weight:800}
.tab-card{width:min(460px,94vw);overflow:hidden;border:1px solid #45515d;border-radius:5px;background:#202a34;box-shadow:0 22px 70px #0008}.tab-card>header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #3b4651;background:#19212a}.tab-card header p{margin:0 0 3px;color:#778997;font-size:7px;font-weight:900;letter-spacing:.15em}.tab-card h2{margin:2px 0;color:#fff;font-size:23px}.tab-card header span{color:#8fa0ac;font-size:9px}.tab-card header button{border:0;background:transparent;color:#a9b5be;font-size:25px}.tab-card>label{display:block;padding:20px;color:#aeb9c1;font-size:8px;font-weight:900}.tab-card input{display:block;width:100%;height:48px;margin-top:7px;padding:0 12px;border:1px solid #50606d;border-radius:3px;outline:0;background:#273440;color:#fff;font-size:15px}.tab-card input:focus{border-color:#4e98d3}.tab-card>footer{display:flex;justify-content:flex-end;gap:7px;padding:13px 18px;border-top:1px solid #3b4651;background:#19212a}.tab-card>footer button{min-height:39px;padding:0 14px;border:1px solid #4b5864;border-radius:3px;background:#2a3540;color:#c8d1d7;font-size:9px;font-weight:850}.tab-card>footer .confirm{min-width:145px;border-color:#649532;background:#76aa3e;color:#fff}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(480px,1fr) 330px}.product-grid{grid-template-columns:repeat(4,1fr)}.categories button{min-width:92px}.config-options{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.epos-shell{grid-template-rows:52px minmax(0,1fr) 60px}.workspace{grid-template-columns:1fr}.sale-console{padding-bottom:245px}.basket{position:fixed;left:0;right:0;bottom:60px;z-index:10;max-height:245px;border-top:1px solid #4a5661;border-left:0}.basket-column-head{display:none}.basket-items{max-height:90px}.basket>header{min-height:48px;padding:7px 11px}.basket footer{padding:7px 11px}.total{margin:4px 0 6px}.total strong{font-size:21px}.basket-actions button{min-height:36px}.product-grid{grid-template-columns:repeat(4,1fr)}.sale-modes{padding:5px}.sale-modes button{min-height:45px}.bottom-nav{grid-template-columns:repeat(7,minmax(70px,1fr));overflow-x:auto}.staff a,.service-state span{display:none}}
@media(max-width:620px){.product-grid{grid-template-columns:repeat(3,1fr)}.menu-heading{align-items:flex-start;flex-direction:column}.product-search{width:100%}.brand small,.staff>div{display:none}.config-options{grid-template-columns:1fr 1fr}}

/* CHIBRA compact bar layout — tuned to the supplied tablet workflow reference. */
body{background:#30393b}.epos-shell{grid-template-rows:42px minmax(0,1fr) 38px;background:#30393b}.till-header{padding:0 12px;border-bottom:0;background:#4dab68}.brand-mark{width:28px;height:28px;border:1px solid #ffffff55;background:#ffffff14;font-size:14px}.brand strong{font-size:10px}.brand small{color:#e5f3e9;font-size:6px}.service-state{color:#eef8f1}.service-state i{background:#fff;box-shadow:none}.staff>span{width:27px;height:27px;background:#287644}.staff small{color:#dceee2}.staff a{padding:6px 8px;border-color:#ffffff55;color:#fff}.workspace{grid-template-columns:minmax(610px,2.15fr) minmax(285px,.85fr);background:#30393b}.sale-console{padding:10px 9px;overflow:auto;background:#30393b}.departments{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.departments button{min-height:55px;border:1px solid #254b66;border-radius:0;background:#175b8d;color:#fff;font-size:11px}.departments button:first-child,.departments button.active{border:2px solid #fff;background:#e88728;box-shadow:0 0 0 1px #e88728}.departments button[data-note]{background:#175b8d}.sale-modes{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;padding:0;border:0;background:transparent}.sale-modes button{display:flex;justify-content:center;gap:7px;min-height:34px;padding:4px 7px;border:1px solid #54717b;border-radius:0;background:#405055;text-align:center}.sale-modes button>span{display:none}.sale-modes button strong{font-size:9px}.sale-modes button small{font-size:6px}.sale-modes button.active{border-color:#8fc352;background:#79ad3f}.tab-picker{margin:6px 0 0;padding:5px;border:1px solid #56666a;background:#3a474a}.menu-panel{padding:6px 0 15px}.menu-heading{height:30px;margin:0}.menu-heading>div{display:none}.product-search{margin-left:auto;width:190px;height:28px;border-color:#607176;border-radius:0;background:#3b484c}.categories{margin:0 0 6px}.categories>div{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:6px;min-width:0}.categories button{min-width:0;min-height:52px;border:1px solid #31749c;border-radius:0;background:#2d82b5;color:#fff;text-align:center}.categories button span{display:none}.categories button strong{font-size:10px;font-weight:500}.categories button.active{border-color:#f0de47;background:#eddf43;color:#283235}.product-grid{grid-template-columns:repeat(4,minmax(105px,1fr));gap:6px}.product-card{min-height:62px;padding:7px 8px;border:1px solid #eee8b8;border-top:1px solid #eee8b8;border-radius:0;background:#f6f2c6;color:#273034}.product-card[class*=" "]{border-top-color:#eee8b8}.product-card .product-icon,.product-card .has-options{display:none}.product-card strong{margin:4px 21px 17px 0;font-size:10px;font-weight:500}.product-card>b{bottom:7px;color:#4f5b5e;font-size:8px}.product-card>i{right:6px;bottom:6px;width:18px;height:18px;border-color:#bcc3a0;color:#546164;font-size:10px}.basket{border-left:1px solid #536165;background:#30393b}.basket>header{position:relative;min-height:92px;padding:10px 12px;border-bottom:1px solid #59666a;background:#30393b}.basket>header>div:first-child{align-self:flex-end}.basket h2{font-size:12px;font-weight:500}.basket>header p{font-size:6px}.basket-head-total{position:absolute;right:12px;top:8px;text-align:right}.basket-head-total small,.basket-head-total strong{display:block}.basket-head-total small{color:#a9b4b6;font-size:7px}.basket-head-total strong{margin-top:6px;color:#fff;font-size:32px;font-weight:300}.basket>header button{align-self:flex-end;margin-left:auto;margin-right:0;padding:6px 8px;border-color:#828c8e;border-radius:0;background:#d7d9d7;color:#444;font-size:7px}.basket-column-head{grid-template-columns:1fr 58px 56px;padding:6px 11px;border-color:#59666a;color:#9eaaad}.basket-items{padding:0 11px}.basket-row{grid-template-columns:minmax(0,1fr) 58px 56px;min-height:43px;border-color:#515e61}.basket-row button{border-color:#6f7b7e;background:#465458}.empty-basket{color:#869396}.empty-basket i{display:none}.empty-basket strong{color:#c2c9ca}.basket footer{padding:8px 10px 10px;border-color:#59666a;background:#30393b}.basket-summary{font-size:6px}.total{display:none}.basket-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.basket-actions button,.basket-actions .primary{min-height:48px;border-radius:0;font-size:10px}.basket-actions button{border-color:#d9dcdb;background:#d7d9d7;color:#41494b}.basket-actions .primary{border-color:#67a335;background:#6cb63b}.bottom-nav{border-color:#4e5b5e;background:#272f31}.bottom-nav button,.bottom-nav a{gap:1px;border-color:#465255}.bottom-nav span{font-size:11px}.bottom-nav strong{font-size:6px}.bottom-nav button.active{background:transparent;color:#28a8e0}.notice{margin:5px 10px;border-radius:0}
@media(max-width:900px){.workspace{grid-template-columns:minmax(500px,2fr) minmax(250px,.9fr)}.product-grid,.categories>div{grid-template-columns:repeat(4,minmax(85px,1fr))}.sale-console{padding:7px}.departments button{min-height:47px}.categories button{min-height:45px}.product-card{min-height:57px}.basket{position:static;max-height:none;border-top:0}.sale-console{padding-bottom:7px}}
@media(max-width:700px){.workspace{grid-template-columns:1fr}.basket{position:fixed;left:0;right:0;bottom:38px;max-height:235px;background:#30393bf5}.sale-console{padding-bottom:235px}.departments button{min-height:42px}.departments button,.categories button{font-size:8px}.categories>div,.product-grid{grid-template-columns:repeat(4,minmax(70px,1fr))}.basket>header{min-height:58px}.basket-head-total strong{font-size:22px}.basket>header>div:first-child{display:none}.basket-items{max-height:70px}.bottom-nav{grid-template-columns:repeat(7,minmax(62px,1fr))}}

.payment-controls{padding:14px 18px 8px}.payment-controls>label{display:block;margin-bottom:10px;color:#aeb9c1;font-size:8px;font-weight:900}.payment-controls select,.split-fields input{display:block;width:100%;height:38px;margin-top:5px;padding:0 9px;border:1px solid #4a5864;border-radius:3px;background:#28343f;color:#fff;font-size:9px}.tip-control{margin:0 0 10px;padding:0;border:0}.tip-control legend{margin-bottom:6px;color:#aeb9c1;font-size:8px;font-weight:900}.tip-control>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.tip-control button{min-height:35px;border:1px solid #485662;border-radius:3px;background:#2a3540;color:#c6d0d7;font-size:8px;font-weight:850}.tip-control button.selected{border-color:#6b9e3b;background:#6fa83d;color:#fff}.split-toggle{display:flex!important;align-items:center;gap:9px;padding:9px;border:1px solid #46545f;border-radius:3px;background:#26313c}.split-toggle input{width:17px;height:17px}.split-toggle span strong,.split-toggle span small{display:block}.split-toggle span small{margin-top:3px;color:#84939f;font-size:7px}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 10px;padding:10px;border:1px solid #4c5a65;background:#1b242d}.split-fields label{color:#aeb9c1;font-size:8px;font-weight:800}.split-fields>small{grid-column:1/-1;color:#8d9ba6;font-size:7px}.split-fields>button{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 12px;border:1px solid #619238;background:#70aa3e;color:#fff;font-size:9px;font-weight:900}.payment-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:8px 0;border-top:1px solid #3c4853;color:#8f9ca6;font-size:7px}.payment-breakdown span{display:flex;justify-content:space-between}.payment-breakdown b{color:#dce3e7}.payment-card{width:min(560px,94vw)}
.service-card{width:min(1050px,96vw);height:min(760px,94vh);display:flex;flex-direction:column;border:1px solid #59666a;background:#30393b;box-shadow:0 25px 80px #000a}.service-card>header{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 18px;background:#4dab68}.service-card header p{margin:0 0 4px;font-size:7px;font-weight:900;letter-spacing:.14em}.service-card header h2{margin:0;font-size:24px}.service-card header span{font-size:8px}.service-card header button{border:0;background:transparent;color:#fff;font-size:28px}.service-card>nav{display:flex;border-bottom:1px solid #566469;background:#293335}.service-card>nav button{min-width:160px;padding:13px;border:0;border-right:1px solid #536165;background:transparent;color:#b5c0c2;font-size:9px;font-weight:900}.service-card>nav button.active{background:#2380b7;color:#fff}.service-content{flex:1;min-height:0;padding:14px;overflow:auto}.service-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.service-stat,.till-ticket{border:1px solid #59676b;background:#394649}.service-stat{padding:18px}.service-stat span,.service-stat strong{display:block}.service-stat span{color:#9eacad;font-size:8px;font-weight:900}.service-stat strong{margin-top:8px;font-size:28px}.till-kitchen{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px}.till-ticket{border-top:5px solid #e89635}.till-ticket.preparing{border-top-color:#2796d0}.till-ticket.ready{border-top-color:#7fbd42}.till-ticket header,.till-ticket footer{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#293436}.till-ticket header strong,.till-ticket header small{display:block}.till-ticket header small{margin-top:3px;color:#9da9ab}.till-ticket>div{padding:8px 12px}.till-ticket p{display:flex;gap:10px;margin:0;padding:9px 0;border-bottom:1px solid #556266;font-size:10px}.till-ticket p small{display:block;margin-top:3px;color:#98a5a8}.till-ticket footer button{padding:8px 14px;border:0;background:#2488c0;color:#fff;font-weight:900}.till-ticket.ready footer button{background:#76ad3e}.till-plan{position:relative;min-height:510px;border:1px solid #5d6b6e;background-color:#364245;background-image:linear-gradient(#465356 1px,transparent 1px),linear-gradient(90deg,#465356 1px,transparent 1px);background-size:28px 28px}.till-table{position:absolute;width:145px;min-height:72px;padding:10px;border:2px solid #8dbe55;background:#42534a;color:#fff;text-align:left}.till-table strong,.till-table small{display:block}.till-table small{margin-top:8px;color:#c3d0c8;font-size:8px}.till-table.occupied{border-color:#e89a3e;background:#5a4a38}@media(max-width:800px){.till-kitchen,.service-summary-grid{grid-template-columns:1fr 1fr}.service-card>nav button{min-width:0;flex:1}.till-plan{min-height:430px}}

/* CHIBRA tablet design system: flat, high-contrast controls for fast hospitality service. */
html,body,button,input,select,textarea{font-family:"Helvetica Neue",Arial,sans-serif}.sale-console{padding-top:8px}.sale-modes{margin:0 0 7px;padding:0;background:transparent}.sale-modes button{min-height:45px;border:1px solid #789095;background:#46565a;color:#fff}.sale-modes button strong{font-size:11px;font-weight:500}.sale-modes button small{margin-left:5px;color:#cad4d6;font-size:8px}.sale-modes button.active{border:2px solid #fff;background:#6fb43c;box-shadow:0 0 0 1px #6fb43c}.departments{margin-bottom:7px}.departments button{min-height:58px;border-color:#2b6c98;background:#17679c;font-size:12px;font-weight:400}.departments button:first-child,.departments button.active{border:2px solid #fff;background:#e88929;box-shadow:0 0 0 1px #e88929}.categories button{min-height:54px;border-color:#3b8dbb;background:#2f86b8;font-size:11px;font-weight:400}.categories button.active{border-color:#fff07a;background:#ede34b;color:#293437}.product-card{min-height:67px;border-color:#eee9b9;background:#f6f2c8;color:#2b3538}.product-card strong{font-size:11px;font-weight:400}.product-card>b{color:#576367;font-size:9px}.basket,.basket>header,.basket footer{background:#303a3d}.basket h2{font-size:14px;font-weight:400}.basket-head-total strong{font-size:34px;font-weight:300}.basket-actions button,.basket-actions .primary{min-height:50px;border-radius:0;font-size:11px;font-weight:500}.basket-actions .primary{background:#70b63e}.bottom-nav button,.bottom-nav a{min-width:80px}.bottom-nav strong{font-size:7px;font-weight:500}.config-card,.payment-card,.tab-card,.service-card{border-radius:0}.config-card input,.payment-card input,.payment-card select,.tab-card input{height:44px;border:1px solid #617177;border-radius:0;background:#37464a;color:#fff;font-size:14px}.config-options button,.payment-methods button,.tip-control button,.config-card>footer button,.payment-card>footer button,.tab-card footer button{border-radius:0}.payment-methods button{min-height:75px}.payment-methods span strong{font-size:13px;font-weight:500}.split-toggle{border-radius:0}.saved-line{background:#ffffff05}.saved-line>div:nth-child(2){justify-content:center}.saved-line>div:nth-child(2)>b{padding:5px 9px;border:1px solid #536267;background:#3b494d}
#note-modal .note-card{width:min(520px,94vw)}#note-modal .note-entry{display:block;margin:18px;padding:14px;border:1px solid #40505e;border-radius:3px;background:#18212a;color:#c9d2d9;font-size:9px;font-weight:800}#note-modal .note-entry input{display:block;width:100%;height:44px;margin-top:8px;padding:0 12px;border:1px solid #50606d;border-radius:3px;outline:0;background:#273440;color:#fff;font-size:14px}#note-modal .note-entry input:focus{border-color:#4b93cf;box-shadow:0 0 0 2px #4b93cf22}

/* CHIBRA reference till — dense landscape tablet proportions. */
:root{--till-bg:#303a3d;--till-dark:#293437;--till-blue:#0872ad;--till-blue-light:#438fb9;--till-orange:#ed861d;--till-yellow:#f1e94e;--till-green:#55b536;--till-key:#e8e8e6}
.epos-shell{grid-template-rows:4px minmax(0,1fr) 34px;background:var(--till-bg)}
.till-header{min-height:4px;padding:0;border:0;background:#38b853;box-shadow:0 1px 0 #58cf6e}
.till-header>*{display:none}
.workspace{grid-template-columns:minmax(0,66%) minmax(280px,34%);background:var(--till-bg)}
.sale-console{display:flex;min-height:0;flex-direction:column;padding:7px 8px 8px;overflow:hidden;background:var(--till-bg)}
.sale-modes{order:0;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 0 5px;padding:0;border:0;background:transparent}
.sale-modes button{min-height:30px;padding:3px 6px;border:1px solid #65777b;background:#455559;color:#fff}
.sale-modes button strong{font-size:8px;font-weight:400;text-transform:uppercase}.sale-modes button small{font-size:6px}.sale-modes button.active{border:1px solid #fff;background:#6eaf3f;box-shadow:0 0 0 1px #6eaf3f}
.departments{order:1;grid-template-columns:repeat(4,1fr);gap:5px;margin:0 0 5px}.departments button{min-height:48px;border:1px solid #2d6283;background:#086fa9;font-size:10px}.departments button:first-child,.departments button.active{border:1px solid #fff;background:var(--till-orange);box-shadow:0 0 0 1px var(--till-orange)}
.tab-picker{order:2;min-height:38px;margin:0 0 5px;padding:4px;border:1px solid #5d6c70;background:#394649}
.menu-panel{order:3;display:flex;min-height:0;flex:1;flex-direction:column;padding:0}
.menu-heading{order:2;height:27px;min-height:27px;margin:0 0 4px}.product-search{width:165px;height:25px;padding:0 7px;border-color:#657377;background:#384548}.product-search input{font-size:7px}
.categories{order:1;min-height:0;margin:0 0 5px;overflow:auto}.categories>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.categories button{min-height:38px;padding:5px;border:1px solid #3a7fa8;background:var(--till-blue-light);font-size:8px}.categories button strong{font-size:8px}.categories button.active{border-color:#f8ee68;background:var(--till-yellow)}
.product-grid{order:3;align-content:start;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;overflow:auto}.product-card{min-height:48px;padding:6px 7px;border:1px solid #e2e2dc;background:#f9f9f7;color:#273235}.product-card[class*=" "]{border-color:#e2e2dc}.product-card strong{margin:2px 16px 14px 0;font-size:8px}.product-card>b{left:7px;bottom:5px;color:#505b5e;font-size:7px}.product-card>i{right:5px;bottom:5px;width:15px;height:15px;border-color:#c6cecf;font-size:8px}
.basket{border-left:1px solid #566367;background:var(--till-bg)}.basket>header{min-height:74px;padding:7px 10px;border-color:#59666a;background:var(--till-bg)}.basket>header>div:first-child{align-self:flex-end}.basket h2{font-size:9px}.basket>header p{font-size:5px}.basket-head-total{right:9px;top:6px}.basket-head-total small{font-size:5px}.basket-head-total strong{margin-top:4px;font-size:25px}
.basket-column-head{grid-template-columns:1fr 43px 48px;padding:5px 8px;font-size:5px}.basket-items{padding:0 8px}.basket-row{grid-template-columns:minmax(0,1fr) 54px 48px;min-height:38px}.basket-row>div:first-child strong{font-size:8px}.basket-row small{font-size:6px}.basket-row button{width:18px;height:21px;font-size:8px}.basket-row>div:nth-child(2) b,.basket-row>b{font-size:7px}.empty-basket strong{font-size:8px}.empty-basket span{font-size:6px}
.basket footer{padding:6px 8px 8px;border-color:#59666a;background:var(--till-bg)}.basket-summary{font-size:5px}.basket-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:5px}.basket-tools button{min-height:34px;border:1px solid #d1d4d3;background:var(--till-key);color:#465154;font-size:7px}.basket-tools button:nth-child(4){grid-column:1/3}.basket-tools button:nth-child(5){font-size:16px}.basket-actions{grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}.basket-actions button,.basket-actions .primary{position:relative;min-height:38px;border-radius:0;font-size:8px;font-weight:400}.basket-actions button{border-color:#65a53a;background:var(--till-green);color:#fff}.basket-actions .primary{justify-content:center;padding:0 9px;border-color:#45a126;background:#35a82f}.basket-actions .primary span{position:absolute;right:11px;font-size:11px}
.bottom-nav{border-color:#4c595d;background:#263033}.bottom-nav button,.bottom-nav a{min-width:0;gap:1px;border-color:#435055}.bottom-nav span{font-size:9px}.bottom-nav strong{font-size:5px;font-weight:400}.bottom-nav button.active{background:transparent;color:#20a9e3}

@media(min-width:1400px){.workspace{grid-template-columns:minmax(0,68%) minmax(360px,32%)}.sale-console{padding:9px 10px}.sale-modes button{min-height:34px}.departments button{min-height:52px}.categories button{min-height:42px}.product-card{min-height:58px}.basket-tools button{min-height:40px}.basket-actions button,.basket-actions .primary{min-height:44px}}
@media(max-width:900px){.workspace{grid-template-columns:minmax(0,66%) minmax(250px,34%)}.sale-console{padding:6px}.departments button{min-height:42px}.categories button{min-height:35px}.product-card{min-height:45px}.basket{position:static;max-height:none;border-top:0}.sale-console{padding-bottom:6px}}
@media(max-width:700px){.epos-shell{grid-template-rows:4px minmax(0,1fr) 34px}.workspace{grid-template-columns:1fr}.sale-console{padding-bottom:235px}.basket{position:fixed;left:0;right:0;bottom:34px;max-height:235px}.basket-tools{display:none}.bottom-nav{grid-template-columns:repeat(7,minmax(58px,1fr))}.departments button{min-height:38px}.categories button{min-height:33px}.product-card{min-height:43px}}