/* ==========================================================================
   assets/css/eximin.css
   Capa aditiva de MARCA + gaps. Se carga DESPUES de style.css.
   Reversible: quita el <link> de eximin.css para volver al look previo.
   Bloques incluidos: B0 (tokens marca) - B1-CSS (navbar marino + sidebar) - B2 (estado-chips)
   NO redefine tokens que ya viven en style.css; solo agrega los de marca.
   ========================================================================== */

/* ---------- Tokens de marca (los demas ya estan en style.css) ---------- */
:root{
  --marino:#23295C;
  --marino-700:#1a1f47;
  --marino-50:#eef0f7;
  --dorado:#B0902F;
  --dorado-600:#96792a;
}

/* ==========================================================================
   B1 - NAVBAR: marino de marca sobre el .bg-dark existente + filo dorado
   ========================================================================== */
header.navbar.bg-dark{
  background-color:var(--marino) !important;
  border-bottom:2px solid var(--dorado);
  box-shadow:0 6px 18px rgba(2,6,23,.14);
}
header.navbar.bg-dark .nav-link{ color:#e8ebf3; }
header.navbar.bg-dark .nav-link:hover{ color:#fff; background:rgba(255,255,255,.10); }
header.navbar.bg-dark .user-info{ color:#e8ebf3 !important; }
header.navbar.bg-dark .user-info:hover{ background:rgba(255,255,255,.10); }

/* ==========================================================================
   B1 - SIDEBAR: pulido sobre las clases existentes.
   (No se toca la geometria del caret que style.css marca como "distancia original")
   ========================================================================== */
.sidebar #sidebarMenu{ padding:.5rem .4rem 1.25rem; }
.sidebar .nav-item{ margin:1px .2rem; }

/* Modulo (nivel 1): titulo mas firme, icono en marino */
.sidebar > #sidebarMenu > .nav-item > .nav-link{ font-weight:600; color:#2b3450; }
.sidebar > #sidebarMenu > .nav-item > .nav-link .fa,
.sidebar > #sidebarMenu > .nav-item > .nav-link .fas,
.sidebar > #sidebarMenu > .nav-item > .nav-link .far{ color:var(--marino); }

/* Nivel 2 (contenedores + submodulos) */
.sidebar .collapse .nav-link{ color:#4b5568; }
.sidebar .collapse .nav-link .fas{ color:#8b93a7; }

/* Hover (respeta el :hover:not(.active) de style.css, misma especificidad, gana por orden) */
.sidebar .nav-link:hover:not(.active){ background:var(--marino-50); color:var(--marino); }
.sidebar .nav-link:hover:not(.active) .fas{ color:var(--marino); }

/* Activo nivel 1 */
.sidebar .nav-link.active{
  color:var(--marino) !important;
  background:linear-gradient(180deg,var(--marino-50),#fff);
  box-shadow:inset 3px 0 0 var(--dorado), inset 0 0 0 1px rgba(35,41,92,.10);
}
.sidebar .nav-link.active .fas{ color:var(--dorado); }

/* Activo nivel 2 (hoja seleccionada): iguala la especificidad de style.css y refuerza con barra dorada */
.sidebar .nav-item .collapse .nav-link.active{
  color:var(--marino) !important;
  background:linear-gradient(180deg,var(--marino-50),#fff) !important;
  box-shadow:inset 3px 0 0 var(--dorado), inset 0 0 0 1px rgba(35,41,92,.10);
}

/* Caret dorado cuando esta expandido */
.sidebar .nav-link[aria-expanded="true"]::after{ color:var(--dorado); }

/* ==========================================================================
   B2 - ESTADO-CHIPS de Revisiones
   (revisiones.php ya usa .estado-chips/.estado-chip/.chip-count/.col-estado; faltaba el CSS)
   ========================================================================== */
.estado-chips{ display:flex; flex-wrap:wrap; gap:.4rem; margin:.25rem 0 .9rem; }

.estado-chip{
  display:inline-flex; align-items:center; gap:.45rem;
  padding:.3rem .7rem; border-radius:999px; cursor:pointer; user-select:none;
  font-size:.78rem; font-weight:600; line-height:1;
  color:var(--ink-2); background:#fff; border:1px solid var(--border);
  transition:background .12s, border-color .12s, color .12s, box-shadow .12s;
}
.estado-chip:hover{ border-color:#cdd3dd; background:#f8fafc; }

.estado-chip .chip-count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:1.25rem; height:1.25rem; padding:0 .35rem; border-radius:999px;
  font-size:.7rem; font-weight:700;
  color:var(--ink-2); background:#eef1f5; border:1px solid var(--border);
}

/* Tintes por estado (reusan la paleta status-* de style.css) */
.estado-chip[data-estado="NUEVO"]{ background:#f3f4f6; border-color:#e5e7eb; color:#111827; }
.estado-chip[data-estado="NUEVO"] .chip-count{ background:#e5e7eb; color:#111827; }
.estado-chip[data-estado="ESCRITORIO"]{ background:#eef2ff; border-color:#e0e7ff; color:#3730a3; }
.estado-chip[data-estado="ESCRITORIO"] .chip-count{ background:#e0e7ff; color:#3730a3; }
.estado-chip[data-estado="ASIGNADO"]{ background:#dbeafe; border-color:#bfdbfe; color:#1e3a8a; }
.estado-chip[data-estado="ASIGNADO"] .chip-count{ background:#bfdbfe; color:#1e3a8a; }
.estado-chip[data-estado="REVISANDO"]{ background:#cffafe; border-color:#a5f3fc; color:#155e63; }
.estado-chip[data-estado="REVISANDO"] .chip-count{ background:#a5f3fc; color:#155e63; }
.estado-chip[data-estado="PAUSADO"]{ background:#fef3c7; border-color:#fde68a; color:#92400e; }
.estado-chip[data-estado="PAUSADO"] .chip-count{ background:#fde68a; color:#92400e; }
.estado-chip[data-estado="FINALIZADA"]{ background:#dcfce7; border-color:#bbf7d0; color:#14532d; }
.estado-chip[data-estado="FINALIZADA"] .chip-count{ background:#bbf7d0; color:#14532d; }
.estado-chip[data-estado="REABIERTA"]{ background:#ffe4e6; border-color:#fecdd3; color:#9f1239; }
.estado-chip[data-estado="REABIERTA"] .chip-count{ background:#fecdd3; color:#9f1239; }

/* Activo: SIEMPRE se lee como seleccionado (marino), por encima del tinte de estado */
.estado-chip.active,
.estado-chip.active[data-estado]{
  color:#fff !important; background:var(--marino) !important; border-color:var(--marino) !important;
  box-shadow:0 4px 10px rgba(35,41,92,.18);
}
.estado-chip.active .chip-count,
.estado-chip.active[data-estado] .chip-count{
  color:var(--marino) !important; background:#fff !important; border-color:transparent !important;
}

/* Columna Estado */
.col-estado{ white-space:nowrap; }

/* ==========================================================================
   B1-markup - Placa blanca del logo (Eximin1.png) + navbar usuario a la derecha
   (requiere el swap de markup de patch_look_b1markup.php)
   ========================================================================== */
header.navbar.bg-dark .navbar-brand-logo{
  height:40px; width:auto; box-sizing:content-box;
  background:#fff; padding:6px 10px; border-radius:10px;
  box-shadow:0 1px 3px rgba(0,0,0,.18);
}
header.navbar.bg-dark .user-info{ padding-left:.5rem; padding-right:.5rem; }
@media (max-width:575.98px){
  header.navbar.bg-dark .user-info span{ display:none; }
  header.navbar.bg-dark .navbar-brand-logo{ height:32px; padding:5px 8px; }
}

/* ==========================================================================
   B3 - LOGIN: logo + pulido de marca (sobre .login-bg / .login-form de style.css)
   ========================================================================== */
.login-form{ border-top:3px solid var(--dorado); }
.login-form .login-brand{ margin-bottom:1.1rem; }
.login-form .login-logo{ width:min(240px,72%); height:auto; }
.login-form h1{ font-size:1.5rem; color:var(--marino); margin-bottom:1.4rem; }
.login-form .btn-primary{ background-color:var(--marino); }
.login-form .btn-primary:hover{ background-color:var(--marino-700); }
.login-form .form-control:focus{ border-color:var(--marino); box-shadow:0 0 0 .18rem rgba(35,41,92,.15); }
.login-form a{ color:var(--marino); text-decoration:none; }
.login-form a:hover{ color:var(--dorado); }

/* ==========================================================================
   B4 - Tarjetas KPI del HOME (#dashGrid). Solo CSS; el JS del HOME NO se toca.
   (El JS pone .card.border-0.shadow-sm; aqui se refina con !important donde aplica)
   ========================================================================== */
#dashGrid .card{
  border:1px solid var(--border) !important;
  border-radius:var(--radius);
  box-shadow:var(--shadow-1) !important;
  transition:box-shadow .15s, border-color .15s;
}
#dashGrid .card:hover{
  box-shadow:var(--shadow-2) !important;
  border-color:#d7dce5 !important;
}
#dashGrid .card .card-body{ padding:1rem 1.1rem; }
#dashGrid .card-subtitle{
  text-transform:uppercase; letter-spacing:.04em;
  font-weight:600; color:var(--ink-3) !important;
}