/*
 * Decision detail dark preview.
 * Active only when body has .am-preview-decision-dark.
 */

.am-preview-decision-dark {
  background:
    radial-gradient(1100px 540px at 12% -20%, rgba(56, 189, 248, 0.22), transparent 60%),
    radial-gradient(1000px 440px at 92% -12%, rgba(45, 212, 191, 0.20), transparent 62%),
    linear-gradient(180deg, #040814 0%, #0b1120 55%, #0c172b 100%);
  color: #dbe7ff;
}

.am-preview-decision-dark,
.am-preview-decision-dark p,
.am-preview-decision-dark li,
.am-preview-decision-dark span,
.am-preview-decision-dark label,
.am-preview-decision-dark strong,
.am-preview-decision-dark h1,
.am-preview-decision-dark h2,
.am-preview-decision-dark h3,
.am-preview-decision-dark h4,
.am-preview-decision-dark h5,
.am-preview-decision-dark h6,
.am-preview-decision-dark .card-body,
.am-preview-decision-dark .modal-body {
  color: #dbe7ff;
}

.am-preview-decision-dark .text-dark,
.am-preview-decision-dark .text-body,
.am-preview-decision-dark .text-body-secondary,
.am-preview-decision-dark .text-secondary,
.am-preview-decision-dark .text-black {
  color: #c4d7f7 !important;
}

.am-preview-decision-dark a:not(.btn):not(.nav-link) {
  color: #9dd6ff;
}

.am-preview-decision-dark a:not(.btn):not(.nav-link):hover {
  color: #c5ebff;
}

.am-preview-decision-dark .navbar {
  background: linear-gradient(90deg, #040814 0%, #0b1222 55%, #132038 100%) !important;
  border-bottom-color: rgba(148, 163, 184, 0.25) !important;
}

.am-preview-decision-dark .org-top-nav .nav-link {
  color: #93a6c8 !important;
}

.am-preview-decision-dark .org-top-nav .nav-link:hover {
  color: #e2edff !important;
}

.am-preview-decision-dark .org-top-nav .nav-pills .nav-link.active,
.am-preview-decision-dark .org-top-nav .nav-pills .show > .nav-link {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.35), rgba(45, 212, 191, 0.35)) !important;
  color: #f8fbff !important;
}

.am-preview-decision-dark .breadcrumb,
.am-preview-decision-dark .breadcrumb-item,
.am-preview-decision-dark .breadcrumb-item.active,
.am-preview-decision-dark .breadcrumb-item + .breadcrumb-item::before {
  color: #9cb4db;
}

.am-preview-decision-dark .breadcrumb-item a {
  color: #9dd6ff;
}

.am-preview-decision-dark .text-muted,
.am-preview-decision-dark small.text-muted,
.am-preview-decision-dark p.text-muted,
.am-preview-decision-dark .small.text-muted {
  color: #9cb4db !important;
}

.am-preview-decision-dark h4.mb-0.text-primary,
.am-preview-decision-dark h5.mb-0.text-primary,
.am-preview-decision-dark .text-primary {
  color: #d9ecff !important;
}

.am-preview-decision-dark .card {
  background: linear-gradient(180deg, rgba(11, 19, 36, 0.94), rgba(11, 23, 42, 0.94)) !important;
  border: 1px solid rgba(107, 139, 182, 0.34) !important;
  box-shadow: 0 16px 40px rgba(2, 6, 23, 0.55) !important;
}

.am-preview-decision-dark .list-group-item {
  background: rgba(9, 20, 38, 0.78) !important;
  border-color: rgba(114, 149, 196, 0.3) !important;
  color: #dbe7ff !important;
}

.am-preview-decision-dark .list-group-item h6,
.am-preview-decision-dark .list-group-item .small,
.am-preview-decision-dark .list-group-item .text-muted {
  color: #c4d7f7 !important;
}

.am-preview-decision-dark .card-header,
.am-preview-decision-dark .card-header.bg-light,
.am-preview-decision-dark .card-header.bg-white {
  background: linear-gradient(90deg, rgba(18, 34, 58, 0.9), rgba(20, 45, 73, 0.85)) !important;
  border-bottom: 1px solid rgba(130, 161, 204, 0.24) !important;
  color: #d6e7ff;
}

