/* ══════ MODALES ══════ */
.modal-dark .modal-content { background: var(--surface); border: 1px solid var(--border); color: var(--text); }
.modal-dark .modal-header, .modal-dark .modal-footer { border-color: var(--border); }
.modal-dark .form-select, .modal-dark .form-control { background-color: rgba(255,255,255,.04); border-color: var(--border); color: var(--text); color-scheme: dark; }
.modal-dark .form-text { color: var(--muted); font-size: .68rem; }
.modal-dark .modal-title { font-size: .9rem; color: #fff; }
.modal-dark .btn-close { filter: invert(1); }
.btn-danger { background: var(--danger); color: #fff; border: none; font-weight: 600; font-size: .8rem; border-radius: 6px; padding: .4rem .8rem; cursor: pointer; }
.btn-danger:hover { background: #b02a27; }

/* ══════ CONFIGURACIÓN POR DISPOSITIVO ══════ */
.config-section {
  border-top: 1px solid var(--border);
  margin-top: .75rem;
  padding-top: .75rem;
}
.config-section h6 {
  font-size: .75rem;
  color: var(--accent);
  font-weight: 600;
  margin-bottom: .5rem;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.config-section .form-label {
  font-size: .75rem;
  color: var(--muted);
  margin-bottom: .15rem;
}
.config-section .form-control {
  font-size: .8rem;
}
.config-help {
  font-size: .68rem;
  color: var(--muted);
  margin-top: .15rem;
  font-style: italic;
}