#receivablesScreen{padding:14px 16px 32px;background:#f5f7fb;min-height:calc(100vh - 70px);box-sizing:border-box;overflow-x:hidden}.receivables-total-hero{max-width:920px;margin:0 auto 12px;padding:0;border:1px solid #dce5ef;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 9px 28px rgba(15,23,42,.07)}.receivables-total-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;background:linear-gradient(135deg,#1769aa,#2f80ed 58%,#5aa9f5);color:#fff}.receivables-kicker{display:block;font-size:8px;font-weight:900;letter-spacing:.14em;color:rgba(255,255,255,.78)}.receivables-total-hero h2{margin:3px 0 2px;font-size:20px;line-height:1.15;color:#fff}.receivables-total-hero p{margin:0;color:rgba(255,255,255,.82);font-size:9px}.receivables-refresh{width:40px;height:40px;flex:0 0 40px;border:1px solid rgba(255,255,255,.45);border-radius:11px;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.receivables-total-amount{text-align:center;padding:19px 10px 15px;background:#fff}.receivables-total-amount small{display:block;color:#7a8492;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.receivables-total-amount strong{display:block;margin-top:5px;color:#172033;font-size:30px;font-weight:900;line-height:1.08}.receivables-total-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px;border-top:1px solid #edf1f5;color:#657180;font-size:8px;background:#fbfcfd}.receivables-total-footer>span:first-child{display:inline-flex;align-items:center;gap:5px}.receivables-total-footer .material-icons{font-size:15px;color:#2f80ed}.receivables-total-footer b{color:#172033}.receivables-live-pill{padding:5px 8px;border:1px solid #bdebcf;border-radius:20px;background:#effcf4;color:#16804a;font-weight:900;white-space:nowrap}.receivables-list-panel{max-width:920px;margin:0 auto;padding:14px;border:1px solid #dfe6ee;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.04)}.receivables-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.receivables-list-head h3{margin:2px 0 0;font-size:14px;color:#111827}.receivables-panel-kicker{display:block;font-size:8px;font-weight:900;letter-spacing:.12em;color:#7b8492}.receivables-tools{display:flex;align-items:center;gap:8px}.receivables-search{width:230px;position:relative}.receivables-search input{width:100%;height:38px;padding:0 34px 0 10px;border:1px solid #dce2e9;border-radius:10px;background:#fff;box-sizing:border-box;font-size:9px;outline:none;color:#273244}.receivables-search .material-icons{position:absolute;right:10px;left:auto;top:50%;transform:translateY(-50%);font-size:17px;color:#7f8997;pointer-events:none}.receivables-tools select{height:38px;padding:0 9px;border:1px solid #dce2e9;border-radius:10px;background:#fff;box-sizing:border-box;font-size:9px;outline:none;color:#273244}.receivables-search input:focus,.receivables-tools select:focus{border-color:#2f80ed;box-shadow:0 0 0 2px rgba(47,128,237,.08)}.receivables-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.receivable-customer-card{position:relative;min-width:0;padding:13px;border:1px solid #e0e6ed;border-radius:15px;background:#fff;box-shadow:0 3px 12px rgba(15,23,42,.035)}.receivable-card-head{display:flex;align-items:center;gap:9px;min-width:0}.receivable-avatar{width:37px;height:37px;flex:0 0 37px;border-radius:11px;background:#edf4fc;color:#1565c0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900}.receivable-name-wrap{min-width:0;flex:1;padding-right:3px}.receivable-name-wrap h4{margin:0;font-size:12px;line-height:1.35;color:#111827;font-weight:900;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.receivable-menu-wrap{position:relative;flex:0 0 auto}.receivable-menu-btn{width:31px;height:32px;margin:0;border:1px solid #d9e0e8;border-radius:9px;background:#fff;color:#374151;font-size:20px;line-height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.receivable-card-balance{text-align:center;margin-top:12px;padding:10px 7px 9px;border-radius:12px;background:#fff6f5;border:1px solid #fee2df}.receivable-card-balance small{display:block;color:#8b5e5a;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.receivable-card-balance strong{display:block;margin-top:3px;color:#b42318;font-size:20px;line-height:1.15;font-weight:900;overflow-wrap:anywhere}.receivable-action-menu{display:none;position:absolute;right:0;top:37px;z-index:1000;min-width:145px;padding:5px;border:1px solid #e0e5eb;border-radius:11px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.14)}.receivable-action-menu.open{display:block}.receivable-action-menu button{width:100%;margin:0;padding:9px 10px;border:0;border-radius:8px;background:#fff;color:#273244;display:flex;align-items:center;gap:8px;font-size:9px;text-align:left;cursor:pointer}.receivable-action-menu button:hover{background:#f4f7fa}.receivable-action-menu .material-icons{font-size:15px;color:#64748b}.receivables-loading,.receivables-empty{grid-column:1/-1;padding:42px 15px;text-align:center;color:#7b8492}.receivables-loading .material-icons,.receivables-empty .material-icons{display:block;font-size:28px;margin-bottom:8px}.receivables-empty strong{display:block;color:#374151;font-size:13px}.receivables-empty p{margin:4px 0 0;font-size:10px}@media(max-width:900px){.receivables-list{grid-template-columns:1fr}}@media(max-width:700px){#receivablesScreen{padding:8px 7px 22px}.receivables-total-hero{border-radius:14px;margin-bottom:9px}.receivables-total-hero-top{padding:11px 12px}.receivables-total-hero h2{font-size:17px}.receivables-total-hero p{font-size:7px}.receivables-kicker{font-size:7px}.receivables-refresh{width:36px;height:36px;flex-basis:36px}.receivables-total-amount{padding:15px 7px 13px}.receivables-total-amount strong{font-size:25px}.receivables-total-footer{padding:8px 10px;font-size:7px}.receivables-list-panel{padding:10px;border-radius:13px}.receivables-list-head{align-items:stretch;flex-direction:column;gap:8px}.receivables-tools{width:100%;gap:6px}.receivables-search{flex:1;width:auto}.receivables-search input,.receivables-tools select{height:34px;font-size:8px}.receivables-search input{padding-left:9px;padding-right:31px}.receivables-search .material-icons{right:9px;font-size:16px}.receivables-tools select{width:104px;padding:0 7px}.receivables-list{grid-template-columns:1fr;gap:8px;margin-top:9px}.receivable-customer-card{padding:10px;border-radius:13px}.receivable-card-head{gap:8px}.receivable-avatar{width:35px;height:35px;flex-basis:35px;border-radius:10px}.receivable-name-wrap h4{font-size:11px;line-height:1.35}.receivable-menu-btn{width:30px;height:31px}.receivable-card-balance{margin-top:9px;padding:8px 6px}.receivable-card-balance strong{font-size:18px}.receivable-action-menu{right:0;top:36px}.receivables-live-pill{font-size:6px;padding:4px 6px}}@media(max-width:360px){.receivables-tools{flex-direction:column}.receivables-search,.receivables-tools select{width:100%}}

