/* =======================================================
   MODAIS — REPROSENSE
   Auditoria, Comentários, CQ, QR, Desbloqueio, Coleta
   e Laudos em Lote
   ======================================================= */

/* ---------------------- TOKENS ---------------------- */

:root {
  --rs-modal-bg-dark: rgba(7, 20, 34, 0.78);
  --rs-modal-bg-light: rgba(255, 255, 255, 0.90);

  --rs-modal-border-dark: rgba(121, 220, 255, 0.16);
  --rs-modal-border-light: rgba(7, 20, 34, 0.10);

  --rs-modal-shadow-dark: 0 24px 80px rgba(0, 0, 0, 0.42);
  --rs-modal-shadow-light: 0 10px 30px rgba(7, 20, 34, 0.18);

  --rs-modal-text-dark: rgba(255, 255, 255, 0.92);
  --rs-modal-text-light: #071422;

  --rs-modal-muted-dark: rgba(255, 255, 255, 0.68);
  --rs-modal-muted-light: rgba(7, 20, 34, 0.66);

  --rs-modal-primary: #42bde7;
  --rs-modal-primary-soft: rgba(66, 189, 231, 0.16);
  --rs-modal-primary-mid: #1f7fba;
  --rs-modal-primary-dark: #133961;
  --rs-modal-navy: #071422;

  --rs-modal-focus: rgba(66, 189, 231, 0.25);
}

/* ---------------------- PRIORIDADES E RESETS ---------------------- */

#auditMenuModal.modal,
#auditMenuModal.modal.show,
#commentModal.modal,
#commentModal.modal.show,
#cqHistoryModal.modal,
#cqHistoryModal.modal.show,
#qrMenuModal.modal,
#qrMenuModal.modal.show,
#qrLightbox.modal,
#qrLightbox.modal.show,
#modalDesbloqueioProcessado.modal,
#modalDesbloqueioProcessado.modal.show,
#confirmQtdModal.modal,
#confirmQtdModal.modal.show,
#modalLaudosLote.modal,
#modalLaudosLote.modal.show {
  z-index: 2060 !important;
}

.navbar.sticky-top {
  z-index: 1040 !important;
}

.form-card,
.form-header {
  transform: none !important;
  filter: none !important;
  perspective: none !important;
}

/* ---------------------- BACKDROP DARK ---------------------- */

#auditMenuModal ~ .modal-backdrop.fade,
#commentModal ~ .modal-backdrop.fade,
#cqHistoryModal ~ .modal-backdrop.fade,
#qrMenuModal ~ .modal-backdrop.fade,
#qrLightbox ~ .modal-backdrop.fade,
#modalDesbloqueioProcessado ~ .modal-backdrop.fade,
#confirmQtdModal ~ .modal-backdrop.fade,
#modalLaudosLote ~ .modal-backdrop.fade {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.16),
    rgba(31, 127, 186, 0.15) 40%,
    rgba(7, 20, 34, 0.72) 70%
  );
  opacity: 0;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition: opacity 0.35s ease, backdrop-filter 0.35s ease;
}

#auditMenuModal ~ .modal-backdrop.show,
#commentModal ~ .modal-backdrop.show,
#cqHistoryModal ~ .modal-backdrop.show,
#qrMenuModal ~ .modal-backdrop.show,
#qrLightbox ~ .modal-backdrop.show,
#modalDesbloqueioProcessado ~ .modal-backdrop.show,
#confirmQtdModal ~ .modal-backdrop.show,
#modalLaudosLote ~ .modal-backdrop.show {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.16),
    rgba(31, 127, 186, 0.15) 40%,
    rgba(7, 20, 34, 0.72) 70%
  );
  opacity: 1 !important;
  backdrop-filter: blur(7px) saturate(1.08);
  -webkit-backdrop-filter: blur(7px) saturate(1.08);
}

/* ---------------------- ANIMAÇÕES ---------------------- */

@keyframes modalGlassFadeUp {
  from {
    opacity: 0;
    transform: translateY(30px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes modalGlassFadeDown {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }
}

#auditMenuModal.modal.fade .modal-dialog,
#commentModal.modal.fade .modal-dialog,
#cqHistoryModal.modal.fade .modal-dialog,
#qrMenuModal.modal.fade .modal-dialog,
#qrLightbox.modal.fade .modal-dialog,
#modalDesbloqueioProcessado.modal.fade .modal-dialog,
#confirmQtdModal.modal.fade .modal-dialog,
#modalLaudosLote.modal.fade .modal-dialog {
  transition: none;
}

#auditMenuModal.modal.show .modal-dialog,
#commentModal.modal.show .modal-dialog,
#cqHistoryModal.modal.show .modal-dialog,
#qrMenuModal.modal.show .modal-dialog,
#qrLightbox.modal.show .modal-dialog,
#modalDesbloqueioProcessado.modal.show .modal-dialog,
#confirmQtdModal.modal.show .modal-dialog,
#modalLaudosLote.modal.show .modal-dialog {
  animation: modalGlassFadeUp 0.45s ease both;
}

#auditMenuModal.modal.fade:not(.show) .modal-dialog,
#commentModal.modal.fade:not(.show) .modal-dialog,
#cqHistoryModal.modal.fade:not(.show) .modal-dialog,
#qrMenuModal.modal.fade:not(.show) .modal-dialog,
#qrLightbox.modal.fade:not(.show) .modal-dialog,
#modalDesbloqueioProcessado.modal.fade:not(.show) .modal-dialog,
#confirmQtdModal.modal.fade:not(.show) .modal-dialog,
#modalLaudosLote.modal.fade:not(.show) .modal-dialog {
  animation: modalGlassFadeDown 0.35s ease both;
}

/* ---------------------- CONTEÚDO DARK ---------------------- */

#auditMenuModal .modal-content,
#commentModal .modal-content,
#cqHistoryModal .modal-content,
#qrMenuModal .modal-content,
#qrLightbox .modal-content,
#modalDesbloqueioProcessado .modal-content,
#confirmQtdModal .modal-content,
#modalLaudosLote .modal-content {
  background: var(--rs-modal-bg-dark);
  border: 1px solid var(--rs-modal-border-dark);
  border-radius: 18px;
  overflow: hidden;
  color: var(--rs-modal-text-dark);
  box-shadow:
    var(--rs-modal-shadow-dark),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
}

/* ---------------------- HEADER DARK ---------------------- */

#auditMenuModal .modal-header,
#commentModal .modal-header,
#cqHistoryModal .modal-header,
#qrMenuModal .modal-header,
#qrLightbox .modal-header,
#modalDesbloqueioProcessado .modal-header,
#confirmQtdModal .modal-header,
#modalLaudosLote .modal-header {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.11) 0%,
    rgba(31, 127, 186, 0.12) 100%
  );
  border-bottom: 1px solid rgba(121, 220, 255, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 1rem 1.25rem;
}

#auditMenuModal .modal-title,
#commentModal .modal-title,
#cqHistoryModal .modal-title,
#qrMenuModal .modal-title,
#qrLightbox .modal-title,
#modalDesbloqueioProcessado .modal-title,
#confirmQtdModal .modal-title,
#modalLaudosLote .modal-title {
  font-weight: 700;
  margin: 0;
  background: linear-gradient(135deg, #79dcff 0%, #42bde7 48%, #1f7fba 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ---------------------- BODY / FOOTER DARK ---------------------- */

#auditMenuModal .modal-body,
#commentModal .modal-body,
#cqHistoryModal .modal-body,
#qrMenuModal .modal-body,
#qrLightbox .modal-body,
#modalDesbloqueioProcessado .modal-body,
#confirmQtdModal .modal-body,
#modalLaudosLote .modal-body {
  padding: 1.25rem;
}

#auditMenuModal .modal-footer,
#commentModal .modal-footer,
#cqHistoryModal .modal-footer,
#qrMenuModal .modal-footer,
#qrLightbox .modal-footer,
#modalDesbloqueioProcessado .modal-footer,
#confirmQtdModal .modal-footer,
#modalLaudosLote .modal-footer {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.055) 0%,
    rgba(31, 127, 186, 0.06) 100%
  );
  border-top: 1px solid rgba(121, 220, 255, 0.12);
  padding: 1rem 1.25rem;
}

/* ---------------------- TEXTOS ---------------------- */

#auditMenuModal .text-body-secondary,
#commentModal .text-body-secondary,
#cqHistoryModal .text-body-secondary,
#qrMenuModal .text-body-secondary,
#qrLightbox .text-body-secondary,
#modalDesbloqueioProcessado .text-body-secondary,
#confirmQtdModal .text-body-secondary,
#modalLaudosLote .text-body-secondary,
#modalLaudosLote .form-text,
#modalLaudosLote #laudosLoteResumo {
  color: var(--rs-modal-muted-dark) !important;
}

#auditMenuModal strong,
#commentModal strong,
#cqHistoryModal strong,
#qrMenuModal strong,
#qrLightbox strong,
#modalDesbloqueioProcessado strong,
#confirmQtdModal strong,
#modalLaudosLote strong,
#modalLaudosLote .form-label {
  color: var(--rs-modal-text-dark);
}

/* ---------------------- BOTÃO FECHAR ---------------------- */

