body {
	background: #0a0e1a;
	background: linear-gradient(135deg, #0a0e1a 0%, #1a1f2e 100%);
	background-attachment: fixed;
	min-height: 100vh;
}

.btn-border.btn-primary {
  background: linear-gradient(135deg, #0a0e1a 0%, #1a1f2e 100%) !important;
  border-color: rgba(26, 31, 46, 0.8) !important;
  color: #fff !important;
}

.selectgroup.selectgroup-primary .selectgroup-input:checked + .selectgroup-button {
  border-color: rgba(26, 31, 46, 0.8);
  color: #ffffff;
  background: linear-gradient(135deg, #0a0e1a 0%, #1a1f2e 100%);
}

.text-link {
    color: #ffffff;
}

.btn-success {
  background: linear-gradient(135deg, #0a0e1a 0%, #1a1f2e 100%) !important;
  border-color: rgba(26, 31, 46, 0.8) !important;
}

.btn-success:hover,
.btn-success:focus {
  background: linear-gradient(135deg, #1a1f2e 0%, #0a0e1a 100%) !important;
  border-color: rgba(59, 130, 246, 0.5) !important;
}

.sidebar.sidebar-style-2 .nav.nav-primary > .nav-item.active > a {
  background: linear-gradient(135deg, #0f172a 0%, #1e2563 100%) !important;
}

/* Force blue active states with higher specificity - BLUE TEXT */
.sidebar .nav-primary .nav-item.active > a,
.sidebar .nav-primary .nav-item.active > a:hover,
.sidebar .nav-primary .nav-item.active > a:focus,
.sidebar .sidebar-wrapper .nav-primary .nav-item.active > a,
body .sidebar .nav-primary .nav-item.active > a {
  background: linear-gradient(135deg, #0f172a 0%, #1e2563 100%) !important;
  color: #00d9ff !important;
}

/* Dark blue hover for non-active sidebar menu items - BLUE TEXT */
.sidebar .nav-primary .nav-item:not(.active) > a:hover,
.sidebar .nav-primary .nav-item:not(.active) > a:focus,
.sidebar .sidebar-wrapper .nav-primary .nav-item:not(.active) > a:hover,
body .sidebar .nav-primary .nav-item:not(.active) > a:hover {
  background: linear-gradient(135deg, #0f172a 0%, #1e2563 100%) !important;
  color: #5ce1e6 !important;
}

body .main-header {
    box-shadow: 0px 0px 5px #010409;
}

body .main-panel {
    color: #ffffff !important;
}

.logo-header[data-background-color="blue"] {
  background: linear-gradient(180deg, #0a0e1a 0%, #0d1117 100%) !important;
}

.main-header {
    background: linear-gradient(135deg, #0a0e1a 0%, #1a1f2e 100%);
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 217, 255, 0.2);
}

@-webkit-keyframes yellow-fade {
  from {
    background: #f96;
  }
  to {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 100%);
  }
}
@-moz-keyframes yellow-fade {
  from {
    background: #f96;
  }
  to {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 100%);
  }
}
@keyframes yellow-fade {
  from {
    background: #f96;
  }
  to {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 100%);
  }
}

body .card,
body .row-card-no-pd,
body .list-group-item {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(59, 130, 246, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(59, 130, 246, 0.15);
    border-radius: 12px;
    backdrop-filter: blur(12px);
}

/* Timeline panels - almost black with shiny gradient - FORCE OVERRIDE */
body .timeline>li>.timeline-panel,
.timeline>li>.timeline-panel,
.timeline-panel {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 35%, rgba(15, 23, 42, 0.85) 70%, rgba(15, 23, 42, 0.95) 100%) !important;
    background-color: rgba(15, 23, 42, 0.95) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), 0 2px 16px rgba(59, 130, 246, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 40px rgba(59, 130, 246, 0.5) !important;
    border-left: 4px solid #3b82f6 !important;
    border-top: 1px solid rgba(59, 130, 246, 0.4) !important;
    border-right: 1px solid rgba(59, 130, 246, 0.4) !important;
    border-bottom: 1px solid rgba(59, 130, 246, 0.4) !important;
    border-radius: 8px !important;
    backdrop-filter: blur(12px);
    position: relative;
}

/* Shiny overlay effect */
body .timeline>li>.timeline-panel:before,
.timeline>li>.timeline-panel:before,
.timeline-panel:before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 50% !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 100%) !important;
    border-radius: 8px 8px 0 0 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

body .card-pricing2 {
    background: #202940 !important;
}

body .row-card-no-pd [class*=col] .card:before {
    background: rgba(181, 181, 181, 0.1) !important;
}

.kanban-item {
    box-shadow: 0 0 0 1px rgba(122, 128, 134, 0.2);
}

body .card .card-header,
body .card .card-footer,
body .card .card-action,
body .accordion .card,
body .card-profile .user-stats [class^="col"],
body .table td,
body .table th,
body .breadcrumbs,
body .separator-dashed,
body .separator-solid,
body .separator-dot,
body .list-group .list-group-item,
body .conversations .messages-form,
body .mail-wrapper .mail-content .inbox-body .email-list .email-list-item,
body .page-with-aside .page-aside,
body .mail-wrapper .mail-content .email-head,
body .mail-wrapper .mail-content .email-sender,
body .main-panel .page-divider {
    border-color: rgba(181, 181, 181, 0.1) !important;
}

.timeline>li>.timeline-even {
    background: rgba(15, 20, 25, 0.5);
}

body .timeline>li>.timeline-panel:after {
    border-left-color: #000000 !important;
    border-right-color: #000000 !important;
}

/* Timeline badges - dark blue style */
.timeline .badge.badge-light,
.timeline-panel .badge.badge-light {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #93c5fd !important;
    border: 1px solid rgba(59, 130, 246, 0.4) !important;
}

/* Timeline text colors */
.timeline-body.text-faded,
.timeline-body.text-faded p,
.timeline-body.text-faded span {
    color: rgba(255, 255, 255, 0.9) !important;
}

.bottom-hour .text-muted,
.bottom-hour small {
    color: rgba(255, 255, 255, 0.7) !important;
}

body .page-title,
body .breadcrumbs li a {
    color: rgba(169, 175, 187, 0.82);
}

body .page-category {
    color: #828282;
}

body a {
    color: #ffffff;
}

body table.dataTable tbody > tr.selected,
body table.dataTable tbody > tr > .selected {
	background-color: #455471 !important;
}

body .card-title,
body .card-title a,
body .card-title a:hover,
body .card-title a:focus {
    color: #ffffff !important;
}

.bg-shadow-gradient {
  background: #1572E8 !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #141515, #484848BD) !important;
  background: linear-gradient(-45deg, #141515, #484848BD) !important;
}

body .card-category {
    color: #8b92a9;
}

body .card-default,
body .card-primary,
body .card-secondary,
body .card-info,
body .card-success,
body .card-warning,
body .card-danger {
    color: #fff;
}

body .card-default .card-title,
body .card-default .card-category,
body .card-primary .card-title,
body .card-primary .card-category,
body .card-secondary .card-title,
body .card-secondary .card-category,
body .card-info .card-title,
body .card-info .card-category,
body .card-success .card-title,
body .card-success .card-category,
body .card-warning .card-title,
body .card-warning .card-category,
body .card-danger .card-title,
body .card-danger .card-category {
    color: #fff;
}

body .btn-outline-dark,
body .btn-outline-white,
body .btn-outline-light,
body .nav-pills .nav-link:not(.active) {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.6) 0%, rgba(30, 41, 59, 0.5) 100%);
    color: #d1d5db;
    border: 1px solid rgba(59, 130, 246, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

body .nav-pills .nav-link.active {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
    color: #00d9ff !important;
    border: 1px solid rgba(0, 217, 255, 0.3) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 217, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body table.dataTable tr.dtrg-group td {
	background-color: #ffffff21;
}

body .card-pricing .specification-list li {
    border-color: #373d4c;
}

body .input-group-text {
    border-color: #2f374b !important;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%);
    color: #fff;
}

.page-with-aside .page-content {
    background: #171d2b;
    color: #fff;
}

.bg-grey1 {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
    color: #fff;
}

.page-with-aside .page-aside .aside-nav .nav > li > a,
.page-with-aside .page-aside .aside-nav .nav > li > a i {
    color: #b9babf;
}

.note-highlight {
    background: #363f53 !important;
}

body .input-solid {
    background: #363b4c !important;
    border-color: #363b4c !important;
}

body .list-group-messages .list-group-item-title a,
body .list-group .list-group-item-text {
    color: inherit;
}

body .footer {
    border-top: 1px solid rgba(26, 26, 26, 0.6);
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%);
}

body .bg-focus-gradient {
    background: linear-gradient(-180deg, #29292f, #1a1a1a) !important;
}

body .form-control,
body .form-group-default,
body .select2-container--bootstrap .select2-selection {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.6) 0%, rgba(30, 41, 59, 0.4) 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}

body .form-control:focus,
body .form-group-default:focus,
body .select2-container--bootstrap .select2-selection:focus {
    border-color: rgba(59, 130, 246, 0.5);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(59, 130, 246, 0.2);
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.8) 0%, rgba(30, 41, 59, 0.6) 100%) !important;
}

body .bootstrap-tagsinput {
    background: transparent;
}

body .selectgroup-button {
    border: 1px solid #2f374b;
}

body .conversations .message-header {
    background: #1a2035;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07);
}

body .conversations .conversations-content {
    color: #575962;
    border-color: #2e364a;
}

body .mail-wrapper .mail-content .inbox-body .email-list .email-list-item.unread {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
}

body .mail-wrapper .mail-content .inbox-body .email-list .email-list-item:hover {
    background: #171e2f !important;
}

body .page-with-aside .page-aside .aside-nav .nav>li:hover,
body .page-with-aside .page-aside .aside-nav .nav>li:focus,
body .page-with-aside .page-aside .aside-nav .nav>li.active {
    background: rgba(0, 0, 0, 0.03);
}

body .page-with-aside .page-aside .aside-nav .nav>li.active>a {
    color: #b9babf !important;
}

body .board {
  color: #f2f2f2;
}

.list-group-item-action {
  color: #f0f0f0;
  text-align: inherit;
}

body .modal-content,
.modal-content,
.modal .modal-content,
.modal-dialog .modal-content {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.98) 0%, rgba(30, 41, 59, 0.95) 50%, rgba(15, 23, 42, 0.98) 100%) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8), 0 8px 32px rgba(59, 130, 246, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    border: 1px solid rgba(59, 130, 246, 0.25);
    backdrop-filter: blur(20px);
    color: #ffffff !important;
    position: relative;
    z-index: 1;
}

/* Modal z-index layering to fix dark/uneditable modal issue */
/* Use very high specificity to ensure these rules apply */

/* Backdrop should be below everything else */
body div.modal-backdrop,
body .modal-backdrop,
div.modal-backdrop,
.modal-backdrop {
    z-index: 900 !important;
}

/* Modal container */
body div.modal[role="dialog"],
body .modal,
div.modal,
.modal {
    z-index: 1050 !important;
}

/* Modal dialog */
body div.modal div.modal-dialog,
body .modal .modal-dialog,
div.modal-dialog,
.modal-dialog {
    z-index: 1051 !important;
}

/* Modal content */
body div.modal div.modal-content,
body .modal .modal-content,
div.modal-content,
.modal-content {
    z-index: 1052 !important;
    position: relative !important;
}

/* Modal header, body, footer */
body .modal-header,
body .modal-body,
body .modal-footer,
.modal-header,
.modal-body,
.modal-footer {
    z-index: 1053 !important;
    position: relative !important;
}

/* Ensure all form elements in modals are interactive */
body .modal input,
body .modal select,
body .modal textarea,
body .modal button,
body .modal .form-control,
body .modal .btn,
.modal input,
.modal select,
.modal textarea,
.modal button,
.modal .form-control,
.modal .btn {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1054 !important;
}

/* Ensure sidebar and other elements are below modals */
body .sidebar,
.sidebar {
    z-index: 100 !important;
}

body .quick-sidebar,
.quick-sidebar {
    z-index: 101 !important;
}

body .timeline-title,
body .timeline-body {
    color: #eee;
    background: transparent !important;
}

/* Force transparent background on timeline-body to show panel gradient */
.timeline-body,
.timeline-body.text-faded {
    background: transparent !important;
    background-color: transparent !important;
}

body .timeline-inverted {
    color: #eee;
}

body .timeline-inverted .text-dark {
    color: #eee !important;
}

body .timeline-odd {
    background: #202940 !important;
        color: #cac7c7;
}
body .timeline-even {
    background: #24272d !important;
    color: #cac7c7;
}

.bg-info-gradient {
  background: #48ABF7 !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #0910159C, #1D283187) !important;
  background: linear-gradient(-45deg, #0910159C, #1D283187) !important;
}

.bg-close-gradient {
  background: #1f283e !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #010409, #51252587) !important;
  background: linear-gradient(-45deg, #010409, #51252587) !important;
}

body .amsify-suggestags-input {
    background: #1a2035 !important;
    color: #cac7c7;
}

body .dropdown-menu,
.dropdown-menu,
.btn-group .dropdown-menu,
.dropdown-toggle + .dropdown-menu {
    color: #ffffff !important;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.7), 0 5px 20px rgba(0, 0, 0, 0.4);
    border: rgba(26, 26, 26, 0.6) 1px solid;
    border-radius: 12px;
    backdrop-filter: blur(8px);
}

body .select2-dropdown {
    color: #cac7c7;
    background: #363e53 !important;
    box-shadow: none;
    border: #004079b0 1px solid;
    border-radius: 6px;
}

.bootstrap-select > .dropdown-toggle {
  background-color: #363e53;
  color: #fff;
}

.table-bordered {
  border: 1px solid #42424259;
}

body .dropdown-item {
    color: #cac7c7 !important;
}

body .dropdown-item:hover {
     background: #1a2035 !important;
}

/* Fix select dropdown options visibility */
select option,
body select option,
.form-select option,
.form-control option {
    background: #1a2035 !important;
    color: #ffffff !important;
}

select optgroup,
body select optgroup,
.form-select optgroup,
.form-control optgroup {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 100%) !important;
    color: #00d9ff !important;
    font-weight: bold;
    border-bottom: 1px solid rgba(59, 130, 246, 0.2);
}

body .vis-network {
     background: #202940 !important;
}

.bg-primary {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
}

body .kanban-board {
  background: #4c5366 !important;
}

.kanban-title-button button {
  background: transparent;
  border: 0;
  color: #fff;
  padding: 0;
  font-size: 16px;
  cursor: pointer;
}

body .btn-light,
body .btn-white,
body .badge-light,
body input,
body select,
body .select2-selection,
body .select2-container--default {
    background: rgba(26, 32, 53, 0.8) !important;
    color: #e8eaed;
    border-radius: 8px;
    transition: all 0.3s ease;
    backdrop-filter: blur(4px);
}

body .btn-light:hover,
body .btn-white:hover {
    background: rgba(26, 32, 53, 0.95) !important;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

body .btn-light:hover,
body .btn-white:hover {
    background: #1a2035 !important;
    color: #cac7c7;
}

.swal-modal {
  background: #202940 !important;
}

.swal-title,
.swal-text {
  color: #cac7c7 !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #2f374b;
}

body .secondary-header .nav-bottom .page-navigation > .nav-item > .nav-link .menu-title {
    color: #cac7c7;
}

body .select2-selection .select2-selection__choice,
body .select2-container--default .select2-selection__choice {
    background-color: rgba(0, 0, 0, 0);
    color: #090909;
}

body .select2-selection .select2-results__option--selected,
body .select2-container--default .select2-results__option--selected,
body .page-link {
    background: rgba(185, 185, 185, 0.18) !important;
    border: none;
    color: #cac7c7;
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #cac7c7;
}

.quick-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -380px;
  width: 380px;
  overflow: auto;
    overflow-x: auto;
  overflow-x: hidden;
  height: 100vh;
  display: block;
  z-index: 1;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: cover;
  background-position: center center;
  box-shadow: none;

  z-index: 1101;
  padding: 20px 20px 0;
}

.ds-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -60%;
  width: 60%;
  overflow: auto;
    overflow-x: auto;
  overflow-x: auto;
  overflow-x: hidden;
  height: 100vh;
  display: block;
  z-index: 1;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: cover;
  background-position: center center;

  box-shadow: none;
  z-index: 1001;
  padding: 20px 20px 0;
}

.nav.nav-line .nav-link {
  padding: 15px 20px;
    padding-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
  color: #eaeaea;
  border-width: 0px;
  font-size: 14px;
  font-weight: 600;
}

.tree {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #202940;
  border: 1px solid #403f3f;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.quick-actions .quick-actions-item {
  display: flex;
  flex-direction: column;
  margin: 7.5px 7.5px;
  padding: 10px;
  align-items: center;
  color: #ffffff;
  border: 1px solid #595959;
  background-color: #2f3348;
  border-radius: 3px;
  transition: all .2s;
}

.quick-actions .quick-actions-item i {
  color: #fff;
  font-size: 27px;
}

.quick-actions.quick-actions-primary .quick-actions-item {
  color: #ffffff;
}

.quick-actions .quick-actions-item:hover {
  background: #30303e;
  color: #ffffff;
  box-shadow: none;
}

.tree li.parent_li > span {
  background: #eee;
}

.tree li.parent_li > span {
  background: rgba(185, 185, 185, 0.18);
}

.form-check [type="checkbox"]:not(:checked) + .form-check-sign, .form-check [type="checkbox"]:checked + .form-check-sign, .form-check [type="checkbox"] + .form-check-sign {
  position: relative;
  padding-left: 2em;
  color: #d9d9d9;
  cursor: pointer;
}

.text-dark {
  color: #d2d2d2 !important;
}

body .form-control:disabled,
body .form-control[readonly] {
    color: #cac7c7;
}

body .form-check [type="checkbox"] + .form-check-sign {
	color: #cac7c7;
}

body .bg-primary-gradient{
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
}

/* Global dark table styling for all cards with tables */
.card {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
    border: 1px solid rgba(59, 130, 246, 0.15) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.card-header {
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.08) 0%, rgba(30, 41, 59, 0.5) 100%) !important;
    border-bottom: 1px solid rgba(59, 130, 246, 0.2) !important;
}

.card-body {
    background: transparent !important;
}

/* Vue-styled cards - cyan border - override above defaults */
.card[style*="border: 2px solid #00d9ff"] {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.98) 0%, rgba(30, 41, 59, 0.95) 50%, rgba(15, 23, 42, 0.98) 100%) !important;
    border: 2px solid #00d9ff !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 217, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.card[style*="border: 2px solid #00d9ff"] .card-body {
    background: transparent !important;
}