/* Compact receivables filter control — replaces the full-width native select. */
.receivables-filter-wrap{position:relative;flex:0 0 auto}.receivables-filter-card{height:38px;min-width:112px;padding:0 8px;border:1px solid #dce2e9;border-radius:11px;background:#fff;color:#273244;display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;font-weight:900;cursor:pointer;box-shadow:0 2px 7px rgba(15,23,42,.035)}.receivables-filter-card>.material-icons{font-size:16px;color:#2f80ed}.receivables-filter-card .filter-chevron{font-size:15px;color:#7b8492}.receivables-filter-menu{display:none;position:absolute;right:0;top:44px;z-index:1200;min-width:160px;padding:5px;border:1px solid #dfe5ec;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.14)}.receivables-filter-menu.open{display:block}.receivables-filter-menu button{width:100%;height:33px;padding:0 9px;border:0;border-radius:8px;background:#fff;color:#344054;display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:800;text-align:left;cursor:pointer}.receivables-filter-menu button:hover,.receivables-filter-menu button.selected{background:#f3f7fd;color:#236fc7}.receivables-filter-menu i{font-size:14px;opacity:0}.receivables-filter-menu button.selected i{opacity:1}.receivables-tools>.receivables-filter-wrap>input{display:none}.receivables-filter-card:focus{outline:0;border-color:#2f80ed;box-shadow:0 0 0 2px rgba(47,128,237,.08)}@media(max-width:700px){.receivables-filter-card{height:34px;min-width:98px;font-size:7px}.receivables-filter-card>.material-icons{font-size:15px}.receivables-filter-menu{top:40px;min-width:150px}}@media(max-width:360px){.receivables-tools{flex-direction:row}.receivables-search{width:auto;flex:1}.receivables-filter-wrap{width:auto}.receivables-filter-card{min-width:98px}}