#auditMenuModal .btn-close,
#commentModal .btn-close,
#cqHistoryModal .btn-close,
#qrMenuModal .btn-close,
#qrLightbox .btn-close,
#modalDesbloqueioProcessado .btn-close,
#confirmQtdModal .btn-close,
#modalLaudosLote .btn-close {
  filter: invert(1) grayscale(100%) opacity(0.78);
  transition: transform 0.15s ease, filter 0.2s ease;
}

#auditMenuModal .btn-close:hover,
#commentModal .btn-close:hover,
#cqHistoryModal .btn-close:hover,
#qrMenuModal .btn-close:hover,
#qrLightbox .btn-close:hover,
#modalDesbloqueioProcessado .btn-close:hover,
#confirmQtdModal .btn-close:hover,
#modalLaudosLote .btn-close:hover {
  transform: scale(1.05);
  filter: invert(1) opacity(1);
}

#auditMenuModal .btn-close:focus,
#commentModal .btn-close:focus,
#cqHistoryModal .btn-close:focus,
#qrMenuModal .btn-close:focus,
#qrLightbox .btn-close:focus,
#modalDesbloqueioProcessado .btn-close:focus,
#confirmQtdModal .btn-close:focus,
#modalLaudosLote .btn-close:focus {
  box-shadow: 0 0 0 0.25rem var(--rs-modal-focus);
}

/* ---------------------- BOTÕES ---------------------- */

#auditMenuModal .btn,
#commentModal .btn,
#cqHistoryModal .btn,
#qrMenuModal .btn,
#qrLightbox .btn,
#modalDesbloqueioProcessado .btn,
#confirmQtdModal .btn,
#modalLaudosLote .btn {
  border-radius: 10px;
}

#auditMenuModal .btn:focus-visible,
#commentModal .btn:focus-visible,
#cqHistoryModal .btn:focus-visible,
#qrMenuModal .btn:focus-visible,
#qrLightbox .btn:focus-visible,
#modalDesbloqueioProcessado .btn:focus-visible,
#confirmQtdModal .btn:focus-visible,
#modalLaudosLote .btn:focus-visible,
#modalLaudosLote a:focus-visible,
#modalLaudosLote button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.25rem var(--rs-modal-focus);
}

#modalLaudosLote .btn-outline-secondary {
  border-color: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.03);
}

#modalLaudosLote .btn-outline-secondary:hover {
  border-color: rgba(66, 189, 231, 0.38);
  background: rgba(66, 189, 231, 0.10);
  color: #ffffff;
}

#modalLaudosLote .btn-outline-primary {
  border-color: rgba(66, 189, 231, 0.50);
  color: #79dcff;
  background: rgba(66, 189, 231, 0.08);
}

#modalLaudosLote .btn-outline-primary:hover {
  border-color: rgba(66, 189, 231, 0.85);
  background: rgba(66, 189, 231, 0.16);
  color: #ffffff;
}

/* ---------------------- INPUTS DARK ---------------------- */

#qrMenuModal .form-control,
#qrMenuModal .form-select,
#modalDesbloqueioProcessado .form-control,
#modalDesbloqueioProcessado .form-select,
#modalLaudosLote .form-control,
#modalLaudosLote .form-select,
#modalLaudosLote textarea,
#modalLaudosLote input[type="date"],
#modalLaudosLote input[type="file"] {
  background: rgba(255, 255, 255, 0.055);
  border: 2px solid rgba(66, 189, 231, 0.20);
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.92);
  box-shadow: none;
}

#qrMenuModal .form-control:focus,
#qrMenuModal .form-select:focus,
#modalDesbloqueioProcessado .form-control:focus,
#modalDesbloqueioProcessado .form-select:focus,
#modalLaudosLote .form-control:focus,
#modalLaudosLote .form-select:focus,
#modalLaudosLote textarea:focus,
#modalLaudosLote input[type="date"]:focus,
#modalLaudosLote input[type="file"]:focus {
  background: rgba(255, 255, 255, 0.08);
  border-color: #42bde7;
  box-shadow:
    0 0 0 0.25rem rgba(66, 189, 231, 0.22),
    0 4px 12px rgba(66, 189, 231, 0.16);
  transform: translateY(-1px);
}

#modalLaudosLote .form-control::placeholder,
#modalLaudosLote textarea::placeholder {
  color: rgba(255, 255, 255, 0.52);
}

#modalLaudosLote .form-select option,
#qrMenuModal .form-select option,
#modalDesbloqueioProcessado .form-select option {
  color: #071422;
  background: #ffffff;
}

/* ---------------------- LISTAS E TABELAS ---------------------- */

#auditMenuModal .list-group-item,
#commentModal .list-group-item,
#cqHistoryModal .list-group-item {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  margin-bottom: 0.5rem;
}

#auditMenuModal table.table,
#commentModal table.table,
#cqHistoryModal table.table,
#modalLaudosLote table.table {
  --bs-table-bg: transparent;
  --bs-table-color: rgba(255, 255, 255, 0.9);
  --bs-table-striped-bg: rgba(255, 255, 255, 0.025);
  --bs-table-hover-bg: rgba(66, 189, 231, 0.075);
  --bs-table-hover-color: #ffffff;
  --bs-table-border-color: rgba(255, 255, 255, 0.08);

  color: rgba(255, 255, 255, 0.9);
}

#auditMenuModal thead.table-light,
#commentModal thead.table-light,
#cqHistoryModal thead.table-light {
  --bs-table-bg: rgba(255, 255, 255, 0.05);
  --bs-table-color: inherit;
  border-radius: 10px;
}

#modalLaudosLote .table-responsive {
  background: rgba(255, 255, 255, 0.025);
  border-color: rgba(121, 220, 255, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

#modalLaudosLote table.table {
  margin-bottom: 0;
}

#modalLaudosLote table.table thead th {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.035em;
  background: rgba(255, 255, 255, 0.045);
  border-bottom-color: rgba(121, 220, 255, 0.12);
}

#modalLaudosLote table.table tbody td {
  border-color: rgba(255, 255, 255, 0.08);
}

/* ---------------------- CHECKBOX LAUDOS ---------------------- */

#modalLaudosLote .form-check-input {
  border-color: rgba(66, 189, 231, 0.5);
  background-color: rgba(255, 255, 255, 0.06);
}

#modalLaudosLote .form-check-input:checked {
  border-color: #42bde7;
  background-color: #1f7fba;
}

/* ---------------------- QR MENU ---------------------- */

#qrMenuModal .qr-card {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 12px;
  height: 100%;
  background: rgba(255, 255, 255, 0.04);
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
  cursor: pointer;
}

#qrMenuModal .qr-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  border-color: rgba(66, 189, 231, 0.35);
}

#qrMenuModal .qr-title {
  font-weight: 600;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#qrMenuModal .qr-command {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.85rem;
  opacity: 0.85;
  margin-top: 0.25rem;
  user-select: all;
}

#qrMenuModal .qr-canvas-wrap {
  display: grid;
  place-items: center;
  min-height: 132px;
}

#qrMenuModal .header-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.75rem;
}

@media (min-width: 992px) {
  .form-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
  }

  #qrMenuModal .header-actions {
    margin-top: 0;
  }
}

/* ---------------------- QR LIGHTBOX ---------------------- */

#qrLightbox #qrLightboxImg {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

#qrLightbox #qrLightboxImg:hover,
#qrLightbox #qrLightboxImg:focus {
  transform: scale(1.015);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32);
  border-color: rgba(66, 189, 231, 0.35) !important;
  outline: none;
}

#qrLightbox #qrLightboxCaption {
  opacity: 0.85;
}

#qrLightbox a:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.25rem var(--rs-modal-focus);
  border-radius: 10px;
}

/* ---------------------- DESBLOQUEIO ---------------------- */

#modalDesbloqueioProcessado .alert {
  border-radius: 12px;
}

#modalDesbloqueioProcessado .modal-dialog.modal-dialog-scrollable .modal-content {
  overflow: hidden;
}

#modalDesbloqueioProcessado .modal-dialog.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

/* =======================================================
   TEMA CLARO
   ======================================================= */

:root[data-bs-theme="light"] #auditMenuModal ~ .modal-backdrop.fade,
:root[data-bs-theme="light"] #auditMenuModal ~ .modal-backdrop.show,
:root[data-bs-theme="light"] #commentModal ~ .modal-backdrop.fade,
:root[data-bs-theme="light"] #commentModal ~ .modal-backdrop.show,
:root[data-bs-theme="light"] #cqHistoryModal ~ .modal-backdrop.fade,
:root[data-bs-theme="light"] #cqHistoryModal ~ .modal-backdrop.show,
:root[data-bs-theme="light"] #qrMenuModal ~ .modal-backdrop.fade,
:root[data-bs-theme="light"] #qrMenuModal ~ .modal-backdrop.show,
:root[data-bs-theme="light"] #qrLightbox ~ .modal-backdrop.fade,
:root[data-bs-theme="light"] #qrLightbox ~ .modal-backdrop.show,
:root[data-bs-theme="light"] #modalDesbloqueioProcessado ~ .modal-backdrop.fade,
:root[data-bs-theme="light"] #modalDesbloqueioProcessado ~ .modal-backdrop.show,
:root[data-bs-theme="light"] #confirmQtdModal ~ .modal-backdrop.fade,
:root[data-bs-theme="light"] #confirmQtdModal ~ .modal-backdrop.show,
:root[data-bs-theme="light"] #modalLaudosLote ~ .modal-backdrop.fade,
:root[data-bs-theme="light"] #modalLaudosLote ~ .modal-backdrop.show {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.14),
    rgba(31, 127, 186, 0.12) 40%,
    rgba(7, 20, 34, 0.38) 70%
  );
}

