@media screen{
#dataPage #cashLedgerControls{padding:18px;margin:18px 0;background:#f0f5fb;border:1px solid #dce6f2;border-radius:18px;box-sizing:border-box}
#dataPage #cashLedgerControls .cl-filters{display:grid!important;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(180px,1fr) auto;gap:14px;align-items:end}
#dataPage #cashLedgerControls .cl-filters label{display:flex!important;flex-direction:column!important;gap:8px!important;font:600 13px/1.5 Tahoma,Arial!important;color:#526682!important;min-width:0}
#dataPage #cashLedgerControls input,#dataPage #cashLedgerControls select{appearance:auto!important;display:block!important;box-sizing:border-box!important;width:100%!important;height:46px!important;min-height:46px!important;padding:10px 12px!important;border:1px solid #cfdbec!important;border-radius:11px!important;box-shadow:0 2px 4px #183e6c04!important;background:#fff!important;color:#223e61!important;font:400 14px/1.5 Tahoma,Arial!important;outline:none}
#dataPage #cashLedgerControls input:focus,#dataPage #cashLedgerControls select:focus{border-color:#6695d8!important;box-shadow:0 0 0 3px #d7e7ff!important}
#dataPage #cashLedgerControls #clRefresh{height:46px!important;padding:10px 22px!important;border:0!important;border-radius:11px!important;background:#285d9b!important;color:white!important;font:600 14px Tahoma,Arial!important;box-shadow:0 4px 9px #285d9b20!important}
#dataPage #cashLedgerControls .cl-ranges{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:14px 0 18px;color:#7889a0;font-size:11px}
#dataPage #cashLedgerControls .cl-ranges button{border:1px solid #d7e2f1!important;border-radius:8px!important;background:#fff!important;color:#4b678a!important;padding:6px 12px!important;font:400 12px Tahoma,Arial!important;box-shadow:none!important}
#dataPage #cashLedgerControls .cl-ranges button:hover{background:#e2ecfa!important}
#dataPage #cashLedgerControls .cl-cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px}
#dataPage #cashLedgerControls .cl-card{--cl:#138876;--cl-soft:#dcf3ea;--cl-surface:#f3fbf8;background:linear-gradient(145deg,#fff,var(--cl-surface));border:1px solid color-mix(in srgb,var(--cl),white 75%);border-radius:16px;padding:18px;box-shadow:0 5px 15px #27436d06;min-width:0;box-sizing:border-box}
#dataPage #cashLedgerControls .cl-card[data-method=bank]{--cl:#3564c6;--cl-soft:#e0eaff;--cl-surface:#f1f5ff}
#dataPage #cashLedgerControls .cl-card[data-method=wallet]{--cl:#8854bb;--cl-soft:#eee3fa;--cl-surface:#f8f3fd}
#dataPage #cashLedgerControls .cl-card[data-method=unknown]{--cl:#a37729;--cl-soft:#f9eccf;--cl-surface:#fffbf1}
#dataPage #cashLedgerControls .cl-card-head{display:flex;align-items:center;gap:10px;color:var(--cl);font:600 14px Tahoma,Arial}
#dataPage #cashLedgerControls .cl-icon{display:grid;place-items:center;background:var(--cl-soft);border-radius:12px;width:39px;height:39px;flex:none}
#dataPage #cashLedgerControls .cl-icon svg{width:23px;height:23px}
#dataPage #cashLedgerControls .cl-caption{display:block;color:#7b8da4;font-size:11px;margin-top:15px}
#dataPage #cashLedgerControls .cl-balance{display:block;color:#203d62;font:700 clamp(20px,2vw,27px)/1.6 Tahoma,Arial;white-space:nowrap;margin:2px 0 10px;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}
#dataPage #cashLedgerControls .cl-opening{display:flex;justify-content:space-between;gap:8px;color:#7c8ca2;font:400 11px Tahoma,Arial;padding-bottom:12px;border-bottom:1px solid #dde6ef}
#dataPage #cashLedgerControls .cl-opening b{font-weight:400;color:#516b8b;direction:ltr}
#dataPage #cashLedgerControls .cl-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
#dataPage #cashLedgerControls .cl-breakdown>div{display:flex;flex-direction:column;gap:7px}
#dataPage #cashLedgerControls .cl-breakdown small{color:#248a76;font-size:11px}
#dataPage #cashLedgerControls .cl-breakdown>div:nth-child(2) small{color:#b76b7a}
#dataPage #cashLedgerControls .cl-breakdown b{font:600 12px Tahoma,Arial;color:#405b7d;direction:ltr;text-align:right}
#dataPage #cashLedgerControls #clStatus{background:#e7eef8;border-radius:9px;color:#647a98;padding:10px 12px;font:400 11px/1.8 Tahoma,Arial;margin:15px 0 0}
body:not(.pos-workspace):not(.dark) #appView #dataPage[data-section=cash]>.page-head{min-height:78px!important;padding:14px 20px!important}
@media(max-width:1050px){#dataPage #cashLedgerControls .cl-filters{grid-template-columns:1fr 1fr}}
@media(max-width:550px){#dataPage #cashLedgerControls{padding:12px}#dataPage #cashLedgerControls .cl-filters{grid-template-columns:1fr}#dataPage #cashLedgerControls .cl-cards{grid-template-columns:1fr}#dataPage #cashLedgerControls .cl-balance{font-size:25px}}
}
@media screen{body:not(.pos-workspace):not(.dark) #appView #dataPage[data-section=cash]>.page-head .eyebrow{margin:0!important}body:not(.pos-workspace):not(.dark) #appView #dataPage[data-section=cash]>.page-head h2{margin:4px 0 0!important}}