/* Vue-styled cards - orange border - override above defaults */
.card[style*="border: 2px solid #ffa500"] {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.98) 0%, rgba(30, 41, 59, 0.95) 50%, rgba(15, 23, 42, 0.98) 100%) !important;
    border: 2px solid #ffa500 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 40px rgba(255, 165, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.card[style*="border: 2px solid #ffa500"] .card-body {
    background: transparent !important;
}

/* Vue-styled cards - green border (for assets page if needed) */
.card[style*="border: 2px solid #10b981"] {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.98) 0%, rgba(30, 41, 59, 0.95) 50%, rgba(15, 23, 42, 0.98) 100%) !important;
    border: 2px solid #10b981 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 40px rgba(16, 185, 129, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.card[style*="border: 2px solid #10b981"] .card-body {
    background: transparent !important;
}

/* Exception for cloud security findings - use lighter Vue-style backgrounds */
#findings-container.card-body {
    background: linear-gradient(180deg, rgba(42, 48, 65, 0.6) 0%, rgba(35, 42, 58, 0.75) 100%) !important;
}

/* Cloud security findings card container - lighter background */
#cloud-security-findings-card.card {
    background: linear-gradient(135deg, rgba(45, 52, 70, 0.9) 0%, rgba(38, 45, 62, 0.95) 100%) !important;
    border: 2px solid rgba(0, 217, 255, 0.35) !important;
}