/* ---------------------- CONTEÚDO LIGHT ---------------------- */

:root[data-bs-theme="light"] #auditMenuModal .modal-content,
:root[data-bs-theme="light"] #commentModal .modal-content,
:root[data-bs-theme="light"] #cqHistoryModal .modal-content,
:root[data-bs-theme="light"] #qrMenuModal .modal-content,
:root[data-bs-theme="light"] #qrLightbox .modal-content,
:root[data-bs-theme="light"] #modalDesbloqueioProcessado .modal-content,
:root[data-bs-theme="light"] #confirmQtdModal .modal-content,
:root[data-bs-theme="light"] #modalLaudosLote .modal-content {
  background: var(--rs-modal-bg-light);
  border: 1px solid var(--rs-modal-border-light);
  color: var(--rs-modal-text-light);
  box-shadow:
    var(--rs-modal-shadow-light),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

/* ---------------------- HEADER / FOOTER LIGHT ---------------------- */

:root[data-bs-theme="light"] #auditMenuModal .modal-header,
:root[data-bs-theme="light"] #commentModal .modal-header,
:root[data-bs-theme="light"] #cqHistoryModal .modal-header,
:root[data-bs-theme="light"] #qrMenuModal .modal-header,
:root[data-bs-theme="light"] #qrLightbox .modal-header,
:root[data-bs-theme="light"] #modalDesbloqueioProcessado .modal-header,
:root[data-bs-theme="light"] #confirmQtdModal .modal-header,
:root[data-bs-theme="light"] #modalLaudosLote .modal-header {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.10) 0%,
    rgba(31, 127, 186, 0.09) 100%
  );
  border-bottom: 1px solid rgba(31, 127, 186, 0.18);
}

:root[data-bs-theme="light"] #auditMenuModal .modal-footer,
:root[data-bs-theme="light"] #commentModal .modal-footer,
:root[data-bs-theme="light"] #cqHistoryModal .modal-footer,
:root[data-bs-theme="light"] #qrMenuModal .modal-footer,
:root[data-bs-theme="light"] #qrLightbox .modal-footer,
:root[data-bs-theme="light"] #modalDesbloqueioProcessado .modal-footer,
:root[data-bs-theme="light"] #confirmQtdModal .modal-footer,
:root[data-bs-theme="light"] #modalLaudosLote .modal-footer {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.05) 0%,
    rgba(31, 127, 186, 0.05) 100%
  );
  border-top: 1px solid rgba(7, 20, 34, 0.08);
}

/* ---------------------- TÍTULOS LIGHT ---------------------- */

:root[data-bs-theme="light"] #auditMenuModal .modal-title,
:root[data-bs-theme="light"] #commentModal .modal-title,
:root[data-bs-theme="light"] #cqHistoryModal .modal-title,
:root[data-bs-theme="light"] #qrMenuModal .modal-title,
:root[data-bs-theme="light"] #qrLightbox .modal-title,
:root[data-bs-theme="light"] #modalDesbloqueioProcessado .modal-title,
:root[data-bs-theme="light"] #confirmQtdModal .modal-title,
:root[data-bs-theme="light"] #modalLaudosLote .modal-title {
  background: linear-gradient(135deg, #133961 0%, #1f7fba 48%, #42bde7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ---------------------- TEXTOS LIGHT ---------------------- */

:root[data-bs-theme="light"] #auditMenuModal .text-body-secondary,
:root[data-bs-theme="light"] #commentModal .text-body-secondary,
:root[data-bs-theme="light"] #cqHistoryModal .text-body-secondary,
:root[data-bs-theme="light"] #qrMenuModal .text-body-secondary,
:root[data-bs-theme="light"] #qrLightbox .text-body-secondary,
:root[data-bs-theme="light"] #modalDesbloqueioProcessado .text-body-secondary,
:root[data-bs-theme="light"] #confirmQtdModal .text-body-secondary,
:root[data-bs-theme="light"] #modalLaudosLote .text-body-secondary,
:root[data-bs-theme="light"] #modalLaudosLote .form-text,
:root[data-bs-theme="light"] #modalLaudosLote #laudosLoteResumo {
  color: var(--rs-modal-muted-light) !important;
}

:root[data-bs-theme="light"] #auditMenuModal strong,
:root[data-bs-theme="light"] #commentModal strong,
:root[data-bs-theme="light"] #cqHistoryModal strong,
:root[data-bs-theme="light"] #qrMenuModal strong,
:root[data-bs-theme="light"] #qrLightbox strong,
:root[data-bs-theme="light"] #modalDesbloqueioProcessado strong,
:root[data-bs-theme="light"] #confirmQtdModal strong,
:root[data-bs-theme="light"] #modalLaudosLote strong,
:root[data-bs-theme="light"] #modalLaudosLote .form-label {
  color: var(--rs-modal-text-light);
}

/* ---------------------- FECHAR LIGHT ---------------------- */

:root[data-bs-theme="light"] #auditMenuModal .btn-close,
:root[data-bs-theme="light"] #commentModal .btn-close,
:root[data-bs-theme="light"] #cqHistoryModal .btn-close,
:root[data-bs-theme="light"] #qrMenuModal .btn-close,
:root[data-bs-theme="light"] #qrLightbox .btn-close,
:root[data-bs-theme="light"] #modalDesbloqueioProcessado .btn-close,
:root[data-bs-theme="light"] #confirmQtdModal .btn-close,
:root[data-bs-theme="light"] #modalLaudosLote .btn-close {
  filter: none;
  opacity: 0.72;
}

:root[data-bs-theme="light"] #auditMenuModal .btn-close:hover,
:root[data-bs-theme="light"] #commentModal .btn-close:hover,
:root[data-bs-theme="light"] #cqHistoryModal .btn-close:hover,
:root[data-bs-theme="light"] #qrMenuModal .btn-close:hover,
:root[data-bs-theme="light"] #qrLightbox .btn-close:hover,
:root[data-bs-theme="light"] #modalDesbloqueioProcessado .btn-close:hover,
:root[data-bs-theme="light"] #confirmQtdModal .btn-close:hover,
:root[data-bs-theme="light"] #modalLaudosLote .btn-close:hover {
  filter: none;
  opacity: 1;
}

/* ---------------------- INPUTS LIGHT ---------------------- */

:root[data-bs-theme="light"] #auditMenuModal textarea.form-control,
:root[data-bs-theme="light"] #auditMenuModal input.form-control,
:root[data-bs-theme="light"] #commentModal textarea.form-control,
:root[data-bs-theme="light"] #commentModal input.form-control,
:root[data-bs-theme="light"] #qrMenuModal .form-control,
:root[data-bs-theme="light"] #qrMenuModal .form-select,
:root[data-bs-theme="light"] #modalDesbloqueioProcessado .form-control,
:root[data-bs-theme="light"] #modalDesbloqueioProcessado .form-select,
:root[data-bs-theme="light"] #modalLaudosLote .form-control,
:root[data-bs-theme="light"] #modalLaudosLote .form-select,
:root[data-bs-theme="light"] #modalLaudosLote textarea,
:root[data-bs-theme="light"] #modalLaudosLote input[type="date"],
:root[data-bs-theme="light"] #modalLaudosLote input[type="file"] {
  background: rgba(7, 20, 34, 0.03);
  border: 2px solid rgba(31, 127, 186, 0.20);
  color: #071422;
}

:root[data-bs-theme="light"] #qrMenuModal .form-control:focus,
:root[data-bs-theme="light"] #qrMenuModal .form-select:focus,
:root[data-bs-theme="light"] #modalDesbloqueioProcessado .form-control:focus,
:root[data-bs-theme="light"] #modalDesbloqueioProcessado .form-select:focus,
:root[data-bs-theme="light"] #modalLaudosLote .form-control:focus,
:root[data-bs-theme="light"] #modalLaudosLote .form-select:focus,
:root[data-bs-theme="light"] #modalLaudosLote textarea:focus,
:root[data-bs-theme="light"] #modalLaudosLote input[type="date"]:focus,
:root[data-bs-theme="light"] #modalLaudosLote input[type="file"]:focus {
  background: rgba(7, 20, 34, 0.04);
  border-color: #1f7fba;
  box-shadow:
    0 0 0 0.25rem rgba(31, 127, 186, 0.16),
    0 4px 12px rgba(31, 127, 186, 0.12);
}

/* ---------------------- TABELAS LIGHT ---------------------- */

:root[data-bs-theme="light"] #auditMenuModal table.table,
:root[data-bs-theme="light"] #commentModal table.table,
:root[data-bs-theme="light"] #cqHistoryModal table.table,
:root[data-bs-theme="light"] #modalLaudosLote table.table {
  --bs-table-bg: transparent;
  --bs-table-color: #071422;
  --bs-table-striped-bg: rgba(7, 20, 34, 0.018);
  --bs-table-hover-bg: rgba(31, 127, 186, 0.065);
  --bs-table-hover-color: #071422;
  --bs-table-border-color: rgba(7, 20, 34, 0.08);

  color: #071422;
}

