/* Atualização automática dos indicadores operacionais. */
.live-data-status{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:54px;
  margin:0 0 12px;
  padding:10px 12px;
  border:1px solid #cfe0c8;
  border-radius:14px;
  background:linear-gradient(135deg,#f5faf2,#fff);
  color:#244a1d;
}
.live-data-status-copy{min-width:0;flex:1}
.live-data-status strong,.live-data-status small{display:block}
.live-data-status strong{font-size:12.5px;line-height:1.25}
.live-data-status small{margin-top:2px;color:#687b72;font-size:10.5px;line-height:1.3}
.live-data-dot{
  width:10px;
  height:10px;
  flex:0 0 10px;
  border-radius:50%;
  background:#86bd00;
  box-shadow:0 0 0 4px rgba(134,189,0,.13);
}
.live-data-refresh{
  width:40px;
  min-width:40px;
  height:40px;
  padding:0;
  border:1px solid #d7e4d2;
  border-radius:11px;
  background:#fff;
  color:#477a24;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.live-data-refresh:hover{background:#edf7e5;border-color:#bfd4ae}
.live-data-refresh:disabled{cursor:wait;opacity:.6}
.live-data-refresh svg{width:17px;height:17px}
.live-data-status[data-live-status="connecting"] .live-data-dot,
.live-data-status[data-live-status="syncing"] .live-data-dot,
.live-data-status[data-live-status="fallback"] .live-data-dot{
  background:#d98a20;
  box-shadow:0 0 0 4px rgba(217,138,32,.13);
  animation:live-data-pulse 1.25s ease-in-out infinite;
}
.live-data-status[data-live-status="offline"] .live-data-dot,
.live-data-status[data-live-status="error"] .live-data-dot{
  background:#c63b3b;
  box-shadow:0 0 0 4px rgba(198,59,59,.11);
}
@keyframes live-data-pulse{50%{opacity:.45;transform:scale(.82)}}
@media (max-width:767px){
  .live-data-status{margin-bottom:10px;padding:9px 10px}
  .live-data-refresh{width:44px;min-width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce){.live-data-dot{animation:none!important}}