/* Cloud security findings card header - lighter with gradient */
#cloud-security-findings-card .card-header {
    background: linear-gradient(90deg, rgba(0, 217, 255, 0.08) 0%, rgba(14, 165, 233, 0.05) 50%, transparent 100%) !important;
    border-bottom: 2px solid rgba(0, 217, 255, 0.25) !important;
}

/* Task and Case card headers on dashboard - VUE style with subtle cyan gradient */
.card[style*="border: 2px solid #00d9ff"] .card-header {
    background: linear-gradient(90deg, rgba(0, 217, 255, 0.08) 0%, rgba(14, 165, 233, 0.05) 50%, transparent 100%) !important;
    border-bottom: 2px solid rgba(0, 217, 255, 0.3) !important;
}

/* Cases Management page header - VUE style with subtle orange gradient */
.card[style*="border: 2px solid #ffa500"] .card-header {
    background: linear-gradient(90deg, rgba(255, 165, 0, 0.08) 0%, rgba(251, 146, 60, 0.05) 50%, transparent 100%) !important;
    border-bottom: 2px solid rgba(255, 165, 0, 0.3) !important;
}

/* Agents/Endpoints list card - lighter Vue-style backgrounds */
#agents-list-card.card,
#agents-list-card {
    background: linear-gradient(135deg, rgba(45, 52, 70, 0.9) 0%, rgba(38, 45, 62, 0.95) 100%) !important;
    border: 2px solid rgba(0, 217, 255, 0.35) !important;
}