:root[data-bs-theme="light"] #auditMenuModal thead.table-light,
:root[data-bs-theme="light"] #commentModal thead.table-light,
:root[data-bs-theme="light"] #cqHistoryModal thead.table-light {
  --bs-table-bg: rgba(7, 20, 34, 0.04);
  --bs-table-color: #071422;
}

:root[data-bs-theme="light"] #modalLaudosLote .table-responsive {
  background: rgba(7, 20, 34, 0.018);
  border-color: rgba(7, 20, 34, 0.08) !important;
}

:root[data-bs-theme="light"] #modalLaudosLote table.table thead th {
  color: rgba(7, 20, 34, 0.62);
  background: rgba(7, 20, 34, 0.035);
  border-bottom-color: rgba(7, 20, 34, 0.08);
}

:root[data-bs-theme="light"] #modalLaudosLote table.table tbody td {
  border-color: rgba(7, 20, 34, 0.08);
}

/* ---------------------- QR LIGHT ---------------------- */

:root[data-bs-theme="light"] #qrMenuModal .qr-card {
  background: rgba(7, 20, 34, 0.02);
  border: 1px solid rgba(7, 20, 34, 0.08);
}

:root[data-bs-theme="light"] #qrMenuModal .qr-card:hover {
  border-color: rgba(31, 127, 186, 0.28);
  box-shadow: 0 8px 24px rgba(7, 20, 34, 0.16);
}

:root[data-bs-theme="light"] #qrLightbox #qrLightboxImg {
  background: rgba(7, 20, 34, 0.03);
  border: 1px solid rgba(7, 20, 34, 0.12) !important;
  box-shadow: 0 8px 24px rgba(7, 20, 34, 0.16);
}

/* ---------------------- CHECKBOX LIGHT ---------------------- */

:root[data-bs-theme="light"] #modalLaudosLote .form-check-input {
  border-color: rgba(31, 127, 186, 0.45);
  background-color: rgba(255, 255, 255, 0.8);
}

:root[data-bs-theme="light"] #modalLaudosLote .form-check-input:checked {
  border-color: #1f7fba;
  background-color: #1f7fba;
}

/* ---------------------- BOTÕES LIGHT ---------------------- */

:root[data-bs-theme="light"] #modalLaudosLote .btn-outline-secondary {
  border-color: rgba(7, 20, 34, 0.12);
  color: #071422;
  background: rgba(7, 20, 34, 0.02);
}

:root[data-bs-theme="light"] #modalLaudosLote .btn-outline-secondary:hover {
  border-color: rgba(31, 127, 186, 0.28);
  background: rgba(31, 127, 186, 0.08);
  color: #071422;
}

:root[data-bs-theme="light"] #modalLaudosLote .btn-outline-primary {
  border-color: rgba(31, 127, 186, 0.46);
  color: #1f7fba;
  background: rgba(31, 127, 186, 0.07);
}

:root[data-bs-theme="light"] #modalLaudosLote .btn-outline-primary:hover {
  border-color: rgba(31, 127, 186, 0.72);
  background: rgba(31, 127, 186, 0.13);
  color: #133961;
}

:root[data-bs-theme="light"] #auditMenuModal .btn:focus-visible,
:root[data-bs-theme="light"] #commentModal .btn:focus-visible,
:root[data-bs-theme="light"] #cqHistoryModal .btn:focus-visible,
:root[data-bs-theme="light"] #qrMenuModal .btn:focus-visible,
:root[data-bs-theme="light"] #qrLightbox .btn:focus-visible,
:root[data-bs-theme="light"] #modalDesbloqueioProcessado .btn:focus-visible,
:root[data-bs-theme="light"] #confirmQtdModal .btn:focus-visible,
:root[data-bs-theme="light"] #modalLaudosLote .btn:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(31, 127, 186, 0.22);
}

/* =======================================================
   MODAL — EXCLUIR DOCUMENTO / LAUDO
   ID: #modalExcluirDocumento
   ======================================================= */

#modalExcluirDocumento.modal,
#modalExcluirDocumento.modal.show {
  z-index: 2060 !important;
}

#modalExcluirDocumento ~ .modal-backdrop.fade {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.16),
    rgba(31, 127, 186, 0.15) 40%,
    rgba(7, 20, 34, 0.72) 70%
  );
  opacity: 0;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition: opacity 0.35s ease, backdrop-filter 0.35s ease;
}

#modalExcluirDocumento ~ .modal-backdrop.show {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.16),
    rgba(31, 127, 186, 0.15) 40%,
    rgba(7, 20, 34, 0.72) 70%
  );
  opacity: 1 !important;
  backdrop-filter: blur(7px) saturate(1.08);
  -webkit-backdrop-filter: blur(7px) saturate(1.08);
}

#modalExcluirDocumento.modal.fade .modal-dialog {
  transition: none;
}

#modalExcluirDocumento.modal.show .modal-dialog {
  animation: modalGlassFadeUp 0.45s ease both;
}

#modalExcluirDocumento.modal.fade:not(.show) .modal-dialog {
  animation: modalGlassFadeDown 0.35s ease both;
}

#modalExcluirDocumento .modal-content {
  background: var(--rs-modal-bg-dark, rgba(7, 20, 34, 0.78));
  border: 1px solid var(--rs-modal-border-dark, rgba(121, 220, 255, 0.16));
  border-radius: 18px;
  overflow: hidden;
  color: var(--rs-modal-text-dark, rgba(255, 255, 255, 0.92));
  box-shadow:
    var(--rs-modal-shadow-dark, 0 24px 80px rgba(0, 0, 0, 0.42)),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
}

#modalExcluirDocumento .modal-header {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.11) 0%,
    rgba(31, 127, 186, 0.12) 100%
  );
  border-bottom: 1px solid rgba(121, 220, 255, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 1rem 1.25rem;
}

#modalExcluirDocumento .modal-title {
  font-weight: 700;
  margin: 0;
  background: linear-gradient(135deg, #79dcff 0%, #42bde7 48%, #1f7fba 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

#modalExcluirDocumento .modal-body {
  padding: 1.25rem;
}

#modalExcluirDocumento .modal-footer {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.055) 0%,
    rgba(31, 127, 186, 0.06) 100%
  );
  border-top: 1px solid rgba(121, 220, 255, 0.12);
  padding: 1rem 1.25rem;
}

#modalExcluirDocumento .text-body-secondary,
#modalExcluirDocumento #nomeDocumentoExcluir {
  color: var(--rs-modal-muted-dark, rgba(255, 255, 255, 0.68)) !important;
}

#modalExcluirDocumento .btn {
  border-radius: 10px;
}

#modalExcluirDocumento .btn-close {
  filter: invert(1) grayscale(100%) opacity(0.78);
  transition: transform 0.15s ease, filter 0.2s ease;
}

#modalExcluirDocumento .btn-close:hover {
  transform: scale(1.05);
  filter: invert(1) opacity(1);
}

#modalExcluirDocumento .btn-close:focus,
#modalExcluirDocumento .btn:focus-visible,
#modalExcluirDocumento button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.25rem var(--rs-modal-focus, rgba(66, 189, 231, 0.25));
}

#modalExcluirDocumento .btn-outline-secondary {
  border-color: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.03);
}

#modalExcluirDocumento .btn-outline-secondary:hover {
  border-color: rgba(66, 189, 231, 0.38);
  background: rgba(66, 189, 231, 0.10);
  color: #ffffff;
}

/* Tema claro */
:root[data-bs-theme="light"] #modalExcluirDocumento ~ .modal-backdrop.fade,
:root[data-bs-theme="light"] #modalExcluirDocumento ~ .modal-backdrop.show {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.14),
    rgba(31, 127, 186, 0.12) 40%,
    rgba(7, 20, 34, 0.38) 70%
  );
}

:root[data-bs-theme="light"] #modalExcluirDocumento .modal-content {
  background: var(--rs-modal-bg-light, rgba(255, 255, 255, 0.90));
  border: 1px solid var(--rs-modal-border-light, rgba(7, 20, 34, 0.10));
  color: var(--rs-modal-text-light, #071422);
  box-shadow:
    var(--rs-modal-shadow-light, 0 10px 30px rgba(7, 20, 34, 0.18)),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

:root[data-bs-theme="light"] #modalExcluirDocumento .modal-header {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.10) 0%,
    rgba(31, 127, 186, 0.09) 100%
  );
  border-bottom: 1px solid rgba(31, 127, 186, 0.18);
}

:root[data-bs-theme="light"] #modalExcluirDocumento .modal-footer {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.05) 0%,
    rgba(31, 127, 186, 0.05) 100%
  );
  border-top: 1px solid rgba(7, 20, 34, 0.08);
}

:root[data-bs-theme="light"] #modalExcluirDocumento .modal-title {
  background: linear-gradient(135deg, #133961 0%, #1f7fba 48%, #42bde7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

:root[data-bs-theme="light"] #modalExcluirDocumento .text-body-secondary,
:root[data-bs-theme="light"] #modalExcluirDocumento #nomeDocumentoExcluir {
  color: var(--rs-modal-muted-light, rgba(7, 20, 34, 0.66)) !important;
}

