/* =========================================================
   BÓVEDA IT - INVENTORY GENETIX
   Línea visual alineada con Auditoría del sistema.
   ========================================================= */

#moduloCredencialesIt .small-box {
  min-height: 94px;
  border-radius: .55rem;
  overflow: hidden;
  position: relative;
}

#moduloCredencialesIt .small-box .inner {
  padding: 14px 16px;
  position: relative;
  z-index: 2;
}

#moduloCredencialesIt .small-box h3 {
  font-size: 1.65rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 4px;
}

#moduloCredencialesIt .small-box p {
  font-size: .86rem;
  line-height: 1.2;
  margin-bottom: 0;
}

#moduloCredencialesIt .small-box .icon {
  top: 13px;
  right: 16px;
  font-size: 42px;
  opacity: 1;
  z-index: 1;
  pointer-events: none;
}

#moduloCredencialesIt .small-box .icon > i,
#moduloCredencialesIt .small-box .icon > i.fas,
#moduloCredencialesIt .small-box .icon > i.fa,
#moduloCredencialesIt .small-box .icon > i.far {
  font-size: 42px !important;
  top: 0;
  color: rgba(0, 0, 0, .24);
}

#moduloCredencialesIt .small-box:hover .icon > i,
#moduloCredencialesIt .small-box:hover .icon > i.fas,
#moduloCredencialesIt .small-box:hover .icon > i.fa,
#moduloCredencialesIt .small-box:hover .icon > i.far {
  font-size: 45px !important;
}

#moduloCredencialesIt .cred-it-help-box {
  border-left: 4px solid #ffc107 !important;
}

#moduloCredencialesIt #tablaCredencialesIt td {
  vertical-align: middle;
}

#moduloCredencialesIt .cred-it-breadcrumb {
  background: transparent;
  padding-right: 0;
}

@media (max-width: 767.98px) {
  #moduloCredencialesIt .small-box {
    min-height: 82px;
  }

  #moduloCredencialesIt .small-box .inner {
    padding: 12px 13px;
  }

  #moduloCredencialesIt .small-box h3 {
    font-size: 1.35rem;
  }

  #moduloCredencialesIt .small-box p {
    font-size: .78rem;
  }

  #moduloCredencialesIt .small-box .icon {
    top: 13px;
    right: 12px;
    font-size: 32px;
  }

  #moduloCredencialesIt .small-box .icon > i,
  #moduloCredencialesIt .small-box .icon > i.fas,
  #moduloCredencialesIt .small-box .icon > i.fa,
  #moduloCredencialesIt .small-box .icon > i.far {
    font-size: 32px !important;
  }

  #moduloCredencialesIt .small-box:hover .icon > i,
  #moduloCredencialesIt .small-box:hover .icon > i.fas,
  #moduloCredencialesIt .small-box:hover .icon > i.fa,
  #moduloCredencialesIt .small-box:hover .icon > i.far {
    font-size: 34px !important;
  }
}

#moduloCredencialesIt .cred-it-alerta-rotacion {
  border-left: 4px solid currentColor;
}

#moduloCredencialesIt .cred-it-filtros-card {
  border-left: 4px solid #343a40 !important;
}

#modalDetalleCredencialIt .cred-it-detalle-lista dt,
#modalDetalleCredencialIt .cred-it-detalle-lista dd {
  padding-top: .35rem;
  padding-bottom: .35rem;
  border-bottom: 1px solid #f1f3f5;
}

#modalDetalleCredencialIt .cred-it-observaciones-box {
  min-height: 72px;
  white-space: pre-wrap;
  word-break: break-word;
}


#moduloCredencialesIt .cred-it-filtros-card {
  border-left: 4px solid #343a40 !important;
}

#moduloCredencialesIt .cred-it-observaciones-box {
  min-height: 72px;
  white-space: pre-wrap;
}

#modalHistorialRotacionesCredencialIt table td,
#modalHistorialCredencialIt table td {
  vertical-align: middle;
  font-size: .86rem;
}

#moduloCredencialesIt .cred-it-relation-box,
.cred-it-relation-box {
  border-left: 4px solid #ffc107 !important;
  box-shadow: none;
}

#moduloCredencialesIt .cred-it-relation-box h6,
.cred-it-relation-box h6 {
  font-weight: 600;
}

