/* Misma escala y proporciones para los dos períodos. */
.dashboard-view #content .metrics>.metric:nth-child(n){text-align:center;align-items:center;justify-content:center!important}
.dashboard-view #content .metrics>.metric:before{margin-left:auto;margin-right:auto}
.dashboard-view #content .metrics>.incoming-detail-metric .metric-breakdown{width:100%;text-align:left}
.dashboard-view #content>.dashboard-metrics,.dashboard-view #content>.monthly-summary>.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,150px)!important;grid-auto-rows:150px;gap:12px!important;align-content:start}
.dashboard-view #content>.dashboard-metrics>.metric:nth-child(n),.dashboard-view #content>.monthly-summary>.metrics>.metric:nth-child(n){padding:14px!important;height:150px!important;min-height:150px!important;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;grid-column:auto;grid-row:auto;overflow:auto}
.dashboard-view #content>.dashboard-metrics>.metric:nth-child(n)>span,.dashboard-view #content>.monthly-summary>.metrics>.metric:nth-child(n)>span{font-size:10px;line-height:1.5}
.dashboard-view #content>.dashboard-metrics>.metric:nth-child(n)>b,.dashboard-view #content>.monthly-summary>.metrics>.metric:nth-child(n)>b{font-size:25px!important;margin:8px 0!important}
.dashboard-view #content .incoming-detail-metric .metric-breakdown{display:block;margin-top:8px;padding-top:5px}.dashboard-view #content .incoming-detail-metric .metric-breakdown>div{padding:3px 0;font-size:10px}.dashboard-view #content .incoming-detail-metric .metric-breakdown span{font-size:10px}
.dashboard-view #content .metric:before{margin-bottom:9px;height:2px;width:20px}
@media(min-width:1100px) and (min-height:680px){.dashboard-view #content{height:auto;min-height:0;grid-template-rows:322px 362px}.dashboard-view #content>.monthly-summary:not(:last-child){padding:0;border:0;background:none;overflow:visible}.dashboard-view #content>.monthly-summary:not(:last-child)>.metrics{margin-top:12px}.dashboard-view #content>.monthly-summary:not(:last-child)>h3{margin-bottom:5px}}
@media(max-width:650px){.dashboard-view #content>.dashboard-metrics,.dashboard-view #content>.monthly-summary>.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important}}
@media(max-width:400px){.dashboard-view #content>.dashboard-metrics,.dashboard-view #content>.monthly-summary>.metrics{grid-template-columns:1fr!important}}