:root[data-bs-theme="light"] #modalExcluirDocumento .btn-close {
  filter: none;
  opacity: 0.72;
}

:root[data-bs-theme="light"] #modalExcluirDocumento .btn-close:hover {
  filter: none;
  opacity: 1;
}

:root[data-bs-theme="light"] #modalExcluirDocumento .btn-outline-secondary {
  border-color: rgba(7, 20, 34, 0.12);
  color: #071422;
  background: rgba(7, 20, 34, 0.02);
}

:root[data-bs-theme="light"] #modalExcluirDocumento .btn-outline-secondary:hover {
  border-color: rgba(31, 127, 186, 0.28);
  background: rgba(31, 127, 186, 0.08);
  color: #071422;
}

/* =======================================================
   MODAL — IMPORTAÇÃO EM MASSA DE DOCUMENTOS DE REPRODUTORES
   ID: #modalImportacaoMassaReprodutores
   ======================================================= */

#modalImportacaoMassaReprodutores.modal,
#modalImportacaoMassaReprodutores.modal.show {
  z-index: 2060 !important;
}

#modalImportacaoMassaReprodutores ~ .modal-backdrop.fade {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.16),
    rgba(31, 127, 186, 0.15) 40%,
    rgba(7, 20, 34, 0.72) 70%
  );
  opacity: 0;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition: opacity 0.35s ease, backdrop-filter 0.35s ease;
}

#modalImportacaoMassaReprodutores ~ .modal-backdrop.show {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.16),
    rgba(31, 127, 186, 0.15) 40%,
    rgba(7, 20, 34, 0.72) 70%
  );
  opacity: 1 !important;
  backdrop-filter: blur(7px) saturate(1.08);
  -webkit-backdrop-filter: blur(7px) saturate(1.08);
}

#modalImportacaoMassaReprodutores.modal.fade .modal-dialog {
  transition: none;
}

#modalImportacaoMassaReprodutores.modal.show .modal-dialog {
  animation: modalGlassFadeUp 0.45s ease both;
}

#modalImportacaoMassaReprodutores.modal.fade:not(.show) .modal-dialog {
  animation: modalGlassFadeDown 0.35s ease both;
}

#modalImportacaoMassaReprodutores .modal-content {
  background: var(--rs-modal-bg-dark, rgba(7, 20, 34, 0.78));
  border: 1px solid var(--rs-modal-border-dark, rgba(121, 220, 255, 0.16));
  border-radius: 18px;
  overflow: hidden;
  color: var(--rs-modal-text-dark, rgba(255, 255, 255, 0.92));
  box-shadow:
    var(--rs-modal-shadow-dark, 0 24px 80px rgba(0, 0, 0, 0.42)),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
}

#modalImportacaoMassaReprodutores .modal-header {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.11) 0%,
    rgba(31, 127, 186, 0.12) 100%
  );
  border-bottom: 1px solid rgba(121, 220, 255, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 1rem 1.25rem;
}

#modalImportacaoMassaReprodutores .modal-title {
  font-weight: 700;
  margin: 0;
  background: linear-gradient(135deg, #79dcff 0%, #42bde7 48%, #1f7fba 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

#modalImportacaoMassaReprodutores .modal-body {
  padding: 1.25rem;
}

#modalImportacaoMassaReprodutores .modal-footer {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.055) 0%,
    rgba(31, 127, 186, 0.06) 100%
  );
  border-top: 1px solid rgba(121, 220, 255, 0.12);
  padding: 1rem 1.25rem;
}

#modalImportacaoMassaReprodutores .text-body-secondary,
#modalImportacaoMassaReprodutores .form-text,
#modalImportacaoMassaReprodutores #importacaoMassaResumo {
  color: var(--rs-modal-muted-dark, rgba(255, 255, 255, 0.68)) !important;
}

#modalImportacaoMassaReprodutores strong,
#modalImportacaoMassaReprodutores .form-label {
  color: var(--rs-modal-text-dark, rgba(255, 255, 255, 0.92));
}

#modalImportacaoMassaReprodutores .btn-close {
  filter: invert(1) grayscale(100%) opacity(0.78);
  transition: transform 0.15s ease, filter 0.2s ease;
}

#modalImportacaoMassaReprodutores .btn-close:hover {
  transform: scale(1.05);
  filter: invert(1) opacity(1);
}

#modalImportacaoMassaReprodutores .btn-close:focus,
#modalImportacaoMassaReprodutores .btn:focus-visible,
#modalImportacaoMassaReprodutores button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.25rem var(--rs-modal-focus, rgba(66, 189, 231, 0.25));
}

#modalImportacaoMassaReprodutores .btn {
  border-radius: 10px;
}

#modalImportacaoMassaReprodutores .btn-outline-secondary {
  border-color: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.03);
}

#modalImportacaoMassaReprodutores .btn-outline-secondary:hover {
  border-color: rgba(66, 189, 231, 0.38);
  background: rgba(66, 189, 231, 0.10);
  color: #ffffff;
}

#modalImportacaoMassaReprodutores .btn-outline-primary {
  border-color: rgba(66, 189, 231, 0.50);
  color: #79dcff;
  background: rgba(66, 189, 231, 0.08);
}

#modalImportacaoMassaReprodutores .btn-outline-primary:hover {
  border-color: rgba(66, 189, 231, 0.85);
  background: rgba(66, 189, 231, 0.16);
  color: #ffffff;
}

#modalImportacaoMassaReprodutores .form-control,
#modalImportacaoMassaReprodutores .form-select,
#modalImportacaoMassaReprodutores input[type="file"],
#modalImportacaoMassaReprodutores input[type="search"] {
  background: rgba(255, 255, 255, 0.055);
  border: 2px solid rgba(66, 189, 231, 0.20);
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.92);
  box-shadow: none;
}

#modalImportacaoMassaReprodutores .form-control:focus,
#modalImportacaoMassaReprodutores .form-select:focus,
#modalImportacaoMassaReprodutores input[type="file"]:focus,
#modalImportacaoMassaReprodutores input[type="search"]:focus {
  background: rgba(255, 255, 255, 0.08);
  border-color: #42bde7;
  box-shadow:
    0 0 0 0.25rem rgba(66, 189, 231, 0.22),
    0 4px 12px rgba(66, 189, 231, 0.16);
  transform: translateY(-1px);
}

#modalImportacaoMassaReprodutores .form-control::placeholder,
#modalImportacaoMassaReprodutores input[type="search"]::placeholder {
  color: rgba(255, 255, 255, 0.52);
}

#modalImportacaoMassaReprodutores .form-select option {
  color: #071422;
  background: #ffffff;
}

#modalImportacaoMassaReprodutores .table-responsive {
  background: rgba(255, 255, 255, 0.025);
  border-color: rgba(121, 220, 255, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  overflow-y: auto;
}

#modalImportacaoMassaReprodutores table.table {
  --bs-table-bg: transparent;
  --bs-table-color: rgba(255, 255, 255, 0.9);
  --bs-table-striped-bg: rgba(255, 255, 255, 0.025);
  --bs-table-hover-bg: rgba(66, 189, 231, 0.075);
  --bs-table-hover-color: #ffffff;
  --bs-table-border-color: rgba(255, 255, 255, 0.08);

  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 0;
}

#modalImportacaoMassaReprodutores table.table thead th {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.035em;
  background: rgba(255, 255, 255, 0.045);
  border-bottom-color: rgba(121, 220, 255, 0.12);
}

#modalImportacaoMassaReprodutores table.table tbody td {
  border-color: rgba(255, 255, 255, 0.08);
}

#modalImportacaoMassaReprodutores .form-check-input {
  border-color: rgba(66, 189, 231, 0.5);
  background-color: rgba(255, 255, 255, 0.06);
}

#modalImportacaoMassaReprodutores .form-check-input:checked {
  border-color: #42bde7;
  background-color: #1f7fba;
}