#agents-list-card .card-header {
    background: linear-gradient(90deg, rgba(0, 217, 255, 0.08) 0%, rgba(14, 165, 233, 0.05) 50%, transparent 100%) !important;
    border-bottom: 2px solid rgba(0, 217, 255, 0.25) !important;
}

#agents-list-body.card-body {
    background: linear-gradient(180deg, rgba(42, 48, 65, 0.6) 0%, rgba(35, 42, 58, 0.75) 100%) !important;
}

/* Agent stat cards - keep their gradient backgrounds, don't override */
.agent-stat-card.card {
    background: inherit !important;
}

.agent-stat-body.card-body {
    background: transparent !important;
}

/* Table styling - dark background with contrasting rows */
table.table {
    background: transparent !important;
}

table.table thead {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 100%) !important;
}

table.table tfoot {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 100%) !important;
}

table.table tbody tr {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.5) 0%, rgba(30, 41, 59, 0.4) 100%) !important;
}

table.table tbody tr:nth-child(even) {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.7) 0%, rgba(30, 41, 59, 0.6) 100%) !important;
}

table.table tbody tr:hover {
    background: #1a1d23 !important;
}

table.table tbody td {
    border-color: #1a1d23 !important;
    color: #ffffff !important;
}

table.table thead th,
table.table tfoot th {
    border-color: #1a1d23 !important;
    color: #ffffff !important;
}

