/* ==========================================================================
   ISHITO · Gestión de Procesos en estilo ISOS (14/10/2026). Alcance: #gestionProcesosContent
   ========================================================================== */
body #gestionProcesosContent > div > div:first-child {
  background: #0A2A5E; border-radius: 16px; padding: 22px 26px; margin-bottom: 14px !important;
}
body #gestionProcesosContent > div > div:first-child h4 { color: #FFFFFF !important; font-size: 26px !important; font-weight: 800 !important; display: flex; align-items: center; gap: 12px; }
body #gestionProcesosContent > div > div:first-child h4 i {
  width: 42px; height: 42px; border-radius: 12px; background: #F58220; color: #0A2A5E !important;
  display: inline-flex; align-items: center; justify-content: center; font-size: 18px; margin: 0 !important;
}

/* Resumen y buscador */
.ix-gp-resumen { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.ix-gp-kpis { display: flex; gap: 8px; flex-wrap: wrap; }
.ix-gp-kpi { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; background: #E7EEFA; color: #0A2A5E; font-size: 13px; font-weight: 700; }
.ix-gp-kpi b { font-size: 16px; font-weight: 800; }
.ix-gp-kpi.warn { background: #FFF0E3; color: #9A4708; }
.ix-gp-kpi.ok { background: #E3F3EA; color: #146C43; }
.ix-gp-buscar { display: flex; align-items: center; gap: 8px; background: #FFFFFF; border: 1px solid #D5DDEA; border-radius: 10px; padding: 0 12px; min-height: 42px; min-width: 280px; margin: 0; }
.ix-gp-buscar i { color: #7A8AA6; }
.ix-gp-buscar input { border: 0; outline: 0; flex: 1; font-size: 14px; color: #15233D; background: transparent; min-height: 40px; }
.ix-gp-buscar:focus-within { border-color: #0E4AA4; box-shadow: 0 0 0 3px rgba(14,74,164,0.15); }

/* Tarjeta */
body #gestionProcesosContent .gestion-proceso-card {
  border: 1px solid #E1E7F1 !important; border-left: 4px solid #146C43 !important; border-radius: 14px !important;
  box-shadow: none !important; transform: none !important;
}
body #gestionProcesosContent .gestion-proceso-card.ix-gp-pendiente { border-left-color: #F58220 !important; }
body #gestionProcesosContent .gestion-proceso-card .card-body { padding: 20px !important; }
body #gestionProcesosContent .gestion-proceso-card h6 { font-size: 17px !important; font-weight: 800 !important; color: #15233D !important; line-height: 1.3; }
.ix-gp-meta { font-size: 12px; font-weight: 700; color: #0E4AA4; margin: 2px 0 4px; }
body #gestionProcesosContent .gestion-proceso-card .text-muted.small { color: #5A6B88 !important; font-size: 13px !important; }

/* Etiquetas */
body #gestionProcesosContent .gestion-proceso-card .badge {
  border-radius: 999px !important; font-weight: 700 !important; font-size: 11.5px !important; box-shadow: none !important; padding: 5px 10px !important;
}
body #gestionProcesosContent .gestion-proceso-card .badge.bg-success { background: #E3F3EA !important; color: #146C43 !important; border: 0 !important; }
body #gestionProcesosContent .gestion-proceso-card .badge.bg-info { background: #E7EEFA !important; color: #0A2A5E !important; border: 0 !important; }
body #gestionProcesosContent .gestion-proceso-card .badge.bg-primary { background: #FFF0E3 !important; color: #9A4708 !important; border: 0 !important; }
body #gestionProcesosContent .gestion-proceso-card .badge.bg-danger,
body #gestionProcesosContent .gestion-proceso-card .badge.bg-warning { background: #FDE7D6 !important; color: #9A4708 !important; border: 0 !important; }

/* Datos */
.ix-gp-info { border: 1px solid #E1E7F1; background: #F7F9FC; border-radius: 12px; padding: 4px 12px; margin: 6px 0 14px; margin-top: auto; }
.ix-gp-info > div { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px solid #E9EEF5; font-size: 13px; }
.ix-gp-info > div:last-child { border-bottom: 0; }
.ix-gp-info span { color: #5A6B88; white-space: nowrap; }
.ix-gp-info span i { width: 16px; color: #9AA8C0; margin-right: 6px; }
.ix-gp-info strong { color: #15233D; font-weight: 700; text-align: right; min-width: 0; }
.ix-gp-info strong em { font-style: normal; color: #5A6B88; font-weight: 600; font-size: 12px; }
.ix-gp-mail { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 65%; }
.ix-gp-chip { display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: 999px; font-size: 12px; font-weight: 800; }
.ix-gp-chip.ok { background: #E3F3EA; color: #146C43; }
.ix-gp-chip.pend { background: #EEF2F8; color: #42536F; }

/* Botones */
body #gestionProcesosContent .gestion-proceso-card .btn { border-radius: 10px !important; font-weight: 800 !important; font-size: 13px !important; box-shadow: none !important; min-height: 38px; }
body #gestionProcesosContent .gestion-proceso-card .btn-success,
body #gestionProcesosContent .gestion-proceso-card .btn-primary { background: #0A2A5E !important; border-color: #0A2A5E !important; color: #FFFFFF !important; background-image: none !important; }
body #gestionProcesosContent .gestion-proceso-card .btn-success:hover,
body #gestionProcesosContent .gestion-proceso-card .btn-primary:hover { background: #0E4AA4 !important; border-color: #0E4AA4 !important; }
body #gestionProcesosContent .gestion-proceso-card a.btn { background: #FFFFFF !important; color: #0E4AA4 !important; border: 1px solid #C9D6EC !important; }
body #gestionProcesosContent .gestion-proceso-card a.btn:hover { background: #E7EEFA !important; }
body #gestionProcesosContent .gestion-proceso-card .btn-outline-warning,
body #gestionProcesosContent .gestion-proceso-card [onclick*="revertGestionApproval"] { background: #FFFFFF !important; color: #9A4708 !important; border: 1px solid #F6C9A3 !important; }
body #gestionProcesosContent .gestion-proceso-card [onclick*="revertGestionApproval"]:hover { background: #FFF0E3 !important; }
body #gestionProcesosContent .gestion-proceso-card a.ix-gp-sinficha { background: #F1F4F9 !important; color: #8A97AD !important; border: 1px dashed #C7D0DE !important; cursor: not-allowed; pointer-events: auto; }
.ix-gp-extra { display: flex; gap: 8px; margin-top: 8px; }
.ix-gp-btn {
  flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; border-radius: 10px;
  border: 1px solid #D5DDEA; background: #FFFFFF; color: #2A3B5A; font-size: 13px; font-weight: 700; cursor: pointer;
}
.ix-gp-btn:hover { background: #EEF2F8; color: #0A2A5E; }

@media (max-width: 700px) { .ix-gp-buscar { min-width: 0; width: 100%; } }

.ix-gp-chip.parcial { background: #FFF0E3; color: #9A4708; }

/* Suspendido por falta de pago (14/10/2026) */
.ix-gp-chip.susp { background: #FDE8E7; color: #B42318; }
body #gestionProcesosContent .gestion-proceso-card.ix-gp-suspendido { border-left-color: #B42318 !important; background: #FFF6F5 !important; }