/* الفواتير وكشوف الحساب — مشتركة بين شاشة المكتب وبوابة العميل */
.bl-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 0 12px;cursor:pointer}
.bl-tile{background:var(--surface,#fff);border:1px solid var(--line);border-radius:10px;padding:9px 12px;
 border-inline-start:4px solid var(--teal);transition:transform .12s}
.bl-strip:hover .bl-tile{transform:translateY(-1px)}
.bl-tile.ok{border-inline-start-color:var(--low)}
.bl-tile.disc{border-inline-start-color:var(--violet,#5B4B9E)}
.bl-tile.due{border-inline-start-color:var(--high);background:var(--high-bg)}
.bl-tl{font-size:10.5px;color:var(--muted);font-weight:600}
.bl-tv{font-size:18px;font-weight:800;color:var(--ink);margin-top:2px}
.bl-tile.due .bl-tv{color:var(--high)}
.bl-ts{font-size:10.5px;color:var(--muted);margin-top:1px}
.bl-tile.due .bl-ts{color:var(--high);font-weight:700}

.bl-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.bl-chip{border:1px solid var(--line-2);background:var(--surface,#fff);color:var(--ink);border-radius:99px;
 padding:3px 11px;font-size:11px;cursor:pointer;font-family:inherit}
.bl-chip.on{background:var(--teal);border-color:var(--teal);color:#fff}
.bl-tblw{overflow-x:auto}
.bl-tbl td,.bl-tbl th{white-space:nowrap}
.bl-tbl td.bl-desc{white-space:normal;min-width:180px;max-width:320px;font-size:11.5px}
.bl-sub{font-size:10px;color:var(--muted);margin-top:2px}
.bl-dim{color:var(--muted);font-size:10.5px}
.bl-kind{display:inline-block;padding:2px 8px;border-radius:6px;font-size:10.8px;font-weight:700}
.bl-k-inv{background:var(--teal-soft);color:var(--teal)}
.bl-k-pay{background:var(--low-bg);color:var(--low)}
.bl-k-disc{background:var(--violet-bg,#EFEBFA);color:var(--violet,#5B4B9E)}
.bl-st{display:inline-block;padding:2px 9px;border-radius:99px;font-size:10.3px;font-weight:700}
.bl-st-paid{background:var(--low-bg);color:var(--low)}
.bl-st-part{background:var(--med-bg);color:var(--med)}
.bl-st-unpaid{background:var(--pill,#E7EFF6);color:var(--ink-2,#2A4A63)}
.bl-st-over{background:var(--high-bg);color:var(--high)}
.bl-row-over td{background:color-mix(in srgb,var(--high-bg) 45%,transparent)}
.bl-total td{font-weight:800;border-top:2px solid var(--line-2)}
.bl-sent{font-size:10.5px;color:var(--low)}
.bl-sent i{color:var(--muted);font-style:normal}
.bl-acts{display:flex;gap:3px}
.bl-ib{border:1px solid var(--line);background:var(--surface,#fff);border-radius:6px;padding:2px 6px;cursor:pointer;font-size:12px;line-height:1.4}
.bl-ib:hover{border-color:var(--teal);background:var(--teal-soft)}
.bl-ib.bad:hover{border-color:var(--high);background:var(--high-bg)}
.btn.bl-btn-pay{background:var(--low);border-color:var(--low)}
.bl-due{color:var(--high)}
.bl-zero{color:var(--low)}
.bl-over-s{font-size:9.8px;color:var(--high);font-weight:700}
.bl-kpi-s{font-size:10.5px;color:var(--high);font-weight:700;margin-top:2px}
.bl-note{margin-top:8px;font-size:11.5px;color:var(--muted)}
.bl-ctbl{margin-top:2px}
.bl-flash{background:var(--low-bg);color:var(--low);border:1px solid var(--low-line,#C9E4D3);border-radius:8px;
 padding:8px 12px;font-size:12px;font-weight:600;margin-bottom:10px}
.bl-flash.bad{background:var(--med-bg);color:var(--med);border-color:var(--med-line,#F2DEBC)}

/* البوابة */
.pb-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.pb-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
@media print{.bl-strip{display:none}.bl-acts{display:none}}

/* نافذة العمليات والفواتير */
.bh-kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.bl-kpi-sub{font-size:10.5px;color:var(--muted);margin-top:3px}
.kpi.bh-due .val{color:var(--high)}
.bh-agbar{display:flex;height:16px;border-radius:99px;overflow:hidden;background:var(--pill,#E7EFF6);gap:2px}
.bh-agbar span{min-width:6px}
.bh-aglg{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:12px}
.bh-agi{display:flex;align-items:center;gap:7px;font-size:11.5px;border:1px solid var(--line);border-radius:8px;padding:7px 10px}
.bh-agi i{width:10px;height:10px;border-radius:3px;flex:none}
.bh-agi span{flex:1;color:var(--muted)}
.bh-agi em{font-style:normal;font-size:10px;color:var(--muted)}
.bh-ag0{background:var(--teal)}.bh-ag1{background:#E0A93B}.bh-ag2{background:#E07A3B}.bh-ag3{background:#D2553F}.bh-ag4{background:#9E2A2B}
.bh-tools{flex-wrap:wrap}
.bh-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 14px 0}
.bh-filters .bl-chips{margin:0}
.bh-filters select,.bh-filters input{border:1px solid var(--line-2);border-radius:7px;padding:4px 8px;font:inherit;font-size:11.5px;
 background:var(--surface,#fff);color:var(--ink)}
.bh-filters label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}
.bl-cred{color:var(--violet,#5B4B9E)}
.bl-dimrow td{opacity:.6}
.bl-yes{color:var(--low);font-size:11px;font-weight:700}