body .modal-header,
body .modal-footer,
.modal-header,
.modal-footer {
      background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
      border-top: none;
      border-bottom: 1px solid rgba(59, 130, 246, 0.2);
      color: #ffffff !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Modal body styling */
body .modal-body,
.modal-body {
    background: transparent !important;
    color: #ffffff !important;
}

/* Modal titles and text */
body .modal-title,
.modal-title,
body .modal h1,
body .modal h2,
body .modal h3,
body .modal h4,
body .modal h5,
body .modal h6,
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6 {
    color: #ffffff !important;
}

/* Modal labels and text */
body .modal label,
body .modal p,
body .modal span:not(.btn),
.modal label,
.modal p,
.modal span:not(.btn) {
    color: #ffffff !important;
}

body .modal-header .text-right button,
body .modal-header .justify-right button {
    color: #cecece;
}

.sidebar.sidebar-style-2 .nav .nav-item a:hover p,
.sidebar.sidebar-style-2 .nav .nav-item a:hover i,
.sidebar.sidebar-style-2 .nav .nav-item a:focus p,
.sidebar.sidebar-style-2 .nav .nav-item a:focus i,
.sidebar.sidebar-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p,
.sidebar.sidebar-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebar.sidebar-style-2 .nav .nav-item a:hover p,
.sidebar.sidebar-style-2 .nav .nav-item a:hover i,
.sidebar.sidebar-style-2 .nav .nav-item a:focus p,
.sidebar.sidebar-style-2 .nav .nav-item a:focus i,
.sidebar.sidebar-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p,
.sidebar.sidebar-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i {
    color: #5ce1e6 !important;
}

.sidebar.sidebar-style-2 .nav .nav-item.active a,
.sidebar.sidebar-style-2 .nav .nav-item.active a {
    color: #00d9ff;
}

.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a p,
.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a i,
.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a .caret,
.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a span,
.sidebar.sidebar-style-2 .nav .nav-item.active a p,
.sidebar.sidebar-style-2 .nav .nav-item.active a i,
.sidebar.sidebar-style-2 .nav .nav-item.active a .caret,
.sidebar.sidebar-style-2 .nav .nav-item.active a span,
.sidebar.sidebar-style-2 .nav .nav-item.active a p,
.sidebar.sidebar-style-2 .nav .nav-item.active a i,
.sidebar.sidebar-style-2 .nav .nav-item.active a .caret,
.sidebar.sidebar-style-2 .nav .nav-item.active a span {
    color: #00d9ff !important;
}

.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] p,
.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] span,
.sidebar.sidebar-style-2 .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] p,
.sidebar.sidebar-style-2 .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] i,
.sidebar.sidebar-style-2 .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebar.sidebar-style-2 .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] span,
.sidebar.sidebar-style-2 .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] p,
.sidebar.sidebar-style-2 .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] i,
.sidebar.sidebar-style-2 .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebar.sidebar-style-2 .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] span {
    color: #00d9ff !important;
}


.main-header .navbar-header .nav-search .input-group {
    background: rgba(185, 185, 185, 0.18) !important;
}

.main-header .navbar-header .navbar-nav .nav-item .nav-link:hover,
.main-header .navbar-header .navbar-nav .nav-item .nav-link:focus {
    background: rgba(185, 185, 185, 0.18) !important;
}

.main-header .navbar-header .navbar-nav .nav-item.active .nav-link {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
}

.logo-header {
    background: linear-gradient(180deg, #0a0e1a 0%, #0d1117 100%) !important;
    backdrop-filter: blur(12px);
}

.navbar-header {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
    backdrop-filter: blur(12px);
}

.sidebar {
    background: #1a2035 !important;
}

.sidebar .user {
    border-color: rgba(181, 181, 181, 0.1) !important;
}

.sidebar .user .info a>span {
    color: #b9babf;
}

.sidebar .user .info a>span .user-level {
    color: #8d9498;
}

.sidebar .nav>.nav-item.active>a p {
    color: #00d9ff !important;
}

.sidebar .nav>.nav-item a {
    color: #00d9ff !important;
}

.sidebar .nav>.nav-item a:hover p,
.sidebar .nav>.nav-item a:focus p,
.sidebar .nav>.nav-item a[data-toggle=collapse][aria-expanded=true] p {
    color: #b9babf !important;
}

.sidebar.sidebar-style-2 .nav .nav-item.active>a,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:hover,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:focus,
.sidebar.sidebar-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
    background: linear-gradient(135deg, #0f172a 0%, #1e2563 100%) !important;
    color: #00d9ff !important;
}

.sidebar.sidebar-style-2 .nav .nav-item.active>a p,
.sidebar.sidebar-style-2 .nav .nav-item.active>a i,
.sidebar.sidebar-style-2 .nav .nav-item.active>a .caret,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:hover p,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:hover i,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:hover .caret,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:focus p,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:focus i,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:focus .caret,
.sidebar.sidebar-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] p,
.sidebar.sidebar-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebar.sidebar-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret {
    color: #00d9ff !important;
}

.sidebar .scrollbar-inner>.scroll-element .scroll-bar {
    background-color: #f7f7f7;
}

.sidebar .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebar .scrollbar-inner>.scroll-element:hover .scroll-bar {
    background-color: #dcdbdb;
}

