/* Keep each business metric in the same position even when optional costs are absent. */
.dashboard-page .dashboard-aligned-table>div{grid-template-columns:minmax(88px,1fr) minmax(100px,1fr) minmax(120px,1.25fr);grid-template-areas:"name leads profit" "average average average" "value ad juguang" "cost cost cost";gap:8px 14px;padding:16px;align-items:start;line-height:1.55;font-variant-numeric:tabular-nums}
.dashboard-aligned-table .metric-name{grid-area:name;white-space:nowrap}
.dashboard-aligned-table .metric-leads{grid-area:leads;text-align:right;white-space:nowrap}
.dashboard-aligned-table .metric-profit{grid-area:profit;text-align:right;white-space:nowrap}
.dashboard-aligned-table .metric-average{grid-area:average}
.dashboard-aligned-table .metric-value{grid-area:value;white-space:nowrap}
.dashboard-aligned-table .metric-ad{grid-area:ad}
.dashboard-aligned-table .metric-juguang{grid-area:juguang}
.dashboard-aligned-table .metric-cost{grid-area:cost}
.dashboard-aligned-table>div>span{min-width:0;overflow-wrap:break-word}
@media(max-width:480px){.dashboard-page .dashboard-aligned-table>div{grid-template-columns:minmax(68px,1fr) minmax(76px,1fr) minmax(108px,1.2fr);padding:12px;column-gap:8px}.dashboard-aligned-table .metric-profit{font-size:14px}.dashboard-aligned-table .metric-name{font-size:14px}}
.dashboard-page .dashboard-aligned-table>.agent-metrics-row{grid-template-areas:"name name profit" "metrics metrics metrics" "value ad juguang";grid-template-rows:auto auto auto}
.agent-metrics{grid-area:metrics;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;padding:12px 0;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}
.agent-metrics>span{display:flex;flex-direction:column;gap:4px}.agent-metrics>span>b{color:#243747;font-size:15px;white-space:nowrap}.agent-metrics>small{grid-column:1/-1;color:#93621e}.agent-metrics-help{font-size:12px;color:#687487;line-height:1.6}
@media(max-width:420px){.agent-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}