#moduloCredencialesIt .cred-it-control-actions {
  border-left: 4px solid #343a40 !important;
  box-shadow: none;
}

#moduloCredencialesIt .cred-it-control-actions h6 {
  font-weight: 600;
}

#moduloCredencialesIt .acciones-tabla .btn {
  margin: 0 1px;
}

#moduloCredencialesIt #tablaCredencialesIt th:last-child,
#moduloCredencialesIt #tablaCredencialesIt td:last-child {
  white-space: nowrap;
}


#moduloCredencialesIt .cred-it-no-secret-callout {
  border-left-color: #ffc107;
}

#moduloCredencialesIt .cred-it-secret-detected {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 .12rem rgba(220, 53, 69, .15) !important;
}


#moduloCredencialesIt .cred-it-policy-box,
.cred-it-policy-box {
  border-left: 4px solid #ffc107 !important;
  background: #fff;
}

#moduloCredencialesIt .cred-it-policy-box strong,
.cred-it-policy-box strong {
  font-size: .92rem;
}


/* =========================================================
   BÓVEDA IT V1.10 - PANEL DE RIESGO
   ========================================================= */

#moduloCredencialesIt .cred-it-risk-panel {
  border-left: 4px solid #343a40 !important;
  background: #fff;
}

#moduloCredencialesIt .cred-it-risk-item,
#moduloCredencialesIt .cred-it-risk-action {
  min-height: 86px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: .5rem;
  padding: 12px 14px;
}

#moduloCredencialesIt .cred-it-risk-item {
  border-left-width: 4px;
  border-left-style: solid;
}

#moduloCredencialesIt .cred-it-risk-high {
  border-left-color: #dc3545;
}

#moduloCredencialesIt .cred-it-risk-medium {
  border-left-color: #ffc107;
}

#moduloCredencialesIt .cred-it-risk-ok {
  border-left-color: #28a745;
}

#moduloCredencialesIt .cred-it-risk-label {
  display: block;
  font-size: .76rem;
  color: #6c757d;
  line-height: 1.15;
  margin-bottom: 2px;
}

#moduloCredencialesIt .cred-it-risk-item strong {
  display: block;
  font-size: 1.55rem;
  line-height: 1.05;
  color: #343a40;
}

#moduloCredencialesIt .cred-it-risk-item small,
#moduloCredencialesIt .cred-it-risk-action small {
  line-height: 1.2;
}

@media (max-width: 767.98px) {
  #moduloCredencialesIt .cred-it-risk-item,
  #moduloCredencialesIt .cred-it-risk-action {
    min-height: auto;
  }
}

/* =========================================================
   BÓVEDA IT V1.11 - REVISIONES PERIÓDICAS
   ========================================================= */

#moduloCredencialesIt .cred-it-review-summary {
  border-left: 4px solid #ffc107 !important;
  background: #fff;
}

#modalHistorialRevisionesCredencialIt table td {
  vertical-align: middle;
  font-size: .86rem;
}

/* =========================================================
   BÓVEDA IT V1.13 - CONTROL VISUAL DE REVISIONES
   ========================================================= */

#moduloCredencialesIt .cred-it-alerta-revision {
  border-left: 4px solid #ffc107 !important;
}

#moduloCredencialesIt .cred-it-review-summary-warning {
  border-left-color: #ffc107 !important;
}

#moduloCredencialesIt .cred-it-review-summary-danger {
  border-left-color: #dc3545 !important;
}

#moduloCredencialesIt #tablaCredencialesIt td:nth-child(10) small {
  line-height: 1.1;
}


/* Bóveda IT V1.14 - Planes de acción */
#moduloCredencialesIt #modalHistorialAccionesCredencialIt td {
  vertical-align: middle;
}

#moduloCredencialesIt #modalHistorialAccionesCredencialIt .btn-xs {
  padding: .15rem .35rem;
  font-size: .72rem;
  line-height: 1.2;
  border-radius: .2rem;
}

#moduloCredencialesIt #modalAccionCredencialIt textarea,
#moduloCredencialesIt #modalHistorialAccionesCredencialIt table {
  font-size: .88rem;
}

/* =========================================================
   BÓVEDA IT V2.1 - Secreto cifrado
   ========================================================= */
