/* Espaçamento do dashboard pela largura real do painel, não pela janela do Cursor.
   Não altera dados, monitor ao vivo nem correção de país. */
main{container-type:inline-size;container-name:hubmain}
#view,.grid,.dtop,.g2,#hosts.srvg,#kpis>.card,.card{min-width:0}
#kpis .khead h3,#kpis .kpi,#kpis .kbrk,#kpis .muted{min-width:0;overflow-wrap:anywhere}
#kpis .kbrk>span{max-width:100%}
.wlf,.w472fl,.w472b,.fbar,.wtabs{max-width:100%}
.chart,.aschart{max-width:100%;min-width:0}
#dassist>#apc472{grid-column:1/-1}

@container hubmain (max-width:1400px){
  #kpis .kbrk>span{white-space:normal}
  #kpis .khead h3{white-space:normal}
  .grid.kp#kpis,.grid.kp#kpis:not(:has(.kvod)){gap:16px!important}
  #hosts.srvg,.dtop{gap:16px!important}
}

@container hubmain (max-width:1279px){
  .grid.kp#kpis,.grid.kp#kpis:not(:has(.kvod)){grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #hosts.srvg{grid-template-columns:minmax(0,1fr)!important}
  .g2.dash,#dassist.g2.dash{grid-template-columns:minmax(0,1fr)!important}
  .g2.dash>.card{height:auto!important;max-height:none!important}
  .g2.dash .chart{flex:none;height:220px;min-height:200px}
  .dtop{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .srvoffr{grid-template-columns:1fr 1fr!important}
  #view{gap:16px}
  .card{padding:16px}
}

@container hubmain (max-width:860px){
  .grid.kp#kpis,.grid.kp#kpis:not(:has(.kvod)){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  #kpis .kpi{font-size:22px}
  #kpis .kico{display:grid}
  .wlf{flex-direction:column;align-items:stretch}
  .w472s{flex:1 1 100%;max-width:none}
  .wtabs{width:100%;overflow-x:auto}
  .g2{grid-template-columns:minmax(0,1fr)!important}
}

@container hubmain (max-width:480px){
  .grid.kp#kpis,.grid.kp#kpis:not(:has(.kvod)){grid-template-columns:minmax(0,1fr)!important}
  #dassist .asplit,#apc472 .asplit{grid-template-columns:minmax(0,1fr)!important}
  .card{padding:14px}
  #view{gap:12px}
}

@container hubmain (min-width:1600px){
  .grid.kp#kpis,.grid.kp#kpis:not(:has(.kvod)){gap:24px!important}
  #hosts.srvg,.dtop,#view{gap:24px}
}