/* Scoped replacement for original /bills route. No other pages are restyled. */
body.ht-fast-bills-active > #root { display:none !important; }
#ht-fast-bills-root { display:none; min-height:100vh; background:#f9fafb; color:#202431; font:15px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif; }
body.ht-fast-bills-active > #ht-fast-bills-root { display:block; }
#ht-fast-bills-root * { box-sizing: border-box; }
.ht-top {background:#4b3c7c;color:white;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.ht-top strong {font-size:17px;}
.ht-top a {color:white;text-decoration:none;border:1px solid #a69ac5;border-radius:8px;padding:8px 12px;font-weight:600;}
.ht-wrap {max-width:1260px;margin:0 auto;padding:30px 20px 60px;}
.ht-titlebar {display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:24px;}
.ht-titlebar h1 {margin:0;font-size:27px;font-weight:750;letter-spacing:-.5px;}
.ht-sub {color:#687080;font-size:13px;}
.ht-primary {background:#4b3c7c!important;color:white!important;border-color:#4b3c7c!important;}
.ht-controls {display:grid;grid-template-columns:minmax(180px,1fr) 200px 130px;gap:12px;margin-bottom:18px;}
.ht-controls label {display:block;font-size:12px;font-weight:700;margin-bottom:5px;color:#404654;}
#ht-fast-bills-root input, #ht-fast-bills-root select, #ht-fast-bills-root button {font:inherit;}
.ht-controls input,.ht-controls select {width:100%;border:1px solid #d2d6df;border-radius:8px;padding:10px 12px;background:#fff;color:#232634;outline:none;}
.ht-controls input:focus,.ht-controls select:focus {border-color:#4b3c7c;box-shadow:0 0 0 2px #4b3c7c22;}
.ht-btn {background:#fff;color:#28303d;border:1px solid #cfd3dc;border-radius:8px;padding:8px 12px;font-weight:650;cursor:pointer;}
.ht-btn:disabled {opacity:.45;cursor:not-allowed;}
.ht-btn:hover:not(:disabled) {background:#f0eef6;}
.ht-bulkbar {display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px;border:1px solid #e1e3e9;border-radius:8px;background:#fff;margin-bottom:12px;}
.ht-status {display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:12px 0;color:#687080;font-size:13px;}
.ht-card {display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;background:#fff;border:1px solid #e2e4eb;border-radius:10px;margin-bottom:10px;padding:16px;box-shadow:0 2px 8px #1d1f2910;}
.ht-card h3 {font-size:16px;margin:0 0 6px;font-weight:720;}
.ht-card p {margin:3px 0;}
.ht-info {display:flex;gap:12px;align-items:start;min-width:0;}
.ht-info input[type=checkbox] {width:17px;height:17px;margin-top:4px;flex-shrink:0;}
.ht-amounts {display:flex;flex-wrap:wrap;gap:16px;margin-top:6px;}
.ht-actions {display:flex;max-width:480px;justify-content:flex-end;gap:6px;flex-wrap:wrap;}
.ht-actions .ht-btn {font-size:12px;padding:7px 9px;}
.ht-actions .ht-danger {color:#b42328;}
.ht-pager {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:16px 0;}
.ht-error {background:#fff1f0;color:#a10000;border:1px solid #ffc2c0;padding:12px;border-radius:8px;}
.ht-empty {background:#fff;padding:30px;text-align:center;border:1px solid #e2e4eb;border-radius:10px;}
.ht-muted {color:#687080;}
@media(max-width:800px){.ht-card{grid-template-columns:1fr}.ht-actions{justify-content:flex-start;max-width:none}.ht-controls{grid-template-columns:1fr 1fr}.ht-search{grid-column:span 2}}
@media(max-width:500px){.ht-wrap{padding:22px 12px 60px}.ht-titlebar h1{font-size:22px}.ht-actions .ht-btn{flex:1}.ht-top{padding:14px}}