#dashboardMetrics.client-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
#dashboardMetrics[hidden] { display: none !important; }
#dashboardMetrics.client-metrics article { display: flex; flex-direction: column; gap: 7px; min-width: 0; padding: 18px; }
#dashboardMetrics.client-metrics strong { font-size: 23px; line-height: 1.25; overflow-wrap: anywhere; }
#dashboardMetrics.client-metrics small { color: #506b7b; font-size: 14px; }
@media(max-width:1200px) { #dashboardMetrics.client-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) { #dashboardMetrics.client-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:420px) { #dashboardMetrics.client-metrics { grid-template-columns: 1fr; } }