/* MobilizaPRO — Dashboard Oficial — Etapa 1E
   Diretriz: IMPACTO. Escala agressiva, hierarquia evidente, sem medo de scroll.
   Nenhuma métrica é alterada; somente presença visual. */

#page-dashboard .mpdash-v2{
  max-width:1720px;
  padding:24px 26px 54px;
}

/* Cabeçalho com presença */
.mpdash-v2-head{margin-bottom:20px;align-items:center;gap:24px}
.mpdash-v2-eyebrow{font-size:11px;letter-spacing:.22em;margin-bottom:8px}
.mpdash-v2-head h2{font-size:clamp(34px,2.4vw,48px);line-height:1;font-weight:950;letter-spacing:-.045em}
.mpdash-v2-head p{font-size:13px;margin-top:8px;color:#a8b9cc}
.mpdash-v2-banner{min-width:340px;min-height:66px;padding:14px 20px;border-radius:14px}
.mpdash-v2-banner>.material-symbols-outlined{font-size:36px}
.mpdash-v2-banner strong{font-size:16px}.mpdash-v2-banner small{font-size:11px;margin-top:4px}
.mpdash-v2-period>span{font-size:9px}.mpdash-v2-period select{height:44px;min-width:150px;font-size:12px}

/* Mais respiro e massa visual */
.mpdash-v2-grid{gap:18px;margin-bottom:18px}
.mpdash-v2-grid-hero{grid-template-columns:minmax(0,1.7fr) minmax(430px,1fr)}
.mpdash-v2-grid-demand,.mpdash-v2-grid-support{grid-template-columns:repeat(2,minmax(0,1fr))}
.mpdash-v2-card{border-radius:15px;border-color:rgba(65,157,246,.38);box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.015)}
.mpdash-v2-card-head{padding:20px 22px 12px}
.mpdash-v2-card-head h3{font-size:clamp(17px,1.25vw,21px);line-height:1.08;font-weight:900;letter-spacing:-.02em}
.mpdash-v2-card-head p{font-size:12px;margin-top:6px;line-height:1.35;color:#94a8c0}
.mpdash-v2-stage-pill{font-size:9px;padding:6px 10px}
.mpdash-v2-card-icon{font-size:28px;padding:8px;border-radius:10px}

/* HERO — Tempo grita */
.mpdash-v2-grid-hero .mpdash-v2-time,.mpdash-v2-grid-hero .mpdash-v2-outcome{height:auto;min-height:520px}
.mpdash-v2-time-chart{height:425px;gap:18px;padding:18px 26px 28px}
.mpdash-v2-time-stage{grid-template-rows:42px 1fr 58px}
.mpdash-v2-time-stage b{font-size:26px;font-weight:950;letter-spacing:-.035em;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.06)}
.mpdash-v2-time-stage i{width:min(72%,96px);min-height:28px;border-radius:10px 10px 3px 3px;box-shadow:0 0 28px rgba(29,143,255,.26)}
.mpdash-v2-time-stage span{font-size:12px;line-height:1.25;color:#d0dbe9;font-weight:700}
.mpdash-v2-time-total{padding-left:16px;border-left-color:rgba(76,166,238,.34)}
.mpdash-v2-time-total b{font-size:40px;color:#44e6bd;text-shadow:0 0 24px rgba(31,213,137,.24)}
.mpdash-v2-time-total i{width:min(78%,112px);box-shadow:0 0 34px rgba(31,213,137,.30)}
.mpdash-v2-time-total span{font-size:13px;color:#46e8c0;font-weight:900}

/* Resultado — donut grande, números grandes */
.mpdash-v2-outcome-main{grid-template-columns:250px 1fr;gap:22px;padding:16px 24px 18px}
.mpdash-v2-donut{width:225px;height:225px;box-shadow:0 0 34px rgba(22,196,145,.12)}
.mpdash-v2-donut:after{width:145px;height:145px}
.mpdash-v2-donut strong{font-size:48px;font-weight:950;letter-spacing:-.04em}
.mpdash-v2-donut small{font-size:12px;margin-top:6px}
.mpdash-v2-legend{gap:22px}
.mpdash-v2-legend span{grid-template-columns:14px 1fr auto;gap:10px;font-size:14px}
.mpdash-v2-legend i{width:12px;height:12px}.mpdash-v2-legend b{font-size:17px}
.mpdash-v2-outcome-cards{gap:14px;padding:0 24px 22px}
.mpdash-v2-outcome-cards>div{padding:16px 18px;border-radius:12px;gap:12px}
.mpdash-v2-outcome-cards .material-symbols-outlined{font-size:30px}
.mpdash-v2-outcome-cards strong{font-size:30px;font-weight:950}.mpdash-v2-outcome-cards small{font-size:11px}

/* ENTREGUE x FALTA — barras grossas */
.mpdash-v2-grid-demand>.mpdash-v2-card,.mpdash-v2-functions{height:auto;min-height:360px}
.mpdash-v2-rank{gap:11px;padding:10px 22px 22px}
.mpdash-v2-rank>div{grid-template-columns:minmax(160px,1.15fr) minmax(180px,1.8fr) 34px;gap:13px;min-height:27px}
.mpdash-v2-rank span{font-size:13px;font-weight:700}
.mpdash-v2-rank i{height:17px;border-radius:5px}
.mpdash-v2-rank b{font-size:14px;font-weight:900}

/* APOIO — números não podem parecer rodapé */
.mpdash-v2-grid-support>.mpdash-v2-card{height:auto;min-height:285px}
.mpdash-v2-housing-row{grid-template-columns:90px 58px 1fr 52px;gap:14px;padding:14px 22px}
.mpdash-v2-housing-row span{font-size:14px;font-weight:750}.mpdash-v2-housing-row strong{font-size:30px;font-weight:950}
.mpdash-v2-housing-row>div{height:17px;border-radius:6px}.mpdash-v2-housing-row b{font-size:14px}
.mpdash-v2-housing-foot{gap:14px;padding:12px 22px 20px}
.mpdash-v2-housing-foot>div{grid-template-columns:42px 1fr;padding:14px 16px;border-radius:12px}
.mpdash-v2-housing-foot .material-symbols-outlined{font-size:34px}.mpdash-v2-housing-foot small{font-size:10px}.mpdash-v2-housing-foot strong{font-size:20px}
.mpdash-v2-travel-row{grid-template-columns:42px 1fr auto;gap:12px;padding:16px 22px;min-height:61px}
.mpdash-v2-travel-row>.material-symbols-outlined{font-size:27px}.mpdash-v2-travel-row em{font-size:13px;font-weight:700}.mpdash-v2-travel-row strong{font-size:28px;font-weight:950}

/* HISTOGRAMA — fecha a tela com força */
.mpdash-v2-histogram{min-height:430px;margin-top:2px}
.mpdash-v2-histogram-canvas{height:345px;margin:0 22px 22px}
.mpdash-v2-h-grid{inset:24px 0 44px;background:repeating-linear-gradient(to bottom,rgba(88,131,174,.18) 0 1px,transparent 1px 58px),repeating-linear-gradient(to right,rgba(88,131,174,.09) 0 1px,transparent 1px 20%)}
.mpdash-v2-h-period{inset:24px 28px 34px}
.mpdash-v2-h-period>span{gap:10px;padding-bottom:28px}
.mpdash-v2-h-period i{width:46px;min-height:22px;border-radius:7px 7px 2px 2px;box-shadow:0 0 18px rgba(29,143,255,.18)}
.mpdash-v2-h-period b{font-size:12px;font-weight:750}
.mpdash-v2-h-lines{left:28px;right:28px;top:22px;width:calc(100% - 56px);height:270px}
.mpdash-v2-h-lines polyline{stroke-width:3;stroke-dasharray:9 6}.mpdash-v2-h-legend{right:6px;top:5px;gap:15px}.mpdash-v2-h-legend span{font-size:10px}.mpdash-v2-h-legend i{width:9px;height:9px}.mpdash-v2-h-legend i.line{width:24px;border-top-width:3px}

/* Desktop grande: mais presença, não mais densidade */
@media(min-width:1500px){
  .mpdash-v2-grid-hero{grid-template-columns:minmax(0,1.72fr) minmax(470px,1fr)}
  .mpdash-v2-grid-hero .mpdash-v2-time,.mpdash-v2-grid-hero .mpdash-v2-outcome{min-height:550px}
  .mpdash-v2-time-chart{height:452px}
  .mpdash-v2-card-head h3{font-size:21px}
  .mpdash-v2-rank span{font-size:14px}
}

/* Em telas médias ainda preserva impacto; scroll vertical é intencional. */
@media(max-width:1180px){
  #page-dashboard .mpdash-v2{padding:20px 18px 46px}
  .mpdash-v2-head h2{font-size:34px}
  .mpdash-v2-grid-hero{grid-template-columns:1.5fr 1fr}
  .mpdash-v2-outcome-main{grid-template-columns:190px 1fr}.mpdash-v2-donut{width:175px;height:175px}.mpdash-v2-donut:after{width:112px;height:112px}
  .mpdash-v2-time-stage b{font-size:22px}.mpdash-v2-time-total b{font-size:34px}
}
@media(max-width:900px){
  .mpdash-v2-grid-hero,.mpdash-v2-grid-demand,.mpdash-v2-grid-support{grid-template-columns:1fr}
  .mpdash-v2-grid-hero .mpdash-v2-time,.mpdash-v2-grid-hero .mpdash-v2-outcome{min-height:500px}
  .mpdash-v2-grid-demand>.mpdash-v2-card,.mpdash-v2-grid-support>.mpdash-v2-card{min-height:unset}
}