/* Vista compacta de escritorio: el detalle largo se desplaza dentro de su panel. */
@media(min-width:1100px) and (min-height:680px){
  body.dashboard-view main{padding:20px 25px 12px}
  .dashboard-view main>header{margin-bottom:16px}.dashboard-view header h1{font-size:26px;margin:0}
  .dashboard-view #content{display:grid;grid-template-columns:minmax(340px,5fr) minmax(400px,7fr);grid-template-rows:minmax(280px,1.1fr) minmax(225px,1fr);gap:16px;height:calc(100dvh - 133px);min-height:520px}
  .dashboard-view #content>.dashboard-metrics{grid-column:1;grid-row:1;margin:0;gap:10px;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:1fr 1fr;min-width:0}
  .dashboard-view .dashboard-metrics>.metric{padding:14px!important;min-width:0}
  .dashboard-view .dashboard-metrics>.metric:before{margin-bottom:9px;height:2px;width:20px}
  .dashboard-view .dashboard-metrics>.metric>span{font-size:10px;line-height:1.5}
  .dashboard-view .dashboard-metrics>.metric>b{font-size:25px!important;margin:8px 0!important}
  .dashboard-view .dashboard-metrics>.metric>.duration{font-size:20px!important;white-space:normal}
  .dashboard-view .dashboard-metrics>.metric>small{font-size:9px}
  .dashboard-view .metric-breakdown{margin-top:10px;padding-top:8px}.dashboard-view .metric-breakdown>div{padding:4px 0;font-size:10px}.dashboard-view .metric-breakdown span{font-size:10px}
  .dashboard-view #content>section.card:not(.monthly-summary){grid-column:2;grid-row:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;padding:16px}
  .dashboard-view #content>section.card>.dashboard-top{margin-bottom:10px;gap:10px}.dashboard-view .dashboard-top h3{font-size:14px}.dashboard-view .dashboard-link{font-size:10px;padding:8px;white-space:normal;text-align:center}
  .dashboard-view #content>section.card>.table-wrap{overflow:auto;flex:1;min-height:0}
  .dashboard-view .table th,.dashboard-view .table td{padding:10px 7px;font-size:10px}.dashboard-view .table th{position:sticky;top:0;background:white;z-index:1}
  .dashboard-view .advisor-avatar{padding:6px;font-size:8px;margin-right:5px}.dashboard-view .advisor-channels{gap:4px}.dashboard-view .advisor-channels>span{width:23px;height:23px}.dashboard-view .advisor-channels svg{width:18px;height:18px}
  .dashboard-view #content>.dashboard-definition{display:none}
  .dashboard-view #content>.monthly-summary{margin:0;padding:16px;min-width:0;overflow:auto}
  .dashboard-view #content>.monthly-summary:not(:last-child){grid-column:1;grid-row:2}
  .dashboard-view #content>.monthly-summary:last-child{grid-column:2;grid-row:2}
  .dashboard-view .monthly-summary h3{font-size:14px;margin:0 0 7px}.dashboard-view .monthly-summary>.muted{font-size:10px;margin:0}
  .dashboard-view .monthly-summary .metrics{gap:8px;margin-top:15px;grid-template-columns:repeat(4,minmax(0,1fr))}
  .dashboard-view .monthly-summary .metric{padding:12px 10px}.dashboard-view .monthly-summary .metric span{font-size:10px}.dashboard-view .monthly-summary .metric b{font-size:24px}.dashboard-view .monthly-summary .metric .duration{font-size:17px}
  .dashboard-view .monthly-chart{gap:25px;margin-top:12px;flex-wrap:nowrap}.dashboard-view .channel-donut{width:145px;height:145px}.dashboard-view .channel-donut:before{inset:22px}.dashboard-view .donut-center{font-size:25px}.dashboard-view .donut-center small{font-size:9px}
  .dashboard-view .chart-legend{min-width:140px}.dashboard-view .chart-legend>div{font-size:10px;padding:6px 0}.dashboard-view .chart-legend small{font-size:9px}
  .dashboard-view main>footer{margin-top:10px;padding:8px 0;font-size:9px}
}
/* Indicadores uniformes, tres por fila, sin dependencia del orden de las tarjetas. */
.dashboard-view #content>.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(140px,1fr))!important;gap:12px}
.dashboard-view #content>.dashboard-metrics>.metric:nth-child(n){grid-column:auto;grid-row:auto;order:0;padding:15px;display:flex;flex-direction:column;justify-content:flex-start;min-height:140px;min-width:0}
.dashboard-view #content>.dashboard-metrics>.metric:nth-child(n)>small,.dashboard-view #content>.dashboard-metrics .metric-help,.dashboard-view #content>.dashboard-metrics .online-list,.dashboard-view #content>.dashboard-metrics b>span{display:none}
.dashboard-view #content>.dashboard-metrics>.incoming-detail-metric .metric-breakdown{display:block;margin-top:8px;padding-top:5px}
.dashboard-view #content>.dashboard-metrics>.incoming-detail-metric .metric-breakdown>div{padding:3px 0;font-size:10px}
.dashboard-view .monthly-summary .metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:1fr}
.dashboard-view .monthly-summary .metric{min-height:85px}
@media(min-width:1100px) and (min-height:680px){.dashboard-view #content>.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(140px,1fr))}.dashboard-view #content>.dashboard-metrics>.metric:nth-child(n){grid-column:auto;grid-row:auto}.dashboard-view .monthly-summary .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.dashboard-view .monthly-summary .metric{min-height:75px;padding:8px}.dashboard-view .monthly-summary .metric:before{margin-bottom:5px}.dashboard-view .monthly-summary .metric b{font-size:21px;margin:4px 0}.dashboard-view #content{grid-template-rows:minmax(300px,1.1fr) minmax(240px,1fr)}}
@media(max-width:650px){.dashboard-view #content>.dashboard-metrics,.dashboard-view .monthly-summary .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:400px){.dashboard-view #content>.dashboard-metrics,.dashboard-view .monthly-summary .metrics{grid-template-columns:1fr!important}}