.sidebar {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
    backdrop-filter: blur(8px);
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.3);
    border-right: 1px solid rgba(26, 26, 26, 0.5);
}

.sidebar .user {
    border-color: rgba(181, 181, 181, 0.1) !important;
}

.sidebar .user .info a>span {
    color: #dddedf;
}

.sidebar .user .info a>span .user-level {
    color: #8d9498;
}

.sidebar .nav>.nav-item.active>a p {
    color: #ffffff !important;
}

.sidebar .nav>.nav-item a {
    color: #ffffff !important;
}

body,
body label {
    color: #ffffff !important;
}

.sidebar .nav>.nav-item a:hover p,
.sidebar .nav>.nav-item a:hover span,
.sidebar .nav>.nav-item a:focus p,
.sidebar .nav>.nav-item a:focus span,
.sidebar .nav > .nav-item a p,
.sidebar .nav > .nav-item a span,
.sidebar .nav>.nav-item a[data-toggle=collapse][aria-expanded=true] p,
.sidebar .nav>.nav-item a[data-toggle=collapse][aria-expanded=true] span {
    color: #00d9ff !important;
}

.sidebar.sidebar-style-2 .nav .nav-item.active>a,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:hover,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:focus,
.sidebar.sidebar-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
    background: linear-gradient(135deg, #0f172a 0%, #1e2563 100%) !important;
    color: #00d9ff !important;
}

.sidebar.sidebar-style-2 .nav .nav-item.active>a p,
.sidebar.sidebar-style-2 .nav .nav-item.active>a i,
.sidebar.sidebar-style-2 .nav .nav-item.active>a .caret,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:hover p,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:hover i,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:hover .caret,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:focus p,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:focus i,
.sidebar.sidebar-style-2 .nav .nav-item.active>a:focus .caret,
.sidebar.sidebar-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] p,
.sidebar.sidebar-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebar.sidebar-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret {
    color: #00d9ff !important;
}

.sidebar .scrollbar-inner>.scroll-element .scroll-bar {
    background-color: #f7f7f7;
}

.sidebar .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebar .scrollbar-inner>.scroll-element:hover .scroll-bar {
    background-color: #dcdbdb;
}


.form-control:disabled, .form-control[readonly] {
  background: #d5d1d100 !important;
  border-color: #515151 !important;
}

body .input-group-text {
  border-color: #2f374b !important;
  background-color: #404551;
  color: #fff;
}
.card-profile {
  color: #e8e8e8;
}
.sidebar .user .info a > span .user-level {
  color: #fff;
}

.sidebar .nav .nav-section .text-section, .sidebar .nav .nav-section .text-section {
  color: #fff;
}

.modal-backdrop.show {
  opacity: 0.9;
}

.alert-std {
  background-color: #444;
}

.accordion .card {
  background: #444;
  color: #fff;
}

.accordion.accordion-primary .card .card-header {
  color: #fff;
}

pre {
  color: #dbdbdb;
}

.secondary-header .nav-bottom .page-navigation.page-navigation-style-2 > .nav-item:hover > .nav-link, .secondary-header .nav-bottom .page-navigation.page-navigation-style-2 > .nav-item:focus > .nav-link {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.8) 0%, rgba(30, 41, 59, 0.7) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.text-muted {
  color: #c7c7c7 !important;
}

.sidebar .nav>.nav-item a i, .sidebar .nav>.nav-item a i {
    color: #dddddd;
}

.sidebar.sidebar-style-2 .nav .nav-item .active a p, .sidebar.sidebar-style-2 .nav .nav-item .active a i {
    color: #00d9ff !important;
}

div.dtr-modal div.dtr-modal-display {
    background-color: #202940 !important;
    color: #fff;
    border: 1px solid black;
    border-radius: 0.5em;
    box-shadow: 0 12px 30px rgb(0 0 0 / 60%);
}

div.dtr-modal div.dtr-modal-close {
    background-color: #f9f9f900;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 12;
}

table.dataTable.display tbody>tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1,
table.dataTable.display tbody>tr.odd.selected>.sorting_1,
table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1 {
    background-color: #465572;
}

.btn-light:hover, .btn-light:focus, .btn-light:disabled {
  background: #ebecec !important;
  border-color: transparent;
  color: #000;
}

.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active {
  background-color: #1f1f26;
  color: #000;
}

.btn.bg-transparent {
    color: #ccc;
}

.btn.bg-transparent:hover {
    color: #fff;
}

.md_description_field {
    border: 1px solid #aeaeae33;
}

.contact-list-detail:hover {
  background: #f6f5f512;
}

#protagonists_form_group {
    background-color: #f5f5f50d;
    border-radius: 14px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #fff;
	background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%);
	border-color: rgba(26, 26, 26, 0.8) rgba(26, 26, 26, 0.8) #fff;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #343a40 #343a40 #fff;
}

.alert-warning {
    border-left: 4px solid #FFAD46;
    background-color: #343a40;
}

.alert-actions {
    position: relative;
    bottom: 0;
    right: 0;
}

.border-white {
  border-color: unset;
}

.alert-card {
  border: #004079b0 1px solid;
}

.alert-card-done {
    background: #1e2226 !important;
}

.btn-alert-danger {
    background: #c62828 !important;
    border-color: #c62828 !important;
}

.btn-alert-success {
    background: #43a047 !important;
    border-color: #43a047 !important;
}

