:root{--blue:#0735b8;--blue2:#0b48d7;--ink:#0b1430;--muted:#64748b;--bg:#eef2f8;--white:#fff;--green:#0a9d45;--red:#ef1717;--line:#d6deeb;--shadow:0 5px 18px #12306d18}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}
.header{height:92px;background:linear-gradient(110deg,#082aa1,#063dcc);color:#fff;display:flex;align-items:center;padding:0 24px;gap:18px;box-shadow:0 2px 10px #001b5a55;position:sticky;top:0;z-index:20}
.hamburger{font-size:31px;background:none;color:#fff;border:0;width:55px}.brand{display:flex;align-items:center;gap:12px;min-width:420px}.logo{font-size:48px;filter:drop-shadow(0 2px 2px #0004)}.brand b{display:block;font-size:32px;letter-spacing:-.8px}.brand small{display:block;text-align:center;font-size:16px;font-weight:600;margin-top:0}.header-actions{margin-left:auto;display:flex;align-items:center;gap:28px}.quick-view{background:#08a43f;color:#fff;border:1px solid #45d47d;border-radius:22px;padding:13px 24px;font-weight:800;font-size:16px;box-shadow:inset 0 1px #ffffff55}.user{display:flex;align-items:center;gap:10px}.user b{display:block;font-size:17px}.user small{display:block}.user i{display:inline-block;width:9px;height:9px;background:#20d957;border-radius:50%;margin-right:4px}.avatar{font-size:37px}.power{border:0;border-left:2px solid #ffffff66;background:none;color:#fff;font-size:38px;padding-left:24px}
.nav{position:fixed;left:0;top:92px;bottom:45px;width:330px;background:#fff;border-right:1px solid var(--line);z-index:15;padding:15px;box-shadow:8px 0 20px #163a8a12;transform:translateX(-100%);transition:.2s}.nav.open{transform:none}.nav-title{font-size:25px;font-weight:900;padding:10px 10px 18px;display:flex;justify-content:space-between}.nav-title button{border:0;background:none;font-size:32px}.nav-item{width:100%;border:0;background:#fff;border-radius:14px;padding:17px;text-align:left;font-weight:900;font-size:17px;display:flex;align-items:center;gap:15px;margin-bottom:8px}.nav-item:hover,.nav-item.active{background:#e5efff;color:var(--blue)}.nav-item span{flex:1}.nav-sep{border-top:1px solid var(--line);margin:12px 0}
main{padding:18px 18px 70px;min-height:calc(100vh - 137px);max-width:1600px;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.page-title h1{margin:0;font-size:27px}.page-title p{margin:5px 0 0;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.metric-label{color:var(--muted);font-weight:700;font-size:12px}.metric{font-size:28px;font-weight:900;margin-top:8px}.metric.green{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:15px;margin-top:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:15px}.panel h2{font-size:17px;margin:0 0 12px}.chart{height:220px;display:flex;align-items:end;gap:12px;padding:10px 5px;border-bottom:1px solid var(--line)}.bar{flex:1;background:linear-gradient(#2868ee,#0b3bbd);border-radius:6px 6px 0 0;min-height:12px;position:relative}.bar span{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted)}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}
.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.quick-actions button,.action{border:1px solid var(--line);background:#f4f7fb;border-radius:9px;padding:13px;font-weight:800}.success{background:#e8fff1!important;color:#087a37;border-color:#9ce0b8!important}.danger{background:#fff0f0!important;color:#b00000;border-color:#ffc3c3!important}
.pos-layout{display:grid;grid-template-columns:220px minmax(420px,1fr) 410px;gap:12px;align-items:stretch}.category-panel,.product-panel,.cart-panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.category-panel{padding:10px}.cat-title{font-weight:900;font-size:15px;padding:8px}.cat{width:100%;border:0;background:#f2f6fb;border-radius:8px;padding:13px 9px;text-align:left;font-weight:800;margin:4px 0}.cat.active{background:#cfe1ff;color:#063bbd}.product-panel{padding:11px}.search-row{display:grid;grid-template-columns:68px minmax(220px,360px) 105px 70px;gap:8px;margin-bottom:10px}.search-row input,.search-row button,.field input,.field select{height:44px;border:1px solid #c5d0e1;border-radius:8px;background:#fff;padding:0 12px} .search-row button{font-weight:800;background:#e6f0ff;color:#0a3bbd}.pos-qty-field{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.pos-qty-field span{font-size:11px;font-weight:900;line-height:1;color:#334155}.pos-qty-field input{width:100%;box-sizing:border-box;text-align:center;padding:0 6px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.product{border:1px solid var(--line);border-radius:10px;padding:9px;background:#fff;text-align:left;min-height:166px;display:flex;flex-direction:column;justify-content:space-between}.product:hover{border-color:#2b6df0;box-shadow:0 2px 9px #2868ee22}.pic{height:92px;border-radius:7px;background:linear-gradient(135deg,#eef4ff,#fff1dc);display:flex;align-items:center;justify-content:center;font-size:48px}.product b{font-size:14px;line-height:1.1}.price-row{display:flex;align-items:center;justify-content:space-between}.price{font-size:16px;font-weight:900}.plus{background:#0b9d45;color:#fff;border-radius:7px;padding:5px 9px;font-size:20px;font-weight:900}.cart-panel{display:flex;flex-direction:column;min-height:600px}.cart-head{padding:13px;border-bottom:1px solid var(--line);font-size:20px;font-weight:900;display:flex;justify-content:space-between}.clear{background:#f1161c;color:#fff;border-radius:8px;padding:8px 13px;font-weight:900}.cart-items{padding:6px 10px;flex:1;overflow:auto}.cart-item{display:grid;grid-template-columns:1fr 55px 80px 24px;gap:7px;align-items:center;padding:11px 2px;border-bottom:1px solid var(--line);font-size:13px}.qty{width:42px;text-align:center;height:30px;border:1px solid #b9c5d8;border-radius:5px}.remove{background:#ef1d22;color:#fff;border-radius:5px;width:24px;height:24px}.cart-total{border-top:1px solid var(--line);padding:12px}.line{display:flex;justify-content:space-between;padding:5px 0;font-size:14px}.line.total{font-size:22px;font-weight:900}.customer-box{padding:8px 12px}.customer-box select{width:100%;height:40px;border:1px solid #c5d0e1;border-radius:7px}.pay-btn{margin:8px 12px 12px;height:65px;border:0;border-radius:10px;background:#08a445;color:#fff;font-size:22px;font-weight:900;box-shadow:0 4px 0 #067d35}
.payment-panel{position:fixed;right:18px;bottom:55px;width:min(450px,calc(100vw - 36px));background:#fff;border:2px solid #0b46d1;border-radius:13px;box-shadow:0 12px 40px #00194c55;z-index:30;overflow:hidden}.payment-head{background:linear-gradient(90deg,#0735b8,#0647d6);color:#fff;padding:12px 16px;font-size:19px;font-weight:900;display:flex;justify-content:space-between}.payment-body{padding:14px}.methods{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.methods button{padding:10px 5px;border:1px solid #c4cddd;background:#f7f9fc;border-radius:7px;font-weight:800}.methods button.active{background:#dce9ff;color:#0641c5}.tender{margin-top:10px;padding:12px;background:#dff8e8;border:1px solid #9cdeba;border-radius:9px}.tender-row{display:flex;justify-content:space-between;font-size:16px;padding:3px}.tender input{width:150px;height:42px;text-align:right;font-size:21px;font-weight:900;border:1px solid #aab9d1;border-radius:7px}.change{margin-top:7px;font-size:34px;font-weight:1000;color:#087b38}.payment-actions{display:flex;gap:8px;margin-top:12px}.payment-actions button{flex:1;height:48px;border-radius:8px;font-weight:900}.confirm{background:#079b42;color:#fff;border:0}.cancel{background:#e9edf4;color:#13203a;border:0}
.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.table th{background:#f3f6fa}.toolbar{display:flex;gap:8px;margin-bottom:12px}.toolbar input{flex:1;height:44px;border:1px solid #c5d0e1;border-radius:8px;padding:0 12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field label{display:block;font-size:11px;font-weight:900;margin-bottom:5px}.field input,.field select{width:100%}.pricing-auto-field input[readonly]{background:#f1f5f9;border-style:dashed;font-weight:900;cursor:not-allowed}.pricing-auto-badge{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:999px;background:#e8f7ee;color:#16803c;font-size:9px;font-weight:900;vertical-align:middle;letter-spacing:.03em}.pricing-auto-help{display:block;margin-top:4px;color:#64748b;font-size:10px;font-weight:700}.btn{border:0;border-radius:8px;padding:11px 15px;font-weight:900}.btn.primary{background:#0b46d1;color:#fff}.btn.green{background:#079b42;color:#fff}.modal-bg{position:fixed;inset:0;background:#00112b99;z-index:50;display:flex;align-items:center;justify-content:center;padding:15px}.modal-box{width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:12px}.modal-title{padding:14px;border-bottom:1px solid var(--line);font-weight:900;display:flex;justify-content:space-between}.modal-body{padding:15px}.modal-foot{padding:12px 15px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}
.toast{position:fixed;bottom:65px;left:50%;transform:translateX(-50%);background:#111827;color:#fff;padding:12px 18px;border-radius:8px;display:none;z-index:100;font-weight:800}
footer{height:45px;position:fixed;bottom:0;left:0;right:0;background:linear-gradient(90deg,#0628a1,#063bc4);color:#fff;display:flex;align-items:center;gap:15px;padding:0 25px;font-weight:800;font-size:14px;z-index:18}
@media(max-width:1200px){.pos-layout{grid-template-columns:180px 1fr}.cart-panel{grid-column:1/-1}.products{grid-template-columns:repeat(4,1fr)}.cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.brand{min-width:0}.brand b{font-size:20px}.brand small{font-size:11px}.quick-view{display:none}.header{height:70px}.nav{top:70px}.pos-layout{grid-template-columns:1fr}.category-panel{display:flex;overflow:auto;gap:5px}.cat{min-width:130px}.products{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}footer{height:40px}.workspace{}}

/* ===== AGAPE DASHBOARD UPDATE ONLY ===== */
.dashboard-header{background:linear-gradient(110deg,#c65308,#f47b20);height:78px;padding:0 18px;gap:14px}
.dashboard-header .brand{min-width:330px}
.dashboard-header .logo{font-size:38px}
.dashboard-header .brand b{font-size:24px}
.dashboard-header .brand small{font-size:12px}
.top-left{display:flex;align-items:center;gap:5px}
.top-nav{margin-left:auto;display:flex;align-items:center;gap:7px}
.top-icon{width:45px;height:45px;border:1px solid #ffffff55;border-radius:10px;background:#ffffff18;color:#fff;font-size:23px;display:grid;place-items:center;box-shadow:0 2px 6px #6a260b33}
.top-icon:hover{background:#ffffff2b}
.dashboard-icon{background:#fff;color:#c65308}
.power-icon{background:#9f3205}
.dashboard-menu{top:78px;width:330px;bottom:45px;border-right:0;border-radius:0 0 14px 0;box-shadow:8px 10px 25px #6a260b22}
.dashboard-menu .nav-item:hover,.dashboard-menu .nav-item.active{background:#fff1e8;color:#c65308}
.dashboard-menu .nav-title button{color:#c65308}
.dashboard-menu .nav-item{padding:15px}
#main{padding-top:20px}
.dashboard-home .page-title h1{font-size:30px}
.dashboard-home .page-title p{text-transform:uppercase}
.dashboard-welcome{background:linear-gradient(110deg,#fff7f0,#fff);border:1px solid #f2d2bc;border-radius:14px;padding:18px;margin-bottom:15px}
.dashboard-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}
.dashboard-shortcut{border:1px solid #f0d5c1;background:#fff;border-radius:12px;padding:15px;text-align:left;font-weight:900;display:flex;align-items:center;gap:10px}
.dashboard-shortcut:hover{border-color:#e87a32;background:#fff8f3}
.dashboard-shortcut .shortcut-icon{font-size:25px}
.dashboard-card{position:fixed;z-index:60;top:90px;right:20px;width:min(390px,calc(100vw - 40px));background:#fff;border:1px solid #ead6c9;border-radius:14px;box-shadow:0 16px 45px #5a260d35;overflow:hidden}
.dashboard-card-title{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;background:#fff8f3;border-bottom:1px solid #ead6c9;font-weight:900}
.dashboard-card-title button{border:0;background:none;font-size:28px;line-height:1;color:#7b3212}
.dashboard-card-body{padding:16px}
.dashboard-card-actions{display:grid;gap:9px}
.dashboard-info-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #eee}
.dashboard-info-row:last-child{border-bottom:0}
.dashboard-info-row span{color:#64748b;font-weight:700}
.dashboard-info-row b{font-size:17px}
.dashboard-status{display:inline-flex;align-items:center;gap:6px;font-weight:800}
.dashboard-status i{width:8px;height:8px;background:#19a34a;border-radius:50%;display:inline-block}
.dashboard-card .btn{width:100%;margin-top:8px}
.dashboard-modal-bg{position:fixed;inset:0;z-index:70;background:#1d100b55;display:grid;place-items:start center;padding-top:100px}
.dashboard-confirm{width:min(390px,calc(100vw - 40px));background:#fff;border-radius:14px;box-shadow:0 18px 50px #2a140b44;border:1px solid #ead6c9}
.dashboard-confirm .dashboard-card-title{background:#fff}
@media(max-width:1050px){
  .dashboard-header .brand{min-width:250px}
  .dashboard-header .brand b{font-size:19px}
  .top-icon{width:40px;height:40px;font-size:20px}
  .top-nav{gap:4px}
}
@media(max-width:800px){
  .dashboard-header{height:auto;min-height:72px;flex-wrap:wrap;padding:10px}
  .dashboard-header .brand{order:2;min-width:0;flex:1}
  .top-left{order:1}
  .top-nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;padding-top:4px}
  .dashboard-menu{top:72px}
  .dashboard-shortcuts{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .dashboard-shortcuts{grid-template-columns:1fr}
  .dashboard-header .brand small{display:none}
}

/* ===== POS-ONLY ANDROID OPTIMIZATION ===== */
.pos-page-title{margin-bottom:10px}
.pos-android-layout{grid-template-columns:150px minmax(0,1.35fr) minmax(330px,.95fr);gap:10px;min-height:calc(100vh - 170px)}
.pos-android-layout .category-panel{padding:8px}
.pos-android-layout .cat{min-height:44px;margin-bottom:5px}
.pos-android-layout .product-panel{min-width:0}
.pos-android-layout .search-row{position:sticky;top:0;z-index:5;padding:7px;background:#fff;border-bottom:1px solid #eee}
.pos-android-layout .search-row input{min-height:46px;font-size:16px}
.pos-android-layout .search-row button{min-height:46px}
.pos-android-layout .products{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.pos-android-layout .product{min-height:112px;padding:10px}
.pos-android-layout .cart-panel{display:flex;flex-direction:column;min-height:0}
.pos-android-layout .cart-items{flex:1;min-height:160px;max-height:calc(100vh - 410px);overflow:auto}
.pos-android-layout .cart-item{min-height:50px;padding:7px 5px}
.pos-android-layout .qty{width:55px;min-height:40px;font-size:16px}
.pos-android-layout .customer-box select{min-height:48px;font-size:16px}
.pos-android-layout .pay-btn{min-height:64px;font-size:22px;font-weight:900;position:sticky;bottom:0;z-index:4}
.empty-cart{padding:35px 10px;text-align:center;color:#64748b}
.payment-method{min-height:54px;font-weight:900}
.split-trigger{border:2px solid #e36d24}
.tender-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.tender-summary>div{padding:12px;border:1px solid #ead6c9;border-radius:10px;background:#fff8f3;text-align:center}
.tender-summary span{display:block;font-size:11px;color:#64748b;font-weight:800}
.tender-summary strong{display:block;font-size:18px;margin-top:3px}
.sub-choice{margin-top:10px;padding:12px;border:1px solid #ead6c9;border-radius:10px}
.sub-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}
.sub-choice-grid button,.bank-list button{min-height:48px;border:1px solid #ddd;border-radius:8px;background:#fff;font-weight:800}
.sub-choice-grid button.active,.bank-list button:hover{background:#fff0e6;border-color:#e36d24;color:#b84e0d}
.bank-list{display:grid;gap:7px;margin-top:8px}
.wallet-list{display:grid;gap:7px;margin-top:8px}
.wallet-customer{min-height:58px;padding:10px;border:1px solid #ddd;border-radius:8px;background:#fff;display:flex;justify-content:space-between;align-items:center;text-align:left}
.wallet-customer b{font-size:13px;color:#16823c}
.wallet-customer.disabled{opacity:.45;cursor:not-allowed;background:#f3f4f6;color:#64748b}
.wallet-selected,.selected-payment{margin-top:9px;padding:10px;border-radius:8px;background:#eef8f0;font-weight:800}
.amount-entry{display:grid;gap:6px;margin-top:10px}
.amount-entry input{min-height:50px;font-size:20px;font-weight:800}
.amount-entry .btn{min-height:48px}
.split-breakdown{margin-top:12px;border-top:1px solid #eee;padding-top:10px}
.split-breakdown h3{margin:0 0 8px;font-size:13px}
.split-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #eee}
.split-row span{display:block;font-size:12px;color:#64748b}
.split-row button{border:0;background:none;font-size:22px;color:#a33}
.notice{padding:10px;color:#64748b;background:#f7f7f7;border-radius:8px}
@media(max-width:1100px){
  .pos-android-layout{grid-template-columns:125px minmax(0,1fr) minmax(300px,.9fr)}
  .pos-android-layout .products{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}
}
@media(max-width:800px){
  #main:has(.pos-android-layout){padding:6px}
  .pos-page-title{display:none}
  .pos-android-layout{display:grid;grid-template-columns:1fr;gap:7px;min-height:0}
  .pos-android-layout .category-panel{display:flex;gap:5px;overflow-x:auto;order:1}
  .pos-android-layout .cat{white-space:nowrap;margin:0;min-width:82px}
  .pos-android-layout .product-panel{order:2}
  .pos-android-layout .cart-panel{order:3}
  .pos-android-layout .cart-items{max-height:250px}
  .pos-android-layout .products{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pos-android-layout .product{min-height:100px}
  .pos-android-layout .search-row{display:grid;grid-template-columns:56px minmax(0,1fr) 46px 46px}
  .pos-android-layout .search-row input{grid-column:auto}
  .pos-android-layout .search-row button{font-size:0}
  .pos-android-layout .search-row button:first-of-type:after{content:"▦";font-size:20px}
  .pos-android-layout .search-row button:last-of-type:after{content:"▥";font-size:20px}
}
@media(max-width:480px){
  .pos-android-layout .products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pos-android-layout .cart-items{max-height:220px}
  .tender-summary strong{font-size:15px}
  .tender-summary{gap:5px}
  .modal-box{width:calc(100vw - 12px);max-height:94vh}
  .modal-body{padding:10px}
}

/* ===== BOTTLE TRACKING CUSTOMIZATION — ONLY BOTTLE TRACKING ===== */
.bottle-legend{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.bottle-legend span{padding:7px 10px;border-radius:8px;font-size:12px;font-weight:900}
.legend-red{background:#ffe1e1;color:#8a2626}
.legend-orange{background:#ffe9cf;color:#8a4b08}
.legend-green{background:#dff5df;color:#236b2b}
.bottle-settings .btn{margin:5px}
.bottle-type-list{display:grid;gap:8px;margin:12px 0}
.bottle-type-row{display:grid;grid-template-columns:1.4fr 1fr .7fr auto auto;gap:8px;align-items:center;padding:11px;border:1px solid #ead6c9;border-radius:9px;background:#fff}
.bottle-record{border:1px solid #ead6c9;border-left:7px solid #ddd;border-radius:10px;margin:10px 0;padding:12px}
.bottle-record.bottle-red{background:#fff1f1;border-left-color:#efb1b1}
.bottle-record.bottle-orange{background:#fff5e9;border-left-color:#f0c27d}
.bottle-record.bottle-green{background:#effbef;border-left-color:#a9dca9}
.bottle-record-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.bottle-record-head span{font-weight:900;font-size:12px}
.bottle-detail-row{display:grid;gap:3px;padding:9px 0;border-bottom:1px solid #eadfd7}
.bottle-detail-row span{font-size:13px}
.bottle-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.bottle-history-row{display:grid;gap:3px;padding:8px 0;border-bottom:1px solid #eee}
.bottle-history-row small{color:#64748b}
@media(max-width:700px){
 .bottle-type-row{grid-template-columns:1fr 1fr}
 .bottle-type-row button{width:100%}
}

.bottle-cart-item small,.cart-item small{display:block;font-size:11px;color:#7a5b49;margin-top:3px}

.table tr.bottle-red{background:#fff1f1}
.table tr.bottle-orange{background:#fff5e9}
.table tr.bottle-green{background:#effbef}

/* ===== POS UI / PAYMENT FLOW UPDATE ONLY ===== */
.menu-icon,.hamburger,.pos-menu-icon{display:none!important;width:0!important;margin:0!important;padding:0!important}
.pos-customer-top{padding:10px 12px;margin:0 0 10px;border:1px solid #ead6c9;border-radius:10px;background:#fffaf7}
.pos-customer-top>label{display:block;font-size:11px;font-weight:900;letter-spacing:.04em;margin-bottom:6px}
.pos-customer-search-row{display:flex;gap:8px}
.pos-customer-search{flex:1;min-width:0;height:42px;border:1px solid #d8c8be;border-radius:8px;padding:0 12px;font-size:14px}
.pos-customer-selected{margin-top:6px;font-size:12px;font-weight:800;color:#6b4a3a}
.pos-customer-result{display:flex;width:100%;justify-content:space-between;text-align:left;border:0;border-bottom:1px solid #eee;background:#fff;padding:9px 4px;font-weight:800}
.pos-customer-result small{color:#7b8794}
.pos-tender-primary{min-height:48px;font-size:16px;font-weight:900}
.pos-payment-overlay{position:fixed;inset:0;z-index:1000;background:rgba(28,18,13,.38);display:flex;align-items:center;justify-content:center;padding:16px}
.pos-payment-dialog{width:min(430px,100%);background:#fff;border-radius:16px;box-shadow:0 18px 50px rgba(40,20,10,.28);overflow:hidden}
.pos-payment-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px}
.pos-payment-header small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#a85a2a}
.pos-payment-header h2{margin:2px 0 0;font-size:21px}
.pos-payment-close{border:0;background:#f5eee9;border-radius:9px;width:38px;height:38px;font-size:25px;line-height:1;color:#63371f}
.pos-payment-total{margin:4px 18px 16px;padding:14px 15px;border-radius:11px;background:#fff5ed;display:flex;align-items:center;justify-content:space-between;gap:10px}
.pos-payment-total span{font-size:11px;font-weight:900;color:#805438}
.pos-payment-total strong{font-size:25px}
.pos-payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 18px 18px}
.pos-payment-method{min-height:66px;border:1px solid #e6d8cf;border-radius:11px;background:#fff;text-align:left;padding:10px 12px;display:flex;align-items:center;gap:10px;font-size:14px}
.pos-payment-method:hover{border-color:#d76b27;background:#fff8f3}
.pos-payment-method span{font-size:22px}
.pos-payment-method b{font-size:12px}
.pos-payment-split{grid-column:1/-1;justify-content:center;background:#fff6ee;border-color:#edc4a4}
@media(max-width:600px){
 .pos-payment-overlay{align-items:flex-end;padding:8px}
 .pos-payment-dialog{border-radius:16px 16px 10px 10px}
 .pos-payment-methods{grid-template-columns:1fr 1fr;padding-bottom:12px}
 .pos-customer-search-row{flex-direction:column}
 .pos-customer-search-row .btn{width:100%}
}

/* ===== POS PAYMENT + CURRENT SALE UPDATE ===== */
.pos-customer-top{padding:12px;border-bottom:1px solid var(--line);background:#f8fbff}
.pos-customer-top label{display:block;font-size:11px;font-weight:900;color:#53647a;margin-bottom:6px}
.pos-customer-search{width:100%;height:46px;border:1px solid #b9c8dc;border-radius:8px;padding:0 12px;font-size:15px;font-weight:700;background:#fff}
.cart-bottle-action{padding:8px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fffaf5}
.payment-dialog-modern{display:grid;gap:12px}
.payment-total-card{padding:16px;border-radius:12px;background:linear-gradient(135deg,#0735b8,#0a4bd8);color:#fff;text-align:center}
.payment-total-card span{display:block;font-size:11px;font-weight:900;letter-spacing:.5px;opacity:.9}
.payment-total-card strong{display:block;font-size:32px;line-height:1.1;margin-top:5px}
.payment-section h3{margin:0 0 7px;font-size:12px;color:#53647a}
.payment-dialog-modern .methods{grid-template-columns:repeat(2,1fr);gap:7px}
.payment-dialog-modern .payment-method{min-height:52px;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc;font-weight:900}
.payment-dialog-modern .payment-method.active{background:#e5efff;color:#073bbd;border-color:#6f9cf0}
.payment-dialog-modern .sub-choice{margin-top:0}
.payment-dialog-modern .amount-entry{margin-top:0}
.payment-dialog-modern .amount-entry input{height:54px;border:2px solid #9fb2cc;border-radius:9px;font-size:24px;text-align:right;padding:0 12px}
.payment-results{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.payment-results>div{padding:10px;border:1px solid #d9e0ea;border-radius:9px;background:#f8fafc;text-align:center}
.payment-results span{display:block;font-size:10px;color:#64748b;font-weight:900}
.payment-results b{display:block;font-size:19px;margin-top:3px}
.payment-results .change-result{background:#effaf3;border-color:#b9e1c6}
.payment-results .change-result b{color:#087b38;font-size:23px}
.payment-actions{margin-top:0}
.payment-actions .confirm:disabled{opacity:.45;cursor:not-allowed}
.payment-error{min-height:17px;text-align:center;color:#b42318;font-size:12px;font-weight:800}
@media(max-width:480px){
  .payment-total-card strong{font-size:27px}
  .payment-dialog-modern .methods{grid-template-columns:1fr 1fr}
}

/* ===== CUSTOMER MODULE ===== */
.customer-toolbar-actions,.customer-actions,.section-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.customer-toolbar-actions{justify-content:flex-end}
.customer-search-panel{margin-bottom:12px}
.customer-row{cursor:pointer}
.customer-row:hover{background:#f8fbff}
.customer-row small{display:block;color:#718096;font-size:10px;margin-top:2px}
.customer-table td{vertical-align:middle}
.customer-summary-cards{grid-template-columns:repeat(6,minmax(0,1fr))}
.customer-tabs{display:flex;gap:6px;overflow:auto;margin:14px 0;padding-bottom:3px}
.customer-tabs button{border:1px solid #cbd5e1;background:#fff;padding:10px 13px;border-radius:9px;font-weight:900;white-space:nowrap;cursor:pointer}
.customer-tabs button.active{background:#e8f0ff;color:#0735b8;border-color:#7297e5}
.customer-profile-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.profile-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.profile-list>div{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fafafa}
.profile-list span{display:block;font-size:10px;color:#718096;font-weight:900;margin-bottom:4px}
.profile-list b{font-size:13px;word-break:break-word}
.customer-notes-field{grid-column:1/-1}
.customer-notes-field textarea,.customer-notes-large{width:100%;min-height:110px;resize:vertical;border:1px solid #cbd5e1;border-radius:8px;padding:10px;font:inherit}
.credit-sale-card{display:flex;justify-content:space-between;gap:14px;padding:12px;border:1px solid #e5e7eb;border-radius:10px;margin:8px 0;background:#fff}
.credit-sale-card small,.credit-sale-card span{display:block;color:#64748b;font-size:11px;margin-top:4px}
.credit-sale-card strong{display:block;margin-top:5px}
.loyalty-current,.wallet-balance-large{padding:15px;border-radius:11px;background:#f5f8ff;border:1px solid #d8e2f4;margin-bottom:12px;font-weight:900}
.loyalty-current b{font-size:24px;margin-left:8px}
.wallet-balance-large{font-size:28px;color:#0735b8}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.mini-stats>div{padding:10px;border:1px solid var(--line);border-radius:9px;background:#fafafa}
.mini-stats span{display:block;font-size:10px;color:#718096;font-weight:900}
.mini-stats b{display:block;font-size:18px;margin-top:3px}
.bottle-customer-row{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px;padding:9px 0;border-bottom:1px solid #eee;font-size:12px}
.virtual-card-preview{display:grid;place-items:center;gap:15px}
.virtual-card{width:min(420px,100%);min-height:230px;border-radius:18px;padding:22px;background:linear-gradient(135deg,#0735b8,#1c62d8);color:#fff;box-sizing:border-box;box-shadow:0 10px 28px rgba(7,53,184,.2)}
.virtual-card-brand{font-weight:900;letter-spacing:.04em}
.virtual-card-name{font-size:25px;font-weight:900;margin-top:48px}
.virtual-card-id{font-size:12px;margin-top:7px;opacity:.9}
.virtual-card-points{margin-top:18px;font-size:11px}
.virtual-card-points b{font-size:18px;margin-left:5px}
.virtual-card-code{margin-top:13px;background:#fff;color:#111;padding:7px 9px;border-radius:6px;font-weight:900;letter-spacing:3px;text-align:center}
.pos-customer-matches{margin-top:5px;display:grid;gap:2px;max-height:210px;overflow:auto}
.pos-customer-matches:empty{display:none}
.pos-customer-result small{display:block;font-size:10px;font-weight:600;margin-top:2px}
@media(max-width:1100px){.customer-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.customer-profile-grid{grid-template-columns:1fr}.profile-list{grid-template-columns:1fr}.mini-stats{grid-template-columns:1fr 1fr}.bottle-customer-row{grid-template-columns:1fr}.customer-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.customer-summary-cards{grid-template-columns:1fr}.credit-sale-card{display:grid}.pos-customer-search-row{gap:6px}}
/* Customer transaction-history modal: additive styling only; existing Customers layout is preserved. */
.customer-history-modal{max-height:72vh;overflow:auto}
.customer-history-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}
.customer-history-summary>div{padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc}
.customer-history-summary span,.customer-transaction-grid small{display:block;font-size:10px;font-weight:700;color:#64748b;margin-bottom:3px}
.customer-history-summary b{font-size:15px}
.customer-history-list{display:grid;gap:10px}
.customer-transaction-card{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff}
.customer-transaction-head{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #eef2f7;padding-bottom:8px;margin-bottom:9px}
.customer-transaction-grid{display:grid;grid-template-columns:2fr repeat(5,1fr);gap:10px;align-items:start;margin-bottom:10px}
.customer-transaction-grid>div{min-width:0}
.customer-transaction-grid span{display:block;font-size:11px;color:#64748b;margin-top:2px}
.customer-bottle-history{margin-top:16px;padding-top:12px;border-top:1px solid #e5e7eb}
.customer-bottle-history .section-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
@media(max-width:900px){.search-row{grid-template-columns:68px minmax(0,1fr) 105px 70px}}
@media(max-width:900px){.customer-history-summary{grid-template-columns:repeat(2,1fr)}.customer-transaction-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== REQUESTED POS UI UPDATE ===== */
.qty-control{display:flex;align-items:center;justify-content:center;gap:4px}
.qty-control .qty{width:48px}
.qty-plus{width:34px;height:40px;border:1px solid #9fb2ce;border-radius:7px;background:#e7f0ff;color:#0b46d1;font-size:24px;line-height:1;font-weight:900}
.qty-plus:hover{background:#d8e8ff}
.bottle-picker-list{display:grid;gap:8px}
.bottle-picker-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fbff;color:var(--ink)}
.bottle-picker-item:hover{border-color:#2b6df0;background:#eef5ff}
.bottle-picker-item small{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.bottle-picker-item strong{font-size:16px}
.bottle-picker-selected{display:flex;justify-content:space-between;gap:10px;padding:12px;background:#f8fbff;border:1px solid var(--line);border-radius:9px;margin-bottom:10px}
.bottle-picker-selected span{font-size:11px;color:var(--muted);font-weight:800}
.qty-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.qty-preset{min-height:48px;border:1px solid #c5d0e1;border-radius:8px;background:#f4f7fb;font-weight:900;font-size:17px}
.qty-preset:hover,.qty-preset.active{background:#e5efff;color:var(--blue);border-color:#7da5ee}
.qty-custom{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.qty-custom label{display:block;font-size:11px;font-weight:900;margin-bottom:6px}
.qty-custom>div{display:grid;grid-template-columns:1fr 80px;gap:8px}
.qty-custom input{height:44px;border:1px solid #c5d0e1;border-radius:8px;padding:0 12px}
.payment-total-card{background:#fff4f4;border:2px solid #ef1717;color:#b00000}
.payment-total-card span{color:#8d1010}
.payment-total-card strong{color:#ef1717;font-size:34px}
.payment-results{display:grid;grid-template-columns:1fr}
.change-result{padding:12px;border:1px solid #b9e6c8;border-radius:10px;background:#effcf3}
.change-result span{display:block;font-size:11px;font-weight:900;color:#24743d}
.change-result b{display:block;margin-top:3px;color:#59c879;font-size:25px}
.quick-payment{padding:10px 0 2px}
.quick-payment>span{display:block;font-size:11px;font-weight:900;color:#53647a;margin-bottom:7px}
.quick-payment-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.quick-payment-grid button{min-height:44px;border:1px solid #c5d0e1;border-radius:8px;background:#f4f7fb;color:var(--ink);font-weight:900}
.quick-payment-grid button:hover{background:#e5efff;color:var(--blue);border-color:#7da5ee}
@media(max-width:600px){
 .quick-payment-grid{grid-template-columns:repeat(5,1fr);gap:5px}
 .quick-payment-grid button{min-height:42px;padding:0 3px}
 .qty-preset-grid{grid-template-columns:repeat(4,1fr)}
}

/* ===== TRANSACTION HISTORY + RECEIPT POPUP UPDATE ===== */
.cart-head-left{display:flex;align-items:center;gap:9px;min-width:0}
.transaction-icon{width:38px;height:38px;border:1px solid #cbd5e1;border-radius:8px;background:#f4f7fb;font-size:19px;cursor:pointer;display:grid;place-items:center;flex:0 0 auto}
.transaction-icon:hover{background:#e8f0ff;border-color:#7da5ee}
.transactions-modal{display:grid;gap:10px}
.transactions-toolbar{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;font-size:11px;color:#64748b}
.transaction-list{display:grid;gap:7px;max-height:62vh;overflow:auto}
.transaction-row{display:block;width:100%;text-align:left;border:1px solid #e1e7ef;border-radius:9px;background:#fff;padding:10px;cursor:pointer;color:var(--ink)}
.transaction-row:hover{border-color:#7da5ee;background:#f8fbff}
.transaction-row-main,.transaction-row-meta{display:flex;align-items:center;gap:8px;justify-content:space-between}
.transaction-row-main b{font-size:13px}
.transaction-row-meta{margin-top:5px;color:#64748b;font-size:10px}
.transaction-row-meta strong{color:var(--ink);font-size:14px}
.transaction-row-items{font-size:11px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.transaction-row-payment{display:inline-block;margin-top:7px;padding:3px 7px;border-radius:10px;background:#eef2f7;font-size:10px;font-weight:900}
.transaction-status{display:inline-block;padding:4px 7px;border-radius:10px;font-size:9px;font-weight:900;white-space:nowrap}
.status-complete{background:#dff7e7;color:#087b38}.status-partial{background:#fff0d6;color:#a35a00}.status-refunded{background:#ffe0e0;color:#b42318}
.transaction-detail{display:grid;gap:10px}
.transaction-detail h3,.receipt-section-title{font-size:11px;font-weight:900;margin:4px 0 0;color:#53647a}
.transaction-detail-header{display:grid;grid-template-columns:1.4fr 1.4fr .9fr .8fr;gap:7px}
.transaction-detail-header>div{padding:9px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;min-width:0}
.transaction-detail-header small{display:block;color:#64748b;font-size:9px;font-weight:900;margin-bottom:3px}.transaction-detail-header b{font-size:12px;word-break:break-word}
.detail-items{display:grid;gap:6px}.detail-item{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:9px;border:1px solid #e5e7eb;border-radius:8px}.detail-item small,.detail-item span{display:block;color:#64748b;font-size:10px;margin-top:2px}.detail-item span{grid-column:1/-1}
.detail-payment{border:1px solid #e5e7eb;border-radius:8px;padding:7px 10px;background:#fff}
.return-history{display:grid;gap:6px}.return-history>div{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:8px;border:1px solid #f0d5d5;border-radius:8px;background:#fff8f8;font-size:10px}.return-history span{color:#64748b}
.refund-warning{padding:10px;border:1px solid #f0d5d5;border-radius:8px;background:#fff7f7;font-size:11px;line-height:1.5}
.refund-list{display:grid;gap:7px;margin-top:10px;max-height:48vh;overflow:auto}.refund-item{display:grid;grid-template-columns:1fr 70px auto 70px auto;align-items:center;gap:7px;padding:9px;border:1px solid #e5e7eb;border-radius:8px}.refund-item small{display:block;color:#64748b;font-size:10px;margin-top:3px}.refund-item input{height:38px;width:100%;box-sizing:border-box;border:1px solid #c5d0e1;border-radius:7px;text-align:center}.refund-item>span{font-size:10px;color:#64748b;font-weight:800}.refund-total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:11px;border-radius:8px;background:#fff4f4;border:1px solid #f1bcbc}.refund-total span{font-size:11px;font-weight:900}.refund-total b{color:#b42318;font-size:20px}
.receipt-modal-wrap{display:flex;justify-content:center}.receipt-card{width:min(303px,100%);background:#fff;padding:16px 16px 12px;box-sizing:border-box;font-family:Arial,sans-serif;color:#1f2937}.receipt-brand{text-align:center;font-weight:900;font-size:20px;letter-spacing:.3px}.receipt-subtitle{text-align:center;color:#64748b;font-size:11px;margin-top:7px}.receipt-meta{display:grid;gap:4px;margin-top:12px;color:#64748b;font-size:10px}.receipt-divider{border-top:1px solid #cbd5e1;margin:10px 0}.receipt-items{display:grid;gap:7px}.receipt-item-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;font-size:11px}.receipt-item-row b{font-size:12px}.receipt-item-row small{display:block;color:#64748b;font-size:9px;margin-top:2px}.receipt-totals{display:grid;gap:5px;font-size:11px}.receipt-totals>div,.receipt-info-row,.receipt-bottle-total{display:flex;justify-content:space-between;gap:10px}.receipt-total{font-weight:900;font-size:12px}.receipt-refund{color:#b42318}.receipt-section-title{margin-top:12px;padding-top:8px;border-top:1px dashed #cbd5e1}.receipt-bottle-table{display:grid;gap:5px;margin-top:7px;font-size:9px}.receipt-bottle-head{display:grid;grid-template-columns:1.7fr .8fr .5fr .8fr;gap:5px;align-items:center}.receipt-bottle-head>b{text-align:right}.receipt-bottle-total{font-size:10px;font-weight:900;margin-top:7px}.receipt-info-row{font-size:10px;padding:3px 0}.receipt-thanks{text-align:center;color:#64748b;font-size:9px;margin-top:17px}.receipt-bottle-list{display:grid;gap:5px}.receipt-bottle-row{display:flex;justify-content:space-between;gap:8px;padding:5px 7px;border:1px solid #e5e7eb;border-radius:6px;font-size:10px}
@media(max-width:700px){.transaction-detail-header{grid-template-columns:1fr 1fr}.refund-item{grid-template-columns:1fr 65px auto}.refund-item input[id^="refundCase_"]{grid-column:2}.refund-item span:last-child{grid-column:3}.receipt-card{width:100%}}

/* ===== STRICT TARGETED UI ADJUSTMENTS: RECEIPT / PAYMENT / TRANSACTIONS / BOTTLE TRACKING ===== */
/* Receipt popup only */
.receipt-modal-wrap .receipt-card{padding:20px 18px 15px;border-radius:10px;box-shadow:0 4px 18px #0b14301a}
.receipt-modal-wrap .receipt-brand{font-size:21px;line-height:1.2}
.receipt-modal-wrap .receipt-subtitle{font-size:11px;font-weight:700;letter-spacing:.2px}
.receipt-modal-wrap .receipt-meta{font-size:11px;gap:5px}
.receipt-modal-wrap .receipt-item-row{font-size:12px;line-height:1.35}
.receipt-modal-wrap .receipt-item-row b{font-size:13px}
.receipt-modal-wrap .receipt-item-row small{font-size:10px}
.receipt-modal-wrap .receipt-totals{font-size:12px;gap:6px}
.receipt-modal-wrap .receipt-total{font-size:13px}
.receipt-modal-wrap .receipt-section-title{font-size:11px;letter-spacing:.15px}
.receipt-modal-wrap .receipt-bottle-table{font-size:10px}
.receipt-modal-wrap .receipt-bottle-head{grid-template-columns:1.7fr .8fr .55fr .85fr;gap:6px}
.receipt-modal-wrap .receipt-bottle-total{font-size:11px}
.receipt-modal-wrap .receipt-info-row{font-size:11px;padding:4px 0}
.receipt-modal-wrap .receipt-thanks{font-size:10px;margin-top:18px}

/* Tender/payment popup only */
.payment-dialog-modern{font-size:14px}
.payment-dialog-modern .payment-total-card{padding:13px 14px;border-radius:9px}
.payment-dialog-modern .payment-total-card span{font-size:12px;font-weight:900;letter-spacing:.2px}
.payment-dialog-modern .payment-total-card strong{font-size:32px;line-height:1.15}
.payment-dialog-modern .payment-section h3{font-size:12px;margin:13px 0 7px;font-weight:900}
.payment-dialog-modern .methods{gap:7px}
.payment-dialog-modern .methods button{min-height:43px;font-size:12px}
.payment-dialog-modern .amount-entry{gap:5px;margin-top:12px}
.payment-dialog-modern .amount-entry label{font-size:12px;font-weight:900}
.payment-dialog-modern .amount-entry input{min-height:52px;font-size:22px;font-weight:900}
.payment-dialog-modern .quick-payment>span{font-size:12px}
.payment-dialog-modern .quick-payment-grid button{font-size:13px;font-weight:900}
.payment-dialog-modern .change-result{padding:12px 14px}
.payment-dialog-modern .change-result span{font-size:12px}
.payment-dialog-modern .change-result b{font-size:26px}

/* Transaction history popup only */
.transaction-history-modal{font-size:13px}
.transaction-history-modal .transactions-toolbar{font-size:12px;padding:10px 12px}
.transaction-history-modal .transaction-list{gap:8px}
.transaction-history-modal .transaction-row{padding:12px;border-radius:9px}
.transaction-history-modal .transaction-row-main b{font-size:14px}
.transaction-history-modal .transaction-row-meta{font-size:11px;margin-top:6px}
.transaction-history-modal .transaction-row-meta strong{font-size:15px}
.transaction-history-modal .transaction-row-items{font-size:12px;margin-top:8px}
.transaction-history-modal .transaction-row-payment{font-size:11px;margin-top:8px}
.transaction-history-modal .transaction-status{font-size:10px}

/* Existing Bottle Tracking popup only */
.bottle-tracking-modal{display:grid;gap:10px}
.bottle-tracking-modal .bottle-picker-list{gap:7px}
.bottle-tracking-modal .bottle-picker-item{padding:12px 13px;min-height:56px}
.bottle-tracking-modal .bottle-picker-item b{font-size:13px}
.bottle-tracking-modal .bottle-picker-item small{font-size:11px}
.bottle-tracking-modal .bottle-picker-item strong{font-size:14px}
.bottle-tracking-modal .bottle-picker-selected{padding:11px 12px;margin-bottom:2px}
.bottle-tracking-modal .bottle-qty-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}
.bottle-tracking-modal .bottle-qty-label{display:grid;gap:3px}
.bottle-tracking-modal .bottle-qty-label span{font-size:13px;font-weight:900}
.bottle-tracking-modal .bottle-qty-label small{font-size:10px;color:var(--muted);font-weight:700}
.bottle-tracking-modal .bottle-qty-control{display:flex;align-items:center;gap:6px}
.bottle-tracking-modal .bottle-qty-plus{width:42px;height:42px;border:1px solid #9fb2ce;border-radius:8px;background:#e7f0ff;color:#0b46d1;font-size:27px;line-height:1;font-weight:900}
.bottle-tracking-modal .bottle-qty-value{min-width:56px;height:42px;border:1px solid #9fb2ce;border-radius:8px;background:#fff;color:var(--ink);font-size:19px;font-weight:900}
.bottle-tracking-modal .bottle-qty-plus:hover,.bottle-tracking-modal .bottle-qty-value:hover{background:#e5efff;border-color:#7da5ee}
.bottle-tracking-modal .bottle-qty-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.bottle-qty-picker-modal{display:grid;gap:10px}
.bottle-qty-picker-modal .qty-preset-grid{grid-template-columns:repeat(4,1fr)}
.bottle-qty-picker-modal .qty-preset{min-height:46px;font-size:16px}
.qty-custom-option{width:100%;min-height:44px;border:1px solid #c5d0e1;border-radius:8px;background:#f4f7fb;color:var(--ink);font-weight:900;font-size:13px}
.qty-custom-option:hover{background:#e5efff;color:var(--blue);border-color:#7da5ee}
.bottle-qty-picker-modal .qty-custom{display:none;margin-top:0;padding-top:10px}
.bottle-qty-picker-modal .qty-custom.is-visible{display:block}
.bottle-qty-picker-modal .qty-custom label{font-size:11px}
.bottle-qty-picker-modal .qty-custom input{height:44px}

/* Keep the requested popup adjustments compact on smaller screens. */
@media(max-width:600px){
  .bottle-tracking-modal .bottle-qty-panel{align-items:flex-start}
  .bottle-qty-picker-modal .qty-preset-grid{grid-template-columns:repeat(3,1fr)}
}

/* Targeted Bottle Tracking update — preserves existing POS visual language */
.bottle-type-form .field{margin-bottom:12px}
.bottle-type-form .hidden{display:none}
.toggle-row{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8faff;margin:10px 0;cursor:pointer}
.toggle-row input{margin-top:3px;width:18px;height:18px}
.toggle-row span{display:flex;flex-direction:column;gap:3px}
.toggle-row small{color:var(--muted);font-size:12px}
.bottle-charge-settings{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.charge-setting-title{font-size:12px;font-weight:900;color:var(--muted);margin-bottom:8px}
.bottle-type-row>div:first-child{display:flex;flex-direction:column;gap:3px}
.bottle-type-row small{color:var(--muted);font-size:11px}
.status-on{color:var(--green)!important;font-weight:900}
.status-off{color:#b45309!important;font-weight:900}
.status-no-charge{color:var(--blue)!important;font-weight:900}
.bottle-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-weight:900}
.bottle-section-heading small{font-size:10px;color:var(--muted);font-weight:700}
/* Investor Management addition: intentionally reuses existing POS components. */
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:9px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:12px;vertical-align:top}.data-table th{font-weight:800}.field.full{grid-column:1/-1}.field textarea{width:100%;min-height:80px;box-sizing:border-box}

/* Bottle Tracking only: compact settings and per-sale options */
.bottle-type-list.compact{display:flex;flex-direction:column;gap:6px}
.bottle-type-list.compact .bottle-type-row{min-height:42px;padding:8px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px}
.bottle-type-list.compact .bottle-type-row small{display:block;font-size:10px;color:#64748b;margin-top:2px}
.bottle-tracking-options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.bottle-tracking-options .toggle-row{margin:0}
.hidden{display:none!important}

/* Products module — reuses existing POS design system */
.products-module{display:grid;gap:12px}.product-head-actions{display:flex;gap:8px;flex-wrap:wrap}.product-module-tabs{display:flex;gap:5px;flex-wrap:wrap}.product-module-tabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 11px;font-weight:900;font-size:11px;color:var(--ink);cursor:pointer}.product-module-tabs button.active{background:#e8f0ff;color:var(--blue);border-color:#9bb7ef}.product-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.product-toolbar input{flex:1;min-width:220px}.product-toolbar select{min-width:125px}.product-table{min-width:1250px}.prod-cell{display:flex;align-items:center;gap:8px;min-width:190px}.prod-cell small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.prod-image{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#f8fafc;font-size:20px;flex:none}.prod-image.large{width:72px;height:72px;font-size:36px;margin-bottom:8px}.product-status{display:inline-block;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900;white-space:nowrap}.status-success{background:#e8f7ee;color:#16803c}.status-warning{background:#fff7df;color:#a16207}.status-danger{background:#feeceb;color:#b42318}.status-muted{background:#eef1f5;color:#667085}.action-row{display:flex;gap:4px;flex-wrap:wrap}.btn.small{padding:6px 8px;font-size:10px}.product-form{display:grid;gap:14px}.form-section{border:1px solid var(--line);border-radius:10px;padding:12px}.form-section h3{margin:0 0 10px;font-size:12px}.calculated-field{min-height:40px;display:flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;font-weight:900}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-head h2{margin:0}.section-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.compact-list{display:grid;gap:6px}.compact-list-row{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.compact-list-row>span{flex:1}.compact-list-row small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.barcode-scanner-box{display:grid;gap:10px}.scanner-status{padding:12px;border-radius:8px;background:#eaf7ee;color:#16803c;font-weight:900;text-align:center}.product-import-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.import-summary{padding:10px;margin:10px 0;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.label{page-break-inside:avoid}
@media(max-width:700px){.product-head-actions{width:100%}.product-head-actions .btn{flex:1}.product-toolbar>*{width:100%;min-width:0}.product-module-tabs{overflow:auto;flex-wrap:nowrap}.product-module-tabs button{white-space:nowrap}.section-head{align-items:flex-start;flex-direction:column}}
.barcode-svg{width:100%;height:54px;display:block}.barcode-svg rect{fill:#111}.barcode-svg text{fill:#111}.barcode-text{font-family:monospace;letter-spacing:1px;font-size:16px}

/* Products hierarchy enhancement — preserves existing module styling */
.hierarchy-toolbar{align-items:center;flex-wrap:wrap}
.hierarchy-toolbar select,.hierarchy-toolbar input{min-width:150px}
.inline-field{display:flex;gap:6px;align-items:center}
.inline-field select,.inline-field input{flex:1;min-width:0}
.product-variant{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.hierarchy-card{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden;background:#fff}
.subcategory-list{padding:0 12px 8px 28px;background:#f8fafc}
.sub-row{border-top:1px solid var(--line);padding:8px 0}
.bulk-product-picker{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:6px}
.bulk-product-row{display:flex;gap:9px;align-items:flex-start;padding:8px;border-bottom:1px solid var(--line);cursor:pointer}
.bulk-product-row:last-child{border-bottom:0}
.bulk-product-row small{display:block;color:var(--muted);margin-top:2px}
@media(max-width:800px){.hierarchy-toolbar select,.hierarchy-toolbar input{width:100%;min-width:0}.inline-field{width:100%}}

/* ===== Bottle & Case Tracking enhancement ===== */
.bottle-summary-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:10px 0 14px}
.tracking-sale-summary-wrap{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fffaf5}
.tracking-sale-summary{display:grid;gap:7px}
.tracking-sale-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff}
.tracking-sale-main{display:grid;gap:3px;min-width:0}
.tracking-sale-main small{color:var(--muted);font-size:10px}
.tracking-sale-qty{display:flex;align-items:center;gap:6px}
.tracking-sale-qty button{width:32px;height:32px;border:1px solid #cbd5e1;border-radius:7px;background:#f8fafc;font-size:18px;font-weight:900}
.tracking-sale-total{font-weight:900;min-width:95px;text-align:right}
.tracking-sale-actions{display:flex;gap:5px;align-items:center}
.tracking-sale-actions .btn{padding:7px 9px;font-size:10px}
.tracking-sale-totalbar{display:flex;justify-content:space-between;padding:10px 2px 0;font-weight:900}
.borrowed-tag{display:inline-block;padding:4px 7px;border-radius:6px;background:#fff1d6;color:#9a5a00;font-size:10px}
@media(max-width:1000px){.bottle-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tracking-sale-row{grid-template-columns:1fr auto}.tracking-sale-total{min-width:auto;text-align:left}.tracking-sale-actions{grid-column:1/-1}}
@media(max-width:620px){.bottle-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-sale-row{grid-template-columns:1fr}.tracking-sale-actions{grid-column:auto}.tracking-sale-total{text-align:left}}

/* Bottle & Case Tracking improvements */
.bottle-charge-settings-modal{display:grid;gap:12px}
.bottle-setting-list{display:grid;gap:7px;max-height:52vh;overflow:auto}
.bottle-setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}
.bottle-setting-row>div{display:grid;gap:2px}.bottle-setting-row small{color:var(--muted);font-size:10px}
.reset-bottle-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid #f0caca;border-radius:9px;background:#fff5f5}.reset-bottle-panel>div{display:grid;gap:3px}.reset-bottle-panel small{color:#7a4b4b;font-size:10px}
.history-clickable{width:100%;text-align:left;cursor:pointer;background:inherit;font:inherit;color:inherit}.history-clickable:hover{filter:brightness(.985);transform:translateY(-1px)}
.bottle-history-modal{display:grid;gap:10px}.bottle-return-modal{display:grid;gap:10px}.bottle-return-list{display:grid;gap:8px;max-height:52vh;overflow:auto}.bottle-return-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 130px;gap:9px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}.bottle-return-row>div:first-child{display:grid;gap:3px}.bottle-return-row small{color:var(--muted);font-size:10px}.bottle-return-row .field{margin:0}.bottle-return-row label{font-size:9px}
@media(max-width:700px){.bottle-return-row{grid-template-columns:1fr 1fr}.bottle-return-row>div:first-child{grid-column:1/-1}.reset-bottle-panel{align-items:flex-start;flex-direction:column}.bottle-setting-row{grid-template-columns:minmax(0,1fr) auto}.bottle-setting-row .btn{grid-column:1/-1;width:100%}}

/* Bottle Tracking reset feedback */
.reset-confirm-card,.reset-success-card{padding:8px 4px 4px;text-align:center}.reset-confirm-icon,.reset-success-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:28px;font-weight:900;background:#f1f5f9}.reset-confirm-card h3,.reset-success-card h3{margin:4px 0 8px;font-size:18px}.reset-confirm-card p,.reset-success-card p{margin:0;color:#475569;line-height:1.55}.reset-success-icon{background:#dcfce7;color:#166534}.reset-success-note{margin-top:14px;padding:10px 12px;border-radius:10px;background:#f8fafc;color:#475569;font-size:12px}


/* Inventory module targeted UI additions */
.inventory-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}
.inventory-overview-grid .card{min-height:92px}
.inventory-module .action-row{display:flex;flex-wrap:wrap;gap:8px}
.inventory-module .inline-notice{white-space:nowrap}
@media(max-width:800px){.inventory-module .table-wrap{overflow-x:auto}.inventory-module .table{min-width:1100px}.inventory-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* CUSTOMER DASHBOARD ENHANCEMENTS */
.customer-home-tabs{display:flex;gap:6px;overflow:auto;margin:0 0 14px;padding-bottom:3px}.customer-home-tabs button{border:1px solid #cbd5e1;background:#fff;padding:10px 14px;border-radius:9px;font-weight:900;white-space:nowrap;cursor:pointer}.customer-home-tabs button.active{background:#e8f0ff;color:#0735b8;border-color:#7297e5}.customer-dashboard-cards{grid-template-columns:repeat(9,minmax(0,1fr))}.customer-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.customer-rank-row{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:12px 4px;text-align:left;cursor:pointer}.customer-rank-row:hover{background:#f8fbff}.customer-rank-row span{min-width:0}.customer-rank-row small{display:block;color:#64748b;margin-top:3px;font-size:11px}.customer-report-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-debt-summary{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;margin-bottom:10px}.virtual-barcode{margin-top:15px;background:#fff;color:#111;padding:8px;border-radius:7px}.barcode-bars{height:48px;display:flex;align-items:stretch;overflow:hidden}.barcode-bars i{display:block;background:#111;margin-right:1px;flex:0 0 auto}.virtual-barcode small{display:block;text-align:center;font-weight:900;letter-spacing:2px;margin-top:4px}.virtual-card-type{margin-top:5px;font-size:11px;opacity:.9}.virtual-card-stats{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:10px}.virtual-card-stats b{font-size:13px}.wallet-change-option{display:flex;gap:9px;align-items:flex-start;padding:11px;border:1px solid #b9d5c3;background:#f4fbf6;border-radius:9px;margin-top:10px}.wallet-change-option input{margin-top:3px}.wallet-change-option small{display:block;color:#5f6b76;margin-top:3px}.customer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-form-grid .full{grid-column:1/-1}.muted{font-size:11px;color:#64748b;font-weight:700}.customer-bottle-panel{margin-top:14px}
@media(max-width:1250px){.customer-dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.customer-dashboard-grid{grid-template-columns:1fr}.customer-report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-form-grid{grid-template-columns:1fr}}
@media(max-width:520px){.customer-dashboard-cards,.customer-report-cards{grid-template-columns:1fr}.customer-debt-summary{display:grid}.virtual-card{width:100%}}
/* Customer Dashboard payment/settings enhancements */
.settings-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.settings-card{border:1px solid var(--line,#dfe4ea);border-radius:14px;padding:18px;background:var(--panel,#fff)}
.settings-card h3{margin:0 0 8px}.settings-card p{color:#6b7280;min-height:42px}.settings-card.danger{border-color:#f0caca}.danger-notice{border:1px solid #efb4b4!important;background:#fff5f5!important;color:#7f1d1d}.danger-btn{background:#b42318!important;color:#fff!important;border-color:#b42318!important}.credit-sale-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:#6b7280}.related-transaction-grid{display:grid;gap:10px}.customer-home-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.customer-home-tabs button{cursor:pointer}.customer-home-tabs button.active{font-weight:800}.customer-tabs{overflow-x:auto;white-space:nowrap}.customer-tabs button{cursor:pointer}
@media(max-width:800px){.settings-card-grid{grid-template-columns:1fr}.credit-sale-meta{gap:8px}}
/* Customer Dashboard payment/settings enhancements */
.settings-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.settings-card{border:1px solid var(--line,#dfe4ea);border-radius:14px;padding:18px;background:var(--panel,#fff)}
.settings-card h3{margin:0 0 8px}.settings-card p{color:#6b7280;min-height:42px}.settings-card.danger{border-color:#f0caca}.danger-notice{border:1px solid #efb4b4!important;background:#fff5f5!important;color:#7f1d1d}.danger-btn{background:#b42318!important;color:#fff!important;border-color:#b42318!important}.credit-sale-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:#6b7280}.related-transaction-grid{display:grid;gap:10px}.customer-home-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.customer-home-tabs button{cursor:pointer}.customer-home-tabs button.active{font-weight:800}.customer-tabs{overflow-x:auto;white-space:nowrap}.customer-tabs button{cursor:pointer}
@media(max-width:800px){.settings-card-grid{grid-template-columns:1fr}.credit-sale-meta{gap:8px}}
/* ===== ANALYTICS MODULE ===== */
.analytics-page{display:grid;gap:14px}.analytics-filter{display:grid;gap:12px}.analytics-presets{display:flex;flex-wrap:wrap;gap:7px}.analytics-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.analytics-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.analytics-bars{min-height:230px;display:flex;align-items:flex-end;gap:7px;overflow-x:auto;padding:14px 4px 6px}.analytics-bar-col{min-width:54px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.analytics-bar{width:34px;border-radius:5px 5px 0 0;background:var(--primary,#0735b8);min-height:4px}.analytics-bar-value{font-size:9px;color:#475569;white-space:nowrap;transform:rotate(-45deg);transform-origin:center;margin-bottom:5px}.analytics-bar-col small{font-size:9px;white-space:nowrap;color:#64748b}.analytics-group-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line,#e5e7eb)}.analytics-group-row:last-child{border-bottom:0}.analytics-group-row span{min-width:0}.analytics-group-row small{display:block;color:#64748b;font-size:10px;margin-top:3px}.analytics-section-tabs{display:grid;gap:10px}.analytics-tabs{display:flex;flex-wrap:wrap;gap:5px}.analytics-tabs .active{background:#e8f0ff;color:#0735b8;border-color:#7297e5}.analytics-table{min-width:1450px}.analytics-table .link-btn{border:0;background:none;color:#0735b8;font-weight:800;cursor:pointer;padding:0}.small-select{padding:7px 9px;border:1px solid var(--line,#dfe4ea);border-radius:8px;background:#fff}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.muted{color:#64748b;font-size:11px}@media(max-width:1100px){.analytics-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.analytics-two-col{grid-template-columns:1fr}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-filter-grid{grid-template-columns:1fr}.export-grid{grid-template-columns:1fr}}@media(max-width:520px){.analytics-kpis{grid-template-columns:1fr}.analytics-bars{gap:4px}}

/* ===== ADDITIVE GCASH SERVICES STYLES ===== */
.gcash-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.gcash-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gcash-preview,.gcash-gap-warning{margin-top:12px;padding:12px;border:1px solid #d7dce5;border-radius:8px;background:#f7f9fc}
.gcash-filter-grid,.gcash-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gcash-toggle-grid label{padding:10px;border:1px solid #d7dce5;border-radius:8px}
.gcash-table{min-width:1100px}.table-wrap{overflow:auto}
@media(max-width:700px){.gcash-form-grid,.gcash-filter-grid,.gcash-toggle-grid{grid-template-columns:1fr}}

/* GCash Services navigation */
.gcash-nav-button{position:relative}.top-nav-label{font-size:9px;margin-left:3px;font-weight:800}.nav-item[data-page="gcash"]{font-weight:800}

.gcash-product-tile{border-color:rgba(0,170,120,.45)} .gcash-cart-item{border-left:3px solid #00a86b}.gcash-cart-item small{line-height:1.45}.receipt-section-title{font-weight:800;letter-spacing:.08em;margin:10px 0 6px}

/* ===== POS / SALES LAYOUT-ONLY OPTIMIZATION =====
   Visual/layout changes only. Existing POS markup, handlers, data and checkout logic remain unchanged. */
@media(min-width:801px){
  #main:has(.pos-android-layout){
    width:100%;
    max-width:none;
    height:calc(100vh - 123px);
    min-height:0;
    padding:6px 8px 8px;
    margin:0;
    overflow:hidden;
  }

  #main:has(.pos-android-layout) .pos-page-title{
    display:none;
  }

  #main:has(.pos-android-layout) .pos-android-layout{
    width:100%;
    height:100%;
    min-height:0;
    grid-template-columns:138px minmax(0,1fr) 390px;
    gap:8px;
    align-items:stretch;
  }

  #main:has(.pos-android-layout) .category-panel,
  #main:has(.pos-android-layout) .product-panel,
  #main:has(.pos-android-layout) .cart-panel{
    min-width:0;
    min-height:0;
    border-radius:8px;
  }

  /* Compact vertical category rail at the far edge */
  #main:has(.pos-android-layout) .category-panel{
    padding:6px;
    overflow-y:auto;
    overflow-x:hidden;
  }

  #main:has(.pos-android-layout) .cat-title{
    padding:7px 6px 6px;
    font-size:12px;
    position:sticky;
    top:0;
    z-index:2;
    background:#fff;
  }

  #main:has(.pos-android-layout) .cat{
    padding:10px 7px;
    margin:3px 0;
    font-size:12px;
    line-height:1.15;
  }

  /* Maximum space for product browsing */
  #main:has(.pos-android-layout) .product-panel{
    display:flex;
    flex-direction:column;
    padding:7px;
    overflow:hidden;
  }

  #main:has(.pos-android-layout) .search-row{
    flex:0 0 auto;
    margin-bottom:6px;
    padding:0 0 6px;
    border-bottom:1px solid var(--line);
  }

  #main:has(.pos-android-layout) #productList{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    align-content:start;
  }

  #main:has(.pos-android-layout) .products{
    grid-template-columns:repeat(auto-fill,minmax(128px,1fr));
    gap:7px;
  }

  #main:has(.pos-android-layout) .product{
    min-height:108px;
    padding:8px;
  }

  #main:has(.pos-android-layout) .pic{
    height:62px;
    font-size:36px;
  }

  /* Dedicated full-height Current Sale panel on the opposite side */
  #main:has(.pos-android-layout) .cart-panel{
    height:100%;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }

  #main:has(.pos-android-layout) .cart-head{
    flex:0 0 auto;
    padding:9px 10px;
    font-size:16px;
  }

  #main:has(.pos-android-layout) .pos-customer-top{
    flex:0 0 auto;
    margin:0;
    padding:7px 9px;
    border-radius:0;
  }

  #main:has(.pos-android-layout) .pos-customer-search-row{
    gap:5px;
  }

  #main:has(.pos-android-layout) .pos-customer-search{
    height:38px;
  }

  #main:has(.pos-android-layout) .pos-customer-search-row .btn{
    padding:8px 9px;
    font-size:11px;
    white-space:nowrap;
  }

  #main:has(.pos-android-layout) .cart-items{
    flex:1 1 auto;
    min-height:0;
    max-height:none;
    overflow-y:auto;
    padding:3px 7px;
  }

  #main:has(.pos-android-layout) .cart-item{
    padding:7px 2px;
    gap:5px;
  }

  #main:has(.pos-android-layout) .cart-bottle-action{
    flex:0 0 auto;
    padding:5px 8px;
  }

  #main:has(.pos-android-layout) .cart-total{
    flex:0 0 auto;
    padding:7px 9px;
  }

  #main:has(.pos-android-layout) .line{
    padding:3px 0;
  }

  #main:has(.pos-android-layout) .line.total{
    font-size:20px;
  }

  #main:has(.pos-android-layout) .pay-btn{
    flex:0 0 auto;
    margin:6px 9px 9px;
    height:55px;
    min-height:55px;
  }
}

@media(min-width:1400px){
  #main:has(.pos-android-layout) .pos-android-layout{
    grid-template-columns:145px minmax(0,1fr) 410px;
  }
  #main:has(.pos-android-layout) .products{
    grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
  }
}

@media(max-width:1100px) and (min-width:801px){
  #main:has(.pos-android-layout) .pos-android-layout{
    grid-template-columns:120px minmax(0,1fr) 330px;
  }
  #main:has(.pos-android-layout) .products{
    grid-template-columns:repeat(auto-fill,minmax(112px,1fr));
  }
}

/* ===== QUICK ACCESS REFINEMENT — UI ONLY ===== */
.quick-printer-card{width:min(360px,calc(100vw - 28px));top:82px;right:16px}
.quick-debtor-card{width:min(430px,calc(100vw - 28px));top:82px;right:16px}
.quick-access-section{padding:2px 0 10px}
.quick-access-section+.quick-access-section{border-top:1px solid #edf1f5;padding-top:11px;margin-top:2px}
.quick-access-section-title{font-size:10px;font-weight:900;letter-spacing:.08em;color:#64748b;margin:0 0 6px}
.dashboard-info-row.compact{padding:7px 0;font-size:12px}
.dashboard-info-row.compact b{font-size:12px}
.quick-access-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
.quick-access-actions .btn{margin:0!important;padding:9px 10px;font-size:11px;white-space:nowrap}
.debtor-quick-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}
.debtor-quick-summary>div{padding:9px 10px;border:1px solid #e5eaf0;border-radius:9px;background:#f8fafc}
.debtor-quick-summary span{display:block;font-size:9px;font-weight:900;color:#64748b;letter-spacing:.05em}
.debtor-quick-summary b{display:block;font-size:16px;margin-top:2px}
.debtor-quick-search input{width:100%;height:40px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;margin-bottom:7px}
.debtor-quick-list{max-height:310px;overflow:auto;border-top:1px solid #edf1f5}
.debtor-quick-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:9px 2px;cursor:pointer}
.debtor-quick-row:hover{background:#f8fbff}
.debtor-quick-main{min-width:0}.debtor-quick-main b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debtor-quick-main small{display:block;color:#64748b;font-size:10px;margin-top:2px}.debtor-quick-row>strong{font-size:13px;white-space:nowrap}
.debtor-detail-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;border:1px solid #e5eaf0;border-radius:9px;background:#f8fafc;margin-bottom:8px}.debtor-detail-head b{display:block;font-size:14px}.debtor-detail-head small{display:block;color:#64748b;font-size:10px;margin-top:2px}.debtor-detail-head>strong{font-size:18px}
.debtor-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.debtor-detail-stats>div{padding:8px;border:1px solid #edf1f5;border-radius:8px}.debtor-detail-stats span{display:block;font-size:8px;color:#64748b;font-weight:900}.debtor-detail-stats b{display:block;font-size:12px;margin-top:2px}
.debtor-history{max-height:190px;overflow:auto;border-top:1px solid #edf1f5;margin-bottom:9px}.debtor-history-row{display:grid;grid-template-columns:1.1fr .8fr 1.1fr 1fr;gap:6px;padding:7px 0;border-bottom:1px solid #edf1f5;font-size:9px;align-items:center}.debtor-history-row span{color:#64748b}.debtor-history-row b{font-size:9px}
@media(max-width:520px){.quick-access-actions{grid-template-columns:1fr}.debtor-detail-stats{grid-template-columns:1fr}.debtor-history-row{grid-template-columns:1fr 1fr}.quick-debtor-card,.quick-printer-card{right:10px;top:72px}}

/* GCash icon supplied by user */
.gcash-icon-img{width:28px;height:28px;object-fit:contain;display:block;flex:0 0 auto}.gcash-icon-nav{width:22px;height:22px}.gcash-shortcut-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}.gcash-product-icon{width:72px;height:72px;object-fit:contain;display:block}.gcash-icon-inline{width:18px;height:18px;object-fit:contain;vertical-align:-4px;display:inline-block}.gcash-icon-title{width:30px;height:30px;object-fit:contain;vertical-align:-5px;display:inline-block}

/* E-LOAD */
.eload-product-tile{border-color:#b8d4ff!important;background:#f7fbff!important}.eload-cart-item{border-left:4px solid var(--blue2)!important}.eload-amount-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.eload-amount-btn{border:1px solid var(--line);background:#f4f7fb;border-radius:9px;padding:10px 14px;font-weight:900}.eload-amount-btn:hover{background:#e5efff;color:var(--blue)}.eload-kpis{grid-template-columns:repeat(6,1fr)}.eload-report-cards{grid-template-columns:repeat(4,1fr)}.eload-network-report{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.eload-network-report span{border:1px solid var(--line);background:#f7f9fc;border-radius:9px;padding:9px 12px}.eload-settings-panel{grid-column:1/-1}@media(max-width:1100px){.eload-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.eload-kpis{grid-template-columns:repeat(2,1fr)}.eload-report-cards{grid-template-columns:repeat(2,1fr)}}

.eload-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:4px;border-bottom:1px solid var(--line)}
.eload-subnav-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 16px;font-weight:900;cursor:pointer}
.eload-subnav-btn.active{background:#1677ff;color:#fff;border-color:#1677ff;box-shadow:0 2px 7px rgba(22,119,255,.22)}
.transaction-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.transaction-detail-grid>div{border:1px solid var(--line);border-radius:8px;padding:10px;background:#f8fafc}.transaction-detail-grid span{display:block;font-size:11px;font-weight:800;color:#687386;margin-bottom:4px}.transaction-detail-grid b{display:block;word-break:break-word}@media(max-width:700px){.transaction-detail-grid{grid-template-columns:1fr}}


/* ===== POS TENDER / CURRENT SALE REVISION ===== */
#main:has(.pos-android-layout) .cart-item{
  grid-template-columns:minmax(0,1fr) 58px minmax(70px,82px) 26px;
  align-items:center;
}
#main:has(.pos-android-layout) .cart-item>div:first-child{min-width:0;overflow:hidden}
#main:has(.pos-android-layout) .cart-item>div:first-child b,
#main:has(.pos-android-layout) .cart-item>div:first-child small{display:block;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
#main:has(.pos-android-layout) .cart-item> b{white-space:nowrap;text-align:right}
.qty-quick-btn{width:100%;min-width:0;height:38px;border:1px solid #a9bddb;border-radius:7px;background:#f7faff;color:#073bbd;font-size:16px;font-weight:900;cursor:pointer;padding:0}
.qty-quick-btn:hover{background:#e8f1ff;border-color:#6f9cf0}
.qty-quick-btn:focus{outline:2px solid #8db3ff;outline-offset:1px}
.qty-control{min-width:0}
.qty-control .qty-plus{display:none}
.split-payment-box{border:1px solid #d8e0ea;border-radius:10px;background:#f8fafc;padding:10px}
.split-payment-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.split-line{padding:8px 0;border-top:1px solid #e4e9ef}
.split-line:first-of-type{border-top:0}
.split-line-grid{display:grid;grid-template-columns:minmax(0,1fr) 110px 34px;gap:6px;align-items:center}
.split-line-grid select,.split-line-grid input{height:42px;border:1px solid #c5d0e1;border-radius:8px;background:#fff;padding:0 9px;font-weight:800}
.split-detail{margin-top:6px}
.split-detail select{width:100%;height:38px;border:1px solid #c5d0e1;border-radius:8px;background:#fff;padding:0 9px}
.tender-calculation{grid-template-columns:repeat(2,minmax(0,1fr))}
.tender-calculation>div{min-width:0}
.tender-calculation .change-result{background:#effaf3;border-color:#b9e1c6}
.tender-calculation .change-result b{color:#087b38}
@media(min-width:1400px){#main:has(.pos-android-layout) .pos-android-layout{grid-template-columns:145px minmax(0,1fr) 450px}}
@media(max-width:1100px) and (min-width:801px){#main:has(.pos-android-layout) .pos-android-layout{grid-template-columns:120px minmax(0,1fr) 400px}}
@media(max-width:800px){
  #main:has(.pos-android-layout) .cart-item{grid-template-columns:minmax(0,1fr) 52px minmax(68px,76px) 26px;gap:5px}
  #main:has(.pos-android-layout) .cart-item> b{font-size:13px}
  .split-line-grid{grid-template-columns:minmax(0,1fr) 92px 34px}
  .tender-calculation{grid-template-columns:1fr 1fr}
}
@media(max-width:380px){
  #main:has(.pos-android-layout) .cart-item{grid-template-columns:minmax(0,1fr) 48px 64px 24px;gap:4px}
  .qty-quick-btn{height:36px;font-size:15px}
  .tender-calculation{grid-template-columns:1fr}
}

/* TARGETED UPDATE: CURRENT SALE readability without redesigning POS */
@media(min-width:1201px){.pos-layout{grid-template-columns:220px minmax(420px,1fr) 455px}.cart-panel{min-width:0}}
#main:has(.pos-android-layout) .cart-item{grid-template-columns:minmax(0,1fr) 48px minmax(72px,82px) 26px;gap:6px;min-width:0}
#main:has(.pos-android-layout) .cart-item>div:first-child{min-width:0;overflow:hidden}
#main:has(.pos-android-layout) .cart-item>div:first-child b,#main:has(.pos-android-layout) .cart-item>div:first-child small{display:block;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
#main:has(.pos-android-layout) .cart-item> b{white-space:nowrap;text-align:right;font-size:13px}
.qty-quick-btn{cursor:pointer;background:#eef4ff!important;color:#0735b8;font-weight:900}
.credit-payment-box{display:grid;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8fbff}
.credit-amount-summary{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;background:#fff;border:1px solid var(--line)}
.credit-amount-summary span{font-size:12px;font-weight:800}.credit-amount-summary b{font-size:20px}
.credit-exact-option{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #b8c9e8;border-radius:8px;background:#fff;cursor:pointer}.credit-exact-option input{margin-top:3px}.credit-exact-option b,.credit-exact-option small{display:block}.credit-exact-option small{color:#64748b;margin-top:2px}.credit-exact-amount-display input{font-weight:900;background:#f1f5fb}
.credit-note{padding:9px 11px;border-radius:8px;background:#eef7ff;border:1px solid #c8dcf5;font-size:12px;color:#334155}
.eload-pos-form .eload-load-amount-field input{max-width:170px}.eload-pos-form .eload-system-charge-field input{max-width:150px}.eload-system-charge-field small{display:block;margin-top:4px;color:#7a5b49;font-size:10px}.eload-customer-cost-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.eload-customer-cost-summary>div{padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}.eload-customer-cost-summary span,.eload-customer-cost-summary small{display:block;font-size:10px;font-weight:800;color:#64748b}.eload-customer-cost-summary b{display:block;font-size:18px;margin:3px 0}.eload-customer-cost-summary small{font-weight:600}@media(max-width:650px){.eload-customer-cost-summary{grid-template-columns:1fr}.eload-pos-form .eload-load-amount-field input,.eload-pos-form .eload-system-charge-field input{max-width:none}}

/* ===== TARGETED UPDATE UI ===== */
.eload-internal-calculation{display:none!important}
.export-result-card{padding:4px 2px;font-size:15px;line-height:1.5}
.export-result-card h2{font-size:18px;margin:0 0 10px}
.export-format-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.print-confirm-card{font-size:15px;line-height:1.55}
.print-confirm-card .notice{margin-top:12px;font-size:16px;font-weight:700}
.customer-table th:first-child,.customer-table td:first-child{text-align:center;width:65px}
.customer-table input[type="checkbox"]{width:19px;height:19px;cursor:pointer}

/* ===== TARGETED TENDER / PAYMENT FLOW UPDATE ===== */
.tender-amount-cover{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:10px 0;border:1px solid #cbd8ea;border-radius:10px;background:#f7faff}
.tender-amount-cover span{font-size:12px;font-weight:900;color:#53647a}
.tender-amount-cover b{font-size:23px;color:var(--ink)}
.payment-results-primary{margin-bottom:8px}
.payment-exact-inline{margin-top:8px}
.payment-exact-btn{width:100%;min-height:42px;border:1px solid #7da5ee;border-radius:8px;background:#e8f1ff;color:#0735b8;font-weight:900;cursor:pointer}
.payment-exact-btn:hover{background:#dceaff}
.tender-change-display{margin-top:10px}
.cash-change-popup{display:grid;gap:12px}
.change-option-note{padding:10px 12px;border:1px solid #dbe3ec;border-radius:9px;background:#f8fafc;font-size:12px;font-weight:700;text-align:center}
.wallet-change-popup{display:grid;gap:11px}.wallet-change-amount{padding:15px;border:2px solid #b9e1c6;border-radius:10px;background:#effaf3;text-align:center}.wallet-change-amount span,.selected-wallet-customer span{display:block;font-size:11px;font-weight:900;color:#24743d;letter-spacing:.2px}.wallet-change-amount strong{display:block;font-size:30px;color:#087b38;margin-top:3px}.wallet-customer-results{display:grid;gap:6px;max-height:260px;overflow:auto}.wallet-customer-result{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:10px 12px;border:1px solid #dbe3ec;border-radius:9px;background:#fff;cursor:pointer}.wallet-customer-result:hover{background:#f5f9ff;border-color:#9bb7dd}.wallet-customer-result b{display:block}.wallet-customer-result small{display:block;color:#64748b;margin-top:2px;font-size:11px}.wallet-customer-result strong{white-space:nowrap;color:#087b38}.selected-wallet-customer{padding:10px 12px;border:2px solid #b9e1c6;border-radius:9px;background:#f4fbf6}.selected-wallet-customer b{display:block;font-size:15px;margin-top:3px}.selected-wallet-customer small{display:block;color:#5f6b76;margin-top:2px}.wallet-confirm-card{display:grid;gap:12px}.wallet-confirm-card>div{display:flex;justify-content:space-between;gap:15px;padding:10px 12px;border:1px solid #dbe3ec;border-radius:9px;background:#f8fafc}.wallet-confirm-card span{font-size:11px;color:#64748b;font-weight:900}.wallet-confirm-card strong{font-size:22px;color:#087b38}.wallet-confirm-card p{margin:0;padding:10px 0;font-weight:700}.wallet-success-card{text-align:center;padding:8px}.wallet-success-card strong{display:block;font-size:32px;color:#087b38}.wallet-success-card p{margin:8px 0 0;font-weight:700}

.cash-change-amount{padding:16px;border:2px solid #b9e1c6;border-radius:10px;background:#effaf3;text-align:center}
.cash-change-amount span{display:block;font-size:12px;font-weight:900;color:#24743d}
.cash-change-amount strong{display:block;margin-top:4px;font-size:32px;color:#087b38}
.change-customer-note{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#f8fafc;font-size:12px}
.wallet-deposit-confirm{padding:12px;border:1px solid #b9d5c3;border-radius:9px;background:#f4fbf6;font-size:13px;font-weight:800}
.wallet-deposit-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.cash-change-actions{display:flex;justify-content:center;align-items:center;gap:8px}.cash-change-actions #addChangeToWalletBtn{justify-self:center}
@media(max-width:600px){.cash-change-actions{grid-template-columns:1fr}.wallet-deposit-confirm-actions{flex-direction:column}.wallet-deposit-confirm-actions .btn{width:100%}}

/* Targeted Tender split-payment controls */
.split-payment-box{margin-top:10px;padding:12px;border:1px solid #d9e0ea;border-radius:10px;background:#fff}
.split-payment-note{font-size:12px;color:#64748b;font-weight:700;margin-bottom:10px}
.split-payment-lines{display:grid;gap:8px}
.split-payment-line{display:grid;grid-template-columns:150px minmax(140px,1fr);gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #eef1f5}
.split-payment-line:last-child{border-bottom:0}
.split-payment-line label{font-weight:900;font-size:12px}
.split-payment-line input,.split-payment-line select{width:100%;min-height:40px;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;box-sizing:border-box}
.split-payment-line select{grid-column:2}
.split-payment-line small{grid-column:2;font-size:10px;color:#64748b;font-weight:700}
.wallet-payment-box{margin-top:10px}
.wallet-balance-note{margin-top:7px;padding:8px 10px;border-radius:8px;background:#f7faff;font-size:12px;color:#53647a}
#confirm.disabled{opacity:.6}
@media(max-width:600px){.split-payment-line{grid-template-columns:1fr}.split-payment-line select,.split-payment-line small{grid-column:1}}

/* FINAL TENDER-ONLY COMPACT LAYOUT */
.tender-payment-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end}
.tender-payment-amount,.tender-cover-summary{padding:10px 12px;border:1px solid #cbd8ea;border-radius:9px;background:#f7faff}
.tender-payment-amount label,.tender-cover-summary label{display:block;font-size:11px;font-weight:900;color:#53647a;margin-bottom:6px}
.tender-payment-amount .amount-entry{margin:0}
.tender-payment-amount .amount-entry input{height:46px;max-width:180px;width:100%;margin-left:auto;display:block;font-size:21px}
.tender-cover-summary b{display:block;text-align:right;font-size:21px;color:var(--ink)}
.tender-change-center{display:flex;justify-content:center}
.tender-change-center .tender-change-display{width:min(220px,70%);margin:0;text-align:center}
.payment-dialog-modern .payment-actions .confirm{width:100%;min-height:48px}
/* Products-only modal improvements: preserve the existing design language while giving Add Product more usable space. */
.product-modal-box{width:min(900px,96vw);max-height:92vh}
.product-modal-box .modal-body{padding:18px}
.product-modal-box .product-form{gap:12px}
.product-modal-box .form-section{padding:12px}
.price-tier-box{display:grid;gap:7px}
.price-tier-row{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:8px}
.price-tier-row span{font-size:10px;font-weight:900;color:var(--muted)}
.price-tier-row input{width:100%}
@media(max-width:700px){.product-modal-box{width:calc(100vw - 12px)}.price-tier-row{grid-template-columns:90px 1fr}}

/* Bottle Tracking charge/waive controls — compact Current Sale preview */
.current-sale-bottle-preview{margin:10px 0;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.current-sale-bottle-preview .section-head{margin-bottom:8px}.current-sale-bottle-preview h3{margin:0;font-size:13px}.tracking-preview-actions{display:flex;gap:6px;margin-bottom:8px}.tracking-sale-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.tracking-sale-main{min-width:0}.tracking-sale-main b{display:block;font-size:12px}.tracking-sale-main small,.tracking-sale-total small{display:block;color:#6b7280;font-size:10px;margin-top:2px}.tracking-sale-total{text-align:right;min-width:72px}.tracking-charge-toggle{display:flex;gap:4px}.tracking-charge-toggle .btn{min-width:55px;padding:5px 7px;font-size:10px}.tracking-charge-toggle .btn.active{box-shadow:inset 0 0 0 2px rgba(0,0,0,.12);font-weight:700}.tracking-sale-actions .remove{width:25px;height:25px}.tracking-sale-stats{display:flex;flex-wrap:wrap;gap:8px;padding-top:9px;font-size:10px;color:#4b5563}.tracking-sale-stats span{padding:4px 6px;background:#f8fafc;border-radius:6px}.tracking-sale-summary .tracking-sale-row{grid-template-columns:minmax(0,1fr) auto auto auto}.tracking-sale-summary .tracking-sale-totalbar{display:none}
@media(max-width:700px){.tracking-sale-row{grid-template-columns:1fr auto}.tracking-charge-toggle{grid-column:1/-1}.tracking-sale-actions{grid-column:2;grid-row:1}.tracking-sale-total{grid-column:2;grid-row:1}.tracking-sale-stats{gap:5px}}

/* ===== POS SALES + CASHIER TARGETED UPDATE V11 ===== */
.pos-bottle-section{display:grid;gap:8px;padding:10px 12px;margin-bottom:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel,#fff)}
.pos-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pos-section-title h3{margin:0;font-size:13px;font-weight:900;letter-spacing:.2px}
.pos-section-title small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.pos-bottle-total{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin:0 0 8px;border:1px solid var(--line);border-radius:9px;background:#f8fafc;font-size:12px;font-weight:800}
.pos-bottle-total b{font-size:16px}
.pos-cashier-row{display:grid;grid-template-columns:auto minmax(150px,1fr);align-items:center;gap:8px;padding:0 0 9px}
.pos-cashier-row label{font-size:11px;font-weight:900;letter-spacing:.4px}
.pos-cashier-row select{min-height:36px;border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#fff;font-weight:800}
.cashier-admin-list{display:grid;gap:6px;margin:8px 0 12px}
.cashier-admin-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.pos-cashier-add{display:grid;grid-template-columns:1fr auto;gap:8px}
.pos-cashier-add input{min-height:36px;border:1px solid var(--line);border-radius:8px;padding:7px 10px}

/* ===== CASHIER MANAGEMENT TARGETED UPDATE V13 ===== */
.cashier-admin-main{display:grid;gap:2px;min-width:0;flex:1}.cashier-admin-main>span{font-weight:900}.cashier-id{font-size:9px;color:var(--muted);font-weight:700}.cashier-status{padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.cashier-status.active{background:#e8f7ee;color:#16803c}.cashier-status.inactive{background:#eef1f5;color:#667085}.cashier-admin-actions{display:flex;gap:5px;flex-wrap:wrap}.cashier-form{display:grid;gap:10px}.cashier-form .field{display:grid;gap:5px}.cashier-form input{min-height:40px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;font-weight:700}
@media(max-width:600px){.cashier-admin-row{align-items:flex-start;flex-wrap:wrap}.cashier-admin-main{min-width:140px}.cashier-status{margin-left:auto}.cashier-admin-actions{width:100%}.cashier-admin-actions .btn{flex:1}}

/* V28 — Product Variations: targeted additions only */
.pricing-option-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;margin:12px 0;border:1px solid var(--border,#ddd);border-radius:10px;background:var(--panel,#fff)}
.pricing-option-card small,.variation-admin-row small,.variation-select-row small{display:block;opacity:.72;margin-top:3px}
.variation-admin-list{display:grid;gap:8px}
.variation-admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border,#ddd);border-radius:9px;background:var(--panel,#fff)}
.variation-search-row{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:10px;margin-bottom:12px}
.variation-search-row input,.variation-search-row select{width:100%;box-sizing:border-box}
.variation-list{display:grid;gap:8px;max-height:52vh;overflow:auto}
.variation-select-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;padding:13px 15px;border:1px solid var(--border,#ddd);border-radius:10px;background:var(--panel,#fff);cursor:pointer}
.variation-select-row:hover{filter:brightness(.98)}
.variation-unit-price{display:block;margin-top:4px;font-style:normal;font-weight:700;font-size:.82rem;opacity:1;color:#16803c}
@media (max-width:600px){.variation-search-row{grid-template-columns:1fr}.pricing-option-card,.variation-admin-row{align-items:flex-start;flex-direction:column}}
.wallet-amount-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wallet-amount-fields .field{min-width:0}.cash-change-actions{flex-wrap:wrap}.success-notice{border-color:#b9e1c6;background:#effaf3;color:#24743d}.danger-notice{border-color:#f0b8b8;background:#fff5f5;color:#9b1c1c}@media(max-width:600px){.wallet-amount-fields{grid-template-columns:1fr}}

/* CUSTOMER MODULE — additions */
.pos-customer-row{display:grid;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border,#e5e7eb);background:var(--panel,#fff)}
.pos-customer-label{display:flex;justify-content:space-between;gap:10px;align-items:center}.pos-customer-label span{font-weight:800}.pos-customer-label small{opacity:.7;font-size:11px}.pos-customer-controls{display:flex;gap:6px;align-items:center}.pos-customer-controls select{flex:1;min-width:0;padding:9px;border:1px solid #d1d5db;border-radius:8px;background:#fff}
.customer-dashboard-cards,.customer-report-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.customer-highlight-name{font-size:15px;line-height:1.2;overflow-wrap:anywhere}.customer-profile-card{cursor:pointer}.customer-profile-card:hover{box-shadow:0 0 0 2px rgba(7,53,184,.12)}.customer-summary-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.customer-tabs,.customer-home-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.customer-tabs button,.customer-home-tabs button{border:1px solid #d1d5db;background:#fff;border-radius:8px;padding:9px 12px;cursor:pointer}.customer-tabs button.active,.customer-home-tabs button.active{background:#111827;color:#fff;border-color:#111827}
.customer-rank-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;border:0;border-bottom:1px solid #eee;background:transparent;padding:12px;cursor:pointer}.customer-rank-row small{display:block;opacity:.65;margin-top:3px}.customer-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-list{display:grid;gap:8px}.profile-list>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid #eee}.profile-list span{opacity:.65}.customer-actions{display:flex;flex-wrap:wrap;gap:8px}.settings-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.settings-card{border:1px solid #e5e7eb;border-radius:10px;padding:14px}.settings-card.danger{border-color:#f1b8b8}.customer-debt-summary{display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:10px;background:#f8fafc;margin:10px 0}.wallet-success-card,.wallet-confirm-card{padding:10px}.wallet-success-card strong{font-size:26px}.compact-list{display:grid;gap:8px}.compact-list-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border:1px solid #eee;border-radius:8px}.compact-list-row small{display:block;opacity:.65}.full{grid-column:1/-1}
@media(max-width:800px){.customer-profile-grid{grid-template-columns:1fr}.pos-customer-controls{flex-wrap:wrap}.pos-customer-controls select{width:100%;flex-basis:100%}}

/* TARGETED CUSTOMER CARD FUNCTIONALITY — no other POS styles modified */
.virtual-card{position:relative;overflow:hidden}
.virtual-card-id{line-height:1.25}
.virtual-barcode{margin-top:13px;background:#fff;color:#111;padding:6px 8px;border-radius:6px;overflow:hidden}
.customer-id-barcode{display:block;width:100%;height:58px}
.virtual-barcode-error{font-size:10px;color:#b91c1c;font-weight:700}
@media print{
  .selected-purchase-copy-break{break-before:page;page-break-before:always}
  .selected-purchase-copy{break-inside:avoid;page-break-inside:avoid}
}

/* Investor Profile targeted UI enhancements */
.profit-share-history-card{width:100%;overflow:hidden}
.compact-profit-history{width:100%;table-layout:auto}
.compact-profit-history th,.compact-profit-history td{padding:5px 6px;font-size:10.5px;line-height:1.15;white-space:nowrap}
.compact-profit-history th{font-size:9.5px}
.compact-profit-form{gap:8px}
.compact-profit-form .field label{margin-bottom:3px}
.compact-profit-form .field input,.compact-profit-form .field select{min-height:38px}
.profit-share-view-card{padding:2px}
.compact-profit-share-cards{gap:8px;margin-bottom:10px}
.compact-profit-share-cards .card{padding:10px}
.compact-profit-share-cards .metric{font-size:1.1rem}
.profit-share-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.profit-share-meta-grid>div{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:8px;min-width:0}
.profit-share-meta-grid span{display:block;font-size:9px;font-weight:900;color:#64748b;margin-bottom:3px}
.profit-share-meta-grid b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profit-share-signature{margin-top:8px}
.profit-share-signature>div{margin-top:5px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:5px;text-align:center}
.profit-share-signature img{display:block;max-width:100%;height:72px;object-fit:contain;margin:auto}
@media(max-width:900px){.profit-share-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-profit-history th,.compact-profit-history td{font-size:9px;padding:4px}.profit-share-history-card{overflow-x:auto}}

.investor-profit-modal-box{width:min(1080px,96vw);max-height:88vh}
.investor-profit-modal-box .modal-body{padding:12px}
.investor-profit-modal-box .modal-title{padding:11px 13px}
.investor-profit-modal-box .modal-foot{padding:9px 12px}

/* PRINT INVESTOR PROFILE — targeted compact UI only */
.investor-print-modal-box{width:min(560px,calc(100vw - 24px));max-height:88vh}
.investor-print-modal-box .modal-body{padding:10px 12px}
.investor-print-modal-box .modal-title{padding:10px 12px;font-size:14px}
.investor-print-modal-box .modal-foot{padding:8px 12px}
.investor-print-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;margin-bottom:8px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}
.investor-print-identity{display:flex;align-items:center;gap:8px;min-width:0}
.investor-print-avatar{font-size:20px;line-height:1}
.investor-print-identity>div:last-child{min-width:0}
.investor-print-identity b{display:block;font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.investor-print-identity span{display:block;margin-top:2px;font-size:9px;font-weight:800;color:#64748b;letter-spacing:.2px}
.investor-print-action{padding:8px 18px;min-width:86px;flex:0 0 auto}
.investor-print-notice{margin:0 0 8px;padding:7px 9px;font-size:10px;line-height:1.25}
.investor-print-sections{display:grid;gap:5px}
.investor-print-check{display:flex!important;align-items:center;gap:8px!important;margin:0!important;padding:7px 8px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:10.5px;line-height:1.2}
.investor-print-check input{width:16px!important;height:16px!important;flex:0 0 auto}
.investor-print-select-actions{display:flex;gap:6px;margin-top:8px}
.investor-print-select-actions .btn{padding:7px 10px;font-size:10px}
@media(max-width:600px){.investor-print-header{align-items:flex-start}.investor-print-identity b{max-width:220px}.investor-print-action{padding:7px 13px}}

/* Targeted Investor Profile attachment UI */
.muted{color:#64748b;font-size:11px}.field small.muted{display:block;margin-top:4px}.data-table .btn.small{padding:4px 7px;font-size:11px}

/* Targeted Investor Profile compact header / modal enhancements */
.investor-profile-action-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;margin-bottom:12px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.investor-profile-identity{display:flex;align-items:center;gap:9px;min-width:0}.investor-profile-avatar{font-size:21px;line-height:1}.investor-profile-identity h1{font-size:16px;margin:0;line-height:1.15}.investor-profile-identity p{font-size:9px;font-weight:800;color:#64748b;letter-spacing:.2px;margin:2px 0 0}.investor-profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.investor-profile-actions .btn{padding:7px 10px;font-size:10px}
.investor-capital-modal-box{width:min(760px,94vw);max-height:88vh}.investor-capital-modal-box .modal-title{padding:11px 13px}.investor-capital-modal-box .modal-body{padding:12px}.investor-capital-modal-box .modal-foot{padding:9px 12px}.compact-capital-form{gap:8px}.compact-capital-form .field{margin:0}.check-row{display:flex;align-items:center;gap:8px;font-weight:800}.check-row input{width:16px;height:16px}.attachment-view-card .notice{margin:0}.attachment-actions{display:flex;justify-content:flex-end;margin-top:10px}
#toast{position:fixed;z-index:99999}
@media(max-width:700px){.investor-profile-action-card{align-items:flex-start;flex-direction:column}.investor-profile-actions{width:100%;justify-content:flex-end}.investor-profile-actions .btn{flex:0 0 auto}}

/* Targeted Investor Profile signature + attachment + download compactness */
.investor-profile-actions .investor-download-btn{padding:6px 9px;font-size:9px;line-height:1.1;white-space:nowrap}.investor-profile-actions .investor-print-btn{padding:6px 9px;font-size:9px;line-height:1.1}.attachment-preview{display:flex;justify-content:center;align-items:center;max-height:62vh;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:8px}.attachment-preview img{display:block;max-width:100%;max-height:56vh;object-fit:contain}.attachment-pdf{height:min(62vh,620px);padding:0}.attachment-pdf iframe{width:100%;height:100%;border:0;border-radius:9px}.attachment-file-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.attachment-file-icon{font-size:28px}@media(max-width:700px){.investor-profile-actions .investor-download-btn{font-size:9px;padding:6px 8px}.investor-profile-actions .investor-print-btn{font-size:9px;padding:6px 8px}}

/* Targeted Investor Profile download popup compactness — V56
   Scope: DOWNLOAD INVESTOR PROFILE modal only. */
.investor-download-modal-box{width:min(520px,calc(100vw - 24px));max-height:78vh;overflow:hidden}
.investor-download-modal-box .modal-title{padding:10px 12px;font-size:15px;line-height:1.15}
.investor-download-modal-box .modal-title .btn{padding:5px 8px;font-size:11px;line-height:1}
.investor-download-modal-box .modal-body{padding:10px 12px}
.investor-download-modal-box .modal-foot{padding:8px 12px;gap:6px}
.investor-download-modal-box .modal-foot .btn{padding:8px 12px;font-size:11px;line-height:1.05}
.investor-download-modal-box .investor-print-notice{margin:0 0 8px;padding:8px 9px;font-size:11px;line-height:1.25}
.investor-download-modal-box .investor-print-sections{display:grid;gap:4px}
.investor-download-modal-box .investor-print-check{display:grid!important;grid-template-columns:13px minmax(0,1fr);align-items:center;gap:8px!important;min-height:40px;box-sizing:border-box;padding:6px 8px!important;margin:0!important;border:1px solid var(--line);border-radius:7px;background:#f8fafc;font-size:15.5px;line-height:1.2}
.investor-download-modal-box .investor-print-check input{appearance:auto!important;width:11px!important;height:11px!important;min-width:11px!important;margin:0!important;accent-color:#0b46d1;cursor:pointer}
.investor-download-modal-box .investor-print-check b{display:block;min-width:0;overflow-wrap:anywhere;font-size:15.5px;font-weight:800}
.investor-download-modal-box .investor-print-select-actions{display:flex;gap:6px;margin-top:8px}
.investor-download-modal-box .investor-print-select-actions .btn{padding:7px 10px;font-size:10px;line-height:1.05}
@media(max-width:600px){.investor-download-modal-box{width:calc(100vw - 18px);max-height:82vh}.investor-download-modal-box .modal-body{padding:8px 9px}.investor-download-modal-box .investor-print-check{min-height:38px;padding:6px 7px!important;grid-template-columns:12px minmax(0,1fr);gap:7px!important}.investor-download-modal-box .investor-print-check input{width:10px!important;height:10px!important;min-width:10px!important}.investor-download-modal-box .investor-print-check b{font-size:14.5px}.investor-download-modal-box .modal-foot{padding:7px 9px}}


/* Targeted multi-file transaction attachment UI */
.attachment-list{display:grid;gap:5px}.attachment-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;font-size:11px}.attachment-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-actions{display:flex;justify-content:flex-end;margin-top:10px;gap:6px;flex-wrap:wrap}

/* Targeted compact capital transaction signature controls */
.investor-capital-modal-box .signature-affix-btn{display:block;margin-top:6px;padding:6px 9px;font-size:10px;line-height:1.1}
.investor-capital-modal-box .signature-status-signed,.investor-capital-modal-box .signature-status-empty{padding:6px 8px;font-size:10px;line-height:1.25}
.investor-capital-modal-box .signature-status-signed small{font-size:10px}
@media(max-width:700px){.investor-capital-modal-box{width:calc(100vw - 12px);max-height:92vh}.investor-capital-modal-box .form-grid{gap:7px}.investor-capital-modal-box .modal-body{padding:10px}}

/* DOWNLOAD INVESTOR PROFILE — match the compact PRINT selection card reference */
.investor-download-modal-box{width:min(500px,calc(100vw - 24px));max-height:82vh}
.investor-download-modal-box .modal-body{padding:6px 10px 8px}
.investor-download-modal-box .modal-title{padding:9px 11px;font-size:14px}
.investor-download-modal-box .modal-foot{padding:7px 10px}
.investor-download-modal-box .investor-print-notice{display:none}
.investor-download-modal-box .investor-print-sections{display:grid;gap:4px}
.investor-download-modal-box .investor-print-check{display:flex!important;align-items:center;gap:8px!important;margin:0!important;padding:7px 8px!important;min-height:32px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font-size:10.5px!important;line-height:1.15!important;font-weight:800}
.investor-download-modal-box .investor-print-check input{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;flex:0 0 12px!important;margin:0!important;accent-color:#1677e8}
.investor-download-modal-box .investor-print-check b{font-size:10.5px!important;font-weight:800!important;letter-spacing:.1px}
.investor-download-modal-box .investor-print-select-actions{display:flex;gap:6px;margin-top:7px}
.investor-download-modal-box .investor-print-select-actions .btn{padding:6px 9px;font-size:9.5px;min-height:28px}
.investor-download-modal-box .modal-foot .btn{padding:7px 12px;font-size:10px;min-height:30px}

/* V62 FIX — DOWNLOAD INVESTOR PROFILE uses the intended compact modal class. */
.investor-download-modal-box .investor-print-sections{display:grid;gap:4px}
.investor-download-modal-box .investor-print-check{display:flex!important;align-items:center;gap:8px!important;padding:7px 8px!important;min-height:32px!important;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font-size:10.5px!important;line-height:1.15!important}
.investor-download-modal-box .investor-print-check input{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;flex:0 0 12px!important;margin:0!important;accent-color:#1677e8}
.investor-download-modal-box .investor-print-check b{font-size:10.5px!important;font-weight:800!important;letter-spacing:.1px}
.investor-download-modal-box .investor-print-select-actions{display:flex;gap:6px;margin-top:7px}
.investor-download-modal-box .investor-print-select-actions .btn{padding:6px 9px;font-size:9.5px;min-height:28px}
/* ===== ANALYTICS APPLY / CLEAR FILTER ACTIONS ===== */
.analytics-filter-actions{display:flex;gap:7px;align-items:center;margin-top:2px;flex-wrap:wrap}.analytics-filter-actions .btn{min-width:0;padding:7px 12px;font-size:11px;font-weight:800}

/* V66 ANALYTICS FILTER COMPACT CONTROLS */
.analytics-filter-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.analytics-check-filter{display:grid;grid-template-columns:minmax(145px,1fr) minmax(150px,1fr);align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line,#e5e7eb);border-radius:8px;background:#fff}.analytics-check-label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;cursor:pointer}.analytics-check-label input{width:12px;height:12px;margin:0;accent-color:#0735b8}.analytics-check-filter select:disabled{background:#f8fafc;color:#94a3b8}.analytics-period-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.analytics-period-head>div:first-child{display:flex;flex-direction:column;gap:2px}.analytics-period-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 0}.analytics-period-tabs{display:flex;gap:5px;flex-wrap:wrap}.analytics-period-tabs .active{background:#e8f0ff;color:#0735b8;border-color:#7297e5}.analytics-detail-filters{display:grid;gap:10px}.analytics-detail-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.analytics-detail-controls input,.analytics-detail-controls select{padding:7px 9px;border:1px solid var(--line,#dfe4ea);border-radius:8px;background:#fff;font-size:11px}.analytics-filter-actions{justify-content:flex-end}.analytics-filter-actions .btn{padding:7px 12px;font-size:11px}@media(max-width:800px){.analytics-filter-grid.compact{grid-template-columns:1fr}.analytics-period-controls{grid-template-columns:1fr}.analytics-check-filter{grid-template-columns:1fr}.analytics-period-head{align-items:flex-start}}
/* Finance expense tracking — scoped additions */
.finance-filter-panel{margin-bottom:15px}.finance-filters{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:8px}.finance-filters select,.finance-filters input,.finance-custom input{width:100%;box-sizing:border-box;padding:8px 9px;border:1px solid var(--border,#d7dde7);border-radius:8px;background:#fff}.finance-custom{display:flex;gap:10px;margin-top:8px}.finance-custom label{font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px}.finance-custom input{width:auto}.finance-expense-table{font-size:12px}.finance-expense-table th,.finance-expense-table td{padding:7px 8px}.status-pill{font-size:10px;padding:2px 6px;border-radius:10px;background:#e8f1ff}.table-wrap{overflow:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-grid label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{box-sizing:border-box;padding:8px;border:1px solid var(--border,#d7dde7);border-radius:8px;background:#fff}.form-grid textarea{min-height:70px;resize:vertical}.form-grid .full{grid-column:1/-1}@media(max-width:900px){.finance-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.finance-filters,.form-grid{grid-template-columns:1fr}.finance-custom{flex-direction:column}}

/* V69 — Finance Add Expense only: slightly larger, more comfortable existing modal */
.finance-expense-modal-box{width:min(700px,94vw);max-height:90vh}.finance-expense-modal-box .modal-body{padding:18px}.finance-expense-form{gap:12px}.finance-expense-modal-box .modal-title{padding:13px 15px}.finance-expense-modal-box .modal-foot{padding:10px 14px}
.finance-action-group{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.finance-action-group .btn{white-space:nowrap}.finance-expense-form label{font-size:12.5px}.finance-expense-form input,.finance-expense-form select,.finance-expense-form textarea{font-size:12.5px}.finance-expense-form input,.finance-expense-form select{min-height:38px}.finance-expense-form textarea{min-height:76px}
@media(max-width:700px){.finance-action-group{gap:4px}.finance-action-group .btn{padding:7px 9px;font-size:11px}.finance-expense-modal-box{width:calc(100vw - 18px);max-height:92vh}.finance-expense-modal-box .modal-body{padding:12px}.finance-expense-form{gap:8px}}
/* V71 HARDWARE SETTINGS — compact extension only */
.hardware-settings-panel{margin-top:15px}
.hardware-setting-card{border:1px solid var(--border,#dfe5ec);border-radius:12px;padding:12px;margin-top:10px;background:var(--panel,#fff)}
.hardware-setting-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.hardware-setting-head h3{margin:0;font-size:15px}.hardware-status{font-size:11px;font-weight:800;padding:3px 7px;border-radius:999px;background:#eef1f4;color:#68717c}.hardware-status.connected{background:#e7f7ed;color:#187a3d}
.hardware-setting-card .form-grid{margin-top:6px}.hardware-setting-card .quick-access-actions{margin-top:8px;display:flex;gap:7px;flex-wrap:wrap}.hardware-drawer-controls{margin-top:12px;padding-top:10px;border-top:1px solid var(--border,#dfe5ec)}.hardware-drawer-controls label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.hardware-drawer-controls small{display:block;margin-top:7px}

/* V72 SMART HARDWARE DETECTION — compact, scoped to Settings > Hardware */
.hardware-dashboard-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.hardware-dashboard-status>div{border:1px solid var(--line,#dfe5ec);border-radius:9px;padding:9px;background:#fff}.hardware-dashboard-status b{display:block;font-size:10px}.hardware-dashboard-status span{display:block;margin-top:3px;font-size:10px;color:var(--muted,#667085);line-height:1.35}.hardware-global-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 10px;border:1px solid var(--line,#dfe5ec);border-radius:9px;background:#f8fafc;margin:8px 0}.hardware-global-controls label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800}.hardware-global-controls input{width:12px;height:12px;margin:0}.hardware-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:7px 0}.hardware-profile-grid>div{padding:7px;border-radius:7px;background:#f8fafc;border:1px solid #edf0f4}.hardware-profile-grid span{display:block;font-size:8px;color:var(--muted,#667085);font-weight:800}.hardware-profile-grid b{display:block;margin-top:2px;font-size:10px;line-height:1.25}.hardware-discovered{margin-top:12px;border-top:1px solid var(--line,#dfe5ec);padding-top:10px}.hardware-discovered-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid var(--line,#dfe5ec);border-radius:8px;background:#fff;margin-top:6px}.hardware-discovered-row b{font-size:11px}.hardware-discovered-row small{display:block;margin-top:2px;color:var(--muted,#667085);font-size:9px}.hardware-test-box{display:grid;gap:10px}.hardware-test-box label{display:grid;gap:5px;font-size:11px;font-weight:800}.hardware-test-box input{padding:9px;border:1px solid var(--line,#dfe5ec);border-radius:8px;font-size:13px}.notice.success{background:#e8f7ee;color:#187a3d;border-color:#bfe4ca}
@media(max-width:900px){.hardware-dashboard-status{grid-template-columns:1fr}.hardware-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hardware-profile-grid{grid-template-columns:1fr}.hardware-discovered-row{align-items:flex-start;flex-direction:column}.hardware-discovered-row .quick-access-actions{width:100%}}
/* V73 — compact settings popups / receipt customization */
.hardware-settings-panel .section-head .quick-access-actions{align-items:center}
.settings-receipt-panel{margin-top:15px}
.receipt-settings-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:16px}
.receipt-settings-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.receipt-settings-form .field{min-width:0}
.receipt-settings-form .field:nth-child(2),.receipt-settings-form .field:nth-child(6),.receipt-settings-form .field:nth-child(7){grid-column:1/-1}
.receipt-live-preview{background:#f7f7f7;border:1px solid #d8d8d8;border-radius:10px;padding:12px;min-height:260px}
.receipt-preview-card{background:#fff;border:1px dashed #bbb;border-radius:6px;padding:14px 12px;min-height:210px;font-family:Arial,sans-serif;color:#111}
.receipt-preview-line{height:8px;background:#ddd;border-radius:4px;margin:12px 0 0}.receipt-preview-line.short{width:65%}
.receipt-logo{display:block;margin:0 auto 6px;object-fit:contain}
.toggle-line{display:flex;align-items:center;gap:7px;font-weight:700}
@media(max-width:760px){.receipt-settings-layout{grid-template-columns:1fr}.receipt-settings-form{grid-template-columns:1fr}.receipt-settings-form .field:nth-child(n){grid-column:auto}}
.receipt-settings-modal-box{width:min(760px,94vw);max-height:90vh}.receipt-settings-modal-box .modal-body{padding:14px}.receipt-settings-modal-box .modal-title{padding:12px 14px}.receipt-settings-modal-box .modal-foot{padding:9px 12px}

/* V74 — receipt printer size and charge display controls */
.receipt-settings-modal-box{width:min(1100px,96vw);max-height:92vh}.receipt-settings-layout-v74{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:12px}.receipt-settings-form{gap:8px}.receipt-setting-group{border:1px solid var(--border,#dfe5ec);border-radius:9px;padding:9px;background:#fff}.receipt-setting-group-title{font-size:11px;font-weight:900;letter-spacing:.03em;margin-bottom:7px;color:var(--text,#20252b)}.receipt-charge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.receipt-charge-grid label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.receipt-charge-grid input{width:13px;height:13px;margin:0}.receipt-settings-layout-v74 .field{gap:4px}.receipt-settings-layout-v74 .field label{font-size:12px}.receipt-settings-layout-v74 .field input,.receipt-settings-layout-v74 .field select{font-size:13px;padding:7px 8px}.receipt-preview-card{transition:width .15s ease;max-width:100%;overflow:hidden}.receipt-preview-charge{font-size:10px;display:flex;justify-content:space-between;border-top:1px dashed #ddd;padding-top:5px;margin-top:5px}.receipt-footer{margin-top:18px}.receipt-subtext2{text-align:center;font-size:11px;margin-bottom:7px}.receipt-thanks{text-align:center;margin-top:0}.receipt-width-58mm{max-width:360px}.receipt-width-80mm{max-width:520px}.receipt-width-CUSTOM{max-width:620px}
@media(max-width:760px){.receipt-settings-layout-v74{grid-template-columns:1fr}.receipt-charge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* V76 receipt presentation controls — scoped to existing receipt output only */
.receipt-header{line-height:1.25}
.receipt-header .receipt-brand{margin-bottom:3px}
.receipt-header .receipt-subtitle{margin-top:2px}
.receipt-card .receipt-meta{font-size:var(--receipt-meta-size,10px)}
.receipt-card .receipt-items{gap:var(--product-gap,7px)}
.receipt-card .receipt-item-row{font-size:var(--receipt-product-size,11px);line-height:1.3}
.receipt-card .receipt-item-row b{font-size:calc(var(--receipt-product-size,11px) + 1px)}
.receipt-card .receipt-item-row small{font-size:calc(var(--receipt-product-size,11px) - 2px)}
.receipt-card .receipt-info-row{font-size:var(--receipt-charge-size,10px)}
.receipt-card .receipt-totals{font-size:var(--receipt-charge-size,10px);gap:var(--total-gap,5px)}
.receipt-card .receipt-total{font-size:var(--receipt-total-size,13px)}
.receipt-card .receipt-section-title{font-size:var(--receipt-charge-size,10px)}
.receipt-card .receipt-bottle-table,.receipt-card .receipt-bottle-total{font-size:var(--receipt-charge-size,10px)}
.receipt-settings-layout-v75{grid-template-columns:minmax(0,1.18fr) minmax(250px,.82fr);gap:12px}
.receipt-settings-layout-v75 .receipt-setting-group{padding:9px}
.receipt-settings-layout-v75 .receipt-settings-form{gap:8px}
.receipt-setting-grid,.receipt-settings-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.receipt-setting-grid .field,.receipt-settings-mini-grid .field{min-width:0}
.receipt-settings-layout-v75 .field label{font-size:12px}
.receipt-settings-layout-v75 .field input,.receipt-settings-layout-v75 .field select{font-size:13px;padding:7px 8px}
@media(max-width:760px){.receipt-settings-layout-v75{grid-template-columns:1fr}.receipt-setting-grid,.receipt-settings-mini-grid{grid-template-columns:1fr}}

/* V82 TARGETED LAYOUT ONLY: move existing customer selection/alerts above product search. */
#main:has(.pos-android-layout) .product-panel{display:flex;flex-direction:column;min-width:0}
#main:has(.pos-android-layout) .pos-customer-top{flex:0 0 auto;padding:7px 9px 6px;background:#fff;border-bottom:1px solid #eee}
#main:has(.pos-android-layout) .pos-customer-search-row{display:flex;align-items:center;gap:8px;min-width:0}
#main:has(.pos-android-layout) .pos-customer-search-wrap{display:flex;align-items:center;gap:6px;min-width:0;flex:1}
#main:has(.pos-android-layout) .pos-customer-search-label{font-size:11px;font-weight:900;white-space:nowrap}
#main:has(.pos-android-layout) .pos-customer-search{height:38px;min-width:150px;flex:1;padding:0 9px;border:1px solid #d1d5db;border-radius:8px;background:#fff}
#main:has(.pos-android-layout) .pos-customer-search-row .btn{height:38px;padding:6px 9px;font-size:11px;white-space:nowrap}
#main:has(.pos-android-layout) .pos-customer-alerts{display:flex;align-items:center;gap:6px;flex:0 0 auto}
#main:has(.pos-android-layout) .pos-customer-alert{font-size:11px;font-weight:900;line-height:1.2;padding:8px 10px;border-radius:7px;white-space:nowrap}
#main:has(.pos-android-layout) .pos-credit-alert{color:#b91c1c;background:#fff1f2;border:1px solid #f3a5ad}
#main:has(.pos-android-layout) .pos-credit-limit-alert{color:#92400e;background:#fff7ed;border:1px solid #fdba74}
#main:has(.pos-android-layout) .pos-bottle-alert{color:#b45309;background:#fff7ed;border:1px solid #fdba74}
#main:has(.pos-android-layout) .product-panel>.search-row{flex:0 0 auto}
@media(max-width:900px){#main:has(.pos-android-layout) .pos-customer-search-row{align-items:stretch;flex-wrap:wrap}#main:has(.pos-android-layout) .pos-customer-search-wrap{flex:1 1 100%}#main:has(.pos-android-layout) .pos-customer-alerts{flex:1 1 100%}}


/* TARGETED POS SEARCH ROW COMPACTING ONLY */
#main:has(.pos-android-layout) .search-row{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 88px 88px;
  gap:6px;
  align-items:center;
}
#main:has(.pos-android-layout) .search-row input,
#main:has(.pos-android-layout) .search-row button{
  height:40px;
  min-height:40px;
  box-sizing:border-box;
}
#main:has(.pos-android-layout) .pos-qty-field{
  height:40px;
  min-width:0;
  display:block;
  position:relative;
}
#main:has(.pos-android-layout) .pos-qty-field span{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
#main:has(.pos-android-layout) .pos-qty-field input{
  width:100%;
  text-align:center;
  padding:0 5px;
  font-weight:900;
}
#main:has(.pos-android-layout) .search-row button{
  width:100%;
  padding:0 6px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:11px;
}
@media(max-width:900px){
  #main:has(.pos-android-layout) .search-row{
    grid-template-columns:58px minmax(0,1fr) 88px 88px;
  }
}
@media(max-width:520px){
  #main:has(.pos-android-layout) .search-row{
    grid-template-columns:52px minmax(0,1fr) 76px 76px;
    gap:5px;
  }
  #main:has(.pos-android-layout) .search-row button{
    font-size:10px;
    padding:0 4px;
  }
}


/* TARGETED QTY / CATEGORY / BARCODE COMPACT IMAGE-REFERENCE ALIGNMENT — REQUEST ONLY */
#main:has(.pos-android-layout) .search-row{
  grid-template-columns:72px minmax(0,1fr) 108px 108px;
  gap:6px;
  align-items:center;
}
#main:has(.pos-android-layout) .pos-qty-field{
  height:40px;
  display:block;
  position:relative;
  min-width:0;
}
#main:has(.pos-android-layout) .pos-qty-field input,
#main:has(.pos-android-layout) .search-row button{
  height:40px;
  min-height:40px;
  box-sizing:border-box;
  border-radius:8px;
}
#main:has(.pos-android-layout) .pos-qty-field input{
  width:100%;
  text-align:center;
  padding:0 5px;
  font-weight:900;
}
#main:has(.pos-android-layout) .search-row button{
  width:100%;
  padding:0 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:11px;
}
@media(max-width:900px){
  #main:has(.pos-android-layout) .search-row{
    grid-template-columns:64px minmax(0,1fr) 96px 96px;
    gap:5px;
  }
}
@media(max-width:520px){
  #main:has(.pos-android-layout) .search-row{
    grid-template-columns:56px minmax(0,1fr) 82px 82px;
    gap:5px;
  }
  #main:has(.pos-android-layout) .search-row button{
    font-size:10px;
    padding:0 4px;
  }
}

/* Targeted Bottle Tracking two-section presentation */
.bottle-tracking-summary-modal{display:grid;gap:10px}
.bottle-tracking-section{border:1px solid var(--line,#ddd);border-radius:10px;padding:10px;background:var(--panel,#fff)}
.bottle-tracking-section>h3{margin:0 0 8px;font-size:14px;font-weight:900;padding:7px 9px;border-radius:7px}
.bottle-section-charged{border-color:#ef4444;background:#fff1f2}.bottle-section-charged>h3{color:#991b1b;background:#fecaca}
.bottle-section-waived{border-color:#f59e0b;background:#fff7ed}.bottle-section-waived>h3{color:#9a3412;background:#fed7aa}
.bottle-summary-table{display:grid;gap:0}
.bottle-summary-head,.bottle-summary-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px;gap:10px;align-items:center;padding:8px 4px}
.bottle-summary-head{font-size:10px;font-weight:900;border-bottom:2px solid var(--border,#ddd)}
.bottle-summary-row{border-bottom:1px solid var(--border,#eee)}
.bottle-summary-row span{text-align:center}.bottle-summary-row strong{text-align:right}
.bottle-section-action{display:flex;justify-content:flex-start;margin-top:9px}
.bottle-return-action-modal{display:grid;gap:9px}
.bottle-return-select-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;align-items:end;padding:10px;border:1px solid var(--line,#ddd);border-radius:9px;background:#fff}
.bottle-return-select-row>div:first-child{display:grid;gap:3px}.bottle-return-select-row small{color:var(--muted);font-size:10px}.bottle-return-select-row .field{margin:0}

/* Targeted Transaction-Based Bottle Tracking table layout only */
.bottle-tracking-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border,#ddd);border-radius:12px}
.bottle-tracking-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;background:var(--card,#fff);font-size:13px}
.bottle-tracking-table th{padding:12px 14px;text-align:left;font-weight:800;white-space:nowrap;border-bottom:1px solid var(--border,#ddd);background:var(--muted-bg,#f6f7f9)}
.bottle-tracking-table td{padding:11px 14px;border-bottom:1px solid var(--border,#eee);vertical-align:middle;white-space:nowrap}
.bottle-tracking-table tbody tr{cursor:pointer;transition:background .12s ease}
.bottle-tracking-table tbody tr:hover{background:var(--hover-bg,#f7f9fc)}
.bottle-tracking-table tbody tr:last-child td{border-bottom:0}
.bottle-tracking-table .bottle-return-row td{font-weight:600}

/* Targeted customer aggregate Bottle & Case RETURN / REFUND popup only. */
.customer-aggregate-return-modal-box{width:min(540px,92vw);max-height:82vh}
.customer-aggregate-return-modal-box .modal-title{padding:10px 13px;font-size:15px}
.customer-aggregate-return-modal-box .modal-body{padding:11px 13px}
.customer-aggregate-return-modal-box .modal-foot{padding:9px 13px;gap:7px}
.customer-aggregate-return-modal-box .bottle-return-action-modal{gap:7px}
.customer-aggregate-return-modal-box .bottle-return-action-modal>.notice{margin:0;padding:8px 10px;font-size:12px}
.customer-aggregate-return-modal-box .bottle-summary-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:0}
.customer-aggregate-return-modal-box .bottle-summary-grid .card{padding:14px 12px;min-height:82px}
.customer-aggregate-return-modal-box .bottle-summary-grid .metric-label{font-size:12px}
.customer-aggregate-return-modal-box .bottle-summary-grid .metric{font-size:32px;margin-top:7px}
.customer-aggregate-return-modal-box .field{margin:0}
.customer-aggregate-return-modal-box .field label{font-size:11px}
.customer-aggregate-return-modal-box .field input{height:46px;font-size:18px;font-weight:800}
.customer-aggregate-return-modal-box #customerAggregateReturnPreview{margin:0;padding:8px 10px;font-size:12px}
@media(max-width:600px){.customer-aggregate-return-modal-box{width:calc(100vw - 18px);max-height:86vh}.customer-aggregate-return-modal-box .modal-body{padding:9px}.customer-aggregate-return-modal-box .modal-foot{padding:8px 9px}.customer-aggregate-return-modal-box .bottle-summary-grid .card{padding:12px 10px;min-height:76px}.customer-aggregate-return-modal-box .bottle-summary-grid .metric{font-size:28px}}

/* Focused enhancement: overall daily credit status centered in the existing header. */
.daily-credit-header-status{display:flex;align-items:center;justify-content:center;min-width:220px;padding:4px 14px;background:#fff;border:0;border-radius:0;box-shadow:none;color:#f59e0b;line-height:1.05;white-space:nowrap;text-align:center;margin:0 auto}
.daily-credit-header-status .daily-credit-label{font-size:16px;font-weight:900;letter-spacing:.3px;color:#f59e0b}
.daily-credit-header-status.is-blocked .daily-credit-label{color:#dc2626}
@media(max-width:1100px){.daily-credit-header-status{min-width:180px;padding:4px 8px}.daily-credit-header-status .daily-credit-label{font-size:14px}}

/* POS/Sales requested layout-only adjustment: remove duplicate category rail, widen sale area,
   place Tender beside the sale summary, and show Credit Cap below Cashier. */
@media(min-width:801px){
  #main:has(.pos-android-layout) .pos-android-layout{
    grid-template-columns:minmax(0,1fr) minmax(620px, 760px);
    gap:10px;
  }
  #main:has(.pos-android-layout) .pos-sales-shell{
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) 145px;
    gap:8px;
    align-items:stretch;
  }
  #main:has(.pos-android-layout) .pos-sale-summary-panel{
    min-width:0;
    min-height:0;
    height:100%;
  }
  #main:has(.pos-android-layout) .pos-tender-side{
    background:#fff;
    border:1px solid var(--line);
    border-radius:8px;
    box-shadow:var(--shadow);
    padding:10px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:stretch;
  }
  #main:has(.pos-android-layout) .pos-tender-title{
    font-size:18px;
    font-weight:900;
    text-align:center;
    margin-bottom:6px;
  }
  #main:has(.pos-android-layout) .pos-tender-subtitle{
    color:var(--muted);
    font-size:11px;
    line-height:1.35;
    text-align:center;
    margin-bottom:12px;
  }
  #main:has(.pos-android-layout) .pos-tender-side .pay-btn{
    margin:0;
    width:100%;
    min-height:70px;
  }
  #main:has(.pos-android-layout) .pos-daily-credit-status{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    box-sizing:border-box;
    padding:4px 8px 7px;
    background:#fff;
    color:#f59e0b;
    font-size:14px;
    font-weight:900;
    white-space:nowrap;
  }
  #main:has(.pos-android-layout) .pos-daily-credit-status.is-blocked{
    color:#dc2626;
  }
}

@media(max-width:1200px) and (min-width:801px){
  #main:has(.pos-android-layout) .pos-android-layout{
    grid-template-columns:minmax(0,1fr) minmax(560px, 64%);
  }
  #main:has(.pos-android-layout) .pos-sales-shell{
    grid-template-columns:minmax(0,1fr) 125px;
  }
}

@media(max-width:800px){
  #main:has(.pos-android-layout) .pos-sales-shell{
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  #main:has(.pos-android-layout) .pos-tender-side{
    background:#fff;
    border:1px solid var(--line);
    border-radius:8px;
    padding:8px;
  }
  #main:has(.pos-android-layout) .pos-tender-title,
  #main:has(.pos-android-layout) .pos-tender-subtitle{
    text-align:left;
  }
  #main:has(.pos-android-layout) .pos-tender-side .pay-btn{
    margin:0;
  }
  #main:has(.pos-android-layout) .pos-daily-credit-status{
    display:flex;
    justify-content:center;
    padding:4px 6px 7px;
    background:#fff;
    color:#f59e0b;
    font-size:13px;
    font-weight:900;
  }
  #main:has(.pos-android-layout) .pos-daily-credit-status.is-blocked{color:#dc2626}
}

/* ===== STRICT TARGETED POS/Sales summary relocation =====
   Replaces the former left Categories rail with the existing Purchase Summary.
   Product search/category selector stays in the Product area. Tender remains on the right. */
@media(min-width:801px){
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout{
    grid-template-columns:minmax(285px,320px) minmax(0,1fr) minmax(220px,260px) !important;
    gap:10px;
    align-items:stretch;
  }
  #main:has(.pos-summary-left-layout) .pos-purchase-summary-shell{
    min-width:0;
    display:block !important;
  }
  #main:has(.pos-summary-left-layout) .pos-purchase-summary-shell .pos-sale-summary-panel{
    width:100%;
    min-width:0;
    height:100%;
    box-sizing:border-box;
  }
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout > .product-panel{
    min-width:0;
  }
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout > .pos-tender-side{
    min-width:0;
    height:100%;
    box-sizing:border-box;
  }
}
@media(max-width:1100px) and (min-width:801px){
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout{
    grid-template-columns:minmax(260px,290px) minmax(0,1fr) minmax(200px,235px) !important;
  }
}
@media(max-width:800px){
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
  }
  #main:has(.pos-summary-left-layout) .pos-purchase-summary-shell{order:1}
  #main:has(.pos-summary-left-layout) .product-panel{order:2}
  #main:has(.pos-summary-left-layout) .pos-tender-side{order:3}
  #main:has(.pos-summary-left-layout) .pos-purchase-summary-shell .pos-sale-summary-panel{height:auto}
}

/* ===== STRICT TARGETED POS/Sales arrangement update ===== */
@media(min-width:1101px){
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout{
    /* Targeted screen-use adjustment only: widen CURRENT SALE and TENDER, use the remaining width less for product search/list. */
    grid-template-columns:minmax(390px,430px) minmax(0,0.74fr) minmax(380px,430px) !important;
  }
}
@media(min-width:1400px){
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout{
    grid-template-columns:minmax(410px,460px) minmax(0,0.72fr) minmax(410px,460px) !important;
  }
}
@media(max-width:1100px) and (min-width:801px){
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout{
    grid-template-columns:minmax(340px,380px) minmax(0,0.78fr) minmax(300px,350px) !important;
  }
}
#main:has(.pos-summary-left-layout) .pos-sale-summary-panel .cart-head{
  padding-top:16px;
  padding-bottom:16px;
  font-size:22px;
}
#main:has(.pos-summary-left-layout) .pos-tender-side{
  justify-content:flex-start;
  align-items:stretch;
}
#main:has(.pos-summary-left-layout) .pos-tender-controls{
  width:100%;
  display:grid;
  gap:6px;
  margin-bottom:10px;
}
#main:has(.pos-summary-left-layout) .pos-tender-controls .pos-daily-credit-status{
  order:1;
  justify-content:flex-start;
  text-align:left;
  padding:5px 8px 4px;
  font-size:16px;
  background:#fff;
}
#main:has(.pos-summary-left-layout) .pos-tender-controls .pos-cashier-row{order:2}
#main:has(.pos-summary-left-layout) .pos-tender-controls .pos-right-bottle-alerts{order:3}
#main:has(.pos-summary-left-layout) .pos-right-bottle-alerts{margin:0}
#main:has(.pos-summary-left-layout) .pos-right-bottle-alerts .pos-customer-alert{
  width:100%;
  box-sizing:border-box;
  padding:7px 9px;
}
#main:has(.pos-summary-left-layout) .pos-tender-title{margin-top:2px}
@media(max-width:800px){
  #main:has(.pos-summary-left-layout) .pos-sale-summary-panel .cart-head{font-size:20px}
  #main:has(.pos-summary-left-layout) .pos-tender-controls .pos-daily-credit-status{font-size:14px}
}
/* Strict requested relocation: move Bottle Tracking + purchase summary charges above TENDER on right. */
@media(min-width:801px){
  #main:has(.pos-summary-left-layout) .pos-tender-side{display:flex;flex-direction:column;justify-content:flex-start;}
  #main:has(.pos-summary-left-layout) .pos-purchase-summary-right{width:100%;box-sizing:border-box;margin-bottom:10px;}
  #main:has(.pos-summary-left-layout) .pos-purchase-summary-right .pos-bottle-section{margin-bottom:6px;}
  #main:has(.pos-summary-left-layout) .pos-purchase-summary-right .pos-bottle-total{margin-bottom:6px;}
  #main:has(.pos-summary-left-layout) .pos-purchase-summary-right .cart-total{margin-bottom:6px;}
}
@media(max-width:800px){
  #main:has(.pos-summary-left-layout) .pos-purchase-summary-right{width:100%;box-sizing:border-box;}
}

/* Secure POS login/access additions. Existing POS layout is unchanged after login. */
body.agape-locked .header,body.agape-locked #nav,body.agape-locked footer{visibility:hidden}
body.agape-locked #main{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(245,247,250,.96);overflow:auto}
.security-login-screen{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.security-login-card{width:min(460px,92vw);background:#fff;border-radius:18px;padding:28px;box-shadow:0 18px 55px rgba(0,0,0,.15);border:1px solid #e5e7eb}
.security-login-brand{text-align:center;font-size:22px;margin-bottom:20px}.security-login-brand small{display:block;font-size:11px;margin-top:5px;opacity:.7}
.security-login-tabs{display:flex;gap:8px;margin:0 0 18px}.security-login-tabs .btn{flex:1}.security-login-btn{width:100%;margin-top:10px}.security-login-message{min-height:22px;margin-top:10px;color:#b91c1c;font-weight:700}
.security-permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}.security-permission-grid label{padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}
.security-cashier-access-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eee}.security-cashier-access-row small{display:block;color:#6b7280;margin-top:3px}

/* ===== TARGETED MOBILE / TABLET + DISPLAY PREFERENCES ===== */
body[data-agape-theme="orange"]{--blue:#d97706;--blue2:#ea8a08;--ink:#3b220b;--shadow:0 5px 18px #7a3c0018}
body[data-agape-theme="avocado"]{--blue:#5c7f25;--blue2:#6f972f;--ink:#25300f;--shadow:0 5px 18px #465d1218}
body[data-agape-theme="redviolet"]{--blue:#a34a73;--blue2:#b35a84;--ink:#311622;--shadow:0 5px 18px #6b294718}
body[data-agape-theme="orange"] .header{background:linear-gradient(110deg,#b85f00,#e27a08)}
body[data-agape-theme="orange"] footer{background:linear-gradient(90deg,#a95600,#d87807)}
body[data-agape-theme="avocado"] .header{background:linear-gradient(110deg,#4d6f1f,#70942d)}
body[data-agape-theme="avocado"] footer{background:linear-gradient(90deg,#496a1d,#68882a)}
body[data-agape-theme="redviolet"] .header{background:linear-gradient(110deg,#8d3f62,#b45681)}
body[data-agape-theme="redviolet"] footer{background:linear-gradient(90deg,#843b5e,#a94f79)}
body[data-agape-theme="orange"] .nav-item:hover,body[data-agape-theme="orange"] .nav-item.active{background:#fff0dc;color:#a85b00}
body[data-agape-theme="avocado"] .nav-item:hover,body[data-agape-theme="avocado"] .nav-item.active{background:#edf4dc;color:#506f20}
body[data-agape-theme="redviolet"] .nav-item:hover,body[data-agape-theme="redviolet"] .nav-item.active{background:#f7e8ef;color:#8d3f62}
.ui-preferences-panel{margin-top:15px}
.ui-preferences-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ui-theme-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.ui-theme-swatch{border-radius:10px;padding:12px;color:#fff;min-height:58px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 7px #0002}
.ui-theme-swatch span{font-size:10px;opacity:.85}
.ui-theme-blue{background:#0735b8}.ui-theme-orange{background:#d97706}.ui-theme-avocado{background:#5c7f25}.ui-theme-redviolet{background:#a34a73}
.ui-preferences-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
/* Secure login page: light orange requested presentation only. */
body.agape-locked #main{background:linear-gradient(135deg,#fff8ef,#ffe9cf)}
.security-login-screen{background:transparent}
.security-login-card{border:1px solid #f3c89e;box-shadow:0 18px 55px rgba(160,92,24,.18)}
.security-login-brand b{color:#a85b00}
.security-login-tabs .btn.primary{background:#d97706!important;border-color:#d97706!important}
.security-login-btn{background:#d97706!important;border-color:#d97706!important}
.security-login-message{color:#b42318}
/* Better touch targets and responsive POS/tablet behavior. */
button,.btn,.top-icon,.nav-item,.cat,.plus,.clear,.remove,select,input{touch-action:manipulation}
@media(max-width:900px){
  main{padding:12px 10px 70px}
  .dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-preferences-grid{grid-template-columns:1fr}
  .ui-theme-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .header{height:auto;min-height:72px;padding:8px 10px;gap:8px;flex-wrap:wrap}
  .brand{order:2;min-width:0!important;flex:1}.brand b{font-size:20px}.brand small{font-size:10px}.logo{font-size:30px}
  .header-actions{order:3;width:100%;margin-left:0;gap:7px;justify-content:flex-end}.quick-view{padding:8px 12px;font-size:13px}.power{font-size:28px;padding-left:10px}
  .nav{top:72px;width:min(330px,88vw)}
  .products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pos-layout{grid-template-columns:1fr!important}
  .search-row{grid-template-columns:60px minmax(0,1fr) 90px 66px}
  .payment-panel{right:8px;bottom:55px;width:calc(100vw - 16px)}
  .modal-box{max-height:92vh}
}
@media(max-width:520px){
  .cards{grid-template-columns:1fr}.products{grid-template-columns:1fr}.ui-theme-swatches{grid-template-columns:1fr}
  .search-row{grid-template-columns:1fr 1fr}.search-row input{grid-column:1/-1}.search-row button:first-child{grid-column:1/2}.search-row button:last-child{grid-column:2/3}
  .form-grid{grid-template-columns:1fr}
  .ui-preferences-actions{flex-direction:column}.ui-preferences-actions .btn{width:100%}
  .security-login-card{width:min(460px,94vw);padding:20px}
}
/* Respect selected layout preference without affecting business logic. */
body[data-agape-orientation="portrait"] .pos-layout{grid-template-columns:1fr!important}
body[data-agape-orientation="portrait"] .products{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-agape-orientation="landscape"] .pos-layout{grid-template-columns:minmax(250px,.85fr) minmax(0,1.35fr) minmax(320px,.9fr)!important}
@media(max-width:900px){body[data-agape-orientation="landscape"] .pos-layout{grid-template-columns:minmax(180px,.55fr) minmax(0,1.2fr) minmax(250px,.75fr)!important}.products{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ===== REQUESTED DISPLAY/TABLET OPTIONS — scoped only to visual presentation ===== */
body[data-agape-theme="orange"]{--blue:#d97706;--blue2:#ea8a08;--ink:#3b220b}
body[data-agape-theme="avocado"]{--blue:#5c7f25;--blue2:#70952f;--ink:#25300f}
body[data-agape-theme="redviolet"]{--blue:#a34a73;--blue2:#b65b87;--ink:#311622}
body[data-agape-theme="orange"] .header{background:linear-gradient(110deg,#b85f00,#e27a08)}
body[data-agape-theme="orange"] footer{background:linear-gradient(90deg,#a95600,#d87807)}
body[data-agape-theme="avocado"] .header{background:linear-gradient(110deg,#4d6f1f,#70942d)}
body[data-agape-theme="avocado"] footer{background:linear-gradient(90deg,#496a1d,#68882a)}
body[data-agape-theme="redviolet"] .header{background:linear-gradient(110deg,#8d3f62,#b45681)}
body[data-agape-theme="redviolet"] footer{background:linear-gradient(90deg,#843b5e,#a94f79)}
body[data-agape-theme="orange"] .nav-item:hover,body[data-agape-theme="orange"] .nav-item.active{background:#fff0dc;color:#a85b00}
body[data-agape-theme="avocado"] .nav-item:hover,body[data-agape-theme="avocado"] .nav-item.active{background:#edf4dc;color:#506f20}
body[data-agape-theme="redviolet"] .nav-item:hover,body[data-agape-theme="redviolet"] .nav-item.active{background:#f7e8ef;color:#8d3f62}
.ui-preferences-panel{margin-top:15px}.ui-preferences-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ui-theme-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.ui-theme-swatch{border-radius:10px;padding:12px;color:#fff;min-height:58px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 7px #0002}.ui-theme-swatch span{font-size:10px;opacity:.85}.ui-theme-blue{background:#0735b8}.ui-theme-orange{background:#d97706}.ui-theme-avocado{background:#5c7f25}.ui-theme-redviolet{background:#a34a73}.ui-preferences-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
/* Secure login follows the POS theme selected in Settings → POS DISPLAY & DEVICE LAYOUT. */
body.agape-locked #main{background:linear-gradient(135deg,#f7faff,#eaf1ff)}
body.agape-locked .security-login-card{border-color:#c8d7f3;box-shadow:0 18px 55px rgba(7,53,184,.14)}
body.agape-locked .security-login-brand b{color:#0735b8}
body.agape-locked .security-login-tabs .btn.primary,body.agape-locked .security-login-btn{background:#0735b8!important;border-color:#0735b8!important}
body.agape-locked[data-agape-theme="orange"] #main{background:linear-gradient(135deg,#fff8ef,#ffe9cf)}
body.agape-locked[data-agape-theme="orange"] .security-login-card{border-color:#f3c89e;box-shadow:0 18px 55px rgba(160,92,24,.18)}
body.agape-locked[data-agape-theme="orange"] .security-login-brand b{color:#a85b00}
body.agape-locked[data-agape-theme="orange"] .security-login-tabs .btn.primary,body.agape-locked[data-agape-theme="orange"] .security-login-btn{background:#d97706!important;border-color:#d97706!important}
body.agape-locked[data-agape-theme="avocado"] #main{background:linear-gradient(135deg,#f7fbeF,#e8f1d5)}
body.agape-locked[data-agape-theme="avocado"] .security-login-card{border-color:#cbdca9;box-shadow:0 18px 55px rgba(92,127,37,.17)}
body.agape-locked[data-agape-theme="avocado"] .security-login-brand b{color:#5c7f25}
body.agape-locked[data-agape-theme="avocado"] .security-login-tabs .btn.primary,body.agape-locked[data-agape-theme="avocado"] .security-login-btn{background:#5c7f25!important;border-color:#5c7f25!important}
body.agape-locked[data-agape-theme="redviolet"] #main{background:linear-gradient(135deg,#fff7fb,#f3e3eb)}
body.agape-locked[data-agape-theme="redviolet"] .security-login-card{border-color:#dec0cf;box-shadow:0 18px 55px rgba(163,74,115,.17)}
body.agape-locked[data-agape-theme="redviolet"] .security-login-brand b{color:#a34a73}
body.agape-locked[data-agape-theme="redviolet"] .security-login-tabs .btn.primary,body.agape-locked[data-agape-theme="redviolet"] .security-login-btn{background:#a34a73!important;border-color:#a34a73!important}
/* Android/phone/tablet touch and responsive behavior */
button,.btn,.top-icon,.nav-item,.cat,.plus,.clear,.remove,select,input{touch-action:manipulation}
@media(max-width:900px){.ui-preferences-grid{grid-template-columns:1fr}.ui-theme-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){main{padding:12px 10px 70px}.header{height:auto;min-height:72px;padding:8px 10px;gap:8px;flex-wrap:wrap}.brand{order:2;min-width:0!important;flex:1}.brand b{font-size:20px}.brand small{font-size:10px}.logo{font-size:30px}.header-actions{order:3;width:100%;margin-left:0;gap:7px;justify-content:flex-end}.quick-view{padding:8px 12px;font-size:13px}.nav{top:72px;width:min(330px,88vw)}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.search-row{grid-template-columns:60px minmax(0,1fr) 90px 66px}.payment-panel{right:8px;bottom:55px;width:calc(100vw - 16px)}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.products{grid-template-columns:1fr}.ui-theme-swatches{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.ui-preferences-actions{flex-direction:column}.ui-preferences-actions .btn{width:100%}.security-login-card{width:min(460px,94vw);padding:20px}}
body[data-agape-orientation="portrait"] .pos-layout{grid-template-columns:1fr!important}body[data-agape-orientation="portrait"] .products{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-agape-orientation="landscape"] .pos-layout{grid-template-columns:minmax(250px,.85fr) minmax(0,1.35fr) minmax(320px,.9fr)!important}@media(max-width:900px){body[data-agape-orientation="landscape"] .pos-layout{grid-template-columns:minmax(180px,.55fr) minmax(0,1.2fr) minmax(250px,.75fr)!important}.products{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* SETTINGS — keep HARDWARE, TAX/VAT, and GCASH SERVICES typography aligned with POS DISPLAY & DEVICE LAYOUT */
.settings-unified-panel > h2,
.settings-unified-panel .section-head h2{font-size:17px;line-height:1.25;margin:0 0 12px;font-weight:900}
.settings-unified-panel > p,
.settings-unified-panel .section-head p{font-size:11px;line-height:1.45;color:var(--muted,#64748b);font-weight:700;margin:5px 0 12px}
.settings-unified-panel .field label,
.settings-unified-panel .gcash-toggle-grid label,
.settings-unified-panel .hardware-global-controls label{font-size:11px;font-weight:900;line-height:1.35}
.settings-unified-panel .field input,
.settings-unified-panel .field select{height:44px;font-size:13px;padding:0 12px;box-sizing:border-box}
.settings-unified-panel .field small,
.settings-unified-panel .muted{font-size:11px;line-height:1.4}
.settings-unified-panel .hardware-setting-head h3{font-size:15px;line-height:1.25}
.settings-unified-panel .settings-card h3{font-size:15px;line-height:1.3}
.settings-unified-panel .gcash-toggle-grid label{padding:11px 12px}
/* ===== LATEST TARGETED POS WIDTH ADJUSTMENT =====
   Only changes the three POS/Sales columns: widen CURRENT SALE and TENDER, reduce the center product area to use remaining screen width. */
@media(min-width:1101px){
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout,
  body[data-agape-orientation="landscape"] #main:has(.pos-summary-left-layout) .pos-summary-left-layout{
    grid-template-columns:minmax(390px,430px) minmax(0,0.74fr) minmax(380px,430px) !important;
    width:100%;
  }
}
@media(min-width:1400px){
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout,
  body[data-agape-orientation="landscape"] #main:has(.pos-summary-left-layout) .pos-summary-left-layout{
    grid-template-columns:minmax(410px,460px) minmax(0,0.72fr) minmax(410px,460px) !important;
  }
}
@media(max-width:1100px) and (min-width:801px){
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout,
  body[data-agape-orientation="landscape"] #main:has(.pos-summary-left-layout) .pos-summary-left-layout{
    grid-template-columns:minmax(340px,380px) minmax(0,0.78fr) minmax(300px,350px) !important;
  }
}

/* ===== V26 STRICT TARGET: POS THREE-COLUMN BALANCE ===== */
@media(min-width:1101px){
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout{grid-template-columns:minmax(320px,360px) minmax(0,1fr) minmax(350px,390px)!important;gap:12px!important;}
  #main:has(.pos-summary-left-layout) .pos-purchase-summary-shell{grid-column:1!important;min-width:0!important;}
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout > .product-panel{grid-column:2!important;min-width:0!important;}
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout > .pos-tender-side{grid-column:3!important;min-width:0!important;width:100%!important;}
}
@media(min-width:801px) and (max-width:1100px){
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout{grid-template-columns:minmax(290px,320px) minmax(0,1fr) minmax(320px,350px)!important;gap:10px!important;}
  #main:has(.pos-summary-left-layout) .pos-purchase-summary-shell{grid-column:1!important;}
  #main:has(.pos-summary-left-layout) .product-panel{grid-column:2!important;}
  #main:has(.pos-summary-left-layout) .pos-tender-side{grid-column:3!important;}
}
#main:has(.pos-summary-left-layout) .pos-tender-side{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);padding:10px;box-sizing:border-box;}
#main:has(.pos-summary-left-layout) .pos-tender-side .pay-btn{width:100%;box-sizing:border-box;margin-left:0;margin-right:0;}
#main:has(.pos-summary-left-layout) .pos-customer-search{height:52px!important;font-size:17px!important;font-weight:800!important;}
#main:has(.pos-summary-left-layout) .pos-customer-search-label{font-size:13px!important;}
#main:has(.pos-summary-left-layout) .pos-customer-search-row .btn{height:52px!important;font-size:12px!important;}
#main:has(.pos-summary-left-layout) .search-row input,#main:has(.pos-summary-left-layout) .search-row button{height:50px!important;}

/* Ensure secure login always follows the selected theme and cannot fall back to a legacy orange layer. */
body.agape-locked[data-agape-theme="blue"] #main{background:linear-gradient(135deg,#f7faff,#eaf1ff)!important;}
body.agape-locked[data-agape-theme="orange"] #main{background:linear-gradient(135deg,#fff8ef,#ffe9cf)!important;}
body.agape-locked[data-agape-theme="avocado"] #main{background:linear-gradient(135deg,#f7fbef,#e8f1d5)!important;}
body.agape-locked[data-agape-theme="redviolet"] #main{background:linear-gradient(135deg,#fff7fb,#f3e3eb)!important;}
body.agape-locked:not([data-agape-theme]) #main{background:linear-gradient(135deg,#f7faff,#eaf1ff)!important;}

/* ===== PARK ORDER — targeted POS/Sales addition only ===== */
#main:has(.pos-summary-left-layout) .park-order-actions-panel{display:flex;flex-direction:column;gap:8px;margin-top:12px}
#main:has(.pos-summary-left-layout) .park-order-actions-panel .btn{width:100%;min-height:42px;font-weight:900}
#main:has(.pos-summary-left-layout) .park-order-btn{border:2px solid var(--accent,#0a47d1)}
.park-orders-list{display:flex;flex-direction:column;gap:10px;max-height:68vh;overflow:auto;padding-right:2px}
.park-order-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;box-shadow:var(--shadow)}
.park-order-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.park-order-card-head small,.park-order-customer small,.park-order-item-row small{display:block;color:var(--muted);font-size:10px;line-height:1.4;margin-top:3px}
.park-order-total{font-size:18px;font-weight:1000;white-space:nowrap}
.park-order-customer{margin:8px 0;font-size:12px}
.park-order-items{display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--line);padding-top:8px}
.park-order-item-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:6px 0;border-bottom:1px solid #eef2f7}
.park-order-item-row:last-child{border-bottom:0}
.park-order-item-row b{font-size:12px}.park-order-item-row strong{font-size:12px;white-space:nowrap}
.park-order-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.park-order-actions .btn{flex:1;min-width:120px}
@media(max-width:800px){#main:has(.pos-summary-left-layout) .park-order-actions-panel{display:grid;grid-template-columns:1fr 1fr}.park-order-actions-panel .park-order-btn{grid-column:1/-1}.park-order-actions-panel .btn{min-height:44px}.park-orders-list{max-height:72vh}}

/* ===== V28 TARGETED POS/Sales layout + Park Order audit refinement ===== */
@media(min-width:801px){
  main:has(.pos-summary-left-layout){max-width:none!important;width:100%!important;box-sizing:border-box;}
}
@media(min-width:1201px){
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout{
    width:100%!important;
    grid-template-columns:minmax(0,22%) minmax(0,56%) minmax(0,22%)!important;
    gap:10px!important;
  }
}
@media(min-width:801px) and (max-width:1200px){
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout{
    width:100%!important;
    grid-template-columns:minmax(0,24%) minmax(0,52%) minmax(0,24%)!important;
    gap:8px!important;
  }
}
#main:has(.pos-summary-left-layout) .pos-tender-side{min-width:0!important;width:100%!important;}
#main:has(.pos-summary-left-layout) .product-panel{min-width:0!important;}
.park-order-save-meta{margin:8px 0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;font-size:11px;line-height:1.45;}
.park-order-items-title{font-size:10px;font-weight:900;color:#475569;margin-bottom:3px;}
.park-order-history{margin-top:9px;border-top:1px dashed var(--line);padding-top:7px;}
.park-order-history summary{cursor:pointer;font-weight:900;font-size:11px;color:#334155;}
.park-save-history-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:6px 0;border-bottom:1px solid #eef2f7;}
.park-save-history-row:last-child{border-bottom:0;}
.park-save-history-row b{font-size:11px;}.park-save-history-row small{display:block;color:var(--muted);font-size:10px;margin-top:2px;}
.park-save-history-row strong{font-size:10px;white-space:nowrap;}

/* ===== V29 TARGETED POS/Sales SCREEN-FIT ONLY =====
   Uses the full available POS width on desktop/tablet and removes the unused right-side area.
   Does not change any business logic or existing controls. */
@media(min-width:801px){
  main:has(.pos-summary-left-layout){
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(300px,1fr) minmax(0,1.6fr) minmax(340px,1fr)!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  #main:has(.pos-summary-left-layout) .pos-purchase-summary-shell,
  #main:has(.pos-summary-left-layout) .product-panel,
  #main:has(.pos-summary-left-layout) .pos-tender-side{
    min-width:0!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  #main:has(.pos-summary-left-layout) .pos-purchase-summary-shell .pos-sale-summary-panel{
    height:100%!important;
  }
}
@media(max-width:1100px) and (min-width:801px){
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout{
    grid-template-columns:minmax(280px,.95fr) minmax(0,1.35fr) minmax(300px,.95fr)!important;
  }
}
/* Per-merchandise Park Order audit details */
.park-order-item-row small{display:block;color:var(--muted);font-size:10px;line-height:1.35;margin-top:3px}

/* ===== POS FULL-SCREEN AUTO-FIT — PRODUCT/SEARCH PRIORITY ===== */
/* POS only: uses the full available viewport while preserving the existing 3-section structure. */
main:has(.pos-android-layout){
  max-width:none;
  width:100%;
  padding-left:10px;
  padding-right:10px;
}
.pos-android-layout{
  width:100%;
  max-width:none;
  min-width:0;
  min-height:calc(100svh - 170px);
  height:calc(100svh - 170px);
  grid-template-columns:minmax(255px,22fr) minmax(420px,56fr) minmax(295px,22fr);
  gap:10px;
}
.pos-android-layout > *{min-width:0;min-height:0}
.pos-android-layout .product-panel,
.pos-android-layout .pos-sale-summary-panel,
.pos-android-layout .pos-tender-side{height:100%;min-height:0}
.pos-android-layout .product-panel{overflow:hidden}
.pos-android-layout #productList{min-height:0;overflow:auto;height:calc(100% - 110px)}
.pos-android-layout .cart-panel{height:100%}
.pos-android-layout .pos-tender-side{overflow:auto}

/* Desktop / laptop: keep PRODUCT / SEARCH visibly larger than CURRENT SALE and TENDER. */
@media(min-width:1201px){
  .pos-android-layout{grid-template-columns:minmax(280px,22fr) minmax(520px,56fr) minmax(320px,22fr)}
}
@media(min-width:801px) and (max-width:1200px){
  .pos-android-layout{grid-template-columns:minmax(235px,22fr) minmax(420px,56fr) minmax(285px,22fr);gap:8px}
}

/* Tablet landscape: stay in 3 columns and continue filling the entire viewport. */
@media(min-width:801px) and (max-width:1100px) and (orientation:landscape){
  main:has(.pos-android-layout){padding-left:6px;padding-right:6px}
  .pos-android-layout{min-height:calc(100svh - 150px);height:calc(100svh - 150px);grid-template-columns:minmax(210px,21fr) minmax(380px,58fr) minmax(270px,21fr);gap:7px}
  .pos-android-layout .products{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}
}

/* Tablet portrait / phone: stack sections cleanly with no artificial blank side area. */
@media(max-width:800px){
  main:has(.pos-android-layout){width:100%;max-width:none;padding:6px}
  .pos-android-layout{height:auto;min-height:0;grid-template-columns:1fr;grid-auto-rows:auto;gap:7px}
  .pos-android-layout > .product-panel,
  .pos-android-layout > .pos-sale-summary-panel,
  .pos-android-layout > .pos-tender-side{height:auto;min-height:0}
  .pos-android-layout .product-panel{overflow:visible}
  .pos-android-layout #productList{height:auto;max-height:none;overflow:visible}
  .pos-android-layout .products{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
  .pos-android-layout .products{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ===== V31 TARGETED POS SCREEN-FIT + TRANSACTION PRINT ===== */
/* POS only: force the main work area to consume the full browser viewport width. */
@media(min-width:801px){
  body.agape-pos-fullscreen #main{
    width:100vw!important;
    max-width:none!important;
    margin:0!important;
    padding-left:8px!important;
    padding-right:8px!important;
    box-sizing:border-box!important;
  }
  body.agape-pos-fullscreen .pos-android-layout{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(270px,20fr) minmax(520px,60fr) minmax(300px,20fr)!important;
    gap:10px!important;
  }
}
@media(min-width:801px) and (max-width:1200px){
  body.agape-pos-fullscreen .pos-android-layout{
    grid-template-columns:minmax(210px,20fr) minmax(380px,60fr) minmax(270px,20fr)!important;
    gap:8px!important;
  }
}
@media(min-width:801px) and (max-width:1100px) and (orientation:landscape){
  body.agape-pos-fullscreen .pos-android-layout{
    grid-template-columns:minmax(195px,20fr) minmax(360px,60fr) minmax(250px,20fr)!important;
    gap:7px!important;
  }
}
.transaction-row-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;justify-content:flex-end}
.transaction-row-actions .btn{min-height:34px;padding:7px 11px;font-size:11px}
.transaction-print-btn{background:#0735b8;color:#fff;border:1px solid #0735b8}
.transaction-view-btn{background:#eef2f7;color:#162033;border:1px solid #d6deeb}
.transaction-row[role="button"]:focus{outline:2px solid #6a8fe8;outline-offset:2px}

/* ===== V32 TARGETED POS FULL-WIDTH + PARK ORDER PRINT =====
   POS/Sales only. Forces the three existing sections to consume the entire
   viewport and gives PRODUCT / SEARCH the largest share. No other pages/layouts changed. */
@media (min-width: 801px) {
  #main:has(.pos-summary-left-layout) {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    grid-template-columns: minmax(280px, 1fr) minmax(520px, 3fr) minmax(300px, 1fr) !important;
    gap: 8px !important;
  }
  #main:has(.pos-summary-left-layout) .pos-purchase-summary-shell,
  #main:has(.pos-summary-left-layout) .product-panel,
  #main:has(.pos-summary-left-layout) .pos-tender-side {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}
@media (min-width: 801px) and (max-width: 1200px) {
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout {
    grid-template-columns: minmax(250px, 1fr) minmax(420px, 2fr) minmax(270px, 1fr) !important;
  }
}
@media (min-width: 801px) and (max-width: 1000px) {
  #main:has(.pos-summary-left-layout) .pos-summary-left-layout {
    grid-template-columns: minmax(240px, 1fr) minmax(360px, 1.7fr) minmax(260px, 1fr) !important;
  }
}
.park-order-actions .transaction-print-btn {
  background: #0735b8 !important;
  color: #fff !important;
  border: 1px solid #0735b8 !important;
}


/* ===== V33 TARGETED POS WIDTH FIX =====
   Uses an explicit POS main class so sizing does not depend on :has() support.
   Only the POS/Sales page is affected. */
html, body, .app{width:100%;min-width:0;}
@media (min-width:801px){
  main.pos-main{
    display:block!important;
    width:100vw!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding-left:6px!important;
    padding-right:6px!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  main.pos-main .pos-summary-left-layout{
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,0.23fr) minmax(0,0.54fr) minmax(0,0.23fr)!important;
    gap:8px!important;
  }
  main.pos-main .pos-summary-left-layout > *{min-width:0!important;max-width:none!important;width:100%!important;box-sizing:border-box!important;}
}
@media (min-width:1201px){
  main.pos-main .pos-summary-left-layout{grid-template-columns:minmax(0,0.22fr) minmax(0,0.56fr) minmax(0,0.22fr)!important;}
}
@media (max-width:1200px) and (min-width:801px){
  main.pos-main .pos-summary-left-layout{grid-template-columns:minmax(0,0.23fr) minmax(0,0.54fr) minmax(0,0.23fr)!important;}
}
@media (max-width:800px){
  main.pos-main{width:100%!important;max-width:none!important;padding-left:6px!important;padding-right:6px!important;}
}
.park-print-preview{margin-top:10px;display:flex;justify-content:center;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:12px;max-height:58vh;overflow:auto;}
.park-print-preview .receipt-card{width:min(420px,100%);margin:0!important;box-shadow:0 3px 14px #00000012;}
.park-print-preview-card .notice{line-height:1.5;}

/* V34: POS/Sales only — give PRODUCT / SEARCH the largest share and keep TENDER at the far-right edge. */
@media (min-width:1201px){
  body.agape-pos-fullscreen main.pos-main .pos-summary-left-layout{
    grid-template-columns:minmax(0,0.18fr) minmax(0,0.64fr) minmax(0,0.18fr)!important;
  }
}
@media (min-width:801px) and (max-width:1200px){
  body.agape-pos-fullscreen main.pos-main .pos-summary-left-layout{
    grid-template-columns:minmax(0,0.20fr) minmax(0,0.60fr) minmax(0,0.20fr)!important;
  }
}


/* ===== V35 — FINAL POS WORKSPACE WIDTH FIX =====
   POS/Sales only. Restore full-width behavior at the actual main container level. */
@media (min-width:801px){
  html,body{width:100%;min-width:0;overflow-x:hidden;}
  body.agape-pos-fullscreen main.pos-main,
  body.agape-pos-fullscreen #main.pos-main{
    display:block!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:none!important;
    margin:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:6px!important;
    padding-right:6px!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  body.agape-pos-fullscreen main.pos-main .pos-summary-left-layout,
  body.agape-pos-fullscreen #main.pos-main .pos-summary-left-layout{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(280px,20fr) minmax(0,62fr) minmax(280px,18fr)!important;
    gap:8px!important;
  }
  body.agape-pos-fullscreen main.pos-main .pos-summary-left-layout > *,
  body.agape-pos-fullscreen #main.pos-main .pos-summary-left-layout > *{
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
}
@media (min-width:801px) and (max-width:1200px){
  body.agape-pos-fullscreen main.pos-main .pos-summary-left-layout,
  body.agape-pos-fullscreen #main.pos-main .pos-summary-left-layout{
    grid-template-columns:minmax(230px,20fr) minmax(0,60fr) minmax(250px,20fr)!important;
  }
}

/* SETTINGS → RESET DATA */
.reset-data-warning{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid #f0b4b4;border-radius:10px;background:#fff7f7;margin-bottom:12px}.reset-data-warning b{color:#a00000}.reset-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reset-data-option{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid var(--border,#ddd);border-radius:10px;background:#fff;cursor:pointer}.reset-data-option input{margin-top:3px}.reset-data-option span{display:flex;flex-direction:column;gap:3px}.reset-data-option small{color:#666;line-height:1.35}.reset-data-option em{font-size:11px;color:#777;font-style:normal}.reset-data-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.reset-data-settings-panel .btn.danger{font-weight:800}.reset-data-settings-panel .notice{margin-top:10px}@media(max-width:800px){.reset-data-grid{grid-template-columns:1fr}}