#clientBillingHost{min-width:0}#clientBillingHost>.card{padding:12px 16px;margin-bottom:10px}#clientBillingHost>.card h2{font-size:17px;margin:0 0 3px}#clientBillingHost>.card p{font-size:12px;margin:0 0 6px}#clientBillingHost>.card label{display:flex;align-items:center;gap:10px;max-width:460px;font-size:12px}.bw-title h2{font-size:20px!important;margin:4px 0!important}.bw-title p{font-size:12px;margin:0 0 10px;color:#526a9a}.bw-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}.bw-tabs button{padding:7px 12px;min-height:34px;font-size:12px;background:#f5f8ff;color:#193b78;border:1px solid #dbe6f4}.bw-tabs button[aria-pressed=true]{border-bottom:3px solid #d6af36;background:white;color:#143898}.bw-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}.bw-stats>div{display:flex;flex-direction:column;min-width:0;padding:8px 12px;border:1px solid #dae5f5;border-left:3px solid #397cf4;border-radius:9px;background:#fff}.bw-stats>div:nth-child(2){border-left-color:#c49b28}.bw-stats>div:nth-child(3){border-left-color:#24915b}.bw-stats>div:nth-child(4){border-left-color:#d6515f}.bw-stats span,.bw-stats small{font-size:11px;color:#5974a0}.bw-stats strong{font-size:18px;color:#122e66}.bw-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:9px}.bw-toolbar button,.bw-toolbar input,.bw-toolbar select{font-size:12px;min-height:34px;padding:6px 9px}.bw-toolbar>[type=search]{flex:1;min-width:135px;width:auto}.bw-toolbar>span{font-size:11px}.bw-toolbar label{display:flex;gap:5px;align-items:center;font-size:11px}.bw-toolbar input[type=date]{width:132px}.bw-filters{position:relative}.bw-filters[open]{flex-basis:100%;display:flex;gap:8px;flex-wrap:wrap}.bw-table{overflow:auto;background:white;border:1px solid #d7e4f5;border-radius:9px}.bw-table table{width:100%;border-collapse:collapse;font-size:12px}.bw-table th{background:#edf4ff;font-size:11px;color:#214688}.bw-table td,.bw-table th{padding:7px 6px!important;line-height:1.4;vertical-align:middle}.bw-table tr{height:40px}.bw-table tbody tr:nth-child(even){background:#f7faff}.bw-table td{max-width:200px;overflow-wrap:anywhere}.bw-money{white-space:nowrap;text-align:right}.bw-table .badge{padding:3px 5px;font-size:10px;white-space:normal}.bw-link{background:none!important;border:0!important;box-shadow:none!important;color:#2357a2!important;padding:0!important;min-height:0!important;text-align:left;font-size:12px!important}.bw-actions summary{font-size:20px;cursor:pointer;list-style:none;color:#2357a2}.bw-actions[open]>div{display:flex;flex-direction:column;gap:3px}.bw-actions button{font-size:11px;padding:5px;min-height:0}.bw-footer{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px;padding:10px 0}.bw-footer>span{margin-right:auto}.bw-footer select,.bw-footer button{font-size:12px;padding:5px 9px;min-height:30px}.bw-footer [aria-current=page]{background:#14365c;color:white}#clientBillingHost [data-cb-report]:empty{display:none}@media(max-width:700px){.bw-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.bw-toolbar>[type=search]{flex-basis:100%}.bw-table table{min-width:1000px}.bw-title h2{font-size:18px!important}.bw-footer>span{flex-basis:100%}.bw-tabs button{padding:6px 9px}.bw-stats strong{font-size:16px}}
#clientBillingHost>.card{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#clientBillingHost>.card h2{font-size:13px;flex:1}#clientBillingHost>.card>p{display:none}#clientBillingHost>.card>label{flex:0 1 420px}#clientBillingHost .bw-footer>.search-combobox{width:155px;flex:0 0 155px}#clientBillingHost .bw-table td,#clientBillingHost .bw-table th{font-size:12px;line-height:16px;padding:5px 6px!important;height:40px;box-sizing:border-box}#clientBillingHost .bw-table summary{padding:0;line-height:20px;min-height:0}#clientBillingHost .bw-table .badge{font-size:10px;line-height:14px}#clientBillingHost .bw-table td:first-child{white-space:nowrap}
#clientBillingHost .bw-footer>.search-combobox{width:190px;flex-basis:190px}
/* Compact period workspace; actions live in the top layer, never in row flow. */
#clientBillingHost .bw-period{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:10px 12px;margin:12px 0;background:#f5f8ff;border:1px solid #dbe6f4;border-radius:9px}
#clientBillingHost .bw-period label{display:flex;flex-direction:column;gap:3px;font-size:12px;min-width:0}
#clientBillingHost .bw-period input,#clientBillingHost .bw-period select{height:38px;min-height:38px;padding:6px 9px;font-size:12px;width:145px}
#clientBillingHost .bw-period [data-period-year]{width:90px}#clientBillingHost .bw-period small{font-size:12px;color:#526a9a;align-self:center}
#clientBillingHost .bw-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:12px 0}
#clientBillingHost .bw-stats>div{height:80px;box-sizing:border-box;justify-content:center;box-shadow:0 2px 5px #12305b08;padding:8px 12px}
#clientBillingHost .bw-stats strong{font-size:18px}#clientBillingHost .bw-classification,#clientBillingHost .bw-note{font-size:12px;margin:8px 0 12px;color:#526a9a}
#clientBillingHost .bw-toolbar button,#clientBillingHost .bw-tabs button{height:36px;min-height:36px}
#clientBillingHost .bw-toolbar input,#clientBillingHost .bw-toolbar select{height:38px;min-height:38px}
#clientBillingHost .bw-table tbody tr.bw-selected{background:#EEF5FF!important}#clientBillingHost .bw-table tr.bw-selected td:first-child{box-shadow:inset 3px 0 #1666E8}#clientBillingHost .bw-selected .bw-link{font-weight:600}
#clientBillingHost [data-row-menu]{min-height:30px;height:30px;padding:0 12px;font-size:18px;background:#f3f7ff;color:#164481;border:1px solid #d5e2f5}
.bw-actions[popover]{position:fixed;inset:auto;margin:0;width:210px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;padding:5px;box-sizing:border-box;border:1px solid #d8e3f3;border-radius:9px;background:#fff;box-shadow:0 5px 20px #0e2b5426}
.bw-actions[popover]:popover-open{display:flex;flex-direction:column;gap:2px}.bw-actions[popover] button{font-size:12px;text-align:left;min-height:36px;height:36px;padding:6px 10px;flex-shrink:0;background:#fff;color:#183e78;border:0;box-shadow:none}.bw-actions[popover] button:hover,.bw-actions[popover] button:focus-visible{background:#EEF5FF;outline:2px solid #a6c6f5;outline-offset:-2px}.bw-actions[popover] button:disabled{opacity:.5}
#clientBillingHost .bw-report-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0}#clientBillingHost .bw-report-actions label{font-size:12px;min-width:240px;max-width:100%}#clientBillingHost .bw-report-actions button{min-height:38px;height:38px;padding:7px 12px;font-size:12px}#clientBillingHost .bw-report-actions select{min-height:38px;height:38px;padding:6px 9px}
@media(max-width:700px){#clientBillingHost .bw-period{gap:8px}#clientBillingHost .bw-period label{flex:1 1 42%}#clientBillingHost .bw-period input,#clientBillingHost .bw-period select,#clientBillingHost .bw-period [data-period-year]{width:100%}#clientBillingHost .bw-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#clientBillingHost .bw-stats strong{font-size:16px}#clientBillingHost .bw-stats>div{padding:8px}#clientBillingHost .bw-report-actions label{flex-basis:100%}}
#clientBillingHost>.card{padding:8px 12px!important;margin-bottom:12px!important;gap:8px!important}#clientBillingHost>.card h2{font-size:15px!important;margin:0!important}#clientBillingHost>.card .search-combobox{max-width:420px}#clientBillingHost .bw-stats strong,#clientBillingHost .bw-stats strong span{font-size:18px!important}#clientBillingHost .bw-table button{margin:0}#clientBillingHost .bw-stats{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:1000px){#clientBillingHost .bw-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){#clientBillingHost .bw-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#clientBillingHost .bw-stats strong,#clientBillingHost .bw-stats strong span{font-size:16px!important}}
#clientBillingHost [data-row-menu]{height:30px!important;min-height:30px!important;padding:0 10px!important;margin:0!important;line-height:20px!important;box-sizing:border-box}
/* Keep client and period controls on one compact desktop line. */
#clientBillingHost>.card label{display:flex!important;flex-direction:row!important;align-items:center!important;margin:0!important;gap:8px!important}#clientBillingHost>.card label>.search-combobox{flex:1;min-width:0;margin:0}#clientBillingHost>.card{min-height:56px!important}#clientBillingHost .bw-title p{display:none}#clientBillingHost .bw-title h2{font-size:18px!important;margin:0 0 8px!important}#clientBillingHost .bw-period{padding:8px 10px;gap:8px;align-items:center}#clientBillingHost .bw-period label{flex-direction:row;align-items:center;gap:5px}#clientBillingHost .bw-period input,#clientBillingHost .bw-period select{width:132px}#clientBillingHost .bw-period [data-period-year]{width:78px}#clientBillingHost .bw-period small{font-size:11px}#clientBillingHost .bw-classification{margin:6px 0 10px}
@media(max-width:1100px){#clientBillingHost .bw-period small{flex-basis:100%}}@media(max-width:700px){#clientBillingHost>.card label{flex-basis:100%!important}#clientBillingHost .bw-period label{flex-direction:column;align-items:stretch}#clientBillingHost .bw-period input,#clientBillingHost .bw-period select,#clientBillingHost .bw-period [data-period-year]{width:100%}}