#moduloCredencialesIt .igx-vault-secret-card .card-header {
  border-bottom: 1px solid rgba(0,0,0,.08);
}

#moduloCredencialesIt .igx-vault-secret-card .alert {
  border-left: 4px solid #ffc107 !important;
}

#modalVaultGuardarSecretoIt input[type="password"] {
  letter-spacing: .05rem;
}

#modalVaultHistorialSecretosIt table td {
  vertical-align: middle;
}

/* Bóveda IT V2.2 - Revelado temporal de secretos */
#moduloCredencialesIt .igx-vault-revealed-secret {
  font-family: Consolas, Monaco, 'Courier New', monospace;
  font-size: .95rem;
  min-height: 92px;
  resize: vertical;
  background: #fffbea;
  border-left: 4px solid #dc3545;
}

#modalVaultSecretoReveladoIt .modal-content {
  border-top: 4px solid #dc3545;
}

/* Bóveda IT V2.3 - Copiado controlado */
#modalVaultSecretoReveladoIt #btnCopiarSecretoReveladoIt {
  min-width: 130px;
}

#modalVaultSecretoReveladoIt .igx-vault-revealed-secret {
  font-family: monospace;
}


/* =========================================================
   BÓVEDA IT V2.4 - Auditoría de secretos
   ========================================================= */
#moduloCredencialesIt .igx-vault-mini-audit {
  border-left: 4px solid #343a40 !important;
}

#moduloCredencialesIt .igx-vault-mini-audit strong {
  display: block;
  line-height: 1.15;
}

#modalVaultHistorialSecretosIt .igx-vault-audit-stat {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: .5rem;
  padding: 10px 12px;
  min-height: 84px;
}

#modalVaultHistorialSecretosIt .igx-vault-audit-stat span {
  display: block;
  color: #6c757d;
  font-size: .78rem;
  line-height: 1.1;
}

#modalVaultHistorialSecretosIt .igx-vault-audit-stat strong {
  display: block;
  font-size: 1.5rem;
  line-height: 1.1;
  color: #343a40;
}

#modalVaultHistorialSecretosIt .igx-vault-audit-filter-card label {
  font-weight: 600;
}

#modalVaultHistorialSecretosIt .igx-vault-audit-table td {
  vertical-align: middle;
  font-size: .86rem;
}

#modalVaultHistorialSecretosIt .igx-vault-audit-table td:nth-child(4) {
  min-width: 220px;
}

#modalVaultHistorialSecretosIt .igx-vault-audit-table td:nth-child(6) {
  max-width: 220px;
  word-break: break-word;
}

/* ============================================================
   TRAZION_C8_7_BOVEDA_IT_V2_START
   ============================================================ */


/* ------------------------------------------------------------
   HELP / STATUS NOTICE
   ------------------------------------------------------------ */

#moduloCredencialesIt .cred-it-help-box,
#moduloCredencialesIt .cred-it-export-note {

    padding: 15px 16px !important;

    border: 1px solid var(--trz-color-info-border) !important;

    border-left: 4px solid var(--trz-color-blue-600) !important;

    border-radius: var(--trz-radius-md) !important;

    background: var(--trz-color-info-bg) !important;

    color: var(--trz-color-slate-700) !important;

    box-shadow: none !important;
}


/* ------------------------------------------------------------
   RISK PANEL
   ------------------------------------------------------------ */

#moduloCredencialesIt .cred-it-risk-panel {

    border: 1px solid var(--trz-color-slate-200) !important;

    border-radius: var(--trz-radius-lg) !important;

    background: var(--trz-color-white) !important;

    box-shadow: var(--trz-shadow-card) !important;

    overflow: hidden;
}


#moduloCredencialesIt .cred-it-risk-panel > .card-body,
#moduloCredencialesIt .cred-it-risk-panel > .trz-card__body {

    padding: 14px !important;
}


#moduloCredencialesIt .cred-it-risk-item,
#moduloCredencialesIt .cred-it-risk-action {

    min-height: 78px;

    padding: 12px 14px !important;

    display: flex;
    flex-direction: column;
    justify-content: center;

    background: var(--trz-color-slate-50) !important;

    border: 1px solid var(--trz-color-slate-200) !important;

    border-radius: var(--trz-radius-md) !important;

    box-shadow: none !important;
}


