/* Invoice and Expense summaries use grids sized for their card counts. */
#invoiceKpis{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
#expenseKpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
#invoiceKpis .kpi,#expenseKpis .kpi{min-width:0;min-height:116px;padding:16px 18px;border:1px solid #dbe5ef;border-left:5px solid #7ea7cc;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(18,35,63,.05)}
#invoiceKpis .kpi:nth-child(2),#expenseKpis .kpi:nth-child(2){border-left-color:#f0a514}
#invoiceKpis .kpi:nth-child(3),#expenseKpis .kpi:nth-child(3){border-left-color:#e84242}
#invoiceKpis .kpi span,#expenseKpis .kpi span{display:block;color:#526c84;font-size:12px;font-weight:var(--w-strong,600);line-height:1.25}
#invoiceKpis .kpi strong,#expenseKpis .kpi strong{display:block;margin-top:6px;color:#173b63;font-size:26px;line-height:1.05;white-space:normal;overflow-wrap:anywhere}
#invoiceKpis .kpi small,#expenseKpis .kpi small{display:block;margin-top:6px;color:#667085;font-size:11px;line-height:1.3}
@media(max-width:1200px) and (min-width:651px){#invoiceKpis{grid-template-columns:repeat(6,minmax(0,1fr))!important}#invoiceKpis .kpi:nth-child(-n+3){grid-column:span 2}#invoiceKpis .kpi:nth-child(n+4){grid-column:span 3}}
@media(max-width:900px){#expenseKpis{grid-template-columns:1fr!important}}
@media(max-width:650px){#invoiceKpis{grid-template-columns:1fr!important}}