.bg-warning-gradient {
    background: linear-gradient(-45deg, #FFAD46, #FFAD4630) !important;
}

.form-check [type="checkbox"]:not(:checked)+.form-check-sign:after,
.form-check [type="checkbox"]:checked+.form-check-sign:after,
.form-check [type="checkbox"]+.form-check-sign:after {
    color: #ffffff;
}

.nav.nav-line.nav-color-primary .nav-link.active {
  color: #ffffff;
  border-color: #ffffff;
}

.selectgroup-input:checked + .selectgroup-button {
   color: #ffffff;
}

.dropdown-menu .btn,
.show > .btn-light.dropdown-toggle{
  color: #ffffff;
}

/* Additional popup and overlay styling */
.popover,
.tooltip,
.toast,
.alert,
.notification {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(26, 26, 26, 0.6);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

/* SweetAlert and other popup libraries */
.swal-modal,
.swal2-popup,
.bootbox-dialog .modal-content {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(26, 26, 26, 0.6);
}

/* Context menus and right-click menus */
.context-menu,
.contextual-menu,
.right-click-menu {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(26, 26, 26, 0.6);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

/* Select2 dropdowns */
.select2-container--default .select2-results,
.select2-dropdown,
.select2-results__options {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(26, 26, 26, 0.6);
}

/* Bootstrap-select dropdowns */
.bootstrap-select .dropdown-menu,
.bootstrap-select .dropdown-menu li a {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
    color: #ffffff !important;
}

/* Any remaining blue backgrounds in modals */
.modal .bg-primary,
.modal .bg-primary-gradient,
.modal-header.bg-primary,
.modal-footer.bg-primary {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
}

.timeline-t > li > .timeline-panel-t {
    background: #4f4f4f;
}

.timeline-t>.timeline-child>.timeline-even-t {
    background-color: #353535;
}

.timeline-t>.timeline-child>.timeline-odd-t {
    background-color: #353535;
}

/* ================================================ */
/* Global Browser Autofill Fix - Dark Theme         */
/* Prevents light blue/white background on autofill */
/* ================================================ */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #1a2035 inset !important;
    -webkit-text-fill-color: #ffffff !important;
    background-color: #1a2035 !important;
    color: #ffffff !important;
    caret-color: #ffffff !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Tags input autofill fix */
.bootstrap-tagsinput input:-webkit-autofill,
.amsify-suggestags-input:-webkit-autofill,
.tagsinput input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px transparent inset !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Badge styling fix - ensure dark background */
.badge-primary,
.badge-info {
    background: #1e3a8a !important;
    color: #93c5fd !important;
}

.badge-light {
    background: #374151 !important;
    color: #e5e7eb !important;
}


/* Page navigation nav-links */
.secondary-header .nav-bottom .page-navigation > .nav-item > .nav-link {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.6) 0%, rgba(30, 41, 59, 0.5) 100%);
  border: 1px solid rgba(59, 130, 246, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.secondary-header .nav-bottom .page-navigation > .nav-item > .nav-link.active,
.secondary-header .nav-bottom .page-navigation > .nav-item > .nav-link.show {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
  color: #00d9ff !important;
  border: 1px solid rgba(0, 217, 255, 0.3) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 217, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Info cards */
.info-card {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

/* Info card values and labels */
.info-card .info-value {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.7) 0%, rgba(30, 41, 59, 0.6) 100%);
  padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid rgba(59, 130, 246, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.info-card .info-label {
  color: #9ca3af;
}

/* Table styling - cloud security findings and general tables */
body table tbody,
table tbody {
  background: transparent !important;
}

body table tbody tr,
table tbody tr {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.5) 0%, rgba(30, 41, 59, 0.4) 100%) !important;
}

body table tbody tr:nth-child(even),
table tbody tr:nth-child(even) {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.7) 0%, rgba(30, 41, 59, 0.6) 100%) !important;
}

body table tbody tr:hover,
table tbody tr:hover {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.9) 0%, rgba(30, 41, 59, 0.8) 100%) !important;
}

body table tbody td,
table tbody td {
  border-color: rgba(59, 130, 246, 0.1) !important;
  background: transparent !important;
}

/* ACE Editor - Text boxes */
.ace_editor,
.ace_scroller,
.ace_content {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.8) 0%, rgba(30, 41, 59, 0.7) 100%) !important;
}

.ace_gutter {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 100%) !important;
  border-right: 1px solid rgba(59, 130, 246, 0.2) !important;
}

.ace_layer {
  background: transparent !important;
}

/* Case navigation links - ensure coverage */
.nav-link {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.6) 0%, rgba(30, 41, 59, 0.5) 100%);
  border: 1px solid rgba(59, 130, 246, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
  transition: all 0.2s ease;
}

.nav-link:hover {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.8) 0%, rgba(30, 41, 59, 0.7) 100%);
  border-color: rgba(59, 130, 246, 0.2);
}

.nav-link.active {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
  color: #00d9ff !important;
  border: 1px solid rgba(0, 217, 255, 0.3) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 217, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Table headers - case summary and general tables */
body table thead,
table thead,
.table thead {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 100%) !important;
}

body table thead tr,
table thead tr,
.table thead tr {
  background: transparent !important;
}

body table thead th,
table thead th,
.table thead th {
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.15) 0%, rgba(30, 41, 59, 0.7) 100%) !important;
  color: #00d9ff !important;
  border-color: rgba(59, 130, 246, 0.2) !important;
  font-weight: 600;
  padding: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Table striped rows */
.table-striped tbody tr:nth-of-type(odd),
body .table-striped tbody tr:nth-of-type(odd) {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.7) 0%, rgba(30, 41, 59, 0.6) 100%) !important;
}

.table-striped tbody tr:nth-of-type(even),
body .table-striped tbody tr:nth-of-type(even) {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.5) 0%, rgba(30, 41, 59, 0.4) 100%) !important;
}

/* Table bordered */
.table-bordered,
body .table-bordered {
  border: 1px solid rgba(59, 130, 246, 0.15) !important;
}

.table-bordered th,
.table-bordered td,
body .table-bordered th,
body .table-bordered td {
  border: 1px solid rgba(59, 130, 246, 0.1) !important;
}

