/* V1177 — correção de escopo: cards do dashboard não estão dentro do painel lateral do instrumento.
   Aplicar o padrão diretamente ao grid do dashboard metrológico. */
.metro-kpis-v1141 {
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
  margin:0 0 16px !important;
  width:100%;
}
.metro-kpis-v1141 > .mp-kpi-card {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
  min-height:112px !important;
  padding:14px 48px 14px 13px !important;
  overflow:hidden !important;
  border:1px solid #d5e2f1 !important;
  border-left:4px solid #1769b7 !important;
  border-radius:13px !important;
  background:#f3f7fc !important;
  box-shadow:0 2px 5px rgba(27,62,101,.05) !important;
  box-sizing:border-box !important;
}
.metro-kpis-v1141 > .mp-kpi-card::after {
  content:"" !important;
  position:absolute !important;
  right:12px !important;
  top:50% !important;
  width:31px !important;
  height:31px !important;
  transform:translateY(-50%) !important;
  border:6px solid #d6e3f1 !important;
  border-radius:50% !important;
  box-sizing:content-box !important;
  pointer-events:none !important;
}
.metro-kpis-v1141 > .mp-kpi-card.red {
  border-color:#f0c9c9 !important;
  border-left-color:#df3b36 !important;
  background:#fff6f6 !important;
}
.metro-kpis-v1141 > .mp-kpi-card.red::after { border-color:#f7c5c5 !important; }
.metro-kpis-v1141 > .mp-kpi-card.amber {
  border-color:#f1dfbd !important;
  border-left-color:#f2a20b !important;
  background:#fffaf1 !important;
}
.metro-kpis-v1141 > .mp-kpi-card.amber::after { border-color:#ffe4b0 !important; }
.metro-kpis-v1141 > .mp-kpi-card.green {
  border-color:#cbe7d9 !important;
  border-left-color:#249b68 !important;
  background:#f4fbf7 !important;
}
.metro-kpis-v1141 > .mp-kpi-card.green::after { border-color:#c6ead8 !important; }
.metro-kpis-v1141 > .mp-kpi-card > .mp-kpi-icon {
  flex:0 0 36px !important;
  width:36px !important;
  height:36px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  background:#e0edfc !important;
  color:#1769b7 !important;
  font-size:17px !important;
  font-weight:800 !important;
}
.metro-kpis-v1141 > .mp-kpi-card.red > .mp-kpi-icon { background:#ffe1e1 !important; color:#d93632 !important; }
.metro-kpis-v1141 > .mp-kpi-card.amber > .mp-kpi-icon { background:#fff0d1 !important; color:#d88900 !important; }
.metro-kpis-v1141 > .mp-kpi-card.green > .mp-kpi-icon { background:#dcf4e8 !important; color:#249b68 !important; }
.metro-kpis-v1141 > .mp-kpi-card > div:last-child { min-width:0 !important; }
.metro-kpis-v1141 > .mp-kpi-card small {
  display:block !important;
  margin:0 0 3px !important;
  color:#617895 !important;
  font-size:11px !important;
  line-height:1.25 !important;
  overflow-wrap:anywhere !important;
}
.metro-kpis-v1141 > .mp-kpi-card strong {
  display:block !important;
  margin:0 0 3px !important;
  color:#153f70 !important;
  font-size:25px !important;
  font-weight:800 !important;
  line-height:1.05 !important;
  font-variant-numeric:tabular-nums !important;
}
.metro-kpis-v1141 > .mp-kpi-card.red strong { color:#b82c28 !important; }
.metro-kpis-v1141 > .mp-kpi-card.amber strong { color:#9a6400 !important; }
.metro-kpis-v1141 > .mp-kpi-card.green strong { color:#167b50 !important; }
.metro-kpis-v1141 > .mp-kpi-card > div:last-child > span {
  display:block !important;
  color:#617895 !important;
  font-size:10px !important;
  line-height:1.25 !important;
  overflow-wrap:anywhere !important;
}
@media(max-width:1200px) {
  .metro-kpis-v1141 { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media(max-width:700px) {
  .metro-kpis-v1141 { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; }
  .metro-kpis-v1141 > .mp-kpi-card { min-height:100px !important; padding:12px 40px 12px 10px !important; gap:8px !important; }
  .metro-kpis-v1141 > .mp-kpi-card::after { width:23px !important; height:23px !important; border-width:5px !important; right:8px !important; }
  .metro-kpis-v1141 > .mp-kpi-card > .mp-kpi-icon { flex-basis:30px !important; width:30px !important; height:30px !important; }
  .metro-kpis-v1141 > .mp-kpi-card strong { font-size:22px !important; }
}
@media(max-width:430px) {
  .metro-kpis-v1141 { grid-template-columns:1fr !important; }
}