body               { font-size: 0.9rem }
.manager-card      { margin-bottom: 1.5rem }
.section-title     { font-size: .88rem; color: #555; margin-top: 1rem }
.control-row       { margin-bottom: .5rem }
.telemetry-table th,
.telemetry-table td{ font-size: .82rem }
.space-logs-list   { max-height: 200px; overflow-y: auto }
.log-section-header { gap: .5rem; position: relative; }

.log-toggle-btn {
  border-radius: 9999px;
  padding: .25rem .6rem;
  gap: .35rem;
  transition: background-color .2s, border-color .2s, box-shadow .2s, color .2s;
}
.log-toggle-btn .chevron { transition: transform .2s ease; }
.log-toggle-btn.is-open .chevron { transform: rotate(180deg); }
.log-toggle-btn.is-open {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #fff;
  box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb,13,110,253), .15);
}

.counter-dot {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 .35rem;
  border-radius: 9999px;
  font-size: .72rem;
  background: rgba(var(--bs-primary-rgb,13,110,253), .12);
  color: var(--bs-primary);
  border: 1px solid rgba(var(--bs-primary-rgb,13,110,253), .25);
}
.counter-dot.pulse { animation: counterPulse .3s ease; }
@keyframes counterPulse {
  0% { transform: scale(.9); }
  100% { transform: scale(1); }
}

/* mantém seus estilos existentes */
.space-logs-list   { max-height: 200px; overflow-y: auto }
.log-level-filter { 
    flex: 0 0 auto;           /* não estica */
  }
  
  .form-select-sm.log-level-filter {
    font-size: .75rem;        /* menor */
    line-height: 1.2;
    padding: .125rem 1.5rem .125rem .5rem; /* compacta */
    height: calc(1.2em + .25rem + 2px);    /* baixa a altura */
  }