/* Tema claro */
:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores ~ .modal-backdrop.fade,
:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores ~ .modal-backdrop.show {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.14),
    rgba(31, 127, 186, 0.12) 40%,
    rgba(7, 20, 34, 0.38) 70%
  );
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .modal-content {
  background: var(--rs-modal-bg-light, rgba(255, 255, 255, 0.90));
  border: 1px solid var(--rs-modal-border-light, rgba(7, 20, 34, 0.10));
  color: var(--rs-modal-text-light, #071422);
  box-shadow:
    var(--rs-modal-shadow-light, 0 10px 30px rgba(7, 20, 34, 0.18)),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .modal-header {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.10) 0%,
    rgba(31, 127, 186, 0.09) 100%
  );
  border-bottom: 1px solid rgba(31, 127, 186, 0.18);
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .modal-footer {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.05) 0%,
    rgba(31, 127, 186, 0.05) 100%
  );
  border-top: 1px solid rgba(7, 20, 34, 0.08);
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .modal-title {
  background: linear-gradient(135deg, #133961 0%, #1f7fba 48%, #42bde7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .text-body-secondary,
:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .form-text,
:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores #importacaoMassaResumo {
  color: var(--rs-modal-muted-light, rgba(7, 20, 34, 0.66)) !important;
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores strong,
:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .form-label {
  color: var(--rs-modal-text-light, #071422);
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .btn-close {
  filter: none;
  opacity: 0.72;
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .btn-close:hover {
  filter: none;
  opacity: 1;
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .form-control,
:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .form-select,
:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores input[type="file"],
:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores input[type="search"] {
  background: rgba(7, 20, 34, 0.03);
  border: 2px solid rgba(31, 127, 186, 0.20);
  color: #071422;
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .form-control:focus,
:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .form-select:focus,
:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores input[type="file"]:focus,
:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores input[type="search"]:focus {
  background: rgba(7, 20, 34, 0.04);
  border-color: #1f7fba;
  box-shadow:
    0 0 0 0.25rem rgba(31, 127, 186, 0.16),
    0 4px 12px rgba(31, 127, 186, 0.12);
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores table.table {
  --bs-table-bg: transparent;
  --bs-table-color: #071422;
  --bs-table-striped-bg: rgba(7, 20, 34, 0.018);
  --bs-table-hover-bg: rgba(31, 127, 186, 0.065);
  --bs-table-hover-color: #071422;
  --bs-table-border-color: rgba(7, 20, 34, 0.08);

  color: #071422;
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .table-responsive {
  background: rgba(7, 20, 34, 0.018);
  border-color: rgba(7, 20, 34, 0.08) !important;
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores table.table thead th {
  color: rgba(7, 20, 34, 0.62);
  background: rgba(7, 20, 34, 0.035);
  border-bottom-color: rgba(7, 20, 34, 0.08);
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores table.table tbody td {
  border-color: rgba(7, 20, 34, 0.08);
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .form-check-input {
  border-color: rgba(31, 127, 186, 0.45);
  background-color: rgba(255, 255, 255, 0.8);
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .form-check-input:checked {
  border-color: #1f7fba;
  background-color: #1f7fba;
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .btn-outline-secondary {
  border-color: rgba(7, 20, 34, 0.12);
  color: #071422;
  background: rgba(7, 20, 34, 0.02);
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .btn-outline-secondary:hover {
  border-color: rgba(31, 127, 186, 0.28);
  background: rgba(31, 127, 186, 0.08);
  color: #071422;
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .btn-outline-primary {
  border-color: rgba(31, 127, 186, 0.46);
  color: #1f7fba;
  background: rgba(31, 127, 186, 0.07);
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .btn-outline-primary:hover {
  border-color: rgba(31, 127, 186, 0.72);
  background: rgba(31, 127, 186, 0.13);
  color: #133961;
}

:root[data-bs-theme="light"] #modalImportacaoMassaReprodutores .btn:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(31, 127, 186, 0.22);
}

/* =======================================================
   MODAIS — AJUSTAR / EXCLUIR AGENDA DE QUARENTENA
   IDs: #ajustarAgendaModal, #excluirAgendaModal
   ======================================================= */

#ajustarAgendaModal.modal,
#ajustarAgendaModal.modal.show,
#excluirAgendaModal.modal,
#excluirAgendaModal.modal.show {
  z-index: 2060 !important;
}

#ajustarAgendaModal ~ .modal-backdrop.fade,
#excluirAgendaModal ~ .modal-backdrop.fade {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.16),
    rgba(31, 127, 186, 0.15) 40%,
    rgba(7, 20, 34, 0.72) 70%
  );
  opacity: 0;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition: opacity 0.35s ease, backdrop-filter 0.35s ease;
}

#ajustarAgendaModal ~ .modal-backdrop.show,
#excluirAgendaModal ~ .modal-backdrop.show {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.16),
    rgba(31, 127, 186, 0.15) 40%,
    rgba(7, 20, 34, 0.72) 70%
  );
  opacity: 1 !important;
  backdrop-filter: blur(7px) saturate(1.08);
  -webkit-backdrop-filter: blur(7px) saturate(1.08);
}

#ajustarAgendaModal.modal.fade .modal-dialog,
#excluirAgendaModal.modal.fade .modal-dialog {
  transition: none;
}

#ajustarAgendaModal.modal.show .modal-dialog,
#excluirAgendaModal.modal.show .modal-dialog {
  animation: modalGlassFadeUp 0.45s ease both;
}

#ajustarAgendaModal.modal.fade:not(.show) .modal-dialog,
#excluirAgendaModal.modal.fade:not(.show) .modal-dialog {
  animation: modalGlassFadeDown 0.35s ease both;
}

#ajustarAgendaModal .modal-content,
#excluirAgendaModal .modal-content {
  background: var(--rs-modal-bg-dark, rgba(7, 20, 34, 0.78));
  border: 1px solid var(--rs-modal-border-dark, rgba(121, 220, 255, 0.16));
  border-radius: 18px;
  overflow: hidden;
  color: var(--rs-modal-text-dark, rgba(255, 255, 255, 0.92));
  box-shadow:
    var(--rs-modal-shadow-dark, 0 24px 80px rgba(0, 0, 0, 0.42)),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
}

#ajustarAgendaModal .modal-header,
#excluirAgendaModal .modal-header {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.11) 0%,
    rgba(31, 127, 186, 0.12) 100%
  );
  border-bottom: 1px solid rgba(121, 220, 255, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 1rem 1.25rem;
}

#ajustarAgendaModal .modal-title,
#excluirAgendaModal .modal-title {
  font-weight: 700;
  margin: 0;
  background: linear-gradient(135deg, #79dcff 0%, #42bde7 48%, #1f7fba 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

#ajustarAgendaModal .modal-body,
#excluirAgendaModal .modal-body {
  padding: 1.25rem;
}

#ajustarAgendaModal .modal-footer,
#excluirAgendaModal .modal-footer {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.055) 0%,
    rgba(31, 127, 186, 0.06) 100%
  );
  border-top: 1px solid rgba(121, 220, 255, 0.12);
  padding: 1rem 1.25rem;
}

#ajustarAgendaModal .text-body-secondary,
#excluirAgendaModal .text-body-secondary,
#ajustarAgendaModal .form-text,
#excluirAgendaModal .form-text {
  color: var(--rs-modal-muted-dark, rgba(255, 255, 255, 0.68)) !important;
}

#ajustarAgendaModal strong,
#excluirAgendaModal strong,
#ajustarAgendaModal .form-label,
#excluirAgendaModal .form-label {
  color: var(--rs-modal-text-dark, rgba(255, 255, 255, 0.92));
}

#ajustarAgendaModal .btn,
#excluirAgendaModal .btn {
  border-radius: 10px;
}

#ajustarAgendaModal .btn-close,
#excluirAgendaModal .btn-close {
  filter: invert(1) grayscale(100%) opacity(0.78);
  transition: transform 0.15s ease, filter 0.2s ease;
}

#ajustarAgendaModal .btn-close:hover,
#excluirAgendaModal .btn-close:hover {
  transform: scale(1.05);
  filter: invert(1) opacity(1);
}

#ajustarAgendaModal .btn-close:focus,
#excluirAgendaModal .btn-close:focus,
#ajustarAgendaModal .btn:focus-visible,
#excluirAgendaModal .btn:focus-visible,
#ajustarAgendaModal button:focus-visible,
#excluirAgendaModal button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.25rem var(--rs-modal-focus, rgba(66, 189, 231, 0.25));
}

#ajustarAgendaModal .btn-outline-secondary,
#excluirAgendaModal .btn-outline-secondary {
  border-color: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.03);
}

#ajustarAgendaModal .btn-outline-secondary:hover,
#excluirAgendaModal .btn-outline-secondary:hover {
  border-color: rgba(66, 189, 231, 0.38);
  background: rgba(66, 189, 231, 0.10);
  color: #ffffff;
}

#ajustarAgendaModal .form-control,
#ajustarAgendaModal input[type="date"] {
  background: rgba(255, 255, 255, 0.055);
  border: 2px solid rgba(66, 189, 231, 0.20);
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.92);
  box-shadow: none;
}

#ajustarAgendaModal .form-control:focus,
#ajustarAgendaModal input[type="date"]:focus {
  background: rgba(255, 255, 255, 0.08);
  border-color: #42bde7;
  box-shadow:
    0 0 0 0.25rem rgba(66, 189, 231, 0.22),
    0 4px 12px rgba(66, 189, 231, 0.16);
  transform: translateY(-1px);
}

/* Tema claro */
:root[data-bs-theme="light"] #ajustarAgendaModal ~ .modal-backdrop.fade,
:root[data-bs-theme="light"] #ajustarAgendaModal ~ .modal-backdrop.show,
:root[data-bs-theme="light"] #excluirAgendaModal ~ .modal-backdrop.fade,
:root[data-bs-theme="light"] #excluirAgendaModal ~ .modal-backdrop.show {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.14),
    rgba(31, 127, 186, 0.12) 40%,
    rgba(7, 20, 34, 0.38) 70%
  );
}

:root[data-bs-theme="light"] #ajustarAgendaModal .modal-content,
:root[data-bs-theme="light"] #excluirAgendaModal .modal-content {
  background: var(--rs-modal-bg-light, rgba(255, 255, 255, 0.90));
  border: 1px solid var(--rs-modal-border-light, rgba(7, 20, 34, 0.10));
  color: var(--rs-modal-text-light, #071422);
  box-shadow:
    var(--rs-modal-shadow-light, 0 10px 30px rgba(7, 20, 34, 0.18)),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

:root[data-bs-theme="light"] #ajustarAgendaModal .modal-header,
:root[data-bs-theme="light"] #excluirAgendaModal .modal-header {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.10) 0%,
    rgba(31, 127, 186, 0.09) 100%
  );
  border-bottom: 1px solid rgba(31, 127, 186, 0.18);
}

