/* SysPymes Vet — estilos del panel de gestion (Entrega 1) */
:root {
  --spv-primario: #0d7a6a;      /* verde clinico */
  --spv-primario-osc: #0a5f53;
  --spv-sidebar: #122b28;
  --spv-sidebar-texto: #c8d8d5;
  --spv-fondo: #f4f6f6;
}

body { background: var(--spv-fondo); }

/* ---- Login ---- */
.login-fondo { background: linear-gradient(160deg, var(--spv-sidebar), var(--spv-primario-osc)); }
.login-card { width: 100%; max-width: 400px; border: 0; border-radius: .75rem; }
.marca-icono { font-size: 2rem; }

/* ---- Botones ---- */
.btn-primario { background: var(--spv-primario); color: #fff; }
.btn-primario:hover { background: var(--spv-primario-osc); color: #fff; }

/* ---- Sidebar ---- */
.sidebar {
  width: 240px; min-height: 100vh;
  background: var(--spv-sidebar); color: var(--spv-sidebar-texto);
}
.sidebar-marca { color: #fff; font-size: 1.05rem; }
.sidebar .nav-link { color: var(--spv-sidebar-texto); border-radius: .4rem; padding: .5rem .75rem; }
.sidebar .nav-link:hover { background: rgba(255,255,255,.08); color: #fff; }
.sidebar .nav-link.activo { background: var(--spv-primario); color: #fff; }
.sidebar .nav-link.deshabilitado { opacity: .45; cursor: default; }
.sidebar-seccion { font-size: .7rem; text-transform: uppercase; letter-spacing: .05em; opacity: .6; }

/* ---- Contenido ---- */
.topbar { height: 56px; background: #fff; border-bottom: 1px solid #e5e9e8; }
.card-kpi { border-left: 4px solid var(--spv-primario); }

/* ---- Responsive: sidebar deslizable en movil ---- */
@media (max-width: 767.98px) {
  .sidebar { position: fixed; z-index: 1040; left: -240px; transition: left .2s ease; }
  .sidebar.abierto { left: 0; }
}