:root{
  --navy:#0c2238;--navy2:#12324f;--blue:#1677ff;--gold:#d6a340;--teal:#0a9b8e;
  --bg:#eef4fa;--panel:#fff;--line:#dfe8f2;--text:#0c1f3e;--muted:#6e8099;
  --success:#12a36d;--danger:#f24d4d;--warning:#e79d21;--purple:#7b61e8;
  --shadow:0 10px 28px rgba(18,49,79,.08);--radius:14px;
}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:linear-gradient(135deg,#edf4fb,#f8fbff);font-size:14px}button,input,select,textarea{font:inherit}a{text-decoration:none;color:var(--blue)}button{cursor:pointer}
.app-shell{min-height:100vh;padding-left:205px}.topbar{height:70px;position:fixed;top:0;left:205px;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.global-search{width:min(650px,58vw);height:42px;border:1px solid var(--line);background:#f7fafe;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#8290a5}.global-search span{flex:1}.global-search kbd{background:#edf2f8;border-radius:7px;padding:5px 8px;color:#6c7c93}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:1px solid var(--line);background:white;width:38px;height:38px;border-radius:10px}.profile{display:flex;align-items:center;gap:10px;padding:4px 8px}.profile small{display:block;color:var(--muted);font-size:11px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#0b2440,#2d668f);color:#fff;display:grid;place-items:center;font-weight:800}
.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;width:205px;background:linear-gradient(180deg,#0a2036,#102d46);color:#fff;padding:20px 14px;overflow:auto;box-shadow:8px 0 28px rgba(10,32,54,.12)}.sidebar-brand{margin:0 14px 28px}.brandmark{display:inline-flex;flex-direction:column;line-height:1}.brandmark b{font-size:34px;letter-spacing:.5px}.brandmark span{margin-top:5px;font-size:17px;letter-spacing:6px;color:var(--gold);font-weight:800}.brandmark small{margin-top:6px;font-size:9px;letter-spacing:3.5px;color:#7a8ca3}.brandmark.light b{color:#fff}.brandmark.light small{color:#9eb3c9}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav>a,.nav-group>a{display:flex;align-items:center;gap:10px;color:#dfeaf5;padding:11px 12px;border-radius:10px}.sidebar nav>a.active,.nav-group>a.active,.sidebar nav>a:hover,.nav-group>a:hover{background:#1d4b70;color:#fff}.subnav{padding:2px 0 6px 38px;display:flex;flex-direction:column}.subnav a{font-size:12px;color:#aac0d4;padding:7px 8px;border-radius:7px}.subnav a:hover{background:#163a58;color:#fff}.sidebar-footer{margin-top:30px;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:15px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(214,163,64,.08));display:flex;gap:10px;align-items:flex-start}.sidebar-footer b{color:var(--gold);font-size:18px}.sidebar-footer span{font-size:13px;line-height:1.35}
.content{padding:92px 18px 28px;min-height:100vh}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 4px 16px}.page-head h1{margin:0 0 4px;font-size:28px;letter-spacing:-.5px}.page-head p{margin:0;color:var(--muted);font-size:14px}.page-head.compact{align-items:center}.date-card,.outlet-switcher{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px 16px;display:flex;gap:10px;align-items:center}.date-card small,.outlet-switcher small{display:block;color:var(--muted);font-size:11px}.outlet-switcher{min-width:300px}
.metric-grid{display:grid;gap:12px;margin-bottom:14px}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.metric-grid.five{grid-template-columns:repeat(5,1fr)}.metric{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;gap:14px;align-items:center;padding:17px}.metric-icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:22px}.metric-icon.teal{background:linear-gradient(135deg,#079b8c,#20b79b)}.metric-icon.blue{background:linear-gradient(135deg,#1479ff,#5ca0ff)}.metric-icon.gold{background:linear-gradient(135deg,#d99c2d,#efbd61)}.metric-icon.purple{background:linear-gradient(135deg,#7256e6,#9c86ff)}.metric-icon.red{background:linear-gradient(135deg,#f24d4d,#ff7a7a)}.metric small{display:block;color:var(--muted)}.metric strong{font-size:21px;display:block;margin:4px 0}.up{color:var(--success);font-size:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-title h3{margin:0;font-size:16px}.panel-title a{font-size:12px}.panel-title>div{display:flex;gap:8px;align-items:center}.business-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.business-strip>div{border:1px solid var(--line);border-radius:11px;padding:14px 8px;text-align:center;background:#fcfdff}.business-strip span{display:block;font-size:28px;margin-bottom:6px}.business-strip b{display:block;font-size:12px}.business-strip small{display:block;color:var(--muted);margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:2fr 1.1fr;gap:12px;margin-top:12px}.dashboard-grid.lower{grid-template-columns:2fr .9fr}.span2{min-width:0}.tabs{display:flex;gap:0}.tabs button{border:1px solid var(--line);background:#f7f9fc;padding:6px 12px}.tabs button.active{background:var(--navy);color:#fff}.bar-chart{height:250px;display:flex;align-items:flex-end;gap:12px;padding:22px 10px 0;border-top:1px dashed #e7edf5;background:repeating-linear-gradient(to top,#fff 0,#fff 49px,#edf2f7 50px)}.bar-chart>div{flex:1;text-align:center}.bar-chart i{display:block;width:72%;margin:auto;background:linear-gradient(#0f9c8b,#2385d8);border-radius:5px 5px 0 0}.bar-chart span{display:block;font-size:11px;color:var(--muted);margin-top:7px}.summary-list>div{display:flex;justify-content:space-between;padding:14px 4px;border-bottom:1px solid #edf2f7}.summary-list span{color:#40536d}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px 9px;border-bottom:1px solid #edf1f5;text-align:left;white-space:nowrap}th{font-size:11px;color:#667990;background:#f8fafd}td{font-size:12px}td small{display:block;color:var(--muted);margin-top:2px}.alert-list>div{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;border-bottom:1px solid #edf2f7}.alert-list span{font-weight:600}.alert-list small{display:block;color:var(--muted);font-weight:400}.alert-list b{font-size:10px;background:#ffeded;color:#e94141;border-radius:12px;padding:5px 8px}.alert-list em{font-size:10px;background:#fff2d8;color:#af7612;border-radius:12px;padding:5px 8px;font-style:normal}
.btn{border:1px solid var(--line);background:#fff;color:var(--text);padding:10px 14px;border-radius:9px;font-weight:700}.btn:hover{filter:brightness(.98)}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-dark{background:var(--navy);border-color:var(--navy);color:#fff}.btn-sm{padding:7px 10px;font-size:12px}.btn-block{width:100%}.mini-search{border:1px solid var(--line);padding:8px 10px;border-radius:8px;min-width:260px}.admin-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.step-title{margin:14px 0 10px;display:flex;align-items:center;gap:8px}.step-title span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff}.template-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.template-card{min-height:76px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px}.template-card span{display:block;font-size:22px}.template-card b{display:block;font-size:11px;margin-top:4px}.template-card.selected{border:2px solid var(--blue);background:#f3f8ff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid .full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:700;color:#243a55}input,select,textarea{width:100%;border:1px solid #ccd8e5;background:#fff;border-radius:8px;padding:10px;color:var(--text);outline:none}textarea{min-height:58px;resize:vertical}label input,label select,label textarea{margin-top:5px}.module-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.module-checks label{border:1px solid var(--line);border-radius:8px;padding:8px;background:#fcfdff}.module-checks input{width:auto;margin:0 6px 0 0}.form-actions{display:flex;justify-content:space-between;margin-top:14px}.status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700}.status.active{background:#e1f7ed;color:#13875d}.status.maintenance{background:#fff1d8;color:#b67913}.status.inactive{background:#ffebeb;color:#d84040}.dots{border:1px solid var(--line);background:#fff;border-radius:7px;padding:4px 8px}.role-overview{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.role-overview h3{font-size:14px}.role-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.role-cards>div{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfdff}.role-cards b,.role-cards small{display:block}.role-cards small{color:var(--muted);font-size:10px;margin:4px 0}.role-cards p{font-size:10px;line-height:1.6;color:#486078}.template-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.template-detail .big-icon{font-size:34px}.template-detail h3{margin:6px 0}.template-detail p{color:var(--muted);min-height:38px}.tag-row{display:flex;flex-wrap:wrap;gap:5px}.tag-row span{background:#edf5ff;color:#326fa9;border-radius:20px;padding:5px 8px;font-size:10px}.panel-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.hierarchy>div{display:flex;justify-content:space-between;border-bottom:1px solid #edf2f7;padding:12px 2px}.hierarchy span{font-size:10px;color:var(--muted)}.empty-state{text-align:center;padding:40px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-grid .panel{display:flex;flex-direction:column;gap:12px}.settings-grid h3{margin:0 0 4px}.settings-grid label input[type=checkbox]{width:auto;margin-right:6px}
.module-tabs{display:flex;gap:4px;margin-bottom:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:var(--shadow);width:max-content;max-width:100%;overflow:auto}.module-tabs button{border:none;background:transparent;padding:10px 16px;border-radius:8px;font-weight:700;color:#324863;white-space:nowrap}.module-tabs button.active{background:var(--navy);color:#fff}.module-tabs i{background:#ff4d4f;color:#fff;font-style:normal;border-radius:50%;padding:2px 5px;font-size:9px}.pos-grid{display:grid;grid-template-columns:1.05fr 1.3fr 1fr;gap:10px}.pos-grid .panel{padding:12px}.trxno{font-size:11px;background:#f7f9fc;padding:6px 8px;border-radius:7px}.order-type{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:10px}.order-type button{border:1px solid var(--line);background:#f8fafc;padding:8px}.order-type button.active{background:var(--navy);color:#fff}.pos-fields{display:grid;grid-template-columns:1fr 100px;gap:7px}.pos-fields .full{grid-column:1/-1}.order-lines{margin-top:10px}.line{display:grid;grid-template-columns:24px 1fr 30px auto;gap:6px;align-items:center;border-bottom:1px solid #edf2f7;padding:9px 0;font-size:11px}.line em{font-style:normal;text-align:center}.totals{margin-top:10px}.totals>div{display:flex;justify-content:space-between;padding:5px 0}.totals .grand{border-top:1px solid var(--line);margin-top:5px;padding-top:10px;font-size:20px}.redtxt{color:var(--danger)}.product-search{display:flex;gap:6px}.product-search input{flex:1}.product-search button{border:none;background:var(--navy);color:#fff;border-radius:8px;padding:0 15px}.category-tabs{display:flex;gap:5px;margin:9px 0;overflow:auto}.category-tabs button{border:1px solid var(--line);background:#f7f9fc;border-radius:7px;padding:7px 10px;font-size:10px}.category-tabs button.active{background:var(--navy);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.product-card{position:relative;text-align:left;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px;min-height:110px}.product-card:hover{border-color:#8ab9ff;box-shadow:0 6px 15px #1877ff12}.product-pic{height:52px;border-radius:7px;background:linear-gradient(135deg,#edf4fb,#f8fbff);display:grid;place-items:center;font-size:29px}.product-card b{display:block;font-size:10px;margin:5px 0}.product-card span{font-size:10px;font-weight:800}.product-card i{position:absolute;right:6px;bottom:6px;width:20px;height:20px;border-radius:50%;background:#fff0d3;color:#c48119;display:grid;place-items:center;font-style:normal}.payment-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.payment-methods button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 4px}.payment-methods button.active{background:var(--navy);color:#fff}.payment-methods b,.payment-methods small{display:block;font-size:10px;margin-top:3px}.pay-input{font-size:22px;font-weight:800}.quick-money{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin:7px 0 10px}.quick-money button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px;font-size:10px}.change-box{margin-top:5px;background:#e9f8f0;color:#11845a;padding:13px;border-radius:8px;font-size:20px;font-weight:800}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.action-grid button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px}.action-grid b,.action-grid small{display:block;font-size:10px}.danger-btn{color:#d83b3b!important;border-color:#ffb4b4!important;background:#fff6f6!important}.pay-btn{width:100%;margin-top:10px;background:linear-gradient(135deg,#c68e2d,#dfa941);color:#fff;border:none;padding:14px;font-size:15px}.pay-btn kbd{float:right;background:#ac7824;padding:3px 5px;border-radius:4px}
.login-page{min-height:100vh;padding:22px;background:linear-gradient(135deg,#eaf2fa,#f7fbff)}.login-shell{max-width:1500px;margin:auto;min-height:880px;display:grid;grid-template-columns:1.65fr 1fr;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 70px rgba(13,34,56,.14)}.login-hero{position:relative;padding:62px 64px;color:#fff;background:radial-gradient(circle at 80% 22%,rgba(55,113,158,.28),transparent 32%),linear-gradient(145deg,#0b2239,#0e2d49 65%,#0b2339);display:flex;flex-direction:column;justify-content:space-between}.login-hero:after{content:"";position:absolute;right:0;top:0;bottom:0;width:37%;background:linear-gradient(135deg,transparent,rgba(255,255,255,.03));clip-path:polygon(40% 0,100% 0,100% 100%,0 100%)}.login-hero h1{font-size:56px;line-height:1.05;margin:60px 0 22px;letter-spacing:-2px}.login-hero h1 em{font-style:normal;color:#e0ad4f}.login-hero p{max-width:620px;color:#c8d5e3;font-size:18px;line-height:1.5}.business-grid{display:grid;grid-template-columns:repeat(4,120px);gap:14px;margin-top:36px}.business-grid div{border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:16px 8px;text-align:center;background:rgba(255,255,255,.025)}.business-grid div:first-child{color:#f1b448}.business-grid div{font-size:25px}.business-grid span{display:block;margin-top:8px;color:#fff;font-size:11px;line-height:1.3}.hero-foot{color:#91a6ba;z-index:2}.login-form{padding:45px 58px;display:flex;flex-direction:column}.login-logo{text-align:center;margin:30px 0 56px}.form-wrap{max-width:520px;width:100%;margin:auto}.form-wrap h2{font-size:33px;margin:0 0 10px}.form-wrap>p{color:var(--muted);font-size:16px;line-height:1.45;margin-bottom:30px}.form-wrap label{margin-top:18px;font-size:13px}.form-wrap input{padding:15px 16px;border-radius:10px}.form-row{display:flex;justify-content:space-between;align-items:center;margin:12px 0 16px}.form-row .check{margin:0;font-weight:500}.check input{width:auto;margin:0 6px 0 0}.form-wrap .btn{padding:15px;font-size:16px}.offline-card{margin-top:30px;background:#f7f9fc;border:1px solid #edf1f5;border-radius:10px;padding:14px;display:flex;gap:12px}.offline-card b,.offline-card small{display:block}.offline-card small{color:var(--muted);margin-top:4px}.demo-note{display:block;text-align:center;color:#8795a8;margin-top:14px}.notice{padding:12px 14px;border-radius:9px;margin:12px 0}.notice.success{background:#e7f8ef;color:#127c55}.notice.danger{background:#ffeded;color:#c83a3a}.install-page{min-height:100vh;display:grid;place-items:center;padding:30px}.install-card{max-width:620px;width:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:35px;box-shadow:var(--shadow)}
@media(max-width:1200px){.metric-grid.five{grid-template-columns:repeat(3,1fr)}.metric-grid.four{grid-template-columns:repeat(2,1fr)}.business-strip{grid-template-columns:repeat(4,1fr)}.admin-grid,.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.template-page-grid{grid-template-columns:repeat(2,1fr)}.pos-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-hero{display:none}}
@media(max-width:850px){.app-shell{padding-left:0}.sidebar{transform:translateX(-100%)}.topbar{left:0}.global-search{width:60vw}.metric-grid.four,.metric-grid.five,.settings-grid,.template-page-grid{grid-template-columns:1fr}.business-strip{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:repeat(3,1fr)}.role-cards{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.content{padding:88px 10px 20px}.page-head{flex-direction:column}.outlet-switcher{min-width:0;width:100%}}

/* V2.1 Transaction Core */
.module-tabs a{border:none;background:transparent;padding:10px 16px;border-radius:8px;font-weight:700;color:#324863;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.module-tabs a.active{background:var(--navy);color:#fff}.module-tabs a i{background:#ff4d4f;color:#fff;font-style:normal;border-radius:50%;padding:2px 5px;font-size:9px}.subnav a.sub-active{background:#173d5e;color:#fff}.upgrade-log{background:#f7fafc;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:12px 0;font-size:12px;line-height:1.7}.demo-credentials{margin-top:14px;background:#f7fafc;border-radius:10px;padding:12px;color:#5d6f84;font-size:12px;line-height:1.6}
.toast-area{position:fixed;right:22px;top:78px;z-index:120;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{min-width:260px;max-width:420px;padding:12px 14px;border-radius:10px;box-shadow:0 14px 34px rgba(12,34,56,.17);background:#e8f8f0;color:#0f7d55;border:1px solid #cbeedf;font-weight:700}.toast.danger{background:#fff0f0;color:#bf3939;border-color:#ffd0d0}.status-pill{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.3px;background:#edf2f7;color:#52677e}.status-pill.draft{background:#eaf2ff;color:#276fb9}.status-pill.pending{background:#fff1d7;color:#ad7315}.status-pill.partially_paid{background:#f0eaff;color:#7257c9}.status-pill.paid{background:#e2f7ed;color:#11825a}.status-pill.void,.status-pill.refunded{background:#ffebeb;color:#c84141}.status-pill.merged{background:#edf0f4;color:#637180}
.pos-empty{padding:34px 10px;text-align:center;border:1px dashed #d9e4ef;border-radius:9px;color:var(--muted);font-size:11px;margin-top:10px}.pos-line{grid-template-columns:22px 1fr 92px auto 20px}.split-check{display:grid;place-items:center}.split-check input{width:auto;margin:0}.item-name b{display:block;font-size:11px}.item-name small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.qty-control{display:flex;align-items:center;gap:4px}.qty-control button{width:25px;height:25px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:0}.qty-control em{min-width:28px;text-align:center}.remove-item{border:none;background:transparent;color:#7b8797;font-size:18px}.order-tools{display:flex;gap:5px;margin-top:9px}.mini-action{flex:1;border:1px solid var(--line);background:#f8fafc;border-radius:7px;padding:7px 5px;font-size:10px}.payment-summary{margin-top:10px;border-top:1px solid #edf1f5;padding-top:8px;max-height:116px;overflow:auto}.payment-summary>b{display:block;font-size:10px;color:#61748b;margin-bottom:4px}.payment-summary .refund-head{margin-top:8px}.payment-summary>div{display:flex;justify-content:space-between;font-size:9px;padding:4px 0;border-bottom:1px dashed #edf1f5}.three-actions{grid-template-columns:repeat(2,1fr)}.pay-btn:disabled,.product-card:disabled,.qty-btn:disabled,.remove-item:disabled{opacity:.48;cursor:not-allowed}.modal-backdrop{position:fixed;z-index:200;inset:0;background:rgba(5,20,35,.52);display:grid;place-items:center;padding:18px}.modal-backdrop[hidden]{display:none}.modal-card{width:min(520px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.24);padding:18px}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:14px}.modal-head h3{margin:0}.modal-head button{border:none;background:#f1f4f7;width:30px;height:30px;border-radius:50%;font-size:20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-note{color:var(--muted);font-size:11px;line-height:1.5}.modal-warning{margin-top:10px;padding:10px;background:#fff2e2;color:#9a6410;border-radius:8px;font-size:11px}.filter-row{display:flex;gap:7px;margin:0 0 12px 4px}.two-col-layout{display:grid;grid-template-columns:.8fr 1.5fr;gap:12px}
.billiard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.billiard-card{position:relative;overflow:hidden}.billiard-card.playing{border-color:#79cdbd;background:linear-gradient(180deg,#fff,#f4fffb)}.billiard-head{display:flex;justify-content:space-between;align-items:flex-start}.billiard-head h3{margin:6px 0 0;font-size:18px}.table-badge{display:inline-block;background:#eef3f8;color:#5d7086;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:800}.table-status{font-size:10px;font-weight:800;padding:5px 8px;border-radius:15px;background:#e4f7ee;color:#0f865b}.available .table-status{background:#edf2f6;color:#617388}.billiard-rate{font-size:19px;font-weight:800;margin:12px 0}.billiard-rate small{font-size:10px;color:var(--muted);font-weight:500}.billiard-timer{font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;letter-spacing:1px;color:#0a7e6f;text-align:center;padding:13px;background:#eaf8f4;border-radius:10px}.session-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:7px 0 12px}.billiard-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.billiard-empty{height:87px;display:grid;place-items:center;border:1px dashed #dbe4ed;border-radius:10px;color:#8797aa;margin:10px 0 12px}
@media(max-width:1200px){.billiard-grid{grid-template-columns:repeat(2,1fr)}.two-col-layout{grid-template-columns:1fr}}
@media(max-width:700px){.billiard-grid{grid-template-columns:1fr}.toast-area{right:10px;left:10px}.toast{min-width:0;max-width:none}.pos-line{grid-template-columns:20px 1fr 86px}.pos-line>span,.pos-line>.remove-item{grid-column:auto}.order-tools{flex-wrap:wrap}.mini-action{min-width:30%}}


/* V2.1.1 Operational Fix */
.dashboard-home{max-width:100%;overflow:hidden}.dashboard-home>.panel{margin-bottom:12px}.dashboard-head{margin-bottom:14px}.dashboard-home .metric-grid{align-items:stretch}.dashboard-home .metric{min-height:94px}.dashboard-home .metric>div:last-child{min-width:0}.dashboard-home .metric strong{white-space:nowrap}.dashboard-home .business-strip>div{min-height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-home .dashboard-grid>.panel{min-height:328px;overflow:hidden}.dashboard-home .dashboard-grid.lower>.panel{min-height:0}.dashboard-home .bar-chart{height:236px;max-height:236px;overflow:hidden;gap:10px;padding:22px 8px 0}.dashboard-home .bar-chart>div{height:214px;display:flex;flex-direction:column;justify-content:flex-end}.dashboard-home .bar-chart i{max-height:188px;flex:none}.dashboard-home .bar-chart span{flex:none}.dashboard-home .summary-list>div{min-height:52px;align-items:center}.dashboard-home .panel-title{min-height:28px}.dashboard-home .table-wrap{max-width:100%}.dashboard-home table{table-layout:auto}.receipt-success-modal{display:none}
@media(max-width:1450px){.dashboard-home .metric{padding:14px;gap:10px}.dashboard-home .metric-icon{width:46px;height:46px}.dashboard-home .metric strong{font-size:18px}.dashboard-home .business-strip{grid-template-columns:repeat(4,1fr)}}

/* V2.1.2 — Billiard timer modes */
.billiard-policy-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 12px;padding:10px 12px;border:1px solid #d8e3ef;border-radius:10px;background:#fff;font-size:11px;color:#52677e}.billiard-policy-bar b{color:#0d2440}.billiard-policy-bar span{padding:5px 8px;border-radius:999px;background:#f2f6fa}.timer-mode-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0}.timer-mode-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.5px}.timer-mode-badge.is-open{background:#e8f7f2;color:#087a68}.timer-mode-badge.is-duration{background:#edf4ff;color:#1459a6}.timer-plan{font-size:10px;font-weight:700;color:#697d92}.billiard-card.time-expired{border-color:#efb25f;background:linear-gradient(180deg,#fff,#fff9ef)}.billiard-card.time-expired .billiard-timer{background:#fff0d8;color:#b66b06}.billiard-card.time-expired .timer-plan{color:#b66b06;font-weight:900}.open-actions{grid-template-columns:1fr 1fr}.billiard-empty small{font-size:10px;color:#9aa9b8}.billiard-modal-card{max-width:620px}.billiard-start-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;background:#f4f7fb;margin-bottom:10px}.billiard-start-summary span{font-size:11px;color:#6c7f93}.billiard-start-summary b{font-size:15px;color:#0d2440}.billing-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.billing-choice{appearance:none;border:1px solid #d5e1ee;background:#fff;border-radius:12px;padding:12px 8px;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:#0d2440}.billing-choice:hover{border-color:#2486f6;box-shadow:0 6px 18px #112a4412;transform:translateY(-1px)}.billing-choice strong{font-size:17px}.billing-choice small{font-size:10px;color:#72869a}.billing-choice b{font-size:11px;color:#1677ff}.billing-choice.open-choice{grid-column:1/-1;min-height:88px;border-color:#8bcfc3;background:#f2fbf8}.billing-choice.open-choice strong{color:#087a68}.billing-choice.open-choice b{color:#087a68}.billing-choice.open-choice em{font-style:normal;font-size:9px;color:#6a7c8e}.billing-choice:disabled{opacity:.55;cursor:wait;transform:none}
@media(max-width:700px){.billing-mode-grid{grid-template-columns:repeat(2,1fr)}.billing-choice.open-choice{grid-column:1/-1}.billiard-policy-bar{align-items:flex-start}}

/* V2.1.3 Billiard Auto Lamp Control */
.lamp-state-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 2px}.lamp-state{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.25px}.lamp-state.is-on{background:#fff4c9;color:#9a6500;box-shadow:inset 0 0 0 1px #f5d76a}.lamp-state.is-off{background:#eef3f7;color:#66798d}.lamp-state b{font-size:13px}.lamp-mode-label{font-size:9px;font-weight:900;letter-spacing:.55px;color:#1677ff;background:#edf4ff;border-radius:999px;padding:5px 8px}.lamp-mode-label.manual{color:#9a6500;background:#fff6d8}.lamp-manual-note{margin:6px 0;padding:7px 9px;border-radius:8px;background:#fff9e9;border:1px solid #f2df9e;font-size:10px;color:#735515}.lamp-error{margin:6px 0;padding:7px 9px;border-radius:8px;background:#fff0f0;border:1px solid #f3bcbc;font-size:10px;color:#b12f2f}.lamp-driver-chip{font-weight:900}.lamp-driver-chip.simulation{background:#fff5d7!important;color:#8e6500!important}.lamp-driver-chip.live{background:#e9f8f2!important;color:#087a68!important}.lamp-manual-on,.lamp-manual-off{margin-top:7px}.lamp-manual-on{border-color:#f0cf65;background:#fffaf0;color:#765400}.lamp-manual-off{border-color:#f0b1b1;background:#fff7f7;color:#a52828}

/* V2.1.4 Device & IoT Center */
.iot-driver-pill{background:#fff;border:1px solid var(--line,#dbe5ef);border-radius:12px;padding:10px 14px;display:flex;gap:8px;align-items:center;box-shadow:0 4px 18px rgba(14,42,72,.05)}
.iot-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.iot-stat{padding:16px 18px}.iot-stat span{display:block;color:#6b7f98;font-size:12px}.iot-stat b{display:block;font-size:28px;color:#0b2140;margin:2px 0}.iot-stat small{color:#8799ad}
.iot-two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.iot-register-form{display:grid;grid-template-columns:1.2fr 1.2fr .65fr auto;gap:10px;align-items:end}.iot-register-form label{margin:0}
.device-endpoint-box{margin-top:14px;padding:12px 14px;border:1px dashed #bfcfe0;border-radius:12px;background:#f7fbff}.device-endpoint-box span,.device-endpoint-box small{display:block}.device-endpoint-box code{display:block;margin:6px 0;padding:8px 10px;border-radius:8px;background:#0d2743;color:#fff;overflow:auto}
.iot-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.iot-flow span{padding:9px 11px;border-radius:10px;background:#f3f7fb;border:1px solid #d9e4ef;font-weight:700;color:#12304f}.iot-flow b{color:#c88a1e}.iot-safety-note{padding:12px;border-radius:10px;background:#fff8e9;border:1px solid #f0d89f;color:#755111}
.token-reveal{margin:12px 0;padding:14px;border-radius:12px;background:#fff7df;border:1px solid #e6c979}.token-reveal b,.token-reveal small{display:block}.token-reveal code{display:block;margin:8px 0;padding:10px;border-radius:8px;background:#172a42;color:#fff;word-break:break-all;font-size:13px}
.iot-device-table td small,.data-table td small{display:block;color:#8293a6;margin-top:2px}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.status-pill.online{background:#def7e8;color:#087443}.status-pill.offline{background:#fde7e7;color:#b22222}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions form{margin:0}.btn-sm{padding:7px 9px!important;font-size:11px!important;min-height:32px!important}
.lamp-mini{display:inline-flex;padding:5px 8px;border-radius:999px;font-weight:800;font-size:11px}.lamp-mini.on{background:#dcf8e7;color:#087748}.lamp-mini.off{background:#eef2f6;color:#657587}.lamp-mini.unknown{background:#fff3d6;color:#8a6310}.lamp-actual-chip{font-size:10px;font-weight:800;padding:4px 7px;border-radius:999px;background:#eef3f7;color:#647789}.lamp-actual-chip.is-on{background:#dcf8e7;color:#087748}.lamp-actual-chip.is-off{background:#f1f3f5;color:#647789}
.command-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800;background:#eef2f6;color:#586b7e}.command-status.acked{background:#def7e8;color:#087443}.command-status.failed,.command-status.expired{background:#fde7e7;color:#b22222}.command-status.pending,.command-status.dispatched{background:#fff3d6;color:#8a6310}
@media(max-width:1100px){.iot-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.iot-two-col{grid-template-columns:1fr}.iot-register-form{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.iot-summary-grid{grid-template-columns:1fr 1fr}.iot-register-form{grid-template-columns:1fr}.iot-flow{align-items:flex-start;flex-direction:column}}


/* V2.1.5 — Billiard + F&B unified bill */
.billiard-fnb-box{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;margin:9px 0 10px;border:1px solid #d7e5f1;border-radius:10px;background:#f8fbff}
.billiard-fnb-box>div{min-width:0;display:flex;flex-direction:column;gap:2px}.billiard-fnb-box small{font-size:9px;font-weight:800;color:#60768b;text-transform:uppercase;letter-spacing:.35px}.billiard-fnb-box b{font-size:12px;color:#0d2440}.billiard-fnb-box span{font-size:9px;color:#8494a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.billiard-fnb-btn{flex:0 0 auto;background:#fff7e8;border-color:#eec36e;color:#885a00;font-weight:800;padding:8px 10px}
.billiard-fnb-btn:hover{background:#ffefcd;border-color:#d9aa4e}
.billiard-linked-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0 0 12px;padding:11px 13px;border:1px solid #cfe0ef;border-radius:12px;background:#fff}
.billiard-linked-banner.active-session{border-color:#86cdbc;background:linear-gradient(90deg,#f2fbf8,#fff)}.billiard-linked-banner.closed-session{border-color:#9fc4ef;background:linear-gradient(90deg,#f3f8ff,#fff)}
.billiard-linked-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#0d2d4a;color:#fff;font-size:20px}
.billiard-linked-banner>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.billiard-linked-banner small{font-size:9px;font-weight:900;letter-spacing:.45px;color:#16806d}.billiard-linked-banner b{font-size:13px;color:#0d2440}.billiard-linked-banner span{font-size:10px;color:#65798e}.billiard-linked-banner .btn{white-space:nowrap}
.billiard-payment-lock{display:flex;flex-direction:column;gap:3px;margin:0 0 10px;padding:10px 11px;border:1px solid #f0cc84;border-radius:10px;background:#fff8e9;color:#6f520c;font-size:10px}.billiard-payment-lock>b{font-size:11px;color:#6a4a00}.billiard-payment-lock span{line-height:1.35}
.locked-billiard-line{background:#f5f9fd}.locked-billiard-line .item-name small{color:#466985;font-weight:700}.locked-billiard-line .split-check{font-size:14px}.locked-billiard-line .remove-item{cursor:not-allowed}
button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:900px){.billiard-linked-banner{grid-template-columns:auto 1fr}.billiard-linked-banner .btn{grid-column:1/-1}.billiard-fnb-box{align-items:flex-start;flex-direction:column}.billiard-fnb-btn{width:100%;text-align:center}}

/* V2.1.6 — Master Meja Billiard */
.billiard-master-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0}.master-stat{padding:15px 17px}.master-stat span{display:block;color:#6e8099;font-size:11px;font-weight:700}.master-stat b{display:block;font-size:25px;margin:3px 0;color:#0c1f3e}.master-stat small{color:#8495a7}.billiard-master-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:14px}.master-form-panel{padding:16px}.billiard-master-form{display:flex;flex-direction:column;gap:10px}.form-grid{display:grid;gap:10px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.billiard-master-form label{font-size:11px;font-weight:700;color:#40566d}.billiard-master-form input,.billiard-master-form select{width:100%;margin-top:5px;border:1px solid #d6e1ec;background:#fff;border-radius:9px;padding:9px 10px;color:#102845;min-height:39px}.field-help{display:block;margin-top:5px;color:#7b8da1;font-size:9px;font-weight:600;line-height:1.35}.check-line{display:flex!important;align-items:center;gap:8px;padding:9px 10px;border:1px solid #dfe8f2;border-radius:9px;background:#f8fbfe}.check-line input{width:auto!important;margin:0!important;min-height:auto!important}.master-rule-note{margin-top:12px;padding:11px 12px;border-radius:10px;background:#fff8e9;border:1px solid #efd698;color:#72530d;font-size:10px;line-height:1.45}.billiard-master-table .row-inactive{opacity:.58;background:#f6f7f8}.status-pill.maintenance{background:#fff0d8;color:#a26400}.status-pill.available{background:#eef3f7;color:#5e7082}.table-status.maintenance{background:#fff0d8!important;color:#a26400!important}.maintenance-empty{background:#fff9ee!important;border-color:#edd49a!important;color:#8a610c!important}.table-area{display:block;margin-top:3px;color:#8495a8;font-size:9px;font-weight:600}.billiard-master-table td{vertical-align:middle}.billiard-master-table td:nth-child(1){width:55px}.billiard-master-table td:nth-child(9){min-width:250px}
@media(max-width:1150px){.billiard-master-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.billiard-master-layout{grid-template-columns:1fr}.billiard-master-table td:nth-child(9){min-width:210px}}
@media(max-width:720px){.billiard-master-summary{grid-template-columns:1fr 1fr}.form-grid.two,.form-grid.three{grid-template-columns:1fr}}

/* V2.1.7 — F&B Kitchen / Bar / Waiter Service Flow */
.service-quickbar{display:flex;align-items:center;gap:8px;margin:-4px 0 12px;padding:8px 10px;border:1px solid #dce7f1;border-radius:11px;background:#f8fbff}.service-quickbar>span{font-size:10px;font-weight:900;letter-spacing:.5px;color:#6b7d91;text-transform:uppercase;margin-right:2px}.service-quickbar a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;background:#fff;border:1px solid #dfe8f2;color:#17314f;font-size:11px;font-weight:800}.service-quickbar a b{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#edf4ff;color:#1677ff;display:inline-grid;place-items:center;font-size:10px}
.inline-service{display:inline-flex;padding:2px 5px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.2px}.inline-service.queued{background:#fff2d8;color:#a56b08}.inline-service.preparing{background:#e6f0ff;color:#1764c0}.inline-service.ready{background:#def7e8;color:#087443}.inline-service.picked_up{background:#eee9ff;color:#6346c7}.inline-service.served{background:#e6f7f5;color:#087f74}.inline-service.enjoying{background:#e8f7ec;color:#1b7a45}
.service-tabs{margin-bottom:12px}.kds-live{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dce7f1;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800;color:#61758c}.kds-live span{width:8px;height:8px;border-radius:50%;background:#12a36d;box-shadow:0 0 0 4px rgba(18,163,109,.12)}
.kds-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.kds-summary>div{background:#fff;border:1px solid #dfe8f2;border-radius:12px;box-shadow:var(--shadow);padding:13px 15px}.kds-summary small{display:block;font-size:9px;font-weight:900;letter-spacing:.45px;color:#6f8297}.kds-summary b{display:block;font-size:25px;margin:3px 0;color:#0d2440}.kds-summary span{font-size:10px;color:#8494a6}
.kds-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.kds-ticket{background:#fff;border:1px solid #dbe6f0;border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.kds-ticket-head{display:flex;justify-content:space-between;gap:10px;padding:13px 14px;background:linear-gradient(135deg,#f7fbff,#fff);border-bottom:1px solid #e5edf5}.kds-ticket-head small{font-size:9px;font-weight:900;color:#6d8094}.kds-ticket-head h3{margin:2px 0 3px;font-size:18px}.kds-ticket-head span{font-size:10px;color:#788b9f}.ticket-source{height:max-content;padding:5px 7px;border-radius:999px;background:#edf4ff;color:#1764c0;font-size:9px;font-weight:900}.kds-items{padding:8px}.kds-line{display:grid;grid-template-columns:1fr auto;gap:9px;padding:10px;border:1px solid #e4ebf3;border-radius:10px;margin-bottom:8px;background:#fff}.kds-line:last-child{margin-bottom:0}.kds-line.status-preparing{border-color:#9fc7f8;background:#f6faff}.kds-line.status-ready{border-color:#9bd8be;background:#f5fcf8}.kds-line.late{border-color:#efb1b1;background:#fff8f8}.kds-line-main{min-width:0}.kds-line-main b{display:block;font-size:13px}.kds-line-main small{display:block;margin-top:5px;color:#73869a;font-size:9px;font-weight:700}.item-note{display:block;margin-top:4px;color:#8a5e0e;font-size:9px;background:#fff7e4;border-radius:6px;padding:4px 6px}.kds-line-actions{display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:112px}.service-ready{background:#0f9b77!important;border-color:#0f9b77!important;color:#fff!important}.ready-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 9px;border-radius:8px;background:#def7e8;color:#087443;font-size:9px;font-weight:900;text-align:center}.danger-soft{background:#fff5f5!important;border-color:#f0c3c3!important;color:#b12d2d!important}.service-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.service-empty b{font-size:16px;color:#15734f}.service-empty span{color:#74879c;font-size:11px}
.waiter-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.waiter-ticket{background:#fff;border:1px solid #dce7f1;border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.waiter-ticket-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #e6edf4;background:#fbfdff}.waiter-ticket-head small{font-size:9px;color:#71849a;font-weight:800}.waiter-ticket-head h2{font-size:20px;margin:2px 0}.waiter-ticket-head span{font-size:10px;color:#8091a3}.waiter-items{padding:8px}.waiter-line{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid #e4ebf3;border-radius:10px;margin-bottom:8px}.waiter-line:last-child{margin-bottom:0}.waiter-line.status-ready{border-left:4px solid #12a36d;background:#f7fcf9}.waiter-line.status-picked_up{border-left:4px solid #7b61e8;background:#faf9ff}.waiter-line.status-served{border-left:4px solid #0a9b8e;background:#f7fcfb}.waiter-product{display:flex;gap:9px;align-items:flex-start}.waiter-product b{display:block;font-size:13px}.waiter-product small,.waiter-product span{display:block;font-size:9px;color:#74879b;margin-top:3px}.station-chip{flex:0 0 auto;padding:5px 6px;border-radius:7px;font-size:8px;font-weight:900}.station-chip.kitchen{background:#fff1d6;color:#9a6500}.station-chip.bar{background:#e5f3ff;color:#1764c0}.waiter-action{min-width:145px}.recent-service{margin-top:12px}.recent-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.recent-service-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e2eaf2;border-radius:9px;background:#fbfdfc}.recent-service-item>span{width:26px;height:26px;border-radius:50%;background:#def7e8;color:#087443;display:grid;place-items:center;font-weight:900}.recent-service-item b{display:block;font-size:10px}.recent-service-item small{display:block;margin-top:2px;color:#8091a3;font-size:8px}
@media(max-width:1180px){.kds-board{grid-template-columns:repeat(2,minmax(0,1fr))}.waiter-board{grid-template-columns:1fr}.recent-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.kds-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.kds-board{grid-template-columns:1fr}.kds-line,.waiter-line{grid-template-columns:1fr}.kds-line-actions{min-width:0;flex-direction:row}.waiter-action{width:100%}.recent-service-grid{grid-template-columns:1fr}.service-quickbar{overflow:auto}.service-quickbar>span{display:none}}

/* =========================================================
   KCB Accurate V2.1.8 — Fullscreen + Font 14/16/18
   ========================================================= */
:root{
  --kcb-fs-xxs:8px;
  --kcb-fs-xs:10px;
  --kcb-fs-sm:12px;
  --kcb-fs-base:14px;
  --kcb-fs-md:16px;
  --kcb-fs-lg:18px;
  --kcb-fs-xl:20px;
  --kcb-fs-2xl:28px;
}
html[data-kcb-font="16"]{
  --kcb-fs-xxs:10px;
  --kcb-fs-xs:12px;
  --kcb-fs-sm:14px;
  --kcb-fs-base:16px;
  --kcb-fs-md:18px;
  --kcb-fs-lg:21px;
  --kcb-fs-xl:24px;
  --kcb-fs-2xl:31px;
}
html[data-kcb-font="18"]{
  --kcb-fs-xxs:11px;
  --kcb-fs-xs:13px;
  --kcb-fs-sm:15px;
  --kcb-fs-base:18px;
  --kcb-fs-md:20px;
  --kcb-fs-lg:23px;
  --kcb-fs-xl:27px;
  --kcb-fs-2xl:34px;
}
html,body{font-size:var(--kcb-fs-base)!important}
button,input,select,textarea{font-size:inherit}
.page-head h1{font-size:var(--kcb-fs-2xl)!important}
.page-head p,.content{font-size:var(--kcb-fs-base)}
.panel-title h3,.service-empty b{font-size:var(--kcb-fs-md)!important}
.metric strong,.waiter-ticket-head h2{font-size:var(--kcb-fs-xl)!important}
.kds-ticket-head h3{font-size:var(--kcb-fs-lg)!important}
.kds-line-main b,.waiter-product b,.billiard-fnb-box b{font-size:var(--kcb-fs-base)!important}
.sidebar nav>a,.nav-group>a,.btn,label,.summary-list,.alert-list{font-size:var(--kcb-fs-base)}
.subnav a,td,.btn-sm,.business-strip b,.metric small{font-size:var(--kcb-fs-sm)!important}
th,.profile small,.panel-title a,.up,.kds-line-main small,.waiter-product small,.waiter-product span,.kds-summary span,.service-empty span{font-size:var(--kcb-fs-xs)!important}
.status,.inline-service,.station-chip,.ticket-source,.ready-badge,.kds-ticket-head small,.waiter-ticket-head small,.recent-service-item small{font-size:var(--kcb-fs-xxs)!important}

.display-control-top{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--line);background:#f7fafe;border-radius:10px}
.display-control-label{font-size:11px;font-weight:800;color:#6e8099;padding:0 3px 0 5px}
.display-font-btn,.display-fullscreen-btn{height:30px;min-width:34px;padding:0 9px;border:1px solid #d8e3ee;border-radius:7px;background:#fff;color:#28425f;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.display-font-btn:hover,.display-fullscreen-btn:hover{background:#edf5ff;border-color:#b8d2ef}
.display-font-btn.active{background:#0c2238;border-color:#0c2238;color:#fff}
.display-fullscreen-btn{min-width:104px;background:#fff8e9;border-color:#ecd29b;color:#805b0d}
.kcb-display-dock{display:none;position:fixed;z-index:10000;right:16px;top:14px;align-items:center;gap:6px;padding:7px 8px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(12,34,56,.94);box-shadow:0 12px 35px rgba(0,0,0,.22);backdrop-filter:blur(10px);color:#fff}
.kcb-display-dock>span{font-size:11px;font-weight:800;opacity:.82;padding:0 3px}
.kcb-display-dock .display-font-btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}
.kcb-display-dock .display-font-btn.active{background:#fff;color:#0c2238;border-color:#fff}
.kcb-display-dock .display-fullscreen-btn.exit{min-width:auto;background:#d94141;border-color:#d94141;color:#fff}

/* True app fullscreen: browser fullscreen + clean operational canvas. */
body.kcb-app-fullscreen{overflow:auto;background:#eef4fa}
body.kcb-app-fullscreen .sidebar,body.kcb-app-fullscreen .topbar{display:none!important}
body.kcb-app-fullscreen .app-shell{padding-left:0!important;min-height:100vh}
body.kcb-app-fullscreen .content{padding:18px!important;min-height:100vh;width:100%;max-width:none!important}
body.kcb-app-fullscreen .kcb-display-dock{display:flex}
body.kcb-app-fullscreen .page-head{padding-right:300px}
body.kcb-app-fullscreen .panel,body.kcb-app-fullscreen .kds-ticket,body.kcb-app-fullscreen .waiter-ticket{box-shadow:0 8px 24px rgba(18,49,79,.07)}

/* Font 18 gets a roomier operational layout instead of squeezing text. */
html[data-kcb-font="18"] .kds-board{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-kcb-font="18"] .kds-line-actions{min-width:135px}
html[data-kcb-font="18"] .waiter-action{min-width:175px}
html[data-kcb-font="18"] .business-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-kcb-font="18"] .metric-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Fullscreen station views should fill the screen and remain readable on TV. */
body.kcb-app-fullscreen[data-page="kitchen_display"] .service-quickbar,
body.kcb-app-fullscreen[data-page="bar_display"] .service-quickbar,
body.kcb-app-fullscreen[data-page="waiter_service"] .service-quickbar{margin-top:0}
body.kcb-app-fullscreen[data-page="kitchen_display"] .kds-board,
body.kcb-app-fullscreen[data-page="bar_display"] .kds-board{gap:16px}
body.kcb-app-fullscreen[data-page="waiter_service"] .waiter-board{gap:16px}

@media(max-width:1100px){
  .display-fullscreen-btn span{display:none}
  .display-fullscreen-btn{min-width:34px}
  .display-control-label{display:none}
}
@media(max-width:850px){
  .display-control-top{display:none}
  body.kcb-app-fullscreen .page-head{padding-right:0;padding-top:52px}
  .kcb-display-dock{left:10px;right:10px;top:8px;justify-content:flex-end}
}

/* =========================================================
   KCB Accurate V2.1.9 — Premium Sidebar & Navigation Refresh
   ========================================================= */
:root{--kcb-sidebar-expanded:220px;--kcb-sidebar-compact:82px;--kcb-sidebar-w:220px;--kcb-nav-gold:#e3b553;--kcb-nav-gold-soft:rgba(227,181,83,.16);--kcb-nav-surface:#0a2036;--kcb-nav-surface2:#102f4c}
html[data-kcb-sidebar="expanded"]{--kcb-sidebar-w:var(--kcb-sidebar-expanded)}
html[data-kcb-sidebar="compact"]{--kcb-sidebar-w:var(--kcb-sidebar-compact)}
html[data-kcb-sidebar="hidden"]{--kcb-sidebar-w:0px}
.app-shell{padding-left:var(--kcb-sidebar-w)!important;transition:padding-left .22s ease}
.topbar{left:var(--kcb-sidebar-w)!important;transition:left .22s ease}
.sidebar{width:var(--kcb-sidebar-expanded)!important;padding:16px 12px 18px!important;background:radial-gradient(circle at 20% 0%,rgba(42,89,126,.24),transparent 34%),linear-gradient(180deg,#081d31 0%,#0c2943 55%,#0b233a 100%)!important;border-right:1px solid rgba(255,255,255,.07);box-shadow:10px 0 30px rgba(5,26,45,.16)!important;transition:width .22s ease,transform .22s ease,padding .22s ease;overflow-y:auto;overflow-x:hidden}
.sidebar-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:76px}.sidebar-brand{margin:5px 8px 18px!important;transition:all .2s ease}.sidebar-brand b{font-size:31px!important;letter-spacing:.8px}.sidebar-brand span{font-size:14px!important;letter-spacing:5.2px!important}.sidebar-brand small{font-size:7px!important;letter-spacing:2.9px!important;color:#8fa7bc!important}.sidebar-mode-switch{display:flex;gap:3px;padding:3px;border-radius:9px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}.sidebar-mode-switch button{width:27px;height:27px;border:0;border-radius:6px;background:transparent;color:#88a3ba;display:grid;place-items:center;padding:0}.sidebar-mode-switch button:hover,.sidebar-mode-switch button.active{background:rgba(227,181,83,.15);color:var(--kcb-nav-gold)}
.nav-svg{width:20px;height:20px;display:block;flex:0 0 auto}.sidebar .nav-icon{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;color:#afc2d3;transition:color .18s ease,transform .18s ease}.sidebar nav{gap:3px!important}.sidebar nav>a,.nav-group>a{min-height:42px;padding:9px 10px!important;border-radius:10px!important;gap:10px!important;position:relative;color:#d5e1eb!important;font-weight:650;letter-spacing:-.05px;transition:background .18s ease,color .18s ease,transform .18s ease}.sidebar nav>a:hover,.nav-group>a:hover{background:rgba(255,255,255,.065)!important;color:#fff!important}.sidebar nav>a:hover .nav-icon,.nav-group>a:hover .nav-icon{color:#fff;transform:translateY(-1px)}.sidebar nav>a.active,.nav-group>a.active{background:linear-gradient(90deg,rgba(33,91,133,.88),rgba(24,71,106,.62))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055),0 8px 20px rgba(0,0,0,.09)}.sidebar nav>a.active:before,.nav-group>a.active:before{content:"";position:absolute;left:-12px;top:10px;bottom:10px;width:3px;border-radius:0 5px 5px 0;background:linear-gradient(#f2cb73,#cf9230);box-shadow:0 0 12px rgba(227,181,83,.42)}.sidebar nav>a.active .nav-icon,.nav-group>a.active .nav-icon{color:var(--kcb-nav-gold)}.nav-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-chevron{margin-left:auto;color:#7891a7;font-size:20px;line-height:1}.nav-section-label{padding:13px 11px 6px;color:#607b92;font-size:8px;font-weight:900;letter-spacing:1.45px;white-space:nowrap}.subnav{padding:3px 0 7px 45px!important;border-left:1px solid rgba(255,255,255,.055);margin-left:22px}.subnav a{padding:7px 9px!important;color:#9eb4c7!important;border-radius:7px!important;font-size:11px!important;position:relative}.subnav a:before{content:"";position:absolute;left:-17px;top:50%;width:6px;height:1px;background:#3a5e7b}.subnav a:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}.subnav a.sub-active{background:rgba(227,181,83,.11)!important;color:#f2d28a!important;font-weight:800}.subnav a.sub-active:before{background:#e0ae4b;height:2px}.sidebar-footer{margin-top:24px!important;padding:13px!important;border-color:rgba(227,181,83,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(227,181,83,.09))!important}.sidebar-footer-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--kcb-nav-gold);flex:0 0 28px}.sidebar-footer span:last-child{font-size:11px!important;color:#c7d5e1;line-height:1.4}

/* Compact mode: premium rail, icon-first navigation. */
html[data-kcb-sidebar="compact"] .sidebar{width:var(--kcb-sidebar-compact)!important;padding-left:10px!important;padding-right:10px!important}
html[data-kcb-sidebar="compact"] .sidebar-topline{display:block;min-height:78px;text-align:center}
html[data-kcb-sidebar="compact"] .sidebar-brand{margin:6px auto 12px!important;align-items:center;display:flex!important}
html[data-kcb-sidebar="compact"] .sidebar-brand b{font-size:24px!important}
html[data-kcb-sidebar="compact"] .sidebar-brand span,html[data-kcb-sidebar="compact"] .sidebar-brand small{display:none}
html[data-kcb-sidebar="compact"] .sidebar-mode-switch{justify-content:center;border:0;background:transparent;padding:0}
html[data-kcb-sidebar="compact"] .sidebar-mode-switch button[data-kcb-sidebar-set="expanded"],html[data-kcb-sidebar="compact"] .sidebar-mode-switch button[data-kcb-sidebar-set="hidden"]{display:none}
html[data-kcb-sidebar="compact"] .sidebar nav>a,html[data-kcb-sidebar="compact"] .nav-group>a{justify-content:center;padding:9px!important;min-height:44px}
html[data-kcb-sidebar="compact"] .nav-label,html[data-kcb-sidebar="compact"] .nav-chevron,html[data-kcb-sidebar="compact"] .nav-section-label,html[data-kcb-sidebar="compact"] .subnav,html[data-kcb-sidebar="compact"] .sidebar-footer span:last-child{display:none!important}
html[data-kcb-sidebar="compact"] .sidebar nav>a.active:before,html[data-kcb-sidebar="compact"] .nav-group>a.active:before{left:-10px}
html[data-kcb-sidebar="compact"] .sidebar-footer{padding:10px!important;justify-content:center;margin-top:18px!important}
html[data-kcb-sidebar="compact"] .sidebar-footer-icon{width:26px;height:26px;flex-basis:26px}
html[data-kcb-sidebar="compact"] .sidebar .nav-icon{width:27px;height:27px;flex-basis:27px}
html[data-kcb-sidebar="compact"] .sidebar .nav-svg{width:21px;height:21px}

/* Hidden mode keeps navigation one click away via the floating Quick Menu. */
html[data-kcb-sidebar="hidden"] .sidebar{transform:translateX(-106%);pointer-events:none}

/* Premium topbar action icons */
.global-search>svg,.premium-action svg,.display-fullscreen-btn svg,.dock-icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.premium-action{display:grid;place-items:center;color:#173652;transition:.18s ease}.premium-action:hover{border-color:#bfd0df;background:#f4f8fc;color:#0d6fd7}.display-fullscreen-btn svg{width:16px;height:16px}.dock-icon-btn{height:30px;width:32px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;padding:0}.dock-icon-btn:hover{background:rgba(255,255,255,.16)}

/* Quick Menu launcher & panel */
.kcb-quick-launch{position:fixed;z-index:10020;left:16px;bottom:16px;display:none;align-items:center;gap:8px;height:44px;padding:0 13px;border:1px solid rgba(227,181,83,.42);border-radius:12px;background:linear-gradient(135deg,#0d2a45,#123b60);color:#fff;box-shadow:0 12px 30px rgba(7,31,51,.28);font-weight:800}.kcb-quick-launch span{width:23px;height:23px;display:grid;place-items:center;color:#f0c86f}.kcb-quick-launch .nav-svg{width:20px;height:20px}.kcb-quick-launch:hover{transform:translateY(-1px);box-shadow:0 15px 34px rgba(7,31,51,.34)}
html[data-kcb-sidebar="hidden"] .kcb-quick-launch,body.kcb-app-fullscreen .kcb-quick-launch{display:flex}
.kcb-quickmenu-backdrop{position:fixed;inset:0;z-index:10030;background:rgba(4,16,28,.32);backdrop-filter:blur(2px);opacity:0;transition:opacity .18s ease}.kcb-quickmenu-backdrop.open{opacity:1}.kcb-quickmenu{position:fixed;z-index:10040;top:0;bottom:0;left:0;width:min(420px,92vw);padding:20px;background:linear-gradient(180deg,#f9fcff,#eef5fb);border-right:1px solid #d6e2ee;box-shadow:24px 0 60px rgba(8,29,48,.22);transform:translateX(-105%);transition:transform .22s cubic-bezier(.2,.8,.2,1);overflow:auto}.kcb-quickmenu.open{transform:translateX(0)}.quickmenu-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:5px 2px 16px;border-bottom:1px solid #dce7f1}.quickmenu-head small{display:block;color:#b07a1f;font-size:9px;font-weight:900;letter-spacing:1.8px}.quickmenu-head h3{margin:4px 0 3px;font-size:23px;color:#0c2238}.quickmenu-head span{color:#72859a;font-size:11px}.quickmenu-head button{width:38px;height:38px;border:1px solid #d7e2ed;border-radius:10px;background:#fff;color:#173652;display:grid;place-items:center}.quickmenu-head .nav-svg{width:19px;height:19px}.quickmenu-section{padding:17px 0 0}.quickmenu-section>b{display:block;margin:0 0 9px;color:#667d93;font-size:9px;letter-spacing:1px;text-transform:uppercase}.quickmenu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quickmenu-grid a{display:flex;align-items:center;gap:10px;min-height:66px;padding:10px;border:1px solid #dbe6f0;border-radius:11px;background:#fff;color:#122d49;box-shadow:0 5px 16px rgba(13,44,71,.04);transition:.18s ease}.quickmenu-grid a:hover{border-color:#b7cee2;box-shadow:0 8px 20px rgba(13,44,71,.08);transform:translateY(-1px)}.quickmenu-grid i{width:34px;height:34px;border-radius:9px;background:#edf4fb;color:#175f9a;display:grid;place-items:center;flex:0 0 34px;font-style:normal}.quickmenu-grid i .nav-svg{width:19px;height:19px}.quickmenu-grid span{font-weight:800;font-size:11px}.quickmenu-grid small{display:block;margin-top:3px;color:#8192a4;font-size:8px;font-weight:600}.quickmenu-grid.compact-grid a{min-height:53px}.quickmenu-foot{display:flex;align-items:center;gap:6px;margin-top:19px;padding:11px 12px;border:1px solid #dbe6f0;border-radius:10px;background:#f8fbfe;color:#6f8297;font-size:9px}.quickmenu-foot span{font-weight:900;margin-right:3px}.quickmenu-foot kbd{padding:3px 6px;background:#fff;border:1px solid #d5e1ed;border-radius:5px;color:#1f3d59}.quickmenu-foot em{font-style:normal;margin-left:3px}

/* Fullscreen now keeps navigation available. Expanded auto-compacts via JS on entry. */
body.kcb-app-fullscreen .topbar{display:none!important}
body.kcb-app-fullscreen .sidebar{display:block!important}
body.kcb-app-fullscreen .app-shell{padding-left:var(--kcb-sidebar-w)!important}
body.kcb-app-fullscreen .content{padding:18px!important;width:100%;max-width:none!important}
html[data-kcb-sidebar="hidden"] body.kcb-app-fullscreen .sidebar{transform:translateX(-106%)}
body.kcb-app-fullscreen .kcb-display-dock{display:flex}
body.kcb-app-fullscreen .kcb-quick-launch{bottom:18px}

@media(max-width:900px){
  :root{--kcb-sidebar-compact:74px}
  html[data-kcb-sidebar="expanded"]{--kcb-sidebar-w:var(--kcb-sidebar-compact)}
  html[data-kcb-sidebar="expanded"] .sidebar{width:var(--kcb-sidebar-compact)!important;padding-left:8px!important;padding-right:8px!important}
  html[data-kcb-sidebar="expanded"] .sidebar-brand span,html[data-kcb-sidebar="expanded"] .sidebar-brand small,html[data-kcb-sidebar="expanded"] .nav-label,html[data-kcb-sidebar="expanded"] .nav-chevron,html[data-kcb-sidebar="expanded"] .nav-section-label,html[data-kcb-sidebar="expanded"] .subnav,html[data-kcb-sidebar="expanded"] .sidebar-footer span:last-child{display:none!important}
  html[data-kcb-sidebar="expanded"] .sidebar nav>a,html[data-kcb-sidebar="expanded"] .nav-group>a{justify-content:center}
  .quickmenu-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  html[data-kcb-sidebar="expanded"],html[data-kcb-sidebar="compact"]{--kcb-sidebar-w:0px}
  html[data-kcb-sidebar="expanded"] .sidebar,html[data-kcb-sidebar="compact"] .sidebar{transform:translateX(-106%);pointer-events:none}
  .kcb-quick-launch{display:flex!important}
}

/* =========================================================
   KCB Accurate V3.3.11 — Clean Stable Sidebar
   Keep the original clean sidebar look, hide the scrollbar,
   and preserve its exact scroll position across navigation.
   ========================================================= */
.sidebar{
  position:fixed!important;
  top:0!important;
  bottom:0!important;
  height:100dvh!important;
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  transition:none!important;
}
.sidebar::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
  background:transparent!important;
}
.sidebar nav{
  display:flex!important;
  flex-direction:column!important;
  overflow:visible!important;
  padding-right:0!important;
  scrollbar-gutter:auto!important;
}
.sidebar-topline,.sidebar-footer{
  flex:none!important;
}
.app-shell,.topbar{transition:none!important}
/* No physical row movement on hover/active. */
.sidebar nav>a,.nav-group>a,.sidebar .nav-icon,
.sidebar nav>a:hover .nav-icon,.nav-group>a:hover .nav-icon{
  transform:none!important;
}
body.kcb-app-fullscreen .sidebar{
  position:fixed!important;
  top:0!important;
  bottom:0!important;
  height:100dvh!important;
}

/* V3.4.0 premium F&B selector */
.pos-products{background:linear-gradient(180deg,#fff,#fbfdff)}.premium-cats{padding-bottom:4px}.premium-cats button{font-weight:800;padding:8px 12px;border-radius:999px}.premium-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.premium-product-card{padding:0;overflow:hidden;min-height:178px;border-radius:14px;background:#fff;display:block}.premium-product-media{height:94px;position:relative;background:linear-gradient(135deg,#eef4f9,#f9fbfd);overflow:hidden}.premium-product-media>img{width:100%;height:100%;object-fit:cover}.premium-product-media .product-pic{height:100%;border-radius:0;font-size:38px;background:transparent}.premium-product-media>small{position:absolute;left:7px;top:7px;background:#ffffffde;border:1px solid #fff;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;color:#40556f;box-shadow:0 2px 8px #1232}.premium-product-body{padding:9px 10px 10px}.premium-product-body>b{font-size:11px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-product-body>em{font-style:normal;display:block;color:#7a899b;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.premium-product-body>div{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.premium-product-body strong{font-size:11px;color:#0b2340}.premium-product-body i{position:static;width:27px;height:27px;background:#0d3552;color:#fff;border-radius:8px;font-size:16px}.premium-product-card:hover{transform:translateY(-1px);border-color:#9ec6ea;box-shadow:0 10px 24px #1232}@media(max-width:1180px){.premium-product-grid{grid-template-columns:repeat(2,1fr)}}

/* KCB V3.7.0 — POS F&B modifier picker */
.modifier-group{padding:12px 0;border-bottom:1px solid #e5e7eb}.modifier-group:last-of-type{border-bottom:0}.modifier-group-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;color:#0f2742}.modifier-group-head span,.modifier-group-head .redtxt{font-size:11px}.modifier-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.modifier-option{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #dbe4ef;border-radius:10px;background:#fff;cursor:pointer}.modifier-option:hover{border-color:#9fb5ca;background:#f8fbff}.modifier-option input{width:18px!important;height:18px!important;flex:0 0 18px}.modifier-option span{min-width:0;display:block}.modifier-option b{display:block;font-size:12px;color:#102a43}.modifier-option small{display:block;margin-top:2px;color:#64748b;font-size:10px}@media(max-width:720px){.modifier-options{grid-template-columns:1fr}}