/* ============================================================
   MODO OSCURO "SISTEMA NEURONAL" — capa aditiva (2026-08-23)
   Misma paleta y tipografías que el Mapa Sistema Neuronal (:4900)
   y el Panel Rack / Centro de Comando (:4750): fondo galaxia,
   paneles translúcidos con blur, glow cian, acentos menta/violeta.
   Solo estética: cero cambios de lógica, ids ni clases existentes.
   Se activa con la clase  html.theme-neuronal  (botón 🌙 del header,
   se recuerda en localStorage['calendario-tema']).
   ============================================================ */

html.theme-neuronal {
  --bg: #04060d;
  --surface: rgba(10,16,30,0.82);
  --border: rgba(120,180,255,0.16);
  --text: #dfe9f5;
  --text-muted: #8fa4bd;
  --primary: #7fd4ff;
  --primary-light: rgba(127,212,255,0.12);
  --green: #34E0A1;
  --green-light: rgba(52,224,161,0.14);
  --green-border: rgba(52,224,161,0.45);
  --blue: #38BDF8;
  --blue-light: rgba(56,189,248,0.14);
  --blue-border: rgba(56,189,248,0.45);
  --red: #FF5A6E;
  --red-light: rgba(255,90,110,0.14);
  --red-border: rgba(255,90,110,0.45);
  --sunday-bg: rgba(245,197,66,0.05);
  --nrn-panel: rgba(10,16,30,0.82);
  --nrn-panel2: rgba(19,28,46,0.8);
  --nrn-accent: #7fd4ff;
  --nrn-mint: #34E0A1;
  --nrn-purple: #A78BFA;
  --nrn-gold: #F5C542;
  --nrn-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;
  --nrn-sans: 'Chakra Petch', 'Segoe UI', Roboto, system-ui, sans-serif;
  color-scheme: dark;
}

html.theme-neuronal body {
  font-family: var(--nrn-sans);
  background-color: var(--bg);
  color: var(--text);
  /* Fondo galaxia: mismas nebulosas y estrellas del mapa / panel rack */
  background-image:
    radial-gradient(ellipse 120% 80% at 70% 15%, rgba(30,45,90,0.38), transparent 60%),
    radial-gradient(ellipse 95% 85% at 18% 90%, rgba(60,25,80,0.28), transparent 55%),
    radial-gradient(1.4px 1.4px at 22% 18%, rgba(223,233,245,0.5), transparent 55%),
    radial-gradient(1px 1px at 64% 72%, rgba(223,233,245,0.38), transparent 55%),
    radial-gradient(1.6px 1.6px at 81% 32%, rgba(127,212,255,0.45), transparent 55%),
    radial-gradient(1px 1px at 38% 92%, rgba(223,233,245,0.32), transparent 55%),
    radial-gradient(1.1px 1.1px at 9% 56%, rgba(223,233,245,0.3), transparent 55%),
    radial-gradient(1px 1px at 52% 40%, rgba(179,136,255,0.32), transparent 55%);
  background-size: auto, auto, 430px 430px, 340px 340px, 520px 520px, 300px 300px, 390px 390px, 460px 460px;
  background-attachment: fixed;
}