#moduloCredencialesIt .cred-it-risk-high {
    border-left: 4px solid var(--trz-color-danger) !important;
}

#moduloCredencialesIt .cred-it-risk-medium {
    border-left: 4px solid var(--trz-color-warning) !important;
}

#moduloCredencialesIt .cred-it-risk-ok {
    border-left: 4px solid var(--trz-color-success) !important;
}

#moduloCredencialesIt .cred-it-risk-action {
    border-left: 4px solid var(--trz-color-blue-600) !important;
}


#moduloCredencialesIt .cred-it-risk-label {

    margin-bottom: 2px;

    color: var(--trz-color-slate-500) !important;

    font-size: 0.8125rem;

    font-weight: 600;
}


/* ------------------------------------------------------------
   MAIN CARD
   ------------------------------------------------------------ */

#moduloCredencialesIt .cred-it-main-card {

    border: 1px solid var(--trz-color-slate-200) !important;

    border-radius: var(--trz-radius-lg) !important;

    box-shadow: var(--trz-shadow-card) !important;
}


#moduloCredencialesIt .cred-it-main-card > .card-header {

    border-bottom: 1px solid var(--trz-color-slate-200) !important;

    background: var(--trz-color-white) !important;
}


/* ------------------------------------------------------------
   FILTER SECTION
   Avoid nested card visual.
   ------------------------------------------------------------ */

#moduloCredencialesIt .cred-it-filtros-card {

    padding: 0 14px;

    background: var(--trz-color-slate-50) !important;

    border: 1px solid var(--trz-color-slate-200) !important;

    border-radius: var(--trz-radius-md) !important;

    box-shadow: none !important;
}


#moduloCredencialesIt .cred-it-filtros-card .form-control {

    min-height: 38px;

    border: 1px solid var(--trz-color-slate-300);

    border-radius: var(--trz-radius-sm);

    background: var(--trz-color-white);
}


#moduloCredencialesIt .cred-it-filtros-card .form-control:focus {

    border-color: var(--trz-color-blue-500);

    box-shadow: 0 0 0 3px rgba(37,99,235,.12);

    outline: 0;
}


/* ------------------------------------------------------------
   DATATABLE
   ------------------------------------------------------------ */

#moduloCredencialesIt .cred-it-table-shell {

    margin-top: 0;
}


/* Soft badges generated by PHP controllers.
   Scope strictly to main Bóveda table. */

#tablaCredencialesIt .badge {

    padding: 4px 7px !important;

    border: 1px solid transparent !important;

    border-radius: 999px !important;

    font-size: 0.72rem !important;

    font-weight: 600 !important;

    line-height: 1.1 !important;
}


#tablaCredencialesIt .badge-success {

    color: var(--trz-color-success) !important;

    background: var(--trz-color-success-bg) !important;

    border-color: var(--trz-color-success-border) !important;
}


#tablaCredencialesIt .badge-danger {

    color: var(--trz-color-danger) !important;

    background: var(--trz-color-danger-bg) !important;

    border-color: var(--trz-color-danger-border) !important;
}


#tablaCredencialesIt .badge-warning {

    color: var(--trz-color-warning) !important;

    background: var(--trz-color-warning-bg) !important;

    border-color: var(--trz-color-warning-border) !important;
}


#tablaCredencialesIt .badge-info {

    color: var(--trz-color-info) !important;

    background: var(--trz-color-info-bg) !important;

    border-color: var(--trz-color-info-border) !important;
}


#tablaCredencialesIt .badge-secondary {

    color: var(--trz-color-slate-600) !important;

    background: var(--trz-color-slate-100) !important;

    border-color: var(--trz-color-slate-200) !important;
}


/* ------------------------------------------------------------
   TABLE ACTIONS
   ------------------------------------------------------------ */

#moduloCredencialesIt .acciones-tabla {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 6px;
}


#moduloCredencialesIt .acciones-tabla .trz-action {

    margin: 0 !important;
}


/* ============================================================
   TRAZION_C8_7_BOVEDA_IT_V2_END
   ============================================================ */

/* ============================================================
   TRAZION_C8_8_NUEVA_CREDENCIAL_V2_START
   ============================================================ */


/* ------------------------------------------------------------
   MAIN FORM CARD
   ------------------------------------------------------------ */

