/*
 * Marca ZonaCode sobre el CRM (17/10/2026). Mismos colores que zonacode.com:
 * tinta #07111f, lima #b8ff3d, cian #4de7ff, fuente Manrope.
 * Se carga desde partials/nav.php después de los estilos de cada pantalla.
 */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --zc-ink:#07111f;
  --zc-ink-2:#0b1726;
  --zc-ink-3:#10243a;
  --zc-lime:#b8ff3d;
  --zc-lime-osc:#4d7c0f;
  --zc-cyan:#4de7ff;
  --sys-topbar-bg:#07111f;
  --sys-topbar-fg:#cbd5e1;
  --green:#4d7c0f;
}

body,button,input,select,textarea{font-family:Manrope,Inter,ui-sans-serif,-apple-system,"Segoe UI",sans-serif}

/* Barra superior */
.topbar{background:var(--zc-ink);border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-brand{color:#f8fafc;font-weight:600}
.topbar-brand b{color:var(--zc-lime);font-weight:800}
.topbar-brand .brand-mark,.login-brand .brand-mark{background:var(--zc-lime);color:var(--zc-ink);font-weight:800;font-size:11px;letter-spacing:-.5px}

/* Menú lateral */
.nav-item.active{background:rgba(184,255,61,.16)!important;color:#3f6212!important;font-weight:700}
.nav-item.active i{color:#4d7c0f}
.nav-foot a{color:var(--zc-lime-osc)!important}

/* Botones principales: lima con texto tinta, como en zonacode.com */
.adm-btn.primary,.tk-btn.primary,.login-btn,.composer .send,.new{background:var(--zc-lime)!important;border-color:var(--zc-lime)!important;color:var(--zc-ink)!important;font-weight:800}
.adm-btn.primary:hover,.tk-btn.primary:hover,.login-btn:hover{background:#a3f01f!important;border-color:#a3f01f!important}

/* Aviso de prueba gratis en la barra */
.zc-prueba{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 11px;background:rgba(184,255,61,.14);color:var(--zc-lime);font-weight:700;text-decoration:none;font-size:12px}
.zc-prueba:hover{background:rgba(184,255,61,.24)}
.zc-prueba.alerta{background:rgba(251,191,36,.16);color:#fbbf24}

/* Login */
.login-screen{background:radial-gradient(1200px 600px at 20% -10%,rgba(184,255,61,.14),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(77,231,255,.12),transparent 60%),var(--zc-ink)!important}
.login-card input:focus{border-color:var(--zc-lime-osc);box-shadow:0 0 0 3px rgba(184,255,61,.25)}

/* Modo oscuro: mismos tonos de tinta que el sitio */
html.oscuro .nav-item.active{background:rgba(184,255,61,.12)!important;color:var(--zc-lime)!important}
html.oscuro .nav-item.active i{color:var(--zc-lime)}
html.oscuro .adm-btn.primary,html.oscuro .tk-btn.primary{background:var(--zc-lime)!important;border-color:var(--zc-lime)!important;color:var(--zc-ink)!important}