#reportMetrics .metric{cursor:pointer;transition:border-color .18s,transform .18s,background .18s}#reportMetrics .metric:hover{transform:translateY(-2px);border-color:#3b4a58}#reportMetrics .metric.selected{border-color:var(--green);background:linear-gradient(145deg,#122019,var(--surface));box-shadow:0 0 0 1px #48e5a422}.supplier-payment-actions{padding:15px 18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:9px}.supplier-payment-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#0e1217;font-size:11px}.supplier-payment-chip strong{font-size:12px}.margin-positive{color:var(--green)}.margin-negative{color:var(--red)}.report-detail-panel td small{display:block;margin-top:3px;color:var(--muted)}
#reportsView.active{height:calc(100vh - 110px);display:flex;flex-direction:column;overflow:hidden;padding-bottom:18px}#reportsView>.billing-head{flex:none;align-items:center;margin-bottom:10px}#reportsView>.billing-head .period-picker{display:flex;align-items:center;gap:12px}#reportsView>.billing-head .period-picker>p{white-space:nowrap}#reportsView>.billing-head .period-picker>h2{display:none}#reportsView>.billing-head .period-controls{margin:0}#reportMetrics{flex:none;margin:8px 0 12px;gap:12px}#reportMetrics .metric{padding:14px 16px;border-radius:14px}#reportMetrics .metric-top{font-weight:400}#reportMetrics .metric strong{font-size:22px;margin:7px 0 1px;font-weight:400}#reportMetrics .metric-icon{width:27px;height:27px}#reportMetrics .metric small{font-size:11px}.report-grid{flex:1;min-height:0;gap:14px}.report-grid>.panel{min-height:0;overflow:auto}.report-detail-panel{display:flex;flex-direction:column;overflow:hidden!important}.report-detail-panel .panel-head{flex:none;padding:14px 18px 11px}.report-detail-panel .panel-head h3{font-size:17px}.report-detail-panel .table-wrap{flex:1;min-height:0;overflow:auto}.report-detail-panel thead{position:sticky;top:0;z-index:3}.report-detail-panel th{padding:10px 13px}.report-detail-panel td{padding:10px 13px;font-size:12px}.report-sort{border:0;background:none;color:inherit;padding:0;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap}.report-sort span{color:#657080;font-size:12px}.report-sort.active{color:var(--text)}.report-sort.active span{color:var(--green)}#reportsView .finance-breakdown{padding-top:0}#reportsView .finance-line{padding:13px 0;font-size:13px}.supplier-payment-actions{max-height:110px;overflow:auto;padding:10px 13px}
@media(max-width:720px){#reportsView.active{height:auto;display:block;overflow:visible;padding-bottom:0}#reportsView>.billing-head .period-picker{display:block}#reportsView>.billing-head .period-picker>h2{display:block}.report-grid{display:grid}.report-detail-panel .table-wrap{max-height:55vh}#reportMetrics .metric{padding:16px}}