#moduloCredencialesIt .cred-it-form-card {

    border: 1px solid var(--trz-color-slate-200) !important;

    border-radius: var(--trz-radius-lg) !important;

    background: var(--trz-color-white) !important;

    box-shadow: var(--trz-shadow-card) !important;

    overflow: hidden;
}


#moduloCredencialesIt .cred-it-form-card > .card-header {

    min-height: 58px;

    padding: 17px 20px !important;

    align-items: center !important;

    border-bottom: 1px solid var(--trz-color-slate-200) !important;

    background: var(--trz-color-white) !important;
}


#moduloCredencialesIt .cred-it-form-card > .card-header .card-title {

    color: var(--trz-color-navy-950) !important;

    font-size: 1rem;

    font-weight: 700;
}


#moduloCredencialesIt .cred-it-form-card > .card-header .card-title i {

    color: var(--trz-color-blue-600) !important;
}


/* ------------------------------------------------------------
   FORM FIELDS
   ------------------------------------------------------------ */

#moduloCredencialesIt .cred-it-form-card .form-control {

    min-height: 40px;

    border: 1px solid var(--trz-color-slate-300);

    border-radius: var(--trz-radius-sm);

    background: var(--trz-color-white);

    color: var(--trz-color-navy-950);
}


#moduloCredencialesIt .cred-it-form-card textarea.form-control {

    min-height: auto;
}


#moduloCredencialesIt .cred-it-form-card .form-control:focus {

    border-color: var(--trz-color-blue-500);

    box-shadow: 0 0 0 3px rgba(37,99,235,.12);

    outline: 0;
}


/* ------------------------------------------------------------
   TRUE SECURITY WARNING
   Yellow remains semantic here.
   ------------------------------------------------------------ */

#moduloCredencialesIt .cred-it-no-secret-callout {

    padding: 15px 16px !important;

    border: 1px solid var(--trz-color-warning-border) !important;

    border-left: 4px solid var(--trz-color-warning) !important;

    border-radius: var(--trz-radius-md) !important;

    background: var(--trz-color-warning-bg) !important;

    color: var(--trz-color-slate-700) !important;

    box-shadow: none !important;
}


#moduloCredencialesIt .cred-it-no-secret-callout h5,
#moduloCredencialesIt .cred-it-no-secret-callout strong {

    color: var(--trz-color-warning) !important;
}


/* ------------------------------------------------------------
   ROTATION POLICY
   Informational -> blue, not warning yellow
   ------------------------------------------------------------ */

#moduloCredencialesIt .cred-it-policy-box--info {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    padding: 14px 15px !important;

    border: 1px solid var(--trz-color-info-border) !important;

    border-left: 4px solid var(--trz-color-blue-600) !important;

    border-radius: var(--trz-radius-md) !important;

    background: var(--trz-color-info-bg) !important;

    color: var(--trz-color-slate-700) !important;

    box-shadow: none !important;
}


#moduloCredencialesIt .cred-it-policy-box--info > i {

    color: var(--trz-color-blue-600) !important;
}


#moduloCredencialesIt .cred-it-policy-box--info strong {

    color: var(--trz-color-navy-950) !important;
}


/* ------------------------------------------------------------
   RELATION / CUSTODY SECTIONS
   ------------------------------------------------------------ */

#moduloCredencialesIt .cred-it-relation-box {

    overflow: hidden;

    background: var(--trz-color-slate-50) !important;

    border: 1px solid var(--trz-color-slate-200) !important;

    border-left: 4px solid var(--trz-color-blue-600) !important;

    border-radius: var(--trz-radius-md) !important;

    box-shadow: none !important;
}


#moduloCredencialesIt .cred-it-relation-box__body {

    padding: 16px !important;
}


#moduloCredencialesIt .cred-it-relation-box h6 {

    margin-bottom: 14px !important;

    color: var(--trz-color-navy-950) !important;

    font-size: .9rem;

    font-weight: 700;
}


#moduloCredencialesIt .cred-it-relation-box h6 i {

    color: var(--trz-color-blue-600) !important;
}


/* ------------------------------------------------------------
   FOOTER / ACTIONS
   ------------------------------------------------------------ */

