:root { --radius: 1rem; }
.card { border-radius: var(--radius); }
.btn, .form-control, .alert, .badge { border-radius: calc(var(--radius) - .25rem); }


/* Compactar filas de signal y pegar barras al texto */
.signal-row { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.signal-meta { color:#6c757d; font-size:0.85rem; }
.signal-bars { display:inline-flex; gap:2px; align-items:flex-end; height:16px; margin-left:8px; }
.signal-bars .sb { width:3px; background:#d0d5dd; border-radius:2px; display:inline-block; }
.signal-bars .sb.on { background:#198754; }
.signal-bars .sb:nth-child(1) { height: 20%; }
.signal-bars .sb:nth-child(2) { height: 40%; }
.signal-bars .sb:nth-child(3) { height: 60%; }
.signal-bars .sb:nth-child(4) { height: 80%; }
.signal-bars .sb:nth-child(5) { height:100%; }

.signal-row { padding-right: 6px; }



/* Brand logo */
.brand-logo {
  height: 100px;          /* súbelo a 48–52 si lo quieres aún mayor */
  max-height: 100px;
  width: auto;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* Asegura altura de la barra para que quepa cómodo */
.navbar {
  min-height: 64px;
}


/* fuerza altura visible del mapa, y que Leaflet no se colapse */
#devices-map { min-height: 520px; }
.leaflet-container { background: #f8f9fb; min-height: 520px; }

.bars { display: inline-flex; gap: 3px; align-items: flex-end; }
.bars .bar { width: 4px; height: 14px; background: #d7dee5; border-radius: 2px; display: inline-block; }
.bars .bar.on { background: #23867a; }


.leaflet-tooltip.device-label {
  background: rgba(255,255,255,0.9);
  border: 1px solid #cfd6de;
  border-radius: 6px;
  padding: 2px 6px;
  font-size: 12px;
  color: #212529;
  box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}


/* Compactar filas de signal y pegar barras al texto */
.signal-row {
  display: flex;
  justify-content: space-between;
  align-items: center;     /* ⬅️ centra verticalmente texto e icono */
  gap: 8px;
  padding-right: 6px;
  line-height: 1.25;       /* ayuda a que no “baile” */
}