/* =========================================================
   BACKUPS Y RECUPERACIÓN - TRAZION ASSETS
   Vista técnica de respaldos, manifiestos y verificación WebDAV.
   Línea visual alineada con Auditoría del sistema.
   ========================================================= */

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

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

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

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

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

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

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

#moduloBackupsInventory .backups-kpi-card {
  background: #fff;
}

#moduloBackupsInventory .backup-action-box {
  background: #fff;
  border-left: 4px solid #2563eb !important;
  transition: box-shadow .15s ease, transform .15s ease;
}

#moduloBackupsInventory .backup-action-box:hover {
  box-shadow: 0 .25rem .8rem rgba(0,0,0,.08);
  transform: translateY(-1px);
}

#moduloBackupsInventory .backups-alert {
  border-left: 4px solid #2563eb !important;
  background: #f5f8ff;
}

#moduloBackupsInventory .backup-json-box {
  min-height: 180px;
  max-height: 420px;
  overflow: auto;
  background: #111827;
  color: #e5e7eb;
  border-radius: .5rem;
  padding: .85rem;
  font-size: .78rem;
  white-space: pre-wrap;
  word-break: break-word;
}

#moduloBackupsInventory .badge-backup {
  font-size: .72rem;
}

#moduloBackupsInventory #tablaBackupsSistema td {
  vertical-align: middle;
}

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

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

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

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

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

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

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

/* TRAZION_BACKUPS_AZUL_INICIO */

#moduloBackupsInventory .backups-brand-border {
    border-left-color: #2563eb !important;
}

#moduloBackupsInventory .backups-brand-text {
    color: #2563eb !important;
}

/* Mensaje informativo suave */
#moduloBackupsInventory .backups-alert-brand {
    border-color: #dbe7ff !important;
    border-left-color: #2563eb !important;
    background: #f5f8ff !important;
    color: #24324a;
}

#moduloBackupsInventory .backups-alert-brand > div > i {
    color: #2563eb !important;
}

/* Acción principal */
#moduloBackupsInventory .backups-btn-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    min-height: 2rem;
    padding: .4rem .84rem;
    border: 1px solid #235fd5 !important;
    border-radius: .42rem;
    background:
        linear-gradient(
            135deg,
            #0f172a 0%,
            #1c4ca0 55%,
            #2563eb 100%
        ) !important;
    color: #ffffff !important;
    font-weight: 700;
    box-shadow: 0 6px 14px rgba(37, 99, 235, .2);
    transition:
        transform 160ms ease,
        box-shadow 160ms ease,
        filter 160ms ease;
}

#moduloBackupsInventory .backups-btn-brand:hover {
    color: #ffffff !important;
    filter: brightness(1.06);
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(37, 99, 235, .28);
}

#moduloBackupsInventory .backups-btn-brand:focus {
    color: #ffffff !important;
    outline: 0;
    box-shadow:
        0 0 0 3px rgba(37, 99, 235, .2),
        0 7px 16px rgba(37, 99, 235, .22);
}

/* Historial */
#moduloBackupsInventory .backups-history-card.card-outline {
    border-top-color: #2563eb !important;
}

/* Modal de detalle */
#modalDetalleBackup .modal-header.backups-modal-brand {
    border-bottom: 0 !important;
    background:
        linear-gradient(
            135deg,
            #0f172a 0%,
            #1c4ca0 55%,
            #2563eb 100%
        ) !important;
    color: #ffffff !important;
}

#modalDetalleBackup .backups-modal-brand .modal-title,
#modalDetalleBackup .backups-modal-brand .close {
    color: #ffffff !important;
}

/*
 * Botón Descargar: azul sólido.
 * El botón Ver detalle conserva su estilo primary.
 */
#tablaBackupsSistema .btnDescargarBackup.btn-info {
    border-color: #2563eb !important;
    background: #2563eb !important;
    color: #ffffff !important;
}

#tablaBackupsSistema .btnDescargarBackup.btn-info:hover {
    border-color: #1d4ed8 !important;
    background: #1d4ed8 !important;
}

/*
 * IMPORTANTE:
 * No se incluyen reglas para .badge-backup,
 * badge-success, badge-danger ni badge-warning.
 * Los colores de Estado permanecen intactos.
 */

/* TRAZION_BACKUPS_AZUL_FIN */

/* ============================================================
   TRAZION_C8_6_BACKUPS_V2_START
   ============================================================ */

/* Subcards de acciones */
#moduloBackupsInventory .backup-action-box {
    padding: 16px !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;

    transition:
        border-color var(--trz-transition-fast),
        box-shadow var(--trz-transition-fast),
        transform var(--trz-transition-fast);
}

#moduloBackupsInventory .backup-action-box:hover {
    border-color: var(--trz-color-slate-300) !important;
    border-left-color: var(--trz-color-blue-600) !important;

    box-shadow: 0 4px 12px rgba(15,23,42,.045) !important;

    transform: translateY(-1px);
}

#moduloBackupsInventory .backup-action-box h6 {
    margin-bottom: 6px;

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

    font-weight: 700;
}

#moduloBackupsInventory .backup-action-box p {
    color: var(--trz-color-slate-500);

    line-height: 1.45;
}

/* Botones internos */
#moduloBackupsInventory .backup-action-box .trz-action {
    min-height: 40px;
}

/* Card de historial */
#moduloBackupsInventory .backups-history-card {
    border-top: 1px solid var(--trz-color-slate-200) !important;
}

/* Acción de tabla */
#moduloBackupsInventory .btnDetalleBackup,
#moduloBackupsInventory .btnDescargarBackup {
    width: 40px !important;
    min-width: 40px !important;

    height: 40px !important;
    min-height: 40px !important;

    padding: 0 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    border-radius: var(--trz-radius-sm) !important;
}

/* JSON del modal: solo armonización visual,
   no modificación estructural del modal */
#moduloBackupsInventory .backup-json-box {
    border-radius: var(--trz-radius-sm);
}

/* ============================================================
   TRAZION_C8_6_BACKUPS_V2_END
   ============================================================ */