#moduloCredencialesIt .cred-it-form-footer {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 16px 20px !important;

    border-top: 1px solid var(--trz-color-slate-200) !important;

    background: var(--trz-color-slate-50) !important;
}


#moduloCredencialesIt .cred-it-form-footer .trz-action {

    min-height: 40px;
}


/* Primary button must always keep institutional gradient */

#moduloCredencialesIt .cred-it-form-footer .trz-action--primary {

    background: var(--trz-gradient-primary) !important;

    border-color: transparent !important;

    color: var(--trz-color-white) !important;
}


/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media (max-width: 767.98px) {

    #moduloCredencialesIt .cred-it-form-card > .card-header {

        padding: 15px 16px !important;
    }


    #moduloCredencialesIt .cred-it-form-card > .trz-card__body,
    #moduloCredencialesIt .cred-it-form-card > .card-body {

        padding: 16px !important;
    }


    #moduloCredencialesIt .cred-it-form-footer {

        flex-direction: column-reverse;

        align-items: stretch;

        padding: 14px 16px !important;
    }


    #moduloCredencialesIt .cred-it-form-footer .trz-action {

        width: 100%;
    }
}


/* ============================================================
   TRAZION_C8_8_NUEVA_CREDENCIAL_V2_END
   ============================================================ */


/* ============================================================
   TRAZION_C8_8B_NUEVO_FORM_FIX_START
   ============================================================ */

#moduloCredencialesIt .cred-it-form-card {
    border: 1px solid var(--trz-color-slate-200) !important;
    border-radius: var(--trz-radius-lg) !important;
    background: var(--trz-color-white) !important;
    box-shadow: var(--trz-shadow-card) !important;
    overflow: hidden !important;
}

#moduloCredencialesIt .cred-it-form-card > .card-header {
    padding: 16px 20px !important;
    border-bottom: 1px solid var(--trz-color-slate-200) !important;
    background: var(--trz-color-white) !important;
}

#moduloCredencialesIt .cred-it-form-card > .card-header .card-title {
    color: var(--trz-color-navy-950) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}

#moduloCredencialesIt .cred-it-form-card > .card-header .card-title i {
    color: var(--trz-color-blue-600) !important;
}

#moduloCredencialesIt .cred-it-form-card > .card-body,
#moduloCredencialesIt .cred-it-form-card > .trz-card__body {
    padding: 20px !important;
    background: var(--trz-color-white) !important;
}

#moduloCredencialesIt .cred-it-form-card .form-control {
    min-height: 40px;
    border: 1px solid var(--trz-color-slate-300) !important;
    border-radius: var(--trz-radius-sm) !important;
    background: var(--trz-color-white) !important;
    color: var(--trz-color-navy-950) !important;
}

#moduloCredencialesIt .cred-it-form-card .form-control:focus {
    border-color: var(--trz-color-blue-500) !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
    outline: 0 !important;
}

/* Mantener amarillo SOLO en la advertencia real de seguridad */
#moduloCredencialesIt .cred-it-no-secret-callout {
    border-left: 4px solid var(--trz-color-warning) !important;
}

/* Estas cajas NO deben verse amarillas */
#moduloCredencialesIt .cred-it-policy-box,
#moduloCredencialesIt .cred-it-policy-box--info {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 15px !important;
    border: 1px solid var(--trz-color-info-border) !important;
    border-left: 4px solid var(--trz-color-blue-600) !important;
    border-radius: var(--trz-radius-md) !important;
    background: var(--trz-color-info-bg) !important;
    color: var(--trz-color-slate-700) !important;
    box-shadow: none !important;
}

#moduloCredencialesIt .cred-it-policy-box > i,
#moduloCredencialesIt .cred-it-policy-box--info > i {
    color: var(--trz-color-blue-600) !important;
}

#moduloCredencialesIt .cred-it-policy-box strong,
#moduloCredencialesIt .cred-it-policy-box--info strong {
    color: var(--trz-color-navy-950) !important;
}

#moduloCredencialesIt .cred-it-relation-box {
    border: 1px solid var(--trz-color-slate-200) !important;
    border-left: 4px solid var(--trz-color-blue-600) !important;
    border-radius: var(--trz-radius-md) !important;
    background: var(--trz-color-slate-50) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

#moduloCredencialesIt .cred-it-relation-box__body {
    padding: 16px !important;
}

