:root{--sidebar:#111827;--sidebar-soft:#1f2937;--primary:#2563eb;--primary-dark:#1d4ed8;--accent:#06b6d4;--bg:#f3f6fb;--surface:#fff;--text:#172033;--muted:#64748b;--line:#e7ebf2;--success:#16a34a;--danger:#dc2626;--shadow:0 10px 30px rgba(15,23,42,.07)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px}body.modal-open{overflow:hidden}.sidebar{position:fixed;inset:0 auto 0 0;width:268px;background:linear-gradient(180deg,#111827 0%,#0f172a 100%);color:#fff;overflow:auto;z-index:40;box-shadow:8px 0 30px rgba(15,23,42,.08)}.sidebar-brand{height:78px;display:flex;gap:12px;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand>span,.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#06b6d4);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 8px 20px rgba(37,99,235,.3)}.sidebar-brand b{font-size:16px}.sidebar-brand small{display:block;color:#94a3b8;margin-top:2px}.sidebar nav{padding:12px 12px 28px}.sidebar nav a{display:flex;gap:11px;align-items:center;color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:10px;font-size:13px;transition:.15s}.sidebar nav a i{width:18px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(59,130,246,.16);color:#fff}.nav-label{padding:20px 12px 7px;color:#64748b;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em}.main{margin-left:268px;min-height:100vh}.topbar{height:74px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}.topbar-title b{font-size:17px}.topbar small,.card-header small{display:block;color:var(--muted);margin-top:2px}.userbox{display:flex;gap:12px;align-items:center}.user-avatar{width:38px;height:38px;border-radius:12px;background:#e8efff;color:var(--primary);display:grid;place-items:center;font-weight:800}.content{padding:22px}.stat-card,.panel{background:var(--surface);border:1px solid rgba(226,232,240,.75);border-radius:18px;box-shadow:var(--shadow)}.stat-card{padding:20px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#eff6ff;right:-28px;top:-28px}.stat-card h3{margin:8px 0 4px;font-size:24px;position:relative;z-index:1}.stat-card span,.stat-card small{color:var(--muted);position:relative;z-index:1}.panel .card-header{background:#fff;border-bottom:1px solid var(--line);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-radius:18px 18px 0 0}.table{margin:0}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap;background:#f8fafc;padding:13px 15px}.table td{vertical-align:middle;padding:13px 15px;border-color:#eef2f7}.table-hover tbody tr:hover>*{background:#f8fbff}.page-actions{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.form-control,.form-select{border-radius:10px;border-color:#dfe5ee;min-height:40px}.form-control:focus,.form-select:focus{box-shadow:0 0 0 3px rgba(37,99,235,.1);border-color:#93b4ff}.btn{border-radius:10px;font-weight:600}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#dbeafe,#f8fbff 55%)}.login-card{width:min(430px,92vw);padding:34px;background:#fff;border-radius:24px;box-shadow:0 24px 80px rgba(37,99,235,.14)}pre{background:#111827;color:#e5e7eb;padding:15px;border-radius:12px;white-space:pre-wrap}

/* POS */
body:has(.pos-shell){overflow:hidden}.content:has(.pos-shell){padding:0}.main:has(.pos-shell) .topbar{height:66px}.pos-shell{height:calc(100vh - 66px);display:grid;grid-template-columns:minmax(0,1fr) 410px;background:#eef2f7}.pos-catalog{min-width:0;display:flex;flex-direction:column;padding:16px 14px 12px 18px;overflow:hidden}.pos-toolbar{display:flex;gap:10px;align-items:center}.pos-search-wrap{height:48px;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #dfe5ee;border-radius:14px;padding:0 14px;flex:1;box-shadow:0 4px 16px rgba(15,23,42,.04)}.pos-search-wrap>i{color:#94a3b8}.pos-search-wrap input{border:0;outline:0;width:100%;font-size:14px}.scan-hint{display:flex;align-items:center;gap:6px;color:#64748b;background:#f1f5f9;border-radius:8px;padding:5px 8px;font-size:11px}.icon-action{width:48px;height:48px;border:1px solid #dfe5ee;border-radius:14px;background:#fff;color:#64748b}.category-strip{display:flex;gap:8px;overflow-x:auto;padding:13px 1px 12px;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-pill{border:1px solid #dfe5ee;background:#fff;color:#475569;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700;white-space:nowrap;transition:.15s}.category-pill:hover,.category-pill.active{background:#e8efff;border-color:#b8ccff;color:var(--primary)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:11px;overflow:auto;padding:1px 4px 18px 1px;align-content:start}.product-grid::-webkit-scrollbar,.cart-items::-webkit-scrollbar{width:6px}.product-grid::-webkit-scrollbar-thumb,.cart-items::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.product-card{border:1px solid #e2e8f0;background:#fff;border-radius:15px;text-align:left;padding:10px;display:flex;flex-direction:column;gap:9px;min-height:190px;transition:.16s;box-shadow:0 4px 14px rgba(15,23,42,.035)}.product-card:hover{border-color:#93b4ff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(37,99,235,.1)}.product-card:active{transform:scale(.98)}.product-visual{height:88px;border-radius:11px;background:linear-gradient(135deg,#eff6ff,#e0f2fe);display:grid;place-items:center;overflow:hidden}.product-visual>span{width:48px;height:48px;border-radius:15px;background:#fff;color:var(--primary);display:grid;place-items:center;font-size:20px;font-weight:900;box-shadow:0 8px 20px rgba(37,99,235,.12)}.product-info{display:flex;flex-direction:column;min-width:0;gap:4px}.product-info small{font-size:10px;color:#94a3b8;text-transform:uppercase}.product-info>b{font-size:13px;line-height:1.3;height:34px;overflow:hidden;color:#1e293b}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:5px}.product-meta em{font-style:normal;color:var(--primary);font-weight:800;font-size:13px}.stock-badge{font-size:9px;color:#15803d;background:#dcfce7;padding:4px 6px;border-radius:7px;white-space:nowrap}.stock-badge.empty{color:#b91c1c;background:#fee2e2}.product-card.out-of-stock{opacity:.58;cursor:not-allowed}.product-empty{grid-column:1/-1;display:none;min-height:260px;align-items:center;justify-content:center;flex-direction:column;color:#94a3b8;gap:8px}.product-empty i{font-size:35px}.product-empty b{color:#475569}.pos-order{background:#fff;border-left:1px solid #dfe5ee;height:100%;overflow:hidden}.pos-order form{height:100%;display:flex;flex-direction:column}.order-head{height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.order-head>div{display:flex;flex-direction:column}.order-head span{font-size:11px;color:#94a3b8}.order-head b{font-size:15px}.text-action{border:0;background:transparent;font-size:11px;font-weight:700}.text-action.danger{color:#ef4444}.customer-field{margin:12px 16px 0;height:43px;border:1px solid #dfe5ee;border-radius:11px;display:flex;align-items:center;padding-left:12px;color:#94a3b8}.customer-field input{border:0;outline:0;flex:1;padding:0 10px;font-size:13px}.customer-field button{height:100%;width:42px;border:0;border-left:1px solid #e5e7eb;background:#f8fafc;color:var(--primary);border-radius:0 11px 11px 0}.cart-items{flex:1;overflow:auto;padding:10px 16px;min-height:100px}.empty-cart{height:100%;min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#94a3b8;gap:7px;text-align:center}.empty-cart>span{width:70px;height:70px;border-radius:24px;background:#f1f5f9;display:grid;place-items:center;font-size:27px;color:#94a3b8;margin-bottom:4px}.empty-cart b{color:#475569}.cart-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f7}.cart-thumb{width:48px;height:48px;border-radius:11px;background:#eff6ff;color:var(--primary);display:grid;place-items:center;font-weight:900}.cart-detail{min-width:0}.cart-detail b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.cart-detail small{display:block;color:var(--primary);font-weight:700;margin-top:3px}.qty-control{display:flex;align-items:center;gap:7px}.qty-control button{width:27px;height:27px;border-radius:8px;border:1px solid #dfe5ee;background:#fff;color:#475569}.qty-control b{min-width:18px;text-align:center}.remove-line{border:0!important;color:#ef4444!important;background:#fff5f5!important}.order-summary{border-top:1px solid var(--line);padding:11px 17px;display:grid;gap:7px}.order-summary>div{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:12px}.order-summary b{color:#334155}.order-summary label{width:115px;display:flex;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#f8fafc}.order-summary label span{padding:5px 7px;background:#eef2f7;font-size:10px}.order-summary label input{min-width:0;width:100%;border:0;outline:0;text-align:right;padding:4px 7px;background:#fff;font-size:12px}.order-summary .grand-row{border-top:1px dashed #d7deea;margin-top:4px;padding-top:10px;color:#1e293b;font-weight:800}.grand-row strong{font-size:21px;color:var(--primary)}.payment-area{padding:0 16px 15px}.payment-area>label{font-size:11px;color:#64748b;font-weight:700}.payment-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:7px 0 9px}.payment-methods input{display:none}.payment-methods span{height:48px;border:1px solid #dfe5ee;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;color:#64748b;font-weight:700}.payment-methods span i{font-size:14px}.payment-methods input:checked+span{border-color:#8db0ff;background:#eff5ff;color:var(--primary);box-shadow:inset 0 0 0 1px #8db0ff}.reference-input{width:100%;border:1px solid #dfe5ee;border-radius:9px;height:36px;padding:0 11px;font-size:11px;outline:0;margin-bottom:9px}.pay-button{width:100%;height:51px;border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 10px 25px rgba(37,99,235,.25);font-weight:700}.pay-button:disabled{opacity:.5;box-shadow:none}.pay-button b{font-size:16px}.mobile-cart-button,.mobile-order-close{display:none}

@media(max-width:1100px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pos-shell{grid-template-columns:minmax(0,1fr) 375px}.sidebar{width:245px}.main{margin-left:245px}}
@media(max-width:991px){body{overflow:auto}.sidebar{transform:translateX(-100%);transition:.22s;width:270px}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.content{padding:14px}.page-actions{flex-direction:column}.topbar{padding:0 14px}.userbox>span,.userbox .btn{display:none}.pos-shell{grid-template-columns:1fr;height:calc(100dvh - 66px)}.pos-catalog{padding:11px 10px 84px}.pos-order{position:fixed;z-index:60;left:0;right:0;bottom:0;height:min(86dvh,760px);border-radius:22px 22px 0 0;border:0;transform:translateY(105%);transition:.25s;box-shadow:0 -20px 60px rgba(15,23,42,.2)}.pos-order.open{transform:translateY(0)}.mobile-cart-button{display:flex;position:fixed;z-index:45;left:12px;right:12px;bottom:12px;height:60px;border:0;border-radius:15px;background:#172033;color:#fff;align-items:center;justify-content:space-between;padding:0 17px;box-shadow:0 14px 34px rgba(15,23,42,.28)}.mobile-cart-button>span{position:relative;font-size:19px}.mobile-cart-button>span b{position:absolute;right:-10px;top:-10px;background:#ef4444;width:18px;height:18px;border-radius:50%;font-size:10px;display:grid;place-items:center}.mobile-cart-button strong{font-size:13px}.mobile-cart-button em{font-style:normal;font-weight:800}.mobile-order-close{display:grid;place-items:center;position:fixed;z-index:70;right:15px;bottom:min(86dvh,760px);transform:translateY(100px);width:42px;height:30px;border:0;border-radius:12px 12px 0 0;background:#fff;color:#64748b;transition:.25s}.mobile-order-close.open{transform:translateY(0)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product-card{min-height:154px;padding:7px}.product-visual{height:64px}.product-visual>span{width:38px;height:38px;border-radius:12px;font-size:16px}.product-info>b{font-size:11px;height:29px}.product-info small{font-size:8px}.product-meta{align-items:flex-start;flex-direction:column;gap:3px}.product-meta em{font-size:11px}.stock-badge{font-size:8px}.scan-hint{display:none}}
@media(max-width:520px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-search-wrap{height:44px}.icon-action{width:44px;height:44px}.category-strip{padding-top:10px}.category-pill{padding:7px 11px}.topbar-title small{display:none}}
@media print{.sidebar,.topbar,.page-actions,.btn,.mobile-cart-button{display:none!important}.main{margin:0}.content{padding:0}.panel{box-shadow:none}.table{font-size:10px}}

/* POS staged checkout */
.pos-flow-modal{position:fixed;inset:0;z-index:200;background:rgba(15,23,42,.58);display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}.pos-flow-modal.open{display:flex}.pos-flow-card{width:min(680px,100%);max-height:94dvh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 90px rgba(15,23,42,.28)}.flow-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 14px;border-bottom:1px solid #e5e7eb}.flow-head small{color:#64748b}.flow-head h3{margin:3px 0 0;font-size:21px}.flow-head button{width:38px;height:38px;border:0;border-radius:11px;background:#f1f5f9;color:#475569;font-size:18px}.flow-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;padding:16px 24px;background:#f8fafc}.flow-steps>div{display:flex;align-items:center;gap:7px;color:#94a3b8;font-size:11px}.flow-steps>div span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;font-weight:800}.flow-steps>div.active{color:#2563eb}.flow-steps>div.active span{background:#2563eb;color:#fff}.flow-steps>div.done span{background:#16a34a;color:#fff}.flow-steps>i{height:2px;background:#e2e8f0;margin:0 10px}.flow-pane{display:none;padding:20px 24px 24px}.flow-pane.active{display:block}.flow-total-card{background:linear-gradient(135deg,#eff6ff,#eef2ff);border:1px solid #bfdbfe;border-radius:16px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.flow-total-card span{color:#475569}.flow-total-card strong{font-size:27px;color:#1d4ed8}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flow-grid label,.flow-field,.print-mode{display:flex;flex-direction:column;gap:7px;color:#334155;font-size:13px}.flow-grid input,.flow-grid select,.print-mode select{height:46px;border:1px solid #d9e1ea;border-radius:12px;padding:0 12px;background:#fff;font-size:14px}.flow-field{margin-top:13px}.money-input{height:50px;border:1px solid #d9e1ea;border-radius:12px;display:flex;align-items:center;overflow:hidden}.money-input span{height:100%;display:grid;place-items:center;padding:0 14px;background:#f1f5f9;color:#64748b}.money-input input{border:0;outline:0;width:100%;height:100%;padding:0 13px;text-align:right;font-size:19px;font-weight:800}.quick-cash{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}.quick-cash button{border:1px solid #aeb8c5;background:#fff;border-radius:999px;padding:8px 14px;color:#526071;font-weight:700}.quick-cash button:last-child{margin-left:auto;border-color:#2563eb;color:#2563eb}.change-preview{display:flex;justify-content:space-between;background:#f8fafc;border-radius:12px;padding:12px 14px;margin:11px 0 15px}.change-preview strong{color:#16a34a}.flow-primary,.flow-secondary{border:0;border-radius:12px;min-height:48px;padding:0 18px;font-weight:800}.flow-primary{background:#168b4e;color:#fff;width:100%}.flow-secondary{background:#eef2f7;color:#334155}.confirm-alert{display:flex;gap:12px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;padding:13px;color:#166534}.confirm-alert>i{font-size:22px}.confirm-alert div{display:flex;flex-direction:column}.confirm-alert span{font-size:12px;margin-top:2px}.confirm-list{max-height:190px;overflow:auto;margin:13px 0;border:1px solid #e5e7eb;border-radius:13px}.confirm-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #eef2f7}.confirm-list>div:last-child{border-bottom:0}.confirm-list span{display:flex;flex-direction:column}.confirm-list small{color:#64748b;margin-top:2px}.confirm-summary{display:grid;gap:7px;padding:13px 14px;background:#f8fafc;border-radius:13px}.confirm-summary>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.confirm-grand{padding-top:9px;margin-top:3px;border-top:1px dashed #cbd5e1;font-size:15px!important}.confirm-grand strong{font-size:20px;color:#1d4ed8}.print-mode{margin-top:13px;padding:13px;border:1px solid #dbe4ee;border-radius:14px}.print-mode small{color:#64748b;line-height:1.4}.flow-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:14px}.flow-success{text-align:center;padding:38px 10px}.flow-success>span{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#16a34a;font-size:34px;margin:0 auto 16px}.flow-success h3{font-size:23px;margin:0}.flow-success p{color:#64748b}.pay-button{background:linear-gradient(135deg,#168b4e,#137844)}
@media(max-width:620px){.pos-flow-modal{padding:0;align-items:flex-end}.pos-flow-card{border-radius:22px 22px 0 0;max-height:94dvh}.flow-head{padding:16px}.flow-steps{padding:13px 15px}.flow-steps>div b{display:none}.flow-pane{padding:16px}.flow-grid{grid-template-columns:1fr}.quick-cash button{flex:1 1 28%}.quick-cash button:last-child{margin-left:0}.flow-actions{grid-template-columns:1fr}.flow-total-card strong{font-size:23px}}


/* POS modal placement fix */
.pos-shell{position:relative}
.pos-flow-modal[aria-hidden="true"]{pointer-events:none}
.pos-flow-modal.open{pointer-events:auto}
.pos-flow-card::-webkit-scrollbar{width:8px}.pos-flow-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
@media(max-width:991px){.pos-order{overflow:auto}.pos-order form{min-height:100%}.payment-area{padding-bottom:86px}}

/* POS mobile professional refinements */
@media(max-width:991px){
  body:has(.pos-shell){overflow:hidden}
  .main:has(.pos-shell) .topbar{height:58px}
  .pos-shell{height:calc(100dvh - 58px);background:#f4f7fb}
  .pos-catalog{padding:10px 10px 82px}
  .pos-toolbar{position:sticky;top:0;z-index:5;background:#f4f7fb;padding-bottom:8px}
  .category-strip{padding:2px 0 10px}
  .pos-order{height:90dvh;border-radius:24px 24px 0 0;background:#fff}
  .pos-order:before{content:"";display:block;width:42px;height:4px;border-radius:999px;background:#cbd5e1;margin:9px auto 0}
  .order-head{height:54px;padding:0 14px}
  .customer-field{margin:8px 12px 0}
  .cart-items{padding:8px 12px}
  .order-summary{padding:10px 12px}
  .payment-area{padding:0 12px 88px}
  .payment-methods span{height:56px;border-radius:12px;font-size:10px}
  .pay-button{height:56px;border-radius:14px;font-size:14px}
  .mobile-cart-button{height:58px;border-radius:16px;background:linear-gradient(135deg,#172033,#25324b)}
}
@media(max-width:620px){
  .pos-flow-modal{padding:8px;background:rgba(15,23,42,.66);align-items:center}
  .pos-flow-card{width:100%;max-height:calc(100dvh - 16px);border-radius:22px;overflow:auto}
  .flow-head{position:sticky;top:0;z-index:4;background:#fff;padding:14px 16px 12px}
  .flow-head h3{font-size:18px}
  .flow-steps{position:sticky;top:65px;z-index:3;padding:11px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb}
  .flow-pane{padding:14px 14px 18px}
  .flow-total-card{padding:13px 14px;border-radius:14px;margin-bottom:13px}
  .flow-total-card strong{font-size:22px}
  .flow-grid input,.flow-grid select,.print-mode select{height:44px}
  .money-input{height:48px}
  .quick-cash{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
  .quick-cash button{width:100%;padding:8px 5px;font-size:12px}
  .quick-cash button:last-child{grid-column:span 3}
  .flow-primary,.flow-secondary{min-height:50px}
  .confirm-list{max-height:160px}
  .flow-actions{position:sticky;bottom:-18px;background:#fff;padding-top:10px;padding-bottom:4px}
}
@media(max-width:390px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .product-card{min-height:148px}
  .product-visual{height:60px}
  .payment-methods{gap:5px}
  .payment-methods span{height:52px}
}

/* POS editable confirmation and dynamic payment methods */
.payment-methods{grid-template-columns:repeat(var(--payment-count,4),minmax(0,1fr));overflow-x:auto;scrollbar-width:thin}
.quick-cash.disabled{opacity:.45;pointer-events:none}
.confirm-item-row{align-items:center}.confirm-item-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.confirm-item-actions>button{width:30px;height:30px;border:1px solid #dbe3ec;border-radius:9px;background:#fff;color:#334155;font-weight:900}.confirm-item-actions>strong{min-width:82px;text-align:right}.confirm-item-actions .confirm-remove{color:#dc2626;background:#fff1f2;border-color:#fecdd3}.flow-actions.three-actions{grid-template-columns:1fr 1fr 1.6fr}
@media(max-width:700px){.payment-methods{grid-template-columns:repeat(4,minmax(82px,1fr))}.confirm-item-row{align-items:flex-start;flex-direction:column}.confirm-item-actions{width:100%;justify-content:flex-end}.confirm-item-actions>strong{margin-left:auto}.flow-actions.three-actions{grid-template-columns:1fr 1fr}.flow-actions.three-actions .flow-primary{grid-column:1/-1}}

/* Professional sidebar refresh */
:root{--sidebar-width:286px;--sidebar-deep:#071426;--sidebar-mid:#0b1d34;--sidebar-line:rgba(255,255,255,.075);--sidebar-text:#d8e3f2;--sidebar-muted:#7890ab;--sidebar-active:#2f7df4}
.sidebar{width:var(--sidebar-width);background:radial-gradient(circle at 20% 0%,rgba(47,125,244,.22),transparent 32%),linear-gradient(180deg,var(--sidebar-mid),var(--sidebar-deep));overflow:hidden;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.04);box-shadow:14px 0 44px rgba(4,14,30,.16)}
.sidebar-brand{height:86px;min-height:86px;padding:15px 17px;border-bottom:1px solid var(--sidebar-line);justify-content:space-between}
.brand-link{min-width:0;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.brand-logo{width:50px;height:50px;min-width:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#3b8cff,#1559c8);box-shadow:0 12px 28px rgba(30,113,235,.38),inset 0 1px 0 rgba(255,255,255,.3);position:relative;overflow:hidden}
.brand-logo:after{content:"";position:absolute;width:42px;height:42px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-20px;top:-17px}
.brand-logo svg{width:31px;height:31px;fill:#fff;filter:drop-shadow(0 3px 5px rgba(0,0,0,.18))}
.brand-copy{min-width:0;display:block}.brand-copy b{display:block;font-size:18px;letter-spacing:.01em}.brand-copy small{display:block;color:#8fa6bf;font-size:10px;margin-top:2px;white-space:nowrap}
.sidebar-close{display:none;width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff}
.sidebar-store-card{margin:13px 13px 7px;padding:11px 12px;border:1px solid rgba(127,173,230,.14);background:linear-gradient(135deg,rgba(52,118,211,.16),rgba(255,255,255,.035));border-radius:14px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;color:#c8d7e8}
.store-icon{width:36px;height:36px;border-radius:11px;background:rgba(58,132,239,.17);color:#70a9ff;display:grid;place-items:center}.sidebar-store-card small{display:block;color:#6f89a7;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.sidebar-store-card b{display:block;font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-store-card>i{font-size:10px;color:#5e7692}
.sidebar-nav{padding:4px 11px 22px!important;overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:thin;scrollbar-color:#253c58 transparent}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:#263f5d;border-radius:99px}
.sidebar-link{position:relative;min-height:43px;padding:7px 9px!important;border-radius:11px!important;color:var(--sidebar-text)!important;gap:9px!important;margin:2px 0;font-size:12px!important}
.sidebar-link:before{content:"";position:absolute;left:-11px;width:3px;height:0;border-radius:0 4px 4px 0;background:#66a3ff;transition:.2s}
.sidebar-link:hover{background:rgba(255,255,255,.055)!important;color:#fff!important;transform:translateX(2px)}
.sidebar-link.active{background:linear-gradient(90deg,rgba(47,125,244,.28),rgba(47,125,244,.11))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(104,165,255,.14)}
.sidebar-link.active:before{height:24px}.menu-icon{width:31px;height:31px;min-width:31px;border-radius:9px;background:rgba(255,255,255,.055);display:grid;place-items:center;color:#89a1ba;transition:.18s}.sidebar-link:hover .menu-icon,.sidebar-link.active .menu-icon{background:rgba(69,141,246,.2);color:#82b5ff}.menu-text{min-width:0;flex:1;white-space:normal;line-height:1.25}.active-dot{width:5px;height:5px;border-radius:50%;background:#65a5ff;opacity:0;box-shadow:0 0 0 4px rgba(69,141,246,.12)}.sidebar-link.active .active-dot{opacity:1}
.sidebar-group{margin:7px 0}.sidebar-group-toggle{width:100%;height:34px;border:0;background:transparent;color:#758da8;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border-radius:9px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.105em}.sidebar-group-toggle:hover{color:#a9bad0;background:rgba(255,255,255,.035)}.group-title{display:flex;align-items:center;gap:8px}.group-title>i{width:15px;text-align:center;color:#587392}.group-arrow{font-size:9px;transition:.2s}.sidebar-group.open .group-arrow{transform:rotate(180deg)}.sidebar-group-items{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s ease}.sidebar-group-items>*{overflow:hidden}.sidebar-group.open .sidebar-group-items{grid-template-rows:1fr}.sidebar-group.active-group>.sidebar-group-toggle{color:#96b6dd}
.sidebar-footer{padding:11px 13px 14px;border-top:1px solid var(--sidebar-line);background:rgba(1,8,20,.24)}.sidebar-user{display:grid;grid-template-columns:38px minmax(0,1fr) 34px;gap:9px;align-items:center}.sidebar-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#3f8df6,#2058b8);color:#fff;display:grid;place-items:center;font-weight:800}.sidebar-user-copy{min-width:0}.sidebar-user-copy b,.sidebar-user-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-copy b{font-size:11px;color:#e9f1fa}.sidebar-user-copy small{font-size:9px;color:#718ba8;margin-top:2px}.sidebar-user>a{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#8297ae;text-decoration:none;background:rgba(255,255,255,.045)}.sidebar-user>a:hover{color:#ff9b9b;background:rgba(239,68,68,.11)}
.main{margin-left:var(--sidebar-width)}.topbar{height:76px;padding:0 25px;box-shadow:0 5px 24px rgba(15,23,42,.035)}.topbar-menu-btn{display:none;width:42px;height:42px;border:1px solid #e1e7ef;background:#fff;border-radius:12px;color:#425269}.topbar-title b{font-size:18px}.topbar-title small{display:flex;align-items:center;gap:6px}.userbox>span{line-height:1.15}.userbox>span b,.userbox>span small{display:block}.userbox>span b{font-size:12px}.userbox>span small{font-size:9px;margin-top:3px}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(4,12,25,.5);backdrop-filter:blur(2px);z-index:39}
@media(max-width:1100px) and (min-width:992px){:root{--sidebar-width:255px}.brand-copy small{display:none}.sidebar-link{font-size:11px!important}}
@media(max-width:991px){.sidebar{width:min(88vw,292px);transform:translateX(-105%);transition:transform .24s ease;z-index:80}.sidebar.open{transform:translateX(0)}.sidebar-overlay.show{display:block;z-index:79}.main{margin-left:0}.sidebar-close{display:grid;place-items:center}.topbar-menu-btn{display:grid;place-items:center}.topbar{padding:0 14px}.userbox>span{display:none}.userbox .btn{display:none}}
@media(max-width:520px){.brand-copy b{font-size:16px}.brand-copy small{font-size:9px}.sidebar-brand{height:78px;min-height:78px}.brand-logo{width:45px;height:45px;min-width:45px;border-radius:14px}}
@media print{.sidebar-overlay{display:none!important}}

/* POS 2026 mobile, discount, tax and quick payment refinement */
.pos-adjustments{padding:10px 16px;display:grid;grid-template-columns:1.35fr .85fr;gap:9px;border-top:1px solid #e8edf3;background:#fbfcfe}.adjustment-card{border:1px solid #e2e8f0;border-radius:14px;padding:10px;background:#fff}.adjustment-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;color:#334155;margin-bottom:8px}.adjustment-title span{display:flex;align-items:center;gap:6px}.adjustment-title button{border:0;background:transparent;color:#64748b;font-size:10px}.segmented-control{display:grid;grid-template-columns:1fr 1fr;padding:3px;background:#eef2f7;border-radius:10px;gap:3px}.segmented-control button{height:30px;border:0;border-radius:8px;background:transparent;color:#64748b;font-size:10px;font-weight:800}.segmented-control button.active{background:#fff;color:#1d4ed8;box-shadow:0 2px 8px rgba(15,23,42,.08)}.adjustment-input{height:42px;margin-top:8px;border:1px solid #d9e1eb;border-radius:10px;display:flex;align-items:center;gap:7px;padding:0 11px}.adjustment-input span,.adjustment-input em{font-style:normal;font-size:12px;font-weight:800;color:#64748b}.adjustment-input input{min-width:0;width:100%;border:0;outline:0;font-size:15px;font-weight:800;color:#0f172a;background:transparent}.tax-card{display:flex;flex-direction:column;justify-content:space-between}.tax-description b,.tax-description small{display:block}.tax-description b{font-size:15px;color:#0f172a}.tax-description small{font-size:9px;color:#64748b;margin-top:3px}.mini-switch input{display:none}.mini-switch i{display:block;width:38px;height:22px;border-radius:999px;background:#cbd5e1;position:relative;transition:.2s}.mini-switch i:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}.mini-switch input:checked+i{background:#2563eb}.mini-switch input:checked+i:after{transform:translateX(16px)}.order-summary>div b{font-variant-numeric:tabular-nums}.order-summary span em{font-style:normal}.quick-cash-head{display:flex;justify-content:space-between;align-items:end;margin:12px 0 7px}.quick-cash-head span{font-size:11px;font-weight:900;color:#334155}.quick-cash-head small{font-size:9px;color:#94a3b8}.quick-cash{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.quick-cash button{min-width:0;width:100%;height:40px;border:1px solid #dbe3ed;background:#fff;border-radius:10px;color:#334155;font-size:11px;font-weight:800}.quick-cash button:hover{border-color:#8db7f8;color:#1d4ed8;background:#eff6ff}.quick-cash button.exact{background:#172033;color:#fff;border-color:#172033}.quick-cash.dynamic{grid-template-columns:repeat(4,1fr);margin-top:7px}.quick-cash.dynamic:empty{display:none}.pos-order .cart-items{scrollbar-width:thin}.flow-total-card strong,.grand-row strong{font-variant-numeric:tabular-nums}
@media(max-width:991px){body:has(.pos-shell) .content{padding:10px!important}.pos-shell{min-height:calc(100dvh - 96px);border-radius:16px}.pos-catalog{padding-bottom:78px}.pos-toolbar{gap:7px}.pos-search-wrap{height:48px;border-radius:14px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product-card{min-height:155px;border-radius:15px}.product-info b{font-size:11px;line-height:1.25}.product-meta{align-items:flex-start;flex-direction:column;gap:3px}.pos-order{position:fixed!important;left:0;right:0;bottom:0;top:auto!important;width:100%!important;max-width:none!important;height:min(92dvh,820px)!important;z-index:71!important;transform:translateY(105%);transition:transform .25s ease;border-radius:24px 24px 0 0!important;box-shadow:0 -24px 55px rgba(15,23,42,.24);overflow:hidden}.pos-order.open{transform:translateY(0)}.pos-order form{height:calc(100% - 12px);display:flex;flex-direction:column}.cart-items{flex:1;min-height:120px}.pos-adjustments{grid-template-columns:1fr 1fr;padding:9px 12px}.order-summary{padding:9px 12px}.payment-area{padding:0 12px 82px}.mobile-cart-button{display:flex;position:fixed;z-index:69;left:10px;right:10px;bottom:10px;width:calc(100% - 20px)}.mobile-order-close.open{display:grid;z-index:72}.payment-methods{grid-template-columns:repeat(4,minmax(82px,1fr))}}
@media(max-width:620px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{min-height:148px}.pos-adjustments{grid-template-columns:1fr}.tax-card{min-height:82px}.pos-flow-modal{padding:0;align-items:flex-end}.pos-flow-card{max-height:96dvh;border-radius:24px 24px 0 0}.flow-pane{padding:13px}.flow-grid{grid-template-columns:1fr}.quick-cash,.quick-cash.dynamic{grid-template-columns:repeat(3,1fr)}.quick-cash .exact{grid-column:span 3}.confirm-list{max-height:230px}.flow-actions.three-actions{grid-template-columns:1fr 1fr}.flow-actions.three-actions .flow-primary{grid-column:1/-1}.payment-methods{grid-template-columns:repeat(3,minmax(88px,1fr))}.payment-methods span{height:54px}.order-head{padding:0 12px}.customer-field{margin-left:12px;margin-right:12px}}
@media(max-width:380px){.quick-cash,.quick-cash.dynamic{grid-template-columns:repeat(2,1fr)}.quick-cash .exact{grid-column:span 2}.pos-adjustments{padding:8px}.product-card{min-height:140px}}
/* 2026-07-29 automatic discount and mobile payment click fix */
.auto-badge{font-size:9px!important;letter-spacing:.08em;color:#166534!important;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;padding:3px 7px}.auto-discount-info{min-height:48px;padding:9px 10px;border-radius:10px;background:#f8fafc;border:1px dashed #cbd5e1}.auto-discount-info b,.auto-discount-info small{display:block}.auto-discount-info b{font-size:11px;color:#0f172a;line-height:1.25}.auto-discount-info small{font-size:9px;color:#64748b;margin-top:4px}.pay-button{position:relative;z-index:8;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pos-flow-modal.open{z-index:9999!important;visibility:visible!important;opacity:1!important}.pos-flow-card{pointer-events:auto}.flow-primary,.flow-secondary,.quick-cash button{touch-action:manipulation;pointer-events:auto!important}
@media(max-width:991px){.payment-area{position:sticky;bottom:0;background:#fff;z-index:20;padding:8px 12px max(14px,env(safe-area-inset-bottom))!important;border-top:1px solid #e5e7eb;box-shadow:0 -8px 20px rgba(15,23,42,.08)}.pay-button{display:flex!important;width:100%!important;min-height:58px!important}.pos-order form{overflow:auto;-webkit-overflow-scrolling:touch}.pos-flow-modal{position:fixed!important;inset:0!important}.mobile-order-close{pointer-events:auto}.pos-order.open{z-index:9000!important}.pos-flow-modal.open{z-index:10000!important}}

/* 2026-07-30 Accurate-inspired navigation refresh */
:root{--sidebar-w:252px;--acc-navy:#18324a;--acc-navy-2:#10283d;--acc-teal:#24a89a;--acc-line:rgba(255,255,255,.09)}
.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,var(--acc-navy) 0%,var(--acc-navy-2) 100%);border-right:0;box-shadow:8px 0 28px rgba(15,36,55,.16)}
.sidebar-brand{min-height:74px;padding:13px 16px;border-bottom:1px solid var(--acc-line);background:rgba(255,255,255,.025)}
.brand-link{gap:11px;color:#fff!important}.accurate-mark{width:42px!important;height:42px!important;border-radius:11px!important;background:linear-gradient(145deg,#39c8b8,#168f84)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 8px 20px rgba(22,143,132,.34)!important}.accurate-mark b{font-size:23px;font-weight:900;font-style:italic;line-height:1}.brand-copy b{font-size:18px;letter-spacing:.6px;color:#fff}.brand-copy small{color:#a9c2d4;font-size:10px;letter-spacing:.25px}
.sidebar-store-card{margin:12px 12px 6px;padding:11px 12px;background:rgba(255,255,255,.06);border:1px solid var(--acc-line);border-radius:10px;color:#fff}.sidebar-store-card small{color:#9fb8ca}.store-icon{background:rgba(36,168,154,.18)!important;color:#5ce0d2!important}
.sidebar-nav{padding:6px 9px 16px}.sidebar-group{margin:3px 0}.sidebar-group-toggle{min-height:38px;padding:8px 10px;color:#bcd0df;border-radius:8px}.sidebar-group-toggle:hover,.sidebar-group.open>.sidebar-group-toggle{background:rgba(255,255,255,.055);color:#fff}.group-title{font-size:11px;text-transform:uppercase;letter-spacing:.55px;font-weight:800}.group-title>i{width:22px;color:#65d5ca}
.sidebar-group-items{padding:3px 0 5px 7px;border-left:1px solid rgba(101,213,202,.22);margin-left:19px}.sidebar-link{min-height:39px;padding:7px 9px;margin:2px 0;border-radius:8px;color:#c3d4e0;gap:9px}.sidebar-link:hover{background:rgba(255,255,255,.07);color:#fff;transform:none}.sidebar-link.active{background:#fff;color:#17334a;box-shadow:0 7px 16px rgba(4,22,36,.18)}.sidebar-link.active:before{display:none}.sidebar-link .menu-icon{width:27px;height:27px;border-radius:7px;background:rgba(255,255,255,.07);color:#7fded5}.sidebar-link.active .menu-icon{background:#dcf7f3;color:#158f83}.sidebar-link .menu-text{font-size:12px;font-weight:650}.active-dot{display:none!important}
.sidebar-footer{border-top:1px solid var(--acc-line);background:rgba(0,0,0,.08)}.sidebar-user-copy b{color:#fff}.sidebar-user-copy small{color:#9eb7c8}.sidebar-avatar{background:#28ad9e!important;color:#fff!important}.sidebar-user>a{color:#b7cbd9}.sidebar-user>a:hover{background:#ef4444;color:#fff}
.main{margin-left:var(--sidebar-w)}.topbar{border-bottom:1px solid #e5edf3;box-shadow:0 2px 10px rgba(31,55,77,.04)}
@media(max-width:991.98px){.main{margin-left:0}.sidebar{transform:translateX(-105%);z-index:1200}.sidebar.open{transform:translateX(0)}}
/* Accurate-inspired icon rail and menu launcher */
.rail-layout{--rail-width:48px}.accurate-rail{position:fixed;inset:0 auto 0 0;width:var(--rail-width);background:linear-gradient(180deg,#143f68,#0e3154);z-index:1000;display:flex;flex-direction:column;align-items:center;box-shadow:3px 0 12px rgba(15,23,42,.14)}.rail-logo,.rail-item{width:48px;height:47px;border:0;background:transparent;color:#dceaf6;display:grid;place-items:center;text-decoration:none;position:relative;font-size:16px}.rail-logo{height:48px;background:#183b5d;border-bottom:1px solid rgba(255,255,255,.12)}.logo-stack{width:21px;height:20px;position:relative}.logo-stack i{position:absolute;left:2px;width:17px;height:6px;background:#fff;transform:rotate(30deg) skewX(-30deg);border-radius:2px}.logo-stack i:nth-child(1){top:1px}.logo-stack i:nth-child(2){top:7px;opacity:.88}.logo-stack i:nth-child(3){top:13px;opacity:.7}.rail-item:hover,.rail-item.active{background:#244f78;color:#fff}.rail-item.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;background:#ff5b7f;border-radius:0 4px 4px 0}.rail-bottom{margin-top:auto}.accurate-main{margin-left:var(--rail-width)!important}.menu-panel-overlay{position:fixed;inset:0;background:rgba(15,23,42,.22);z-index:1001;opacity:0;visibility:hidden;transition:.18s}.menu-panel-overlay.open{opacity:1;visibility:visible}.accurate-menu-panel{position:fixed;z-index:1002;left:54px;top:10px;width:min(470px,calc(100vw - 65px));max-height:calc(100vh - 20px);overflow:auto;background:#fff;border:1px solid #cfd8e3;border-radius:5px;box-shadow:0 18px 45px rgba(15,23,42,.22);padding:0 14px 18px;transform:translateX(-12px);opacity:0;visibility:hidden;transition:.18s}.accurate-menu-panel.open{transform:none;opacity:1;visibility:visible}.accurate-menu-panel header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 2px 10px;border-bottom:1px solid #e7ebf0}.accurate-menu-panel header h3{font-size:18px;margin:0;color:#334155;font-weight:800}.accurate-menu-panel header p{font-size:12px;color:#94a3b8;margin:3px 0 8px}.accurate-menu-panel header span{display:block;width:147px;border-top:1px solid #fb7185}.accurate-menu-panel header button{border:0;background:#f8fafc;width:33px;height:33px;border-radius:10px;color:#64748b}.panel-search{height:36px;margin:12px 0;border:1px solid #d7dee8;border-radius:9px;background:#f8fafc;display:flex;align-items:center;padding:0 10px;gap:9px;color:#94a3b8}.panel-search input{border:0;outline:0;background:transparent;width:100%;font-size:12px}.panel-group-title{height:38px;border:1px solid #dce3eb;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;margin-bottom:9px;color:#475569;font-size:12px}.panel-group-title b{font-size:10px;border:1px solid #dce3eb;border-radius:999px;padding:3px 8px;color:#64748b}.menu-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.menu-tile{min-height:92px;border:1px solid #d8c1ee;background:linear-gradient(135deg,#f7eaff,#f2dcff);border-radius:9px;text-decoration:none;color:#334155;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9px 5px;gap:9px;font-size:11px}.menu-tile:nth-child(3n+2){border-color:#a8dfd4;background:linear-gradient(135deg,#e7fff8,#dff8f0)}.menu-tile:nth-child(3n){border-color:#bfe5b5;background:linear-gradient(135deg,#efffe9,#e5fbdc)}.menu-tile i{font-size:19px;color:#9b32cc}.menu-tile:nth-child(3n+2) i{color:#0aa87e}.menu-tile:nth-child(3n) i{color:#45a62e}.menu-tile:hover,.menu-tile.active{transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,23,42,.1);border-width:2px}.topbar-menu-btn{display:none!important}@media(max-width:700px){.rail-layout{--rail-width:43px}.accurate-rail,.rail-logo,.rail-item{width:43px}.accurate-main{margin-left:43px!important}.accurate-menu-panel{left:48px;top:5px;width:calc(100vw - 53px);max-height:calc(100vh - 10px)}.menu-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-tile{min-height:88px}.userbox span{display:none}}
.reprint-watermark{position:absolute;inset:42% auto auto 50%;transform:translate(-50%,-50%) rotate(-28deg);font-size:25mm;font-weight:900;color:rgba(220,38,38,.14);letter-spacing:3mm;pointer-events:none;z-index:2}

/* Unified pagination */
.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-top:1px solid #e6ebf1;background:#fff;flex-wrap:wrap}.pagination-info{font-size:12px;color:#64748b}.pagination-actions{display:flex;align-items:center;gap:8px}.page-indicator{min-width:96px;text-align:center;font-size:12px;font-weight:700;color:#475569}.table-pagination .btn.disabled{pointer-events:none;opacity:.45}.table-pagination .btn{min-width:74px}.table td,.table th{vertical-align:middle}@media(max-width:576px){.table-pagination{justify-content:center}.pagination-info{width:100%;text-align:center}.pagination-actions{width:100%;justify-content:center}.table-pagination .btn{flex:1;max-width:130px}}
/* Invoice transaction detail */
.invoice-sheet{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:28px;box-shadow:0 10px 28px rgba(15,23,42,.06)}.invoice-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.invoice-head h3{margin:4px 0;font-size:23px;letter-spacing:.04em}.invoice-brand{font-size:12px;font-weight:800;color:#2563eb;letter-spacing:.13em}.invoice-number{font-family:monospace;color:#475569}.invoice-status{text-align:right;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.invoice-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 0}.invoice-meta-grid>div{padding:12px;background:#f8fafc;border-radius:10px}.invoice-meta-grid small,.invoice-items small{display:block;color:#64748b;font-size:11px}.invoice-items thead th{background:#f1f5f9;color:#475569;font-size:12px;text-transform:uppercase}.invoice-summary{width:min(420px,100%);margin:20px 0 0 auto}.invoice-summary>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed #cbd5e1}.invoice-summary .grand{font-size:18px;padding:13px 0;border-top:2px solid #0f172a;border-bottom:2px solid #0f172a}.report-tabs{display:flex;gap:8px;flex-wrap:wrap}.report-tab{display:flex;gap:8px;align-items:center;padding:10px 15px;background:#fff;border:1px solid #dbe3ee;border-radius:10px;text-decoration:none;color:#475569;font-weight:700}.report-tab.active{background:#eff6ff;border-color:#60a5fa;color:#1d4ed8}.purchase-form-summary{display:flex;justify-content:flex-end;gap:30px;padding:14px 18px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.purchase-form-summary span{display:flex;flex-direction:column;color:#64748b}.purchase-form-summary b{font-size:18px;color:#0f172a}@media(max-width:767px){.invoice-sheet{padding:16px}.invoice-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-head{flex-direction:column}.invoice-status{align-items:flex-start;text-align:left}.purchase-form-summary{justify-content:space-between;gap:12px}}
@media print{.invoice-sheet{box-shadow:none;border:0}.page-actions,.app-sidebar,.topbar,.row.g-3.mt-1{display:none!important}}

/* Permission matrix, product images, and POS mobile isolation */
.permission-legend{display:flex;flex-wrap:wrap;gap:8px}.permission-legend span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;font-size:11px;font-weight:700;color:#475569}.permission-menu-name{display:flex;align-items:center;gap:11px}.permission-menu-name>i{width:34px;height:34px;border-radius:10px;background:#eef4ff;color:#2563eb;display:grid;place-items:center}.permission-menu-name span{display:flex;flex-direction:column}.permission-menu-name small{font-size:10px;color:#94a3b8;margin-top:2px}.permission-na{color:#cbd5e1;font-weight:800}.permission-table thead th{position:sticky;top:0;z-index:2;background:#f8fafc}.permission-table-wrap{max-height:calc(100vh - 260px);border:1px solid #e5e7eb;border-radius:14px}.product-photo-preview{width:150px;height:110px;border:1px solid #dbe3ed;border-radius:14px;overflow:hidden;background:#f8fafc}.product-photo-preview img{width:100%;height:100%;object-fit:cover}.product-visual.has-photo{padding:0;overflow:hidden}.product-visual.has-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:991px){body:has(.pos-shell) .accurate-rail{display:none!important}body:has(.pos-shell) .accurate-main{margin-left:0!important;width:100%!important}body:has(.pos-shell) .topbar{left:0!important;width:100%!important}body:has(.pos-shell) .content{margin-left:0!important;width:100%!important}body:has(.pos-shell) .mobile-cart-button{left:10px!important;right:10px!important;width:calc(100% - 20px)!important}body:has(.pos-shell) .accurate-menu-panel{left:0!important}.permission-table-wrap{max-height:none}.permission-table{min-width:1050px}}

/* Product photo clarity improvement */
.product-visual{
  height:128px;
  background:#fff;
  border:1px solid #e5eaf1;
  padding:6px;
}
.product-visual.has-photo{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  padding:6px;
}
.product-visual.has-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:8px;
  background:#fff;
}
.product-card{
  min-height:235px;
}
@media(max-width:991px){
  .product-visual{height:104px;padding:5px}
  .product-card{min-height:205px}
}
@media(max-width:620px){
  .product-visual{height:110px}
  .product-card{min-height:210px}
}
@media(max-width:380px){
  .product-visual{height:96px}
  .product-card{min-height:195px}
}

/* Master diskon multi-produk */
.discount-product-picker select[multiple]{min-height:260px;background:#fff}.discount-product-picker option{padding:8px 10px;border-bottom:1px solid #eef2f7}.discount-product-picker option:checked{background:linear-gradient(0deg,#dbeafe,#dbeafe);color:#0f4cbd;font-weight:700}
/* Master Diskon & Promo */
.discount-product-picker{border:1px solid #dbe4ef;border-radius:14px;padding:12px;background:#f8fafc}.discount-product-picker select{min-height:210px;background:#fff}.discount-product-picker option{padding:7px 9px}.discount-product-picker .badge{font-weight:600}.crud-form-card:has([name="promotion_type"]){max-width:1180px}.crud-form-card:has([name="promotion_type"]) .card-header{background:linear-gradient(135deg,#f8fbff,#eef6ff)}

/* Searchable branch dropdown on all pages */
.branch-search-select{position:relative;width:100%;min-width:0}.branch-search-input{padding-right:42px!important}.branch-search-toggle{position:absolute;right:1px;top:1px;bottom:1px;width:39px;border:0;border-left:1px solid #e2e8f0;border-radius:0 .55rem .55rem 0;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;z-index:3}.branch-search-toggle:hover{background:#eef2f7;color:#1e293b}.branch-search-select.open .branch-search-toggle i{transform:rotate(180deg)}.branch-search-toggle i{transition:transform .18s ease}.branch-original-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}.branch-search-menu{position:absolute;z-index:1085;left:0;right:0;top:calc(100% + 5px);display:none;max-height:260px;overflow-y:auto;padding:6px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 14px 35px rgba(15,23,42,.16)}.branch-search-select.open .branch-search-menu{display:block}.branch-search-option{width:100%;border:0;background:transparent;border-radius:8px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;color:#1e293b;font-size:13px}.branch-search-option:hover,.branch-search-option.keyboard-active{background:#eff6ff;color:#1d4ed8}.branch-search-option i{font-size:11px;color:#2563eb}.branch-search-empty{padding:14px 10px;text-align:center;color:#94a3b8;font-size:12px}.branch-search-menu::-webkit-scrollbar{width:7px}.branch-search-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media(max-width:767px){.branch-search-menu{position:fixed;left:12px;right:12px;top:auto;max-height:45vh}.branch-search-option{padding:12px 11px;font-size:14px}}

/* Familiar transaction workflow controls */
.transaction-page-head{align-items:center;gap:16px}.transaction-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.transaction-head-actions form,.workflow-sticky-actions form{margin:0}.workflow-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent}.status-draft{background:#fff7d6;color:#8a5b00;border-color:#f4d77b}.status-submitted,.status-sent{background:#e8f2ff;color:#1659a8;border-color:#a9cdf7}.status-confirmed{background:#e7f8ef;color:#147348;border-color:#9ed8b9}.status-posted{background:#efe9ff;color:#6336a3;border-color:#c7b2ef}.status-void,.status-rejected,.status-cancelled{background:#ffe9e9;color:#ad2929;border-color:#f3abab}.workflow-quick-form{display:inline-flex}.transaction-save-hint{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #dbe5f0;border-radius:12px;background:#f8fafc;color:#64748b;font-size:12px}.transaction-save-hint i{color:#2563eb;margin-top:2px}.workflow-sticky-bar{position:sticky;bottom:10px;z-index:1020;margin:18px 0 4px;padding:11px 13px;border:1px solid #d8e0eb;border-radius:14px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(15,23,42,.12);display:flex;align-items:center;justify-content:space-between;gap:14px}.workflow-sticky-info{display:flex;align-items:center;gap:10px;color:#64748b;font-size:12px}.workflow-sticky-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.workflow-sticky-actions .btn{min-width:96px}.transaction-create-sticky{margin-top:14px}.invoice-status .workflow-status-badge{font-size:11px}
@media(max-width:767px){.transaction-page-head{align-items:flex-start}.transaction-head-actions{width:100%;justify-content:stretch}.transaction-head-actions>.btn,.transaction-head-actions>form{flex:1}.transaction-head-actions form .btn{width:100%}.workflow-sticky-bar{bottom:8px;align-items:stretch;flex-direction:column}.workflow-sticky-info{justify-content:space-between}.workflow-sticky-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.workflow-sticky-actions form,.workflow-sticky-actions .btn{width:100%}.workflow-sticky-actions form .btn{width:100%}.transaction-create-sticky .workflow-sticky-actions{grid-template-columns:1fr 1.4fr}}
@media print{.workflow-sticky-bar,.transaction-head-actions,.transaction-save-hint{display:none!important}}

/* Corporate ERP document standard */
.corporate-document{--corp-navy:#102a43;--corp-blue:#1f5fae;--corp-line:#d9e2ec;--corp-soft:#f5f8fb;color:#102a43;border-radius:12px!important;padding:0!important;overflow:hidden;box-shadow:0 8px 24px rgba(16,42,67,.08)!important}
.corporate-document-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 28px 20px;border-top:6px solid var(--corp-navy);border-bottom:1px solid var(--corp-line)}
.corporate-company-block{display:flex;align-items:center;gap:14px}.corporate-logo-mark{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:var(--corp-navy);color:#fff;font-size:21px}.corporate-company-name{font-size:16px;font-weight:800;letter-spacing:.03em}.corporate-company-subtitle{font-size:12px;color:#486581;font-weight:700}.corporate-company-address{font-size:11px;color:#829ab1;margin-top:2px}
.corporate-document-identity{text-align:right}.corporate-document-type{font-size:20px;font-weight:800;letter-spacing:.06em;color:var(--corp-navy)}.corporate-document-number{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#486581;margin:5px 0 8px}.corporate-document-status{display:flex;justify-content:flex-end}
.corporate-document-info{display:grid;grid-template-columns:1.35fr repeat(3,1fr);border-bottom:1px solid var(--corp-line);background:var(--corp-soft)}.corporate-document-info>div{padding:14px 18px;border-right:1px solid var(--corp-line)}.corporate-document-info>div:last-child{border-right:0}.corporate-info-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#627d98;font-weight:700}.corporate-info-value{font-size:13px;font-weight:800;margin-top:4px}.corporate-info-primary .corporate-info-value{color:var(--corp-blue)}
.corporate-party-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:16px 28px;border-bottom:1px solid var(--corp-line)}.corporate-party-field{padding:9px 14px;border-left:3px solid #edf2f7}.corporate-party-field span{display:block;font-size:10px;text-transform:uppercase;color:#829ab1;letter-spacing:.04em}.corporate-party-field strong{display:block;font-size:12px;margin-top:3px;color:#243b53;word-break:break-word}
.corporate-line-section{padding:18px 28px}.corporate-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-weight:800;color:var(--corp-navy)}.corporate-section-title small{font-size:11px;color:#829ab1;font-weight:600}.corporate-table-wrap{border:1px solid var(--corp-line);border-radius:8px;overflow:hidden}.corporate-invoice-table{margin:0}.corporate-invoice-table thead th{background:var(--corp-navy)!important;color:#fff!important;border:0!important;font-size:10px!important;letter-spacing:.04em;padding:11px 12px!important}.corporate-invoice-table tbody td{padding:12px!important;border-color:#e9eff5!important;font-size:12px;vertical-align:top}.corporate-invoice-table tbody tr:nth-child(even){background:#fbfcfe}.corporate-invoice-table small{display:block;color:#829ab1;font-size:10px;margin-top:3px}.corporate-invoice-table .col-no{width:48px}.corporate-line-total{font-weight:800;color:#102a43}.corporate-empty-lines{border:1px dashed var(--corp-line);padding:28px;text-align:center;color:#829ab1;border-radius:8px}
.corporate-document-bottom{display:grid;grid-template-columns:1fr minmax(340px,430px);gap:32px;padding:0 28px 22px}.corporate-notes-box{min-height:130px;border:1px solid var(--corp-line);border-radius:8px;padding:14px}.corporate-notes-box p{font-size:12px;color:#486581;margin:0;white-space:normal}.corporate-summary{width:100%!important;margin:0!important}.corporate-summary>div{padding:8px 0!important}.corporate-summary .grand{background:var(--corp-navy);color:#fff;border:0!important;padding:12px 14px!important;margin-top:5px;border-radius:6px}.corporate-summary .grand b{font-size:18px}
.corporate-signature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 28px;border-top:1px solid var(--corp-line)}.corporate-signature-grid>div{text-align:center;font-size:11px}.corporate-signature-grid span{font-weight:700;color:#486581}.signature-space{height:62px}.corporate-signature-grid strong{display:block;border-top:1px solid #9fb3c8;padding-top:7px}.corporate-signature-grid small{display:block;color:#829ab1;margin-top:3px}.corporate-document-footer{display:grid;grid-template-columns:1fr 1.5fr auto;gap:15px;padding:10px 28px;background:var(--corp-soft);border-top:1px solid var(--corp-line);font-size:9px;color:#829ab1}.corporate-audit-section{margin-bottom:80px}
/* Corporate form consistency */
.transaction-page-head+.card.panel{border-radius:12px;border:1px solid #d9e2ec;box-shadow:0 6px 18px rgba(16,42,67,.06)}.transaction-page-head+.card.panel>.card-body{padding:24px}.transaction-page-head h4{color:#102a43}.transaction-page-head+.card.panel label{font-size:11px;font-weight:700;color:#486581}.transaction-page-head+.card.panel .form-control,.transaction-page-head+.card.panel .form-select{min-height:38px;border-color:#cbd8e6}.transaction-page-head+.card.panel .table thead th{background:#102a43;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:900px){.corporate-document-info{grid-template-columns:repeat(2,1fr)}.corporate-document-info>div:nth-child(2){border-right:0}.corporate-party-grid{grid-template-columns:repeat(2,1fr)}.corporate-document-bottom{grid-template-columns:1fr}.corporate-signature-grid{gap:12px}.corporate-document-header{padding:20px}.corporate-line-section,.corporate-party-grid,.corporate-document-bottom,.corporate-signature-grid{padding-left:20px;padding-right:20px}}
@media(max-width:600px){.corporate-document-header{flex-direction:column}.corporate-document-identity{text-align:left}.corporate-document-status{justify-content:flex-start}.corporate-document-info{grid-template-columns:1fr}.corporate-document-info>div{border-right:0;border-bottom:1px solid var(--corp-line)}.corporate-party-grid{grid-template-columns:1fr;padding:12px}.corporate-line-section{padding:14px 12px}.corporate-document-bottom{padding:0 12px 16px}.corporate-signature-grid{grid-template-columns:1fr;padding:16px 12px}.signature-space{height:42px}.corporate-document-footer{grid-template-columns:1fr;padding:10px 12px}.corporate-document-footer span:nth-child(2),.corporate-document-footer span:nth-child(3){display:none}}
@media print{body{background:#fff!important}.corporate-screen-actions,.workflow-sticky-bar,.corporate-audit-section,.app-sidebar,.accurate-rail,.topbar{display:none!important}.content,.accurate-main{margin:0!important;padding:0!important;width:100%!important}.corporate-document{border:0!important;box-shadow:none!important;border-radius:0!important}.corporate-document-header{padding-top:12px}.corporate-document-footer{position:fixed;left:0;right:0;bottom:0}.corporate-invoice-table thead th{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#102a43!important;color:#fff!important}.corporate-summary .grand{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#102a43!important;color:#fff!important}@page{size:A4;margin:10mm}}

/* Searchable product selectors for all forms and filters */
.product-search-select{position:relative;width:100%;min-width:0}.product-search-select>select{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.product-search-input{padding-right:42px}.product-search-toggle{position:absolute;right:1px;top:1px;bottom:1px;width:38px;border:0;border-left:1px solid #d8e1eb;border-radius:0 9px 9px 0;background:#f8fafc;color:#64748b}.product-search-menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:1080;max-height:280px;overflow:auto;background:#fff;border:1px solid #d7e0eb;border-radius:11px;box-shadow:0 16px 35px rgba(15,23,42,.16);padding:5px}.product-search-select.open .product-search-menu{display:block}.product-search-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:#fff;text-align:left;color:#24364d;font-size:12px}.product-search-option:hover,.product-search-option.active{background:#edf4ff;color:#175fc0}.product-search-empty{padding:14px;text-align:center;color:#8290a5;font-size:12px}.product-search-select.is-invalid .product-search-input{border-color:#dc3545}@media(max-width:767px){.product-search-menu{position:fixed;left:12px;right:12px;top:auto;max-height:45vh}.product-search-option{padding:12px 11px;font-size:14px}}

/* 2026-08-07 POS category visibility + catalog layout fix */
.pos-catalog{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  align-content:stretch!important;
  min-height:0!important;
  overflow:hidden!important;
}
.pos-toolbar{
  position:relative;
  z-index:12;
  flex:0 0 auto;
  background:#eef2f7;
}
.category-strip{
  position:relative;
  z-index:11;
  flex:0 0 auto!important;
  min-height:50px!important;
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:12px 1px 10px!important;
  margin:0!important;
  background:#eef2f7;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
}
.category-pill{
  flex:0 0 auto!important;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.product-grid{
  position:relative;
  z-index:1;
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  align-self:stretch;
  padding-top:4px!important;
}

@media(max-width:991px){
  .pos-catalog{
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    padding:10px 10px 82px!important;
  }
  .pos-toolbar{
    position:relative!important;
    top:auto!important;
    z-index:12!important;
    background:#f4f7fb!important;
    padding-bottom:8px!important;
  }
  .category-strip{
    position:relative!important;
    top:auto!important;
    z-index:11!important;
    min-height:46px!important;
    padding:4px 0 9px!important;
    background:#f4f7fb!important;
  }
  .product-grid{
    min-height:0!important;
    overflow-y:auto!important;
    padding-top:3px!important;
  }
}

/* Product autocomplete portal: prevents purchase item search results being clipped by responsive tables */
.product-search-menu-portal{overflow:auto;background:#fff;border:1px solid #d7e0eb;border-radius:11px;box-shadow:0 18px 42px rgba(15,23,42,.20);padding:5px}
.product-search-menu-portal .product-search-option small{font-size:10px;margin-top:2px;font-weight:500}
@media(max-width:767px){.product-search-menu-portal{left:12px!important;right:12px!important;width:auto!important;max-height:45vh!important}}

/* Product dropdown unclipped hotfix (2026-08-08) */
.product-search-select{position:relative!important;overflow:visible!important;min-width:0!important}
.product-search-select>select{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.product-search-menu-portal{
  position:fixed!important;
  z-index:2147483000!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  background:#fff!important;
  border:1px solid #cbd5e1!important;
  box-shadow:0 22px 55px rgba(15,23,42,.24)!important;
  border-radius:12px!important;
  padding:6px!important;
}
.product-search-menu-portal .product-search-option{
  width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;text-align:left!important;white-space:normal!important;min-height:42px!important;
  border:0!important;background:#fff!important;border-radius:8px!important;padding:8px 10px!important;
}
.product-search-menu-portal .product-search-option:hover,
.product-search-menu-portal .product-search-option.active{background:#eef5ff!important}
.product-search-menu-portal .product-search-option span{min-width:0!important;overflow-wrap:anywhere!important}
.product-search-menu-portal .product-search-option small{white-space:normal!important;overflow-wrap:anywhere!important}
.table-responsive,.transaction-items,.invoice-items,.detail-product,.corporate-invoice-card{overflow:visible!important}
@media(max-width:767px){
 .product-search-menu-portal{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;max-height:50vh!important}
}

/* Stock card searchable product filter */
@media(min-width:768px){.product-search-select .product-search-input{min-width:240px}}

/* 2026-08-08 Corporate Invoice UI Refresh — clean, compact, ERP standard */
.corporate-document.invoice-sheet{
 --corp-navy:#12304a;--corp-blue:#2563a6;--corp-ink:#182b3d;--corp-muted:#708399;--corp-line:#dfe6ee;--corp-soft:#f7f9fc;
 background:#fff;border:1px solid #dce4ed!important;border-radius:14px!important;
 box-shadow:0 10px 28px rgba(20,45,70,.07)!important;
}
.corporate-document-header{padding:20px 26px 17px;border-top:4px solid var(--corp-navy);background:#fff;align-items:center}
.corporate-company-block{gap:12px}.corporate-logo-mark{width:42px;height:42px;border-radius:9px;font-size:18px;box-shadow:none}
.corporate-company-name{font-size:15px;letter-spacing:.025em;color:var(--corp-ink)}
.corporate-company-subtitle{font-size:11px;margin-top:1px}.corporate-company-address{font-size:10px}
.corporate-document-type{font-size:18px;letter-spacing:.055em}.corporate-document-number{font-size:11px;margin:4px 0 7px}
.corporate-document-info{grid-template-columns:1.35fr .9fr .8fr 1fr;background:#f8fafc}
.corporate-document-info>div{padding:12px 16px}.corporate-info-label{font-size:9px}.corporate-info-value{font-size:12px;margin-top:3px}
.corporate-party-grid{padding:10px 26px;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff}
.corporate-party-field{padding:8px 12px;border-left:2px solid #e8edf3}.corporate-party-field span{font-size:9px}.corporate-party-field strong{font-size:11px}
.corporate-line-section{padding:16px 26px}.corporate-section-title{margin-bottom:8px;font-size:13px}
.corporate-table-wrap{border-radius:7px;border-color:#dfe6ee}.corporate-invoice-table thead th{background:#173550!important;padding:9px 10px!important;font-size:9px!important;font-weight:700}
.corporate-invoice-table tbody td{padding:10px!important;font-size:11px}.corporate-invoice-table tbody tr:nth-child(even){background:#fafbfd}.corporate-invoice-table small{font-size:9px}.corporate-line-total{font-weight:800}
.corporate-document-bottom{grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:28px;padding:0 26px 17px}.corporate-notes-box{min-height:105px;border-radius:7px;padding:12px;background:#fcfdff}.corporate-notes-box p{font-size:11px}
.corporate-summary>div{padding:6px 0!important;font-size:11px;border-bottom:1px dashed #dfe6ee}.corporate-summary .grand{padding:10px 12px!important;border-radius:6px;margin-top:5px}.corporate-summary .grand b{font-size:16px}
.corporate-signature-grid{padding:16px 26px;gap:30px}.signature-space{height:48px}.corporate-signature-grid>div{font-size:10px}.corporate-signature-grid small{font-size:9px}
.corporate-document-footer{padding:8px 26px;font-size:8px;background:#f8fafc}
.workflow-status-badge{min-height:22px;padding:3px 8px;font-size:9px}
@media print{
 .corporate-document.invoice-sheet{box-shadow:none!important;border:0!important;font-size:10px}
 .corporate-document-header{padding:10mm 7mm 5mm;border-top-width:3px}
 .corporate-party-grid,.corporate-line-section,.corporate-document-bottom,.corporate-signature-grid{padding-left:7mm;padding-right:7mm}
 .corporate-document-info>div{padding:3mm 4mm}.corporate-line-section{padding-top:4mm;padding-bottom:4mm}
 .corporate-document-bottom{padding-bottom:4mm}.corporate-signature-grid{padding-top:4mm;padding-bottom:4mm}.signature-space{height:14mm}
 .corporate-document-footer{position:static;padding:2.5mm 7mm;margin-top:2mm}
 @page{size:A4 portrait;margin:8mm}
}

/* 2026-08-10 Corporate Invoice Compact V2 — optimized for many line items */
.corporate-document.invoice-sheet{
  --corp-navy:#12304a;--corp-gold:#d99a19;--corp-ink:#162b3d;--corp-muted:#73859a;--corp-line:#dfe6ee;
}
.corporate-document.invoice-sheet .corporate-document-header{
  padding:12px 22px 10px!important;
  border-top:3px solid var(--corp-navy)!important;
  gap:14px!important;
}
.corporate-document.invoice-sheet .corporate-company-block{gap:10px!important;align-items:center!important}
.corporate-document.invoice-sheet .corporate-logo-mark{width:36px!important;height:36px!important;border-radius:8px!important;font-size:15px!important}
.corporate-document.invoice-sheet .corporate-company-name{font-size:14px!important;line-height:1.15!important}
.corporate-document.invoice-sheet .corporate-company-subtitle{font-size:9.5px!important;line-height:1.15!important;margin-top:2px!important;color:#b87409!important}
.corporate-document.invoice-sheet .corporate-company-address{font-size:8.5px!important;line-height:1.15!important;margin-top:2px!important}
.corporate-document.invoice-sheet .corporate-document-type{font-size:17px!important;line-height:1!important;letter-spacing:.045em!important}
.corporate-document.invoice-sheet .corporate-document-number{font-size:10px!important;line-height:1.1!important;margin:3px 0 5px!important}
.corporate-document.invoice-sheet .workflow-status-badge{min-height:19px!important;padding:2px 7px!important;font-size:8px!important}

.corporate-document.invoice-sheet .corporate-document-info{grid-template-columns:1.35fr .9fr .75fr 1fr!important}
.corporate-document.invoice-sheet .corporate-document-info>div{padding:8px 13px!important}
.corporate-document.invoice-sheet .corporate-info-label{font-size:8px!important;line-height:1!important}
.corporate-document.invoice-sheet .corporate-info-value{font-size:10.5px!important;line-height:1.15!important;margin-top:2px!important}

.corporate-document.invoice-sheet .corporate-party-grid{padding:5px 22px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.corporate-document.invoice-sheet .corporate-party-field{padding:5px 9px!important;border-left:2px solid #edf1f5!important}
.corporate-document.invoice-sheet .corporate-party-field span{font-size:7.5px!important;line-height:1!important}
.corporate-document.invoice-sheet .corporate-party-field strong{font-size:9.5px!important;line-height:1.15!important;margin-top:2px!important}

.corporate-document.invoice-sheet .corporate-line-section{padding:9px 22px 8px!important}
.corporate-document.invoice-sheet .corporate-section-title{margin-bottom:5px!important;font-size:11px!important;line-height:1.1!important}
.corporate-document.invoice-sheet .corporate-section-title small{font-size:8.5px!important}
.corporate-document.invoice-sheet .corporate-table-wrap{border-radius:6px!important}
.corporate-document.invoice-sheet .corporate-invoice-table thead th{padding:6px 8px!important;font-size:8px!important;line-height:1.05!important}
.corporate-document.invoice-sheet .corporate-invoice-table tbody td{padding:6px 8px!important;font-size:9.5px!important;line-height:1.15!important}
.corporate-document.invoice-sheet .corporate-invoice-table small{font-size:7.5px!important;line-height:1.1!important;margin-top:1px!important}
.corporate-document.invoice-sheet .corporate-invoice-table .col-no{width:35px!important}

.corporate-document.invoice-sheet .corporate-document-bottom{grid-template-columns:minmax(0,1fr) minmax(270px,350px)!important;gap:18px!important;padding:0 22px 10px!important}
.corporate-document.invoice-sheet .corporate-notes-box{min-height:66px!important;border-radius:6px!important;padding:8px 10px!important}
.corporate-document.invoice-sheet .corporate-notes-box .corporate-section-title{margin-bottom:3px!important}
.corporate-document.invoice-sheet .corporate-notes-box p{font-size:9px!important;line-height:1.25!important}
.corporate-document.invoice-sheet .corporate-summary>div{padding:4px 0!important;font-size:9.5px!important;line-height:1.15!important}
.corporate-document.invoice-sheet .corporate-summary .grand{padding:7px 10px!important;margin-top:3px!important;border-radius:5px!important}
.corporate-document.invoice-sheet .corporate-summary .grand b{font-size:14px!important}

.corporate-document.invoice-sheet .corporate-signature-grid{padding:8px 22px 9px!important;gap:20px!important}
.corporate-document.invoice-sheet .corporate-signature-grid>div{font-size:8.5px!important}
.corporate-document.invoice-sheet .signature-space{height:28px!important}
.corporate-document.invoice-sheet .corporate-signature-grid strong{padding-top:4px!important}
.corporate-document.invoice-sheet .corporate-signature-grid small{font-size:7.5px!important;margin-top:2px!important}
.corporate-document.invoice-sheet .corporate-document-footer{padding:5px 22px!important;font-size:7px!important;line-height:1.15!important}

/* keep transaction rows and totals readable when invoices are long */
.corporate-document.invoice-sheet .corporate-invoice-table tr{break-inside:avoid;page-break-inside:avoid}
.corporate-document.invoice-sheet .corporate-invoice-table thead{display:table-header-group}
.corporate-document.invoice-sheet .corporate-document-header,
.corporate-document.invoice-sheet .corporate-document-info,
.corporate-document.invoice-sheet .corporate-party-grid{break-inside:avoid;page-break-inside:avoid}

@media print{
  .corporate-document.invoice-sheet{font-size:8.5px!important}
  .corporate-document.invoice-sheet .corporate-document-header{padding:3.5mm 5mm 2.5mm!important;border-top-width:2px!important}
  .corporate-document.invoice-sheet .corporate-logo-mark{width:9mm!important;height:9mm!important}
  .corporate-document.invoice-sheet .corporate-company-name{font-size:10.5pt!important}
  .corporate-document.invoice-sheet .corporate-company-subtitle{font-size:7pt!important}
  .corporate-document.invoice-sheet .corporate-company-address{font-size:6.3pt!important}
  .corporate-document.invoice-sheet .corporate-document-type{font-size:13pt!important}
  .corporate-document.invoice-sheet .corporate-document-number{font-size:7.5pt!important}
  .corporate-document.invoice-sheet .corporate-document-info>div{padding:1.8mm 2.8mm!important}
  .corporate-document.invoice-sheet .corporate-party-grid{padding:1.2mm 5mm!important}
  .corporate-document.invoice-sheet .corporate-party-field{padding:1.2mm 2mm!important}
  .corporate-document.invoice-sheet .corporate-line-section{padding:2.2mm 5mm 1.8mm!important}
  .corporate-document.invoice-sheet .corporate-invoice-table thead th{padding:1.5mm 1.8mm!important;font-size:6.5pt!important}
  .corporate-document.invoice-sheet .corporate-invoice-table tbody td{padding:1.45mm 1.8mm!important;font-size:7.3pt!important}
  .corporate-document.invoice-sheet .corporate-invoice-table small{font-size:5.8pt!important}
  .corporate-document.invoice-sheet .corporate-document-bottom{padding:0 5mm 2mm!important;gap:4mm!important;grid-template-columns:minmax(0,1fr) 72mm!important}
  .corporate-document.invoice-sheet .corporate-notes-box{min-height:16mm!important;padding:2mm!important}
  .corporate-document.invoice-sheet .corporate-summary>div{padding:1mm 0!important;font-size:7pt!important}
  .corporate-document.invoice-sheet .corporate-summary .grand{padding:1.8mm 2.2mm!important}
  .corporate-document.invoice-sheet .corporate-summary .grand b{font-size:10pt!important}
  .corporate-document.invoice-sheet .corporate-signature-grid{padding:2mm 5mm 2mm!important;gap:5mm!important}
  .corporate-document.invoice-sheet .signature-space{height:8mm!important}
  .corporate-document.invoice-sheet .corporate-document-footer{padding:1.2mm 5mm!important;margin-top:1mm!important;font-size:5.5pt!important}
  @page{size:A4 portrait;margin:6mm}
}

/* 2026-08-10 POS interaction hardening: search and product cards must stay clickable */
body:has(.pos-shell) .pos-shell,
body:has(.pos-shell) .pos-catalog{position:relative!important;isolation:isolate!important}
body:has(.pos-shell) .pos-toolbar{position:relative!important;z-index:40!important;pointer-events:auto!important}
body:has(.pos-shell) .pos-search-wrap{position:relative!important;z-index:41!important;pointer-events:auto!important}
body:has(.pos-shell) #productSearch{position:relative!important;z-index:42!important;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;touch-action:manipulation!important;background:transparent!important}
body:has(.pos-shell) .category-strip{z-index:30!important;pointer-events:auto!important}
body:has(.pos-shell) .product-grid{position:relative!important;z-index:20!important;pointer-events:auto!important}
body:has(.pos-shell) .product-card:not(:disabled){position:relative!important;z-index:21!important;pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important}
body:has(.pos-shell) .product-card:not(:disabled) *{pointer-events:none!important}
body:has(.pos-shell) .product-empty{pointer-events:none!important}
body:has(.pos-shell) .pos-catalog:before,
body:has(.pos-shell) .pos-catalog:after,
body:has(.pos-shell) .product-grid:before,
body:has(.pos-shell) .product-grid:after{pointer-events:none!important}
.product-grid.is-searching{opacity:.72;cursor:progress}.product-grid.is-searching .product-card{pointer-events:none}.pos-search-wrap input{pointer-events:auto!important;position:relative;z-index:2}.product-card{pointer-events:auto;touch-action:manipulation}

/* POS compact order panel 2026-08-10: promo tetap otomatis tetapi panel promo tidak memakan area keranjang. */
.pos-order .cart-items{flex:1 1 auto;min-height:180px}
@media(min-width:992px){.pos-order .cart-items{min-height:260px}}

/* POS split payment (2026-08-11) */
.split-toggle-row{margin:13px 0 2px;padding:11px 13px;border:1px solid #dbe4ee;border-radius:13px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:12px}.split-toggle-row>div{display:flex;flex-direction:column;gap:2px}.split-toggle-row b{font-size:12px;color:#0f172a}.split-toggle-row small{font-size:10px;color:#64748b}.split-switch input{display:none}.split-switch i{display:block;width:42px;height:24px;border-radius:999px;background:#cbd5e1;position:relative;cursor:pointer;transition:.2s}.split-switch i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.2);transition:.2s}.split-switch input:checked+i{background:#2563eb}.split-switch input:checked+i:after{transform:translateX(18px)}.split-payment-box{margin-top:12px;border:1px solid #dbe4ee;border-radius:14px;padding:12px;background:#fbfdff}.split-payment-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.split-payment-head>div{display:flex;flex-direction:column}.split-payment-head b{font-size:12px}.split-payment-head small{font-size:9px;color:#64748b}.split-payment-head button{border:1px solid #93b4ff;background:#eff6ff;color:#1d4ed8;border-radius:9px;height:34px;padding:0 10px;font-size:10px;font-weight:800}.split-payment-row{display:grid;grid-template-columns:1.1fr 1fr .95fr 38px;gap:7px;align-items:end;padding:8px 0;border-bottom:1px dashed #dbe4ee}.split-payment-row:last-child{border-bottom:0}.split-payment-row label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:700;color:#475569}.split-payment-row select,.split-payment-row>label>input{height:39px;border:1px solid #d9e1ea;border-radius:9px;background:#fff;padding:0 9px;font-size:11px;min-width:0}.split-money{display:flex;height:39px;border:1px solid #d9e1ea;border-radius:9px;overflow:hidden;background:#fff}.split-money span{display:grid;place-items:center;padding:0 9px;background:#f1f5f9;color:#64748b;font-size:10px}.split-money input{border:0!important;height:100%!important;width:100%;min-width:0;outline:0;text-align:right;padding:0 8px;font-weight:800}.split-remove{height:39px;border:1px solid #fecaca;background:#fff5f5;color:#dc2626;border-radius:9px}.split-payment-total{margin-top:10px;padding-top:10px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;font-size:11px}.split-payment-total strong{font-size:15px;color:#d97706}.split-payment-total strong.done{color:#16a34a}.split-payment-total strong.over{color:#dc2626}
@media(max-width:620px){.split-payment-row{grid-template-columns:1fr 1fr 38px}.split-payment-row label:nth-child(3){grid-column:1/3}.split-payment-head{align-items:flex-start}.split-payment-head button{white-space:nowrap}}