.am-preview-decision-dark .card-header,
.am-preview-decision-dark .card-header *,
.am-preview-decision-dark .card-header h1,
.am-preview-decision-dark .card-header h2,
.am-preview-decision-dark .card-header h3,
.am-preview-decision-dark .card-header h4,
.am-preview-decision-dark .card-header h5,
.am-preview-decision-dark .card-header h6,
.am-preview-decision-dark .card-header .text-dark,
.am-preview-decision-dark .card-header .text-body,
.am-preview-decision-dark .card-header .text-muted {
  color: #dff0ff !important;
}

.am-preview-decision-dark .org-top-nav .dropdown-toggle,
.am-preview-decision-dark .org-top-nav .dropdown-toggle.nav-link {
  color: #b9cff0 !important;
}

.am-preview-decision-dark .org-top-nav .dropdown-menu {
  background: linear-gradient(180deg, rgba(11, 23, 42, 0.98), rgba(9, 17, 31, 0.98)) !important;
  border: 1px solid rgba(116, 152, 200, 0.35) !important;
  box-shadow: 0 14px 30px rgba(2, 6, 23, 0.55) !important;
}

.am-preview-decision-dark .org-top-nav .dropdown-item,
.am-preview-decision-dark .org-top-nav .dropdown-menu .dropdown-item {
  color: #cfe2ff !important;
}

.am-preview-decision-dark .org-top-nav .dropdown-menu .dropdown-divider {
  border-top-color: rgba(120, 154, 201, 0.25) !important;
}

.am-preview-decision-dark .org-top-nav .dropdown-menu .dropdown-item:hover,
.am-preview-decision-dark .org-top-nav .dropdown-menu .dropdown-item:focus {
  background: rgba(56, 189, 248, 0.20) !important;
  color: #f4fbff !important;
}

.am-preview-decision-dark .org-top-nav .dropdown-menu .dropdown-item.active,
.am-preview-decision-dark .org-top-nav .dropdown-menu .dropdown-item:active {
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.75), rgba(20, 184, 166, 0.75)) !important;
  color: #04101e !important;
}

.am-preview-decision-dark .detail-side-column .card,
.am-preview-decision-dark .decision-edit-form .modal-content {
  backdrop-filter: blur(1.5px);
}

.am-preview-decision-dark .border.rounded.p-3.mb-3 {
  border-color: rgba(129, 165, 214, 0.38) !important;
  background: rgba(8, 19, 36, 0.64);
}

.am-preview-decision-dark .border.rounded.p-3.mb-3:hover {
  border-color: rgba(124, 211, 255, 0.66) !important;
  box-shadow: 0 8px 26px rgba(6, 182, 212, 0.20);
}

.am-preview-decision-dark .border.rounded.p-3.mb-3.border-success.bg-light {
  background: linear-gradient(135deg, rgba(20, 83, 45, 0.45), rgba(6, 78, 59, 0.45)) !important;
  border-color: rgba(110, 231, 183, 0.55) !important;
}

.am-preview-decision-dark .border.rounded.p-2.mb-2.border-success.bg-light {
  background: rgba(8, 19, 36, 0.64) !important;
  border-color: rgba(110, 231, 183, 0.55) !important;
}

.am-preview-decision-dark .border.rounded.p-2.mb-2.border-success.bg-light:hover {
  border-color: rgba(124, 211, 255, 0.66) !important;
  box-shadow: 0 8px 26px rgba(6, 182, 212, 0.20);
}

