html.az-portal-enhanced .az-inout-chart {
  display: block !important;
  align-items: initial !important;
  gap: 0 !important;
  width: 100% !important;
  height: auto !important;
  position: relative;
  min-height: 214px;
  padding: 2px 0 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  color: var(--az-text, #071d42);
  isolation: isolate;
}
.az-inout-pending {
  display: grid !important;
  place-items: center;
  min-height: 214px;
  padding: 18px;
  border: 0 !important;
  background: transparent !important;
  color: var(--az-muted, #64748b);
  font-size: 12px;
}
.az-inout-state { text-align: center; }
.az-inout-error { color: var(--az-muted, #64748b); }
html.az-portal-enhanced .az-inout-legend {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 18px;
  min-height: 28px;
  font-size: 11px;
  color: var(--az-muted, #64748b);
}
html.az-portal-enhanced .az-inout-legend span { display: inline-flex; align-items: center; gap: 6px; }
html.az-portal-enhanced .az-inout-legend i { width: 9px; height: 9px; border-radius: 999px; }
html.az-portal-enhanced .az-inout-legend i.is-in { background: #12b981; box-shadow: 0 0 0 3px #12b98118; }
html.az-portal-enhanced .az-inout-legend i.is-out { background: #ef5261; box-shadow: 0 0 0 3px #ef526118; }
html.az-portal-enhanced .az-inout-legend b { color: var(--az-text, #071d42); }
html.az-portal-enhanced .az-inout-canvas { position: relative; height: 166px; }
html.az-portal-enhanced .az-inout-canvas svg { display: block; width: 100%; height: 100%; overflow: visible; }
html.az-portal-enhanced .az-inout-axis { position:absolute; inset:0 auto 0 0; width:68px; z-index:1; pointer-events:none; color:var(--az-muted,#64748b); font-size:10px; font-variant-numeric:tabular-nums; }
html.az-portal-enhanced .az-inout-axis span { position:absolute; right:8px; max-width:60px; transform:translateY(-50%); white-space:nowrap; line-height:1; }
html.az-portal-enhanced .az-inout-grid line { stroke: color-mix(in srgb, var(--az-stroke, #d9e5f3) 66%, transparent); stroke-width: .8; vector-effect: non-scaling-stroke; }
html.az-portal-enhanced .az-inout-line { fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
html.az-portal-enhanced .az-inout-line.is-in { stroke: #12b981; }
html.az-portal-enhanced .az-inout-line.is-out { stroke: #ef5261; }
html.az-portal-enhanced .az-inout-point { fill: var(--az-surface, #fff); stroke-width: 1.5; opacity: .2; vector-effect: non-scaling-stroke; transition: r .15s ease, opacity .15s ease; }
html.az-portal-enhanced .az-inout-point.is-in { stroke: #12b981; }
html.az-portal-enhanced .az-inout-point.is-out { stroke: #ef5261; }
html.az-portal-enhanced .az-inout-point.is-active { r: 5.5; opacity: 1; }
html.az-portal-enhanced .az-inout-hits { position: absolute; inset: 0 18px 0 78px; }
html.az-portal-enhanced .az-inout-hit { position: absolute; inset-block: 0; appearance: none; border: 0; background: transparent; cursor: crosshair; }
/* A faixa de hover criava uma coluna azul atrás do ponto do gráfico.
   Mantemos a interação por tooltip e foco, sem pintar o fundo do período. */
html.az-portal-enhanced .az-inout-hit:hover { background: transparent; }
html.az-portal-enhanced .az-inout-hit:focus-visible { outline: 2px solid var(--az-accent, #1689eb); outline-offset: -3px; border-radius: 8px; }
html.az-portal-enhanced .az-inout-tooltip {
  position: absolute;
  top: 10px;
  z-index: 4;
  transform: translateX(-50%);
  display: grid;
  gap: 4px;
  min-width: 150px;
  padding: 9px 11px;
  border: 1px solid var(--az-stroke, #d9e5f3);
  border-radius: 10px;
  background: color-mix(in srgb, var(--az-surface, #fff) 94%, transparent);
  color: var(--az-text, #071d42);
  box-shadow: 0 12px 30px #071d4220;
  backdrop-filter: blur(12px);
  pointer-events: none;
  font-size: 11px;
}
html.az-portal-enhanced .az-inout-tooltip[hidden] { display: none; }
html.az-portal-enhanced .az-inout-tooltip strong { margin-bottom: 2px; }
html.az-portal-enhanced .az-inout-tooltip span { display: flex; justify-content: space-between; gap: 18px; color: var(--az-muted, #64748b); }
html.az-portal-enhanced .az-inout-tooltip b { color: var(--az-text, #071d42); }
html.az-portal-enhanced .az-inout-labels { position: relative; height: 17px; margin: -1px 18px 0 78px; color: var(--az-muted, #64748b); font-size: 9px; }
html.az-portal-enhanced .az-inout-labels span { position: absolute; transform: translateX(-50%); white-space: nowrap; }
html.az-portal-enhanced .az-inout-summary { min-height: 214px; }
html.az-portal-enhanced .az-inout-chart + .chart-labels { display: none !important; }
@media (max-width: 780px) {
  html.az-portal-enhanced .az-inout-chart { min-height: 196px; padding-inline: 0 !important; }
  html.az-portal-enhanced .az-inout-canvas { height: 150px; }
  html.az-portal-enhanced .az-inout-axis { width:60px; font-size:9px; }
  html.az-portal-enhanced .az-inout-axis span { right:7px; max-width:52px; }
  html.az-portal-enhanced .az-inout-hits { left:64px; right:12px; }
  html.az-portal-enhanced .az-inout-labels { margin-left:64px; margin-right:12px; }
  html.az-portal-enhanced .az-inout-legend { justify-content:flex-start; gap:12px; padding-left:60px; }
}
@media (prefers-reduced-motion: reduce) {
  html.az-portal-enhanced .az-inout-point { transition: none; }
}