/* Table hover effect */
.table-hover tbody tr:hover,
body .table-hover tbody tr:hover {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 100%) !important;
  box-shadow: inset 0 0 10px rgba(0, 217, 255, 0.1);
}

/* Agent details modal - info cards with stronger specificity */
.modal .info-card,
body .modal .info-card,
.modal-body .info-card {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
  border: 1px solid rgba(59, 130, 246, 0.15) !important;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.modal .info-card .info-label,
.modal-body .info-card .info-label,
body .info-label {
  color: #9ca3af !important;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 4px;
  letter-spacing: 0.5px;
}

.modal .info-card .info-value,
.modal-body .info-card .info-value,
body .info-value {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.7) 0%, rgba(30, 41, 59, 0.6) 100%) !important;
  color: #e5e7eb !important;
  padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid rgba(59, 130, 246, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  font-family: 'Roboto Mono', 'Courier New', monospace;
  font-size: 13px;
}

/* Detail cards - generic info display */
.detail-card,
.details-card,
body .detail-card,
body .details-card {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

/* Modal nav-tabs with stronger specificity */
.modal .nav-tabs,
.modal-body .nav-tabs,
body .modal .nav-tabs {
  border-bottom: 1px solid rgba(59, 130, 246, 0.2) !important;
}

.modal .nav-tabs .nav-link,
.modal-body .nav-tabs .nav-link,
body .modal .nav-tabs .nav-link {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.6) 0%, rgba(30, 41, 59, 0.5) 100%) !important;
  color: #d1d5db !important;
  border: 1px solid rgba(59, 130, 246, 0.1) !important;
  border-bottom: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
  transition: all 0.2s ease;
  margin-right: 2px;
}

.modal .nav-tabs .nav-link:hover,
.modal-body .nav-tabs .nav-link:hover {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.8) 0%, rgba(30, 41, 59, 0.7) 100%) !important;
  border-color: rgba(59, 130, 246, 0.2) !important;
}

.modal .nav-tabs .nav-link.active,
.modal .nav-tabs .nav-link.show,
.modal-body .nav-tabs .nav-link.active,
.modal-body .nav-tabs .nav-link.show,
body .modal .nav-tabs .nav-link.active {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
  color: #00d9ff !important;
  border: 1px solid rgba(0, 217, 255, 0.3) !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 217, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* SCA Policy Cards */
.sca-policy-card,
body .sca-policy-card {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
  border: 1px solid rgba(59, 130, 246, 0.15) !important;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition: all 0.2s ease;
}

.sca-policy-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  border-color: rgba(59, 130, 246, 0.25);
}

.sca-policy-header,
.sca-policy-title,
.sca-stats,
.sca-stat {
  background: transparent !important;
}

.sca-policy-title {
  color: #e5e7eb !important;
}

.sca-score {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.7) 0%, rgba(30, 41, 59, 0.6) 100%) !important;
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 6px;
  padding: 6px 12px;
  color: #fff !important;
  font-weight: 600;
}

.sca-score-low {
  border-color: rgba(239, 68, 68, 0.3) !important;
  box-shadow: 0 0 10px rgba(239, 68, 68, 0.2);
}

.sca-score-medium {
  border-color: rgba(245, 158, 11, 0.3) !important;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.2);
}

.sca-score-high {
  border-color: rgba(16, 185, 129, 0.3) !important;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.2);
}

.sca-stat-icon {
  background: transparent !important;
}

/* Vulnerability cards and security cards */
.vuln-card,
.vulnerability-card,
.security-card,
body .vuln-card,
body .vulnerability-card,
body .security-card {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

/* Tab content areas in modals */
.modal .tab-content,
.modal-body .tab-content,
body .modal .tab-content {
  background: transparent !important;
  padding: 15px 0;
}

.modal .tab-pane,
.modal-body .tab-pane {
  background: transparent !important;
}

/* Failed Checks in Agent Details Modal */
.failed-check-card,
.failed-check,
body .failed-check-card,
body .failed-check {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-left: 4px solid #ef4444;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.failed-check-desc,
.failed-check-description,
body .failed-check-desc {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.7) 0%, rgba(30, 41, 59, 0.6) 100%) !important;
  color: #d1d5db !important;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid rgba(59, 130, 246, 0.1);
  font-size: 13px;
  line-height: 1.6;
  margin-top: 8px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.passed-check-card,
.passed-check,
body .passed-check-card {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-left: 4px solid #10b981;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

/* Hardware Cards in System Info */
.hardware-card,
body .hardware-card {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition: all 0.2s ease;
}

.hardware-card:hover {
  border-color: rgba(59, 130, 246, 0.25);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.hardware-icon {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(14, 165, 233, 0.15) 100%) !important;
  color: #60a5fa !important;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 10px;
  border: 1px solid rgba(59, 130, 246, 0.2);
}

.hardware-label,
body .hardware-label {
  color: #9ca3af !important;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}

.hardware-value,
body .hardware-value {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.7) 0%, rgba(30, 41, 59, 0.6) 100%) !important;
  color: #e5e7eb !important;
  padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid rgba(59, 130, 246, 0.1);
  font-family: 'Roboto Mono', 'Courier New', monospace;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 8px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* System info cards */
.system-info-card,
.system-card,
body .system-info-card,
body .system-card {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%) !important;
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

/* Check titles and headers */
.check-title,
.check-header,
body .check-title {
  color: #e5e7eb !important;
  font-weight: 600;
}

.check-id,
.check-severity,
body .check-id {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.7) 0%, rgba(30, 41, 59, 0.6) 100%) !important;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid rgba(59, 130, 246, 0.1);
  font-family: 'Roboto Mono', monospace;
  font-size: 12px;
}