.pos-ledger-reference{display:grid;grid-template-columns:minmax(340px,33.333%) minmax(0,1fr) 190px;height:100%;min-height:0;overflow:hidden;background:#20243f;font:16px Calibri,Arial,sans-serif;color:#fff;gap:0}
.pos-ledger-reference *{box-sizing:border-box}
.pos-ledger-reference #cashier-ledger-form{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;height:100%;overflow:hidden!important;background:#fff;color:#41465a;margin:0}
.pos-ledger-reference #cashier-ledger-form>div{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scroll-padding-block:16px;padding:24px}
.pos-ledger-reference .reference-tabs{display:grid;grid-template-columns:1fr 1fr;gap:24px;border:0;margin:0 0 24px}
.pos-ledger-reference .reference-tabs button{font:700 20px Calibri,Arial,sans-serif;min-height:64px;border:1px solid #dddfe3;background:#f2f3f5;color:#41465a;border-radius:2px;padding:10px;box-shadow:none}
.pos-ledger-reference .reference-tabs button.active{background:#e9ffed;border:2px solid #009b28;color:#00ad85}
.pos-ledger-reference #cashier-ledger-form label{display:grid!important;grid-template-columns:minmax(105px,38%) minmax(0,1fr);flex-direction:row;align-items:center;background:#f2f3f5;border:0;border-radius:2px;margin:24px 0 0;padding:10px 12px;min-height:64px;gap:8px;font:16px Calibri,Arial,sans-serif;color:#536075}
.pos-ledger-reference #cashier-ledger-form label:has(#cashier-ledger-amount){grid-template-columns:34px minmax(0,1fr);margin:0 0 24px}
.pos-ledger-reference #cashier-ledger-form :is(input,select,textarea){width:100%;min-width:0;min-height:42px;font:16px Calibri,Arial,sans-serif!important;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:right;color:#465168;padding:6px;margin:0}
.pos-ledger-reference #cashier-ledger-form input::placeholder,.pos-ledger-reference #cashier-ledger-form textarea::placeholder{color:#a4adba;opacity:1}
.pos-ledger-reference #cashier-ledger-form textarea{height:46px;resize:vertical}
.pos-ledger-reference #cashier-ledger-form .ledger-account-help,.pos-ledger-reference #cashier-ledger-form .ledger-setup-note{margin:8px 4px 0;color:#66748a;font:13px/1.4 Calibri,Arial,sans-serif}.pos-ledger-reference #cashier-ledger-form .ledger-setup-note a{color:#0969b5;font-weight:700}
.pos-ledger-reference .reference-keypad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.pos-ledger-reference .reference-keypad button{min-height:74px;font:22px Calibri,Arial,sans-serif;border:1px solid #eceef1;border-radius:10px;background:white;color:#252b38;box-shadow:0 2px 2px #0002}
.pos-ledger-reference #cashier-ledger-form footer{z-index:2;display:flex;flex:0 0 auto;gap:24px;padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #e3e4e7;background:white;position:static;box-shadow:0 -8px 20px #15243a12}
.pos-ledger-reference #cashier-ledger-form footer button{flex:1;min-height:72px;border:1px solid #8b96a5;border-radius:10px;background:white;color:#8591a2;font:700 22px Calibri,Arial,sans-serif;box-shadow:0 2px 3px #0002}
.pos-ledger-reference #cashier-ledger-form footer button.primary{background:#009c28;color:white;border-color:#009c28}
.pos-ledger-reference .reference-ledger-board{padding:24px;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior-y:contain}
.pos-ledger-reference .reference-ledger-board>header{display:grid;grid-template-columns:155px 1fr 1fr;gap:24px}
.pos-ledger-reference .reference-ledger-board>header>*{min-width:0;background:#3e435e;border:1px solid #7b8096;color:white;min-height:64px;padding:16px;text-align:center;font:16px Calibri,Arial,sans-serif;display:grid;place-items:center}
.pos-ledger-reference .reference-ledger-board>header>span:first-of-type{color:#ff575e}.pos-ledger-reference .reference-ledger-board>header>span:last-of-type{color:#23c45e}
.pos-ledger-reference .cashier-dark-empty{min-height:60vh;display:flex;align-items:center;justify-content:center;color:#a6abc1;font-size:20px}
.pos-ledger-reference .cashier-filter-rail{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;background:#282e50;padding:110px 0 24px;display:flex;flex-direction:column;gap:0;align-items:stretch}
.pos-ledger-reference .cashier-filter-rail button{font:18px Calibri,Arial,sans-serif;background:transparent;color:white;border:0;border-radius:3px;text-align:left;min-height:66px;padding:16px 12px;white-space:normal}
.pos-ledger-reference .cashier-filter-rail button.active{background:linear-gradient(120deg,#19c79c,#24566a)}.pos-ledger-reference .cashier-filter-rail .ledger-subcategory{padding-left:22px;font-size:17px}
@media(max-width:1200px){.pos-ledger-reference{grid-template-columns:minmax(320px,42%) minmax(0,1fr) 140px}.pos-ledger-reference .reference-ledger-board>header{grid-template-columns:1fr;gap:8px}.pos-ledger-reference .reference-ledger-board{padding:16px}.pos-ledger-reference .reference-tabs{gap:12px}}
@media(max-width:800px){.pos-ledger-reference,html[data-screen="phone"] .pos-ledger-reference{display:flex!important;flex-direction:column;height:calc(100dvh - 134px)!important;min-height:420px;overflow-y:auto!important;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}.pos-ledger-reference #cashier-ledger-form,html[data-screen="phone"] .pos-ledger-reference #cashier-ledger-form{flex:0 0 100%;height:100%;min-height:0;overflow-y:auto!important;overscroll-behavior-y:auto;scrollbar-gutter:auto;-webkit-overflow-scrolling:touch}.pos-ledger-reference #cashier-ledger-form footer{bottom:0}.pos-ledger-reference .reference-ledger-board{flex:0 0 auto;overflow:visible}.pos-ledger-reference .cashier-filter-rail{flex:0 0 auto;padding:12px;flex-direction:row;overflow-x:auto;overflow-y:hidden}.pos-ledger-reference .cashier-filter-rail button{flex-shrink:0}.pos-ledger-reference .reference-ledger-board>header{grid-template-columns:1fr 1fr}.pos-ledger-reference .reference-ledger-board>header>input{grid-column:1/-1}}
@media(max-width:800px){html[data-screen="phone"] body.register-mode:has(.pos-ledger-reference) #main-content{box-sizing:border-box;height:100dvh!important;min-height:0!important;overflow:hidden!important}html[data-screen="phone"] body.register-mode:has(.pos-ledger-reference) .cashier-workstation{display:flex!important;flex-direction:column;height:100%!important;min-height:0!important;overflow:hidden!important}html[data-screen="phone"] body.register-mode:has(.pos-ledger-reference) .cashier-rail{flex:0 0 auto}html[data-screen="phone"] body.register-mode:has(.pos-ledger-reference) .cashier-stage{display:grid!important;flex:1 1 auto;grid-template-rows:auto minmax(0,1fr) auto;height:auto!important;min-height:0!important;overflow:hidden!important}html[data-screen="phone"] body.register-mode:has(.pos-ledger-reference) .pos-ledger-reference{height:100%!important;min-height:0;scrollbar-width:none}html[data-screen="phone"] body.register-mode:has(.pos-ledger-reference) .pos-ledger-reference::-webkit-scrollbar{display:none}}