.am-preview-decision-dark .btn-primary {
  background: linear-gradient(135deg, #0ea5e9, #14b8a6) !important;
  border-color: #14b8a6 !important;
  color: #04111f !important;
}

.am-preview-decision-dark .btn-primary:hover {
  background: linear-gradient(135deg, #38bdf8, #2dd4bf) !important;
  border-color: #2dd4bf !important;
}

.am-preview-decision-dark .btn-outline-primary {
  color: #7dd3fc !important;
  border-color: rgba(125, 211, 252, 0.65) !important;
}

.am-preview-decision-dark .btn-outline-primary:hover {
  background: rgba(56, 189, 248, 0.20) !important;
  color: #e8f7ff !important;
}

.am-preview-decision-dark .btn-outline-secondary {
  color: #c0d6f8 !important;
  border-color: rgba(146, 172, 208, 0.5) !important;
}

.am-preview-decision-dark .btn-outline-secondary:hover {
  background: rgba(148, 163, 184, 0.22) !important;
  color: #f4f8ff !important;
}

.am-preview-decision-dark .btn-outline-danger,
.am-preview-decision-dark .btn-outline-dark {
  color: #fecaca !important;
  border-color: rgba(248, 113, 113, 0.55) !important;
}

.am-preview-decision-dark .btn-outline-danger:hover,
.am-preview-decision-dark .btn-outline-dark:hover {
  background: rgba(153, 27, 27, 0.3) !important;
  color: #fee2e2 !important;
}

.am-preview-decision-dark .badge.bg-light.text-dark,
.am-preview-decision-dark .badge.bg-primary-subtle.text-primary-emphasis,
.am-preview-decision-dark .badge.bg-secondary-subtle.text-secondary-emphasis {
  background: rgba(51, 85, 128, 0.4) !important;
  color: #d8e9ff !important;
  border-color: rgba(127, 169, 221, 0.55) !important;
}

.am-preview-decision-dark .badge.text-dark,
.am-preview-decision-dark .badge.bg-light {
  color: #d8e9ff !important;
}

.am-preview-decision-dark .alert {
  border-color: rgba(125, 211, 252, 0.35) !important;
  background: rgba(15, 33, 58, 0.82) !important;
  color: #d8eaff;
}

.am-preview-decision-dark .alert.alert-success {
  border-color: rgba(52, 211, 153, 0.42) !important;
  background: rgba(6, 78, 59, 0.58) !important;
  color: #d1fae5;
}

.am-preview-decision-dark .alert.alert-warning {
  border-color: rgba(251, 191, 36, 0.5) !important;
  background: rgba(120, 53, 15, 0.45) !important;
  color: #fde68a;
}

.am-preview-decision-dark .alert.alert-danger {
  border-color: rgba(248, 113, 113, 0.5) !important;
  background: rgba(127, 29, 29, 0.55) !important;
  color: #fee2e2;
}

.am-preview-decision-dark .modal-content {
  background: #0c182d;
  color: #d7e9ff;
  border: 1px solid rgba(115, 152, 202, 0.4);
}

.am-preview-decision-dark .modal-header,
.am-preview-decision-dark .modal-footer {
  border-color: rgba(126, 161, 206, 0.22);
}

.am-preview-decision-dark .decision-edit-form .modal-footer {
  background-color: #0c182d;
}

.am-preview-decision-dark .form-control,
.am-preview-decision-dark .form-select,
.am-preview-decision-dark textarea {
  background: rgba(10, 24, 44, 0.88);
  color: #d7e9ff;
  border-color: rgba(115, 152, 202, 0.5);
}

.am-preview-decision-dark .form-control::placeholder,
.am-preview-decision-dark textarea::placeholder {
  color: #9ab2d8;
}

.am-preview-decision-dark .form-control:focus,
.am-preview-decision-dark .form-select:focus,
.am-preview-decision-dark textarea:focus {
  border-color: rgba(125, 211, 252, 0.8);
  box-shadow: 0 0 0 0.2rem rgba(56, 189, 248, 0.22);
}

.am-preview-decision-dark .footer {
  background: rgba(5, 11, 23, 0.98) !important;
  border-top: 1px solid rgba(120, 151, 197, 0.24) !important;
  color: #cfe2ff !important;
}

.am-preview-decision-dark .footer .text-muted,
.am-preview-decision-dark .footer small,
.am-preview-decision-dark .footer p {
  color: #9cb4db !important;
}

.am-preview-decision-dark .footer a {
  color: #9dd6ff !important;
}

.am-preview-decision-dark .footer a:hover {
  color: #c5ebff !important;
}

@media (max-width: 991.98px) {
  .am-preview-decision-dark {
    background:
      radial-gradient(800px 320px at 50% -12%, rgba(56, 189, 248, 0.16), transparent 62%),
      linear-gradient(180deg, #040814 0%, #0a1424 100%);
  }
}