#moduloCredencialesIt .cred-it-relation-box h6 {
    color: var(--trz-color-navy-950) !important;
    font-size: .92rem !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
}

#moduloCredencialesIt .cred-it-relation-box h6 i {
    color: var(--trz-color-blue-600) !important;
}

#moduloCredencialesIt .cred-it-form-footer {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 16px 20px !important;
    border-top: 1px solid var(--trz-color-slate-200) !important;
    background: var(--trz-color-slate-50) !important;
}

#moduloCredencialesIt .cred-it-form-footer .trz-action--primary {
    background: var(--trz-gradient-primary) !important;
    border-color: transparent !important;
    color: var(--trz-color-white) !important;
}

#moduloCredencialesIt .cred-it-form-footer .trz-action--secondary,
#moduloCredencialesIt .btnCalcularProximaRotacionIt.trz-action--secondary {
    border: 1px solid var(--trz-color-slate-300) !important;
    background: var(--trz-color-white) !important;
    color: var(--trz-color-navy-950) !important;
}

@media (max-width: 767.98px) {
    #moduloCredencialesIt .cred-it-form-footer {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    #moduloCredencialesIt .cred-it-form-footer .trz-action {
        width: 100%;
    }
}

/* ============================================================
   TRAZION_C8_8B_NUEVO_FORM_FIX_END
   ============================================================ */


/* ============================================================
   TRAZION_C8_8C_NUEVO_SCOPE_FIX_START
   Nueva credencial: override independiente de #moduloCredencialesIt
   ============================================================ */

/* Política de rotación: informativa / azul */
.cred-it-form-card .cred-it-policy-box,
.cred-it-form-card .cred-it-policy-box--info {
    border: 1px solid var(--trz-color-info-border) !important;
    border-left: 4px solid var(--trz-color-blue-600) !important;
    border-radius: var(--trz-radius-md) !important;
    background: var(--trz-color-info-bg) !important;
    color: var(--trz-color-slate-700) !important;
    box-shadow: none !important;
}

.cred-it-form-card .cred-it-policy-box > i,
.cred-it-form-card .cred-it-policy-box--info > i {
    color: var(--trz-color-blue-600) !important;
}

.cred-it-form-card .cred-it-policy-box strong,
.cred-it-form-card .cred-it-policy-box--info strong {
    color: var(--trz-color-navy-950) !important;
}


/* Relación con activo + Custodio: estructura azul */
.cred-it-form-card .cred-it-relation-box {
    overflow: hidden !important;

    background: var(--trz-color-slate-50) !important;

    border: 1px solid var(--trz-color-slate-200) !important;
    border-left: 4px solid var(--trz-color-blue-600) !important;

    border-radius: var(--trz-radius-md) !important;

    box-shadow: none !important;
}

.cred-it-form-card .cred-it-relation-box__body {
    padding: 16px !important;
}

.cred-it-form-card .cred-it-relation-box h6 {
    margin-bottom: 14px !important;

    color: var(--trz-color-navy-950) !important;

    font-size: .92rem !important;
    font-weight: 700 !important;
}

.cred-it-form-card .cred-it-relation-box h6 i {
    color: var(--trz-color-blue-600) !important;
}


/* La advertencia real de seguridad SÍ conserva amarillo */
.cred-it-form-card .cred-it-no-secret-callout {
    border-left: 4px solid var(--trz-color-warning) !important;
}


/* ============================================================
   TRAZION_C8_8C_NUEVO_SCOPE_FIX_END
   ============================================================ */


/* ============================================================
   TRAZION_C8_8D_POLICY_ICON_FIX_START
   Nueva credencial: ocultar icono de política de rotación
   ============================================================ */

.cred-it-form-card .cred-it-policy-box,
.cred-it-form-card .cred-it-policy-box--info {
    padding: 10px 14px !important;
}

.cred-it-form-card .cred-it-policy-box > i,
.cred-it-form-card .cred-it-policy-box--info > i {
    display: none !important;
}

.cred-it-form-card .cred-it-policy-box strong,
.cred-it-form-card .cred-it-policy-box--info strong {
    display: block !important;
    margin-bottom: 2px !important;
}

/* ============================================================
   TRAZION_C8_8D_POLICY_ICON_FIX_END
   ============================================================ */