/* MESA HF22.2 — responsividade real em 100% + feedback do diagnóstico. */
.management-shell-card,.management-shell-card>.tabs,.management-shell-card>.tab-panel,#management-content,#management-content>*{min-width:0;max-width:100%;box-sizing:border-box}
.management-shell-card>.tabs{flex-wrap:wrap;overflow:visible;align-items:flex-end}
#management-content .page-heading{min-width:0;max-width:100%;gap:12px;flex-wrap:wrap}
#management-content .page-heading>div{min-width:0;flex:1 1 360px}
#management-content .page-heading p,.mesa-diag-overall p,.mesa-diag-service p,.mesa-diag-list span{overflow-wrap:anywhere}
.mesa-diag-overall,.mesa-diag-kpis,.mesa-diag-two,.mesa-diag-runtime,.v6-quality-grid{width:100%;min-width:0;max-width:100%}
.mesa-diag-overall>div,.mesa-diag-service,.mesa-diag-service .card-header>div,.mesa-diag-list>div>*{min-width:0}
.mesa-diag-service{max-width:100%;overflow:hidden}
.mesa-diag-list>div{min-width:0;max-width:100%}
.mesa-diag-list em{flex:0 0 auto}
[data-v6-quality-refresh]{white-space:nowrap;min-width:185px;justify-content:center}
[data-v6-quality-refresh][disabled]{opacity:.82;cursor:wait}
.mesa-diag-refreshing svg{animation:mesa-diag-spin .8s linear infinite}
@keyframes mesa-diag-spin{to{transform:rotate(360deg)}}

/* Notebook / navegador em 100%: reflow, nunca corte. */
@media(max-width:1450px){
  .page-identification{display:none!important}
  .topbar{gap:8px;padding-left:12px;padding-right:12px}
  .global-search-wrap{min-width:180px;max-width:330px}
  .global-search-wrap kbd{display:none}
  .topbar-actions{gap:5px;min-width:0}
  .topbar-actions .status-chip.blue,.topbar-actions .status-chip.green{display:none!important}
  .topbar-actions .status-chip.red{font-size:10px;padding:0 7px}
  .topbar-focus-button,.topbar-quick-task{padding-left:10px;padding-right:10px}
  .user-button{gap:5px}

  .mesa-diag-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mesa-diag-two{grid-template-columns:1fr}
  .mesa-diag-mini-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .management-shell-card>.tabs{padding:0 12px}
  .management-shell-card>.tabs .tab-button{padding:10px 8px}
}

/* A home em 1366px comporta os cinco indicadores sem esconder informação. */
@media(min-width:1201px) and (max-width:1450px){
  .ux-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px}
  .ux-metric-card{min-width:0;padding:14px}
  .ux-metric-card>strong{font-size:24px}
}

@media(max-width:1200px){
  .topbar .status-chip{display:none!important}
  .global-search-wrap{max-width:none}
  .user-button>span:not(.avatar),.user-button>svg{display:none}
  .ux-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:900px){
  .mesa-diag-kpis,.mesa-diag-mini-kpis{grid-template-columns:1fr}
  .ux-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-v6-quality-refresh]{width:100%;min-width:0}
}

@media(max-width:620px){
  .ux-metric-grid{grid-template-columns:1fr!important}
  .management-shell-card>.tabs{padding:0 6px}
}