:root[data-bs-theme="light"] #ajustarAgendaModal .modal-footer,
:root[data-bs-theme="light"] #excluirAgendaModal .modal-footer {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.05) 0%,
    rgba(31, 127, 186, 0.05) 100%
  );
  border-top: 1px solid rgba(7, 20, 34, 0.08);
}

:root[data-bs-theme="light"] #ajustarAgendaModal .modal-title,
:root[data-bs-theme="light"] #excluirAgendaModal .modal-title {
  background: linear-gradient(135deg, #133961 0%, #1f7fba 48%, #42bde7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

:root[data-bs-theme="light"] #ajustarAgendaModal .text-body-secondary,
:root[data-bs-theme="light"] #excluirAgendaModal .text-body-secondary,
:root[data-bs-theme="light"] #ajustarAgendaModal .form-text,
:root[data-bs-theme="light"] #excluirAgendaModal .form-text {
  color: var(--rs-modal-muted-light, rgba(7, 20, 34, 0.66)) !important;
}

:root[data-bs-theme="light"] #ajustarAgendaModal strong,
:root[data-bs-theme="light"] #excluirAgendaModal strong,
:root[data-bs-theme="light"] #ajustarAgendaModal .form-label,
:root[data-bs-theme="light"] #excluirAgendaModal .form-label {
  color: var(--rs-modal-text-light, #071422);
}

:root[data-bs-theme="light"] #ajustarAgendaModal .btn-close,
:root[data-bs-theme="light"] #excluirAgendaModal .btn-close {
  filter: none;
  opacity: 0.72;
}

:root[data-bs-theme="light"] #ajustarAgendaModal .btn-close:hover,
:root[data-bs-theme="light"] #excluirAgendaModal .btn-close:hover {
  filter: none;
  opacity: 1;
}

:root[data-bs-theme="light"] #ajustarAgendaModal .form-control,
:root[data-bs-theme="light"] #ajustarAgendaModal input[type="date"] {
  background: rgba(7, 20, 34, 0.03);
  border: 2px solid rgba(31, 127, 186, 0.20);
  color: #071422;
}

:root[data-bs-theme="light"] #ajustarAgendaModal .form-control:focus,
:root[data-bs-theme="light"] #ajustarAgendaModal input[type="date"]:focus {
  background: rgba(7, 20, 34, 0.04);
  border-color: #1f7fba;
  box-shadow:
    0 0 0 0.25rem rgba(31, 127, 186, 0.16),
    0 4px 12px rgba(31, 127, 186, 0.12);
}

:root[data-bs-theme="light"] #ajustarAgendaModal .btn-outline-secondary,
:root[data-bs-theme="light"] #excluirAgendaModal .btn-outline-secondary {
  border-color: rgba(7, 20, 34, 0.12);
  color: #071422;
  background: rgba(7, 20, 34, 0.02);
}

:root[data-bs-theme="light"] #ajustarAgendaModal .btn-outline-secondary:hover,
:root[data-bs-theme="light"] #excluirAgendaModal .btn-outline-secondary:hover {
  border-color: rgba(31, 127, 186, 0.28);
  background: rgba(31, 127, 186, 0.08);
  color: #071422;
}

/* =======================================================
   MODAL — RENOMEAR DOCUMENTO / LAUDO
   ID: #modalRenomearDocumento
   ======================================================= */

#modalRenomearDocumento.modal,
#modalRenomearDocumento.modal.show {
  z-index: 2060 !important;
}

#modalRenomearDocumento ~ .modal-backdrop.fade {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.16),
    rgba(31, 127, 186, 0.15) 40%,
    rgba(7, 20, 34, 0.72) 70%
  );
  opacity: 0;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition: opacity 0.35s ease, backdrop-filter 0.35s ease;
}

#modalRenomearDocumento ~ .modal-backdrop.show {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.16),
    rgba(31, 127, 186, 0.15) 40%,
    rgba(7, 20, 34, 0.72) 70%
  );
  opacity: 1 !important;
  backdrop-filter: blur(7px) saturate(1.08);
  -webkit-backdrop-filter: blur(7px) saturate(1.08);
}

#modalRenomearDocumento.modal.fade .modal-dialog {
  transition: none;
}

#modalRenomearDocumento.modal.show .modal-dialog {
  animation: modalGlassFadeUp 0.45s ease both;
}

#modalRenomearDocumento.modal.fade:not(.show) .modal-dialog {
  animation: modalGlassFadeDown 0.35s ease both;
}

#modalRenomearDocumento .modal-content {
  background: var(--rs-modal-bg-dark, rgba(7, 20, 34, 0.78));
  border: 1px solid var(--rs-modal-border-dark, rgba(121, 220, 255, 0.16));
  border-radius: 18px;
  overflow: hidden;
  color: var(--rs-modal-text-dark, rgba(255, 255, 255, 0.92));
  box-shadow:
    var(--rs-modal-shadow-dark, 0 24px 80px rgba(0, 0, 0, 0.42)),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
}

#modalRenomearDocumento .modal-header {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.11) 0%,
    rgba(31, 127, 186, 0.12) 100%
  );
  border-bottom: 1px solid rgba(121, 220, 255, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 1rem 1.25rem;
}

#modalRenomearDocumento .modal-title {
  font-weight: 700;
  margin: 0;
  background: linear-gradient(135deg, #79dcff 0%, #42bde7 48%, #1f7fba 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

#modalRenomearDocumento .modal-body {
  padding: 1.25rem;
}

#modalRenomearDocumento .modal-footer {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.055) 0%,
    rgba(31, 127, 186, 0.06) 100%
  );
  border-top: 1px solid rgba(121, 220, 255, 0.12);
  padding: 1rem 1.25rem;
}

#modalRenomearDocumento .text-body-secondary,
#modalRenomearDocumento .form-text {
  color: var(--rs-modal-muted-dark, rgba(255, 255, 255, 0.68)) !important;
}

#modalRenomearDocumento strong,
#modalRenomearDocumento .form-label {
  color: var(--rs-modal-text-dark, rgba(255, 255, 255, 0.92));
}

#modalRenomearDocumento .btn {
  border-radius: 10px;
}

#modalRenomearDocumento .btn-close {
  filter: invert(1) grayscale(100%) opacity(0.78);
  transition: transform 0.15s ease, filter 0.2s ease;
}

#modalRenomearDocumento .btn-close:hover {
  transform: scale(1.05);
  filter: invert(1) opacity(1);
}

#modalRenomearDocumento .btn-close:focus,
#modalRenomearDocumento .btn:focus-visible,
#modalRenomearDocumento button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.25rem var(--rs-modal-focus, rgba(66, 189, 231, 0.25));
}

#modalRenomearDocumento .btn-outline-secondary {
  border-color: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.03);
}

#modalRenomearDocumento .btn-outline-secondary:hover {
  border-color: rgba(66, 189, 231, 0.38);
  background: rgba(66, 189, 231, 0.10);
  color: #ffffff;
}

#modalRenomearDocumento .form-control,
#modalRenomearDocumento input[type="text"] {
  background: rgba(255, 255, 255, 0.055);
  border: 2px solid rgba(66, 189, 231, 0.20);
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.92);
  box-shadow: none;
}

#modalRenomearDocumento .form-control:focus,
#modalRenomearDocumento input[type="text"]:focus {
  background: rgba(255, 255, 255, 0.08);
  border-color: #42bde7;
  box-shadow:
    0 0 0 0.25rem rgba(66, 189, 231, 0.22),
    0 4px 12px rgba(66, 189, 231, 0.16);
  transform: translateY(-1px);
}

#modalRenomearDocumento .form-control::placeholder {
  color: rgba(255, 255, 255, 0.52);
}

/* Tema claro */
:root[data-bs-theme="light"] #modalRenomearDocumento ~ .modal-backdrop.fade,
:root[data-bs-theme="light"] #modalRenomearDocumento ~ .modal-backdrop.show {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.14),
    rgba(31, 127, 186, 0.12) 40%,
    rgba(7, 20, 34, 0.38) 70%
  );
}

:root[data-bs-theme="light"] #modalRenomearDocumento .modal-content {
  background: var(--rs-modal-bg-light, rgba(255, 255, 255, 0.90));
  border: 1px solid var(--rs-modal-border-light, rgba(7, 20, 34, 0.10));
  color: var(--rs-modal-text-light, #071422);
  box-shadow:
    var(--rs-modal-shadow-light, 0 10px 30px rgba(7, 20, 34, 0.18)),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

:root[data-bs-theme="light"] #modalRenomearDocumento .modal-header {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.10) 0%,
    rgba(31, 127, 186, 0.09) 100%
  );
  border-bottom: 1px solid rgba(31, 127, 186, 0.18);
}

:root[data-bs-theme="light"] #modalRenomearDocumento .modal-footer {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.05) 0%,
    rgba(31, 127, 186, 0.05) 100%
  );
  border-top: 1px solid rgba(7, 20, 34, 0.08);
}