/* ===== BOTÓN DE TEMA (existe en ambos temas; clase nueva, sin riesgo) ===== */
.btn-theme {
  width: 32px; height: 32px; background: transparent; color: rgba(255,255,255,.75);
  font-size: 16px; line-height: 1; border-radius: 50%;
}
.btn-theme:hover { background: rgba(255,255,255,.15); color: #fff; }
html.theme-neuronal .btn-theme { color: var(--nrn-gold); }
html.theme-neuronal .btn-theme:hover { background: rgba(245,197,66,.12); }

/* ===== LOGIN ===== */
html.theme-neuronal .login-screen {
  background:
    radial-gradient(ellipse 120% 80% at 70% 15%, rgba(30,45,90,0.45), transparent 60%),
    radial-gradient(ellipse 95% 85% at 18% 90%, rgba(60,25,80,0.35), transparent 55%),
    #04060d;
}
html.theme-neuronal .login-box {
  background: var(--nrn-panel); border: 1px solid var(--border);
  backdrop-filter: blur(10px);
  box-shadow: 0 20px 60px rgba(0,0,0,.6), 0 0 40px rgba(127,212,255,.08);
}
html.theme-neuronal .login-box h1 {
  color: #eaf6ff; letter-spacing: .12em; text-transform: uppercase;
  text-shadow: 0 0 14px rgba(127,212,255,.4);
}
html.theme-neuronal .login-box p { color: var(--text-muted); }
html.theme-neuronal .login-box input[type=password],
html.theme-neuronal .login-box input[type=text] {
  background: rgba(4,8,16,.6); border-color: var(--border); color: var(--text);
}
html.theme-neuronal .login-box input[type=password]:focus,
html.theme-neuronal .login-box input[type=text]:focus {
  border-color: var(--nrn-accent); box-shadow: 0 0 0 3px rgba(127,212,255,.12);
}
html.theme-neuronal .login-box button {
  background: rgba(127,212,255,.14); color: var(--nrn-accent);
  border: 1px solid rgba(127,212,255,.4); font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase;
}
html.theme-neuronal .login-box button:hover {
  background: rgba(127,212,255,.24); box-shadow: 0 0 18px rgba(127,212,255,.25);
}

/* ===== HEADER ===== */
html.theme-neuronal .app-header {
  background: linear-gradient(180deg, rgba(12,19,34,.88), rgba(8,13,23,.65));
  border-bottom: 1px solid var(--border);
  box-shadow: 0 2px 24px rgba(0,0,6,.5);
  backdrop-filter: blur(8px);
}
html.theme-neuronal .logo-text {
  color: #eaf6ff; letter-spacing: .18em; text-transform: uppercase; font-size: 16px;
  text-shadow: 0 0 14px rgba(127,212,255,.45);
}
html.theme-neuronal .role-tag {
  background: rgba(127,212,255,.1); color: var(--nrn-accent);
  border-color: rgba(127,212,255,.3);
}
html.theme-neuronal .btn-nav,
html.theme-neuronal .btn-today,
html.theme-neuronal .btn-agents {
  background: var(--nrn-panel2); color: var(--text); border: 1px solid var(--border);
}
html.theme-neuronal .btn-nav:hover,
html.theme-neuronal .btn-today:hover,
html.theme-neuronal .btn-agents:hover {
  background: rgba(127,212,255,.16); color: #fff;
  border-color: rgba(127,212,255,.4); box-shadow: 0 0 14px rgba(127,212,255,.2);
}
html.theme-neuronal .period-label {
  color: var(--nrn-accent); font-family: var(--nrn-mono); font-size: 14px;
  text-shadow: 0 0 12px rgba(127,212,255,.3);
}
html.theme-neuronal .btn-view {
  background: transparent; color: var(--text-muted); border: 1px solid var(--border);
}
html.theme-neuronal .btn-view.active {
  background: rgba(127,212,255,.16); color: var(--nrn-accent);
  border-color: rgba(127,212,255,.5); font-weight: 700;
  box-shadow: 0 0 14px rgba(127,212,255,.25), inset 0 0 10px rgba(127,212,255,.08);
}
html.theme-neuronal .btn-view:hover:not(.active) {
  background: rgba(127,212,255,.08); color: var(--text);
}
html.theme-neuronal .btn-refresh { color: var(--text-muted); }
html.theme-neuronal .btn-refresh:hover { background: rgba(127,212,255,.12); color: var(--nrn-accent); }
html.theme-neuronal .refresh-status { color: var(--nrn-mint); text-shadow: 0 0 10px rgba(52,224,161,.4); }
html.theme-neuronal .btn-logout { color: var(--text-muted); }
html.theme-neuronal .btn-logout:hover { background: rgba(255,90,110,.15); color: var(--red); }

/* ===== METRICS: consolas translúcidas con glow, como el rack ===== */
html.theme-neuronal .metrics-bar {
  background: rgba(6,10,20,.55); border-bottom: 1px solid var(--border);
  backdrop-filter: blur(6px);
}
html.theme-neuronal .metric-card {
  background: var(--nrn-panel); border: 1px solid rgba(56,189,248,.35);
  box-shadow: 0 0 16px rgba(56,189,248,.12), inset 0 0 18px rgba(56,189,248,.05);
}
html.theme-neuronal .metric-card.metric-done {
  background: var(--nrn-panel); border-color: rgba(52,224,161,.4);
  box-shadow: 0 0 16px rgba(52,224,161,.12), inset 0 0 18px rgba(52,224,161,.05);
}
html.theme-neuronal .metric-card.metric-pending {
  background: var(--nrn-panel); border-color: rgba(255,90,110,.4);
  box-shadow: 0 0 16px rgba(255,90,110,.12), inset 0 0 18px rgba(255,90,110,.05);
}
html.theme-neuronal .metric-card.metric-ventas {
  background: var(--nrn-panel); border-color: rgba(167,139,250,.4);
  box-shadow: 0 0 16px rgba(167,139,250,.12), inset 0 0 18px rgba(167,139,250,.05);
}
html.theme-neuronal .metric-label {
  color: var(--text-muted); text-transform: uppercase; letter-spacing: .08em; font-size: 10px;
}
html.theme-neuronal .metric-value { font-family: var(--nrn-mono); }
html.theme-neuronal .metric-card .metric-value { color: #7fd4ff; text-shadow: 0 0 12px rgba(56,189,248,.45); }
html.theme-neuronal .metric-card.metric-done .metric-value { color: var(--nrn-mint); text-shadow: 0 0 12px rgba(52,224,161,.45); }
html.theme-neuronal .metric-card.metric-pending .metric-value { color: var(--red); text-shadow: 0 0 12px rgba(255,90,110,.45); }
html.theme-neuronal .metric-card.metric-ventas .metric-value { color: var(--nrn-purple); text-shadow: 0 0 12px rgba(167,139,250,.45); }

/* ===== SEMANA ===== */
html.theme-neuronal .week-header {
  background: rgba(8,13,24,.92); border-bottom: 1px solid rgba(120,180,255,.25);
  backdrop-filter: blur(8px);
}
html.theme-neuronal .day-col-header { background: transparent; border-left: 1px solid var(--border); }
html.theme-neuronal .day-col-header .day-name { color: var(--nrn-accent); }
html.theme-neuronal .day-col-header .day-num { color: var(--text); font-family: var(--nrn-mono); }
html.theme-neuronal .day-col-header.today .day-num {
  background: rgba(127,212,255,.18); color: var(--nrn-accent);
  border: 1px solid rgba(127,212,255,.55);
  box-shadow: 0 0 16px rgba(127,212,255,.4), inset 0 0 10px rgba(127,212,255,.15);
}
html.theme-neuronal .day-col-header.sunday-header { background: rgba(245,197,66,.07); }
html.theme-neuronal .day-col-header.sunday-header .day-name { color: var(--nrn-gold); }

html.theme-neuronal .time-slot-label { color: rgba(143,164,189,.65); font-family: var(--nrn-mono); }
html.theme-neuronal .day-col { border-left: 1px solid var(--border); }
html.theme-neuronal .day-col.sunday-col { background: var(--sunday-bg); }
html.theme-neuronal .hour-row { background: rgba(8,13,24,.35); border-top: 1px solid rgba(120,180,255,.1); }
html.theme-neuronal .hour-row.half::after { border-top: 1px dashed rgba(120,180,255,.08); }
html.theme-neuronal .day-col.drag-over .hour-row { background: rgba(127,212,255,.06); }
html.theme-neuronal .drag-placeholder {
  background: rgba(127,212,255,.1); border-color: var(--nrn-accent);
}

/* ===== EVENTOS: nodos neón translúcidos ===== */
html.theme-neuronal .cal-event { backdrop-filter: blur(3px); }
html.theme-neuronal .cal-event:hover { box-shadow: 0 0 16px rgba(127,212,255,.25); }
html.theme-neuronal .cal-event.tipo-medidas {
  background: rgba(52,224,161,.13); border-left: 4px solid var(--nrn-mint);
  color: #b9f4dd; box-shadow: inset 0 0 14px rgba(52,224,161,.06);
}
html.theme-neuronal .cal-event.tipo-medidas:hover { box-shadow: 0 0 16px rgba(52,224,161,.3); }
html.theme-neuronal .cal-event.tipo-instalacion {
  background: rgba(56,189,248,.13); border-left: 4px solid var(--blue);
  color: #c9e9ff; box-shadow: inset 0 0 14px rgba(56,189,248,.06);
}
html.theme-neuronal .cal-event.tipo-instalacion:hover { box-shadow: 0 0 16px rgba(56,189,248,.3); }
html.theme-neuronal .cal-event.tipo-reparacion {
  background: rgba(255,90,110,.14); border-left: 4px solid var(--red);
  color: #ffd0d6; box-shadow: inset 0 0 14px rgba(255,90,110,.06);
}
html.theme-neuronal .cal-event.tipo-reparacion:hover { box-shadow: 0 0 16px rgba(255,90,110,.3); }
html.theme-neuronal .event-total { background: rgba(4,8,16,.78); }
html.theme-neuronal .drag-ghost { box-shadow: 0 8px 28px rgba(0,0,6,.7), 0 0 18px rgba(127,212,255,.2); }

/* ===== FRANJA DE NOTAS (antes de las 8am) ===== */
html.theme-neuronal .notes-gutter-spacer,
html.theme-neuronal .notes-strip { background: rgba(10,16,30,.6); border-bottom: 2px solid var(--border); }
html.theme-neuronal .notes-strip-placeholder { color: var(--text-muted); }
html.theme-neuronal .notes-strip-placeholder:hover { background: rgba(127,212,255,.06); }
html.theme-neuronal .notes-strip-ta { background: rgba(4,8,16,.55); color: var(--text); }
html.theme-neuronal .notes-strip-ta:focus { background: rgba(4,8,16,.75); }

/* ===== NOTAS DE DOMINGO ===== */
html.theme-neuronal .sunday-notes-zone {
  background: rgba(245,197,66,.05); border-left: 2px solid rgba(245,197,66,.3);
}
html.theme-neuronal .sunday-notes-label { color: var(--nrn-gold); }
html.theme-neuronal .sunday-notes-textarea { color: #e8dcc0; }

/* ===== MES ===== */
html.theme-neuronal .month-header-row {
  background: rgba(8,13,24,.92); border-bottom: 1px solid rgba(120,180,255,.25);
  backdrop-filter: blur(8px);
}
html.theme-neuronal .month-day-name { color: var(--nrn-accent); }
html.theme-neuronal .month-day-name:last-child { background: rgba(245,197,66,.07); color: var(--nrn-gold); }
html.theme-neuronal .month-cell {
  background: rgba(8,13,24,.35); border-right: 1px solid var(--border); border-bottom: 1px solid var(--border);
}
html.theme-neuronal .month-cell:nth-child(7n) { background: var(--sunday-bg); }
html.theme-neuronal .month-cell:hover { background: rgba(127,212,255,.07); }
html.theme-neuronal .month-cell.other-month { background: rgba(4,6,13,.55); }
html.theme-neuronal .month-cell.other-month .month-day-num { color: rgba(143,164,189,.35); }
html.theme-neuronal .month-day-num { font-family: var(--nrn-mono); }
html.theme-neuronal .month-cell.today-cell .month-day-num {
  background: rgba(127,212,255,.18); color: var(--nrn-accent);
  border: 1px solid rgba(127,212,255,.55);
  box-shadow: 0 0 14px rgba(127,212,255,.35);
}
html.theme-neuronal .month-event.tipo-medidas { background: rgba(52,224,161,.13); color: #b9f4dd; border-left: 4px solid var(--nrn-mint); }
html.theme-neuronal .month-event.tipo-instalacion { background: rgba(56,189,248,.13); color: #c9e9ff; border-left: 4px solid var(--blue); }
html.theme-neuronal .month-event.tipo-reparacion { background: rgba(255,90,110,.14); color: #ffd0d6; border-left: 4px solid var(--red); }
html.theme-neuronal .month-more { color: var(--nrn-accent); }

/* ===== LÍNEA DE HORA ACTUAL ===== */
html.theme-neuronal .current-time-line {
  background: var(--nrn-accent); box-shadow: 0 0 10px rgba(127,212,255,.6);
}
html.theme-neuronal .current-time-line::before {
  background: var(--nrn-accent); box-shadow: 0 0 10px rgba(127,212,255,.8);
}

/* ===== MODAL ===== */
html.theme-neuronal .modal-overlay { background: rgba(2,4,10,.72); backdrop-filter: blur(3px); }
html.theme-neuronal .modal-box {
  background: rgba(10,16,30,.96); border: 1px solid var(--border);
  box-shadow: 0 20px 60px rgba(0,0,6,.7), 0 0 40px rgba(127,212,255,.06);
}
html.theme-neuronal .modal-box.modal-medidas    { border-top-color: var(--nrn-mint); }
html.theme-neuronal .modal-box.modal-instalacion { border-top-color: var(--blue); }
html.theme-neuronal .modal-box.modal-reparacion  { border-top-color: var(--red); }
html.theme-neuronal .modal-header { background: rgba(10,16,30,.98); border-bottom: 1px solid var(--border); }
html.theme-neuronal .modal-box.modal-medidas .modal-header    { background: linear-gradient(135deg, rgba(52,224,161,.1) 0%, rgba(10,16,30,.98) 55%); }
html.theme-neuronal .modal-box.modal-instalacion .modal-header { background: linear-gradient(135deg, rgba(56,189,248,.1) 0%, rgba(10,16,30,.98) 55%); }
html.theme-neuronal .modal-box.modal-reparacion .modal-header  { background: linear-gradient(135deg, rgba(255,90,110,.1) 0%, rgba(10,16,30,.98) 55%); }
html.theme-neuronal .modal-header h2 { color: #eaf6ff; letter-spacing: .04em; }
html.theme-neuronal .modal-close { background: rgba(19,28,46,.8); color: var(--text-muted); }
html.theme-neuronal .modal-close:hover { background: rgba(255,90,110,.18); color: var(--red); }

/* ===== FORMULARIO ===== */
html.theme-neuronal .form-group label { color: var(--text-muted); }
html.theme-neuronal .form-group input,
html.theme-neuronal .form-group select,
html.theme-neuronal .form-group textarea {
  background: rgba(4,8,16,.6); border-color: rgba(120,180,255,.22); color: var(--text);
}
html.theme-neuronal .form-group input:focus,
html.theme-neuronal .form-group select:focus,
html.theme-neuronal .form-group textarea:focus {
  border-color: var(--nrn-accent); background: rgba(4,8,16,.85);
  box-shadow: 0 0 0 3px rgba(127,212,255,.12);
}
html.theme-neuronal .form-group input[type=file] { background: rgba(4,8,16,.6); }
html.theme-neuronal .form-group select option { background: #0a101e; color: var(--text); }
html.theme-neuronal .checkbox-label { color: var(--nrn-mint); }
html.theme-neuronal .checkbox-label input[type=checkbox] { accent-color: var(--nrn-mint); }
html.theme-neuronal .form-divider { background: var(--border); }

html.theme-neuronal .field-action-btn { border-color: rgba(120,180,255,.22); }
html.theme-neuronal .maps-btn { background: rgba(56,189,248,.12); color: var(--blue); }
html.theme-neuronal .maps-btn:hover { background: rgba(56,189,248,.22); }
html.theme-neuronal .wa-btn { background: rgba(52,224,161,.12); color: var(--nrn-mint); }
html.theme-neuronal .wa-btn:hover { background: rgba(52,224,161,.22); }

/* ===== TOGGLES DE PAGO / INGRESADO ===== */
html.theme-neuronal .pago-btn, html.theme-neuronal .ingresado-btn {
  background: rgba(4,8,16,.6); border-color: rgba(120,180,255,.22); color: var(--text-muted);
}
html.theme-neuronal .pago-btn:hover, html.theme-neuronal .ingresado-btn:hover {
  border-color: var(--nrn-accent); color: var(--nrn-accent); background: rgba(127,212,255,.08);
}
html.theme-neuronal .pago-btn[data-value="contado"].active {
  background: rgba(52,224,161,.18); border-color: var(--nrn-mint); color: var(--nrn-mint);
  box-shadow: 0 0 12px rgba(52,224,161,.25);
}
html.theme-neuronal .pago-btn[data-value="6meses"].active {
  background: rgba(167,139,250,.18); border-color: var(--nrn-purple); color: var(--nrn-purple);
  box-shadow: 0 0 12px rgba(167,139,250,.25);
}
html.theme-neuronal .pago-btn[data-value="otro"].active {
  background: rgba(245,197,66,.16); border-color: var(--nrn-gold); color: var(--nrn-gold);
  box-shadow: 0 0 12px rgba(245,197,66,.25);
}
html.theme-neuronal .ingresado-btn[data-value="ventas"].active {
  background: rgba(56,189,248,.18); border-color: var(--blue); color: var(--blue);
  box-shadow: 0 0 12px rgba(56,189,248,.25);
}
html.theme-neuronal .ingresado-btn[data-value="direccion"].active {
  background: rgba(167,139,250,.18); border-color: var(--nrn-purple); color: var(--nrn-purple);
  box-shadow: 0 0 12px rgba(167,139,250,.25);
}
html.theme-neuronal .pago-nota { background: rgba(4,8,16,.6); border-color: rgba(120,180,255,.22); color: var(--text); }
html.theme-neuronal .pago-nota:focus { background: rgba(4,8,16,.85); border-color: var(--nrn-accent); box-shadow: 0 0 0 3px rgba(127,212,255,.12); }

/* ===== PROGRAMAR INSTALACIÓN ===== */
html.theme-neuronal .prog-inst {
  background: rgba(56,189,248,.07); border-color: rgba(56,189,248,.3);
}
html.theme-neuronal .prog-inst-header { color: var(--blue); }
html.theme-neuronal .prog-inst-check-row { color: #c9e9ff; }
html.theme-neuronal .prog-inst-check-row input[type=checkbox] { accent-color: var(--blue); }
html.theme-neuronal .btn-crear-inst {
  background: rgba(56,189,248,.16); color: var(--blue); border: 1px solid rgba(56,189,248,.5);
}
html.theme-neuronal .btn-crear-inst:hover:not(:disabled) {
  background: rgba(56,189,248,.28); box-shadow: 0 0 14px rgba(56,189,248,.3);
}
html.theme-neuronal .btn-crear-inst:disabled { background: rgba(56,189,248,.08); color: rgba(56,189,248,.4); }
html.theme-neuronal .inst-confirmacion { color: var(--nrn-mint); }

/* ===== BOTONES DEL MODAL ===== */
html.theme-neuronal .autosave-hint { color: var(--text-muted); }
html.theme-neuronal .btn-primary {
  background: rgba(127,212,255,.16); color: var(--nrn-accent); border: 1px solid rgba(127,212,255,.5);
  font-weight: 700;
}
html.theme-neuronal .btn-primary:hover { background: rgba(127,212,255,.28); box-shadow: 0 0 14px rgba(127,212,255,.3); }
html.theme-neuronal .btn-secondary { background: rgba(19,28,46,.8); color: var(--text); border: 1px solid var(--border); }
html.theme-neuronal .btn-secondary:hover { background: rgba(120,180,255,.14); }
html.theme-neuronal .btn-danger { background: rgba(255,90,110,.12); color: var(--red); border: 1px solid rgba(255,90,110,.4); }
html.theme-neuronal .btn-danger:hover { background: rgba(255,90,110,.28); color: #ffd0d6; box-shadow: 0 0 14px rgba(255,90,110,.25); }
html.theme-neuronal .btn-copy-resumen { background: transparent; color: var(--text-muted); border-color: rgba(120,180,255,.25); }
html.theme-neuronal .btn-copy-resumen:hover { background: rgba(127,212,255,.08); color: var(--text); border-color: rgba(127,212,255,.4); }
html.theme-neuronal .btn-copy-resumen.copied { background: rgba(52,224,161,.12); color: var(--nrn-mint); border-color: rgba(52,224,161,.45); }

/* ===== TYPE PICKER / QUICK NOTE ===== */
html.theme-neuronal .type-picker,
html.theme-neuronal .quick-note-popup {
  background: rgba(10,16,30,.97); border: 1px solid var(--border);
  box-shadow: 0 6px 28px rgba(0,0,6,.7), 0 0 24px rgba(127,212,255,.08);
  backdrop-filter: blur(10px);
}
html.theme-neuronal .type-picker-btn { color: var(--text); }
html.theme-neuronal .type-picker-btn:hover { background: rgba(120,180,255,.1); }
html.theme-neuronal .tp-medidas:hover  { background: rgba(52,224,161,.14); color: var(--nrn-mint); }
html.theme-neuronal .tp-instalacion:hover { background: rgba(56,189,248,.14); color: var(--blue); }
html.theme-neuronal .tp-reparacion:hover { background: rgba(255,90,110,.14); color: var(--red); }
html.theme-neuronal .tp-nota:hover { background: rgba(245,197,66,.12); color: var(--nrn-gold); }
html.theme-neuronal .quick-note-label { color: var(--text-muted); }
html.theme-neuronal .quick-note-popup textarea,
html.theme-neuronal .quick-note-popup input[type=text] {
  background: rgba(4,8,16,.6); border-color: rgba(120,180,255,.22); color: var(--text);
}
html.theme-neuronal .quick-note-popup textarea:focus,
html.theme-neuronal .quick-note-popup input[type=text]:focus {
  border-color: var(--nrn-accent); background: rgba(4,8,16,.85);
}

/* ===== FOTOS ===== */
html.theme-neuronal .fotos-drop-zone { background: rgba(4,8,16,.45); border-color: rgba(120,180,255,.25); }
html.theme-neuronal .fotos-drop-zone.drag-over { border-color: var(--nrn-accent); background: rgba(127,212,255,.08); }
html.theme-neuronal .fotos-drop-hint { color: var(--text-muted); }
html.theme-neuronal .fotos-file-label {
  background: rgba(19,28,46,.8); border-color: var(--border); color: var(--text);
}
html.theme-neuronal .fotos-file-label:hover {
  background: rgba(127,212,255,.1); border-color: rgba(127,212,255,.4); color: var(--nrn-accent);
}
html.theme-neuronal .fotos-lazy-btn {
  background: rgba(127,212,255,.08); border-color: rgba(127,212,255,.4); color: var(--nrn-accent);
}
html.theme-neuronal .fotos-lazy-btn:hover { background: rgba(127,212,255,.16); border-color: var(--nrn-accent); }
html.theme-neuronal .foto-thumb img { border-color: var(--border); }

/* ===== AGENTES ===== */
html.theme-neuronal .agent-row { background: rgba(19,28,46,.6); border-color: var(--border); }
html.theme-neuronal .agent-name { color: var(--text); }
html.theme-neuronal .agent-username { color: var(--text-muted); }
html.theme-neuronal .btn-agent-delete { background: rgba(255,90,110,.12); color: var(--red); }
html.theme-neuronal .btn-agent-delete:hover,
html.theme-neuronal .btn-agent-delete.confirming { background: rgba(255,90,110,.35); color: #ffd0d6; }
html.theme-neuronal .agents-add-section { border-top-color: var(--border); }
html.theme-neuronal .agents-add-title { color: var(--text-muted); }
html.theme-neuronal .agents-empty, html.theme-neuronal .agents-loading { color: var(--text-muted); }

/* ===== SCROLLBAR ===== */
html.theme-neuronal #calendarContainer::-webkit-scrollbar-thumb { background: rgba(120,180,255,.25); }
html.theme-neuronal ::-webkit-scrollbar { width: 8px; height: 8px; }
html.theme-neuronal ::-webkit-scrollbar-track { background: transparent; }
html.theme-neuronal ::-webkit-scrollbar-thumb { background: rgba(120,180,255,.22); border-radius: 4px; }

/* ===== MOBILE ===== */
@media (max-width: 767px) {
  html.theme-neuronal .metrics-bar { background: rgba(6,10,20,.55); }
}