:root[data-bs-theme="light"] #modalRenomearDocumento .modal-title {
  background: linear-gradient(135deg, #133961 0%, #1f7fba 48%, #42bde7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

:root[data-bs-theme="light"] #modalRenomearDocumento .text-body-secondary,
:root[data-bs-theme="light"] #modalRenomearDocumento .form-text {
  color: var(--rs-modal-muted-light, rgba(7, 20, 34, 0.66)) !important;
}

:root[data-bs-theme="light"] #modalRenomearDocumento strong,
:root[data-bs-theme="light"] #modalRenomearDocumento .form-label {
  color: var(--rs-modal-text-light, #071422);
}

:root[data-bs-theme="light"] #modalRenomearDocumento .btn-close {
  filter: none;
  opacity: 0.72;
}

:root[data-bs-theme="light"] #modalRenomearDocumento .btn-close:hover {
  filter: none;
  opacity: 1;
}

:root[data-bs-theme="light"] #modalRenomearDocumento .form-control,
:root[data-bs-theme="light"] #modalRenomearDocumento input[type="text"] {
  background: rgba(7, 20, 34, 0.03);
  border: 2px solid rgba(31, 127, 186, 0.20);
  color: #071422;
}

:root[data-bs-theme="light"] #modalRenomearDocumento .form-control:focus,
:root[data-bs-theme="light"] #modalRenomearDocumento input[type="text"]:focus {
  background: rgba(7, 20, 34, 0.04);
  border-color: #1f7fba;
  box-shadow:
    0 0 0 0.25rem rgba(31, 127, 186, 0.16),
    0 4px 12px rgba(31, 127, 186, 0.12);
}

:root[data-bs-theme="light"] #modalRenomearDocumento .btn-outline-secondary {
  border-color: rgba(7, 20, 34, 0.12);
  color: #071422;
  background: rgba(7, 20, 34, 0.02);
}

:root[data-bs-theme="light"] #modalRenomearDocumento .btn-outline-secondary:hover {
  border-color: rgba(31, 127, 186, 0.28);
  background: rgba(31, 127, 186, 0.08);
  color: #071422;
}

/* =======================================================
   MODAL — DUPLICAR PROTOCOLO DE QUARENTENA
   IDs:
   #modalDuplicarProtocolo
   #modalDuplicarProtocolo{{ id }}
   ======================================================= */

[id^="modalDuplicarProtocolo"].modal,
[id^="modalDuplicarProtocolo"].modal.show {
  z-index: 2060 !important;
}

[id^="modalDuplicarProtocolo"] ~ .modal-backdrop.fade {
  z-index: 2050 !important;
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.16),
    rgba(31, 127, 186, 0.15) 40%,
    rgba(7, 20, 34, 0.72) 70%
  );
  opacity: 0;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition: opacity 0.35s ease, backdrop-filter 0.35s ease;
}

[id^="modalDuplicarProtocolo"] ~ .modal-backdrop.show {
  z-index: 2050 !important;
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.16),
    rgba(31, 127, 186, 0.15) 40%,
    rgba(7, 20, 34, 0.72) 70%
  );
  opacity: 1 !important;
  backdrop-filter: blur(7px) saturate(1.08);
  -webkit-backdrop-filter: blur(7px) saturate(1.08);
}

[id^="modalDuplicarProtocolo"].modal.fade .modal-dialog {
  transition: none;
}

[id^="modalDuplicarProtocolo"].modal.show .modal-dialog {
  animation: modalGlassFadeUp 0.45s ease both;
}

[id^="modalDuplicarProtocolo"].modal.fade:not(.show) .modal-dialog {
  animation: modalGlassFadeDown 0.35s ease both;
}

[id^="modalDuplicarProtocolo"] .modal-content {
  background: var(--rs-modal-bg-dark, rgba(7, 20, 34, 0.78));
  border: 1px solid var(--rs-modal-border-dark, rgba(121, 220, 255, 0.16));
  border-radius: 18px;
  overflow: hidden;
  color: var(--rs-modal-text-dark, rgba(255, 255, 255, 0.92));
  box-shadow:
    var(--rs-modal-shadow-dark, 0 24px 80px rgba(0, 0, 0, 0.42)),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
}

[id^="modalDuplicarProtocolo"] .modal-header {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.11) 0%,
    rgba(31, 127, 186, 0.12) 100%
  );
  border-bottom: 1px solid rgba(121, 220, 255, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 1rem 1.25rem;
}

[id^="modalDuplicarProtocolo"] .modal-title {
  font-weight: 700;
  margin: 0;
  background: linear-gradient(135deg, #79dcff 0%, #42bde7 48%, #1f7fba 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[id^="modalDuplicarProtocolo"] .modal-body {
  padding: 1.25rem;
}

[id^="modalDuplicarProtocolo"] .modal-footer {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.055) 0%,
    rgba(31, 127, 186, 0.06) 100%
  );
  border-top: 1px solid rgba(121, 220, 255, 0.12);
  padding: 1rem 1.25rem;
}

[id^="modalDuplicarProtocolo"] .text-body-secondary {
  color: var(--rs-modal-muted-dark, rgba(255, 255, 255, 0.68)) !important;
}

[id^="modalDuplicarProtocolo"] strong {
  color: var(--rs-modal-text-dark, rgba(255, 255, 255, 0.92));
}

[id^="modalDuplicarProtocolo"] .btn {
  border-radius: 10px;
}

[id^="modalDuplicarProtocolo"] .btn-close {
  filter: invert(1) grayscale(100%) opacity(0.78);
  transition: transform 0.15s ease, filter 0.2s ease;
}

[id^="modalDuplicarProtocolo"] .btn-close:hover {
  transform: scale(1.05);
  filter: invert(1) opacity(1);
}

[id^="modalDuplicarProtocolo"] .btn-close:focus,
[id^="modalDuplicarProtocolo"] .btn:focus-visible,
[id^="modalDuplicarProtocolo"] button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.25rem var(--rs-modal-focus, rgba(66, 189, 231, 0.25));
}

[id^="modalDuplicarProtocolo"] .btn-outline-secondary {
  border-color: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.03);
}

[id^="modalDuplicarProtocolo"] .btn-outline-secondary:hover {
  border-color: rgba(66, 189, 231, 0.38);
  background: rgba(66, 189, 231, 0.10);
  color: #ffffff;
}

/* Tema claro */
:root[data-bs-theme="light"] [id^="modalDuplicarProtocolo"] ~ .modal-backdrop.fade,
:root[data-bs-theme="light"] [id^="modalDuplicarProtocolo"] ~ .modal-backdrop.show {
  background: radial-gradient(
    1200px 800px at 50% 10%,
    rgba(66, 189, 231, 0.14),
    rgba(31, 127, 186, 0.12) 40%,
    rgba(7, 20, 34, 0.38) 70%
  );
}

:root[data-bs-theme="light"] [id^="modalDuplicarProtocolo"] .modal-content {
  background: var(--rs-modal-bg-light, rgba(255, 255, 255, 0.90));
  border: 1px solid var(--rs-modal-border-light, rgba(7, 20, 34, 0.10));
  color: var(--rs-modal-text-light, #071422);
  box-shadow:
    var(--rs-modal-shadow-light, 0 10px 30px rgba(7, 20, 34, 0.18)),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

:root[data-bs-theme="light"] [id^="modalDuplicarProtocolo"] .modal-header {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.10) 0%,
    rgba(31, 127, 186, 0.09) 100%
  );
  border-bottom: 1px solid rgba(31, 127, 186, 0.18);
}

:root[data-bs-theme="light"] [id^="modalDuplicarProtocolo"] .modal-footer {
  background: linear-gradient(
    135deg,
    rgba(66, 189, 231, 0.05) 0%,
    rgba(31, 127, 186, 0.05) 100%
  );
  border-top: 1px solid rgba(7, 20, 34, 0.08);
}

:root[data-bs-theme="light"] [id^="modalDuplicarProtocolo"] .modal-title {
  background: linear-gradient(135deg, #133961 0%, #1f7fba 48%, #42bde7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

:root[data-bs-theme="light"] [id^="modalDuplicarProtocolo"] .text-body-secondary {
  color: var(--rs-modal-muted-light, rgba(7, 20, 34, 0.66)) !important;
}

:root[data-bs-theme="light"] [id^="modalDuplicarProtocolo"] strong {
  color: var(--rs-modal-text-light, #071422);
}

:root[data-bs-theme="light"] [id^="modalDuplicarProtocolo"] .btn-close {
  filter: none;
  opacity: 0.72;
}

:root[data-bs-theme="light"] [id^="modalDuplicarProtocolo"] .btn-close:hover {
  filter: none;
  opacity: 1;
}

:root[data-bs-theme="light"] [id^="modalDuplicarProtocolo"] .btn-outline-secondary {
  border-color: rgba(7, 20, 34, 0.12);
  color: #071422;
  background: rgba(7, 20, 34, 0.02);
}

:root[data-bs-theme="light"] [id^="modalDuplicarProtocolo"] .btn-outline-secondary:hover {
  border-color: rgba(31, 127, 186, 0.28);
  background: rgba(31, 127, 186, 0.08);
  color: #071422;
}