/* *****************************************************

    ** McKeon Digital Custom Stylesheet **

    McKeon Digital Branding Applied
    
***************************************************** */

:root {
    /* McKeon Digital Brand Colors */
    --mckeon-primary: #0B1D3A;        /* Core - Primary brand colour */
    --mckeon-surface: #0F2547;        /* Core - Brand surface */
    --mckeon-accent: #3F7FD9;         /* Accent - Primary accent */
    --mckeon-accent-light: #63B8F2;   /* Accent - Secondary accent */
    --mckeon-text-primary: #F5F7FA;   /* Text - Primary text */
    --mckeon-text-secondary: #D6DBE3; /* Text - Secondary text */
}

/* Global Background with McKeon Digital Gradient */
html, body {
    background:
        radial-gradient(1000px 700px at 20% 15%, rgba(99,184,242,0.18), transparent 55%),
        radial-gradient(900px 700px at 85% 65%, rgba(63,127,217,0.18), transparent 55%),
        linear-gradient(180deg, #0B1D3A 0%, #0F2547 100%);
    background-attachment: fixed;
    color: var(--mckeon-text-primary);
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Section Backgrounds */
section#header {
    background-color: var(--mckeon-surface) !important;
    border-bottom: 1px solid rgba(63, 127, 217, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

section#main-menu {
    background-color: var(--mckeon-primary) !important;
    border-bottom: 2px solid var(--mckeon-accent);
}

section#main-body {
    background-color: transparent !important;
}

section#footer {
    background-color: var(--mckeon-primary) !important;
    border-top: 1px solid rgba(63, 127, 217, 0.2);
    color: var(--mckeon-text-secondary);
}

/* Homepage Banner */
section#home-banner {
    background:
        radial-gradient(800px 600px at 50% 50%, rgba(63,127,217,0.15), transparent 70%),
        var(--mckeon-surface) !important;
    color: var(--mckeon-text-primary) !important;
}

/* Content Containers */
.container {
    background-color: transparent;
}

/* Panels & Cards */
.panel {
    background-color: rgba(15, 37, 71, 0.7) !important;
    border: 1px solid rgba(63, 127, 217, 0.3);
    color: var(--mckeon-text-primary);
    backdrop-filter: blur(10px);
}

.panel-heading {
    background-color: rgba(11, 29, 58, 0.8) !important;
    border-bottom: 1px solid rgba(63, 127, 217, 0.3) !important;
    color: var(--mckeon-text-primary) !important;
}

.panel-body {
    background-color: transparent;
    color: var(--mckeon-text-primary);
}

.panel-footer {
    background-color: rgba(11, 29, 58, 0.6) !important;
    border-top: 1px solid rgba(63, 127, 217, 0.3);
}

/* Typography */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Montserrat', sans-serif !important;
    color: var(--mckeon-text-primary) !important;
    font-weight: 600;
}

.panel-title,
.panel-heading,
.header-lined h1,
div.header-lined h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
}

p, span, div, li, td, th {
    color: var(--mckeon-text-primary);
}

small, .small {
    color: var(--mckeon-text-secondary);
}

/* Links */
a {
    color: var(--mckeon-accent-light) !important;
    transition: color 0.3s ease;
}

a:hover, a:focus {
    color: var(--mckeon-accent) !important;
    text-decoration: none;
}

/* Buttons */
.btn {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    border: none;
    transition: all 0.3s ease;
}

.btn-primary {
    background-color: var(--mckeon-accent) !important;
    color: #fff !important;
    border: none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--mckeon-accent-light) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(63, 127, 217, 0.4);
}

.btn-default {
    background-color: rgba(15, 37, 71, 0.8) !important;
    color: var(--mckeon-text-primary) !important;
    border: 1px solid rgba(63, 127, 217, 0.4);
}

.btn-default:hover, .btn-default:focus {
    background-color: rgba(63, 127, 217, 0.3) !important;
    border-color: var(--mckeon-accent-light);
    color: var(--mckeon-text-primary) !important;
}

.btn-success {
    background-color: #00a63e !important;
    color: #fff !important;
}

.btn-danger {
    background-color: #e7000b !important;
    color: #fff !important;
}

/* Forms */
.form-control {
    background-color: rgba(11, 29, 58, 0.6) !important;
    border: 1px solid rgba(63, 127, 217, 0.3) !important;
    color: var(--mckeon-text-primary) !important;
}

.form-control:focus {
    background-color: rgba(15, 37, 71, 0.8) !important;
    border-color: var(--mckeon-accent) !important;
    box-shadow: 0 0 8px rgba(63, 127, 217, 0.3);
    color: var(--mckeon-text-primary) !important;
}

.form-control::placeholder {
    color: var(--mckeon-text-secondary);
    opacity: 0.6;
}

label {
    color: var(--mckeon-text-primary);
    font-weight: 500;
}

/* Navigation */
ul.top-nav > li > a {
    color: var(--mckeon-text-secondary) !important;
}

ul.top-nav > li > a:hover,
ul.top-nav > li > a:focus {
    color: var(--mckeon-text-primary) !important;
}

ul.top-nav > li.primary-action > a.btn {
    background-color: var(--mckeon-accent) !important;
    color: #fff !important;
}

ul.top-nav > li.primary-action > a.btn:hover {
    background-color: var(--mckeon-accent-light) !important;
}

/* Navbar */
.navbar-main {
    background-color: var(--mckeon-primary) !important;
    border: none !important;
    font-family: 'Montserrat', sans-serif !important;
}

.navbar-main .navbar-nav > li > a {
    color: var(--mckeon-text-primary) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .active > a:focus {
    background-color: rgba(63, 127, 217, 0.2) !important;
    color: var(--mckeon-accent-light) !important;
}

/* Navbar Dropdown */
.navbar-main .dropdown-menu > li > a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
    color: var(--mckeon-text-secondary) !important;
}

.navbar-main .dropdown-menu > li > a:hover,
.navbar-main .dropdown-menu > li > a:focus {
    color: var(--mckeon-accent) !important;
    background-color: rgba(63, 127, 217, 0.15) !important;
}

/* Tables */
.table {
    color: var(--mckeon-text-primary);
    background-color: transparent;
}

.table > thead > tr > th {
    background-color: rgba(11, 29, 58, 0.8);
    color: var(--mckeon-text-primary);
    border-bottom: 2px solid var(--mckeon-accent);
}

.table > tbody > tr > td {
    border-color: rgba(63, 127, 217, 0.2);
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(15, 37, 71, 0.3);
}

.table > tbody > tr:hover {
    background-color: rgba(63, 127, 217, 0.1);
}

/* Tiles (Dashboard) */
.tiles .tile {
    background-color: rgba(15, 37, 71, 0.7) !important;
    border: 1px solid rgba(63, 127, 217, 0.3);
    backdrop-filter: blur(10px);
}

.tiles .tile:hover {
    background-color: rgba(63, 127, 217, 0.2) !important;
    border-color: var(--mckeon-accent-light);
    box-shadow: 0 4px 12px rgba(63, 127, 217, 0.3);
}

.tile .icon {
    color: rgba(99, 184, 242, 0.3);
}

.tile .stat {
    color: var(--mckeon-accent-light);
}

.tile .title {
    color: var(--mckeon-text-primary);
}

/* List Groups */
.list-group-item {
    background-color: rgba(15, 37, 71, 0.6) !important;
    border: 1px solid rgba(63, 127, 217, 0.2);
    color: var(--mckeon-text-primary);
}

.list-group-item:hover {
    background-color: rgba(63, 127, 217, 0.15) !important;
}

a.list-group-item:hover,
a.list-group-item:focus {
    background-color: rgba(63, 127, 217, 0.2) !important;
    color: var(--mckeon-accent-light);
}

/* Alerts */
.alert {
    border: none;
    background-color: rgba(15, 37, 71, 0.8);
    color: var(--mckeon-text-primary);
    border-left: 3px solid var(--mckeon-accent);
}

.alert-info {
    background-color: rgba(63, 127, 217, 0.2);
    border-left-color: var(--mckeon-accent-light);
}

.alert-success {
    background-color: rgba(0, 166, 62, 0.2);
    border-left-color: #00a63e;
}

.alert-warning {
    background-color: rgba(245, 74, 0, 0.2);
    border-left-color: #f54a00;
}

.alert-danger {
    background-color: rgba(231, 0, 11, 0.2);
    border-left-color: #e7000b;
}

/* Modals */
.modal-content {
    background-color: var(--mckeon-surface);
    border: 1px solid rgba(63, 127, 217, 0.4);
    color: var(--mckeon-text-primary);
}

.modal-header {
    background-color: var(--mckeon-primary);
    border-bottom: 1px solid rgba(63, 127, 217, 0.4);
}

.modal-footer {
    background-color: rgba(11, 29, 58, 0.8);
    border-top: 1px solid rgba(63, 127, 217, 0.4);
}

/* Dropdowns */
.dropdown-menu {
    background-color: var(--mckeon-surface);
    border: 1px solid rgba(63, 127, 217, 0.4);
}

.dropdown-menu > li > a {
    color: var(--mckeon-text-secondary);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: rgba(63, 127, 217, 0.15);
    color: var(--mckeon-accent);
}

/* Badges & Labels */
.badge {
    background-color: var(--mckeon-accent);
    color: #fff;
}

.label {
    font-family: 'Montserrat', sans-serif;
}

.label-primary {
    background-color: var(--mckeon-accent);
}

.label-info {
    background-color: var(--mckeon-accent-light);
}

/* Pagination */
.pagination > .active > a,
.pagination > .active > span {
    background-color: var(--mckeon-accent) !important;
    border-color: var(--mckeon-accent) !important;
}

.pagination > li > a,
.pagination > li > span {
    background-color: rgba(15, 37, 71, 0.7);
    border-color: rgba(63, 127, 217, 0.3);
    color: var(--mckeon-text-primary);
}

.pagination > li > a:hover,
.pagination > li > span:hover {
    background-color: rgba(63, 127, 217, 0.3);
    border-color: var(--mckeon-accent);
    color: var(--mckeon-accent-light);
}

/* Login Container */
.logincontainer {
    background-color: rgba(15, 37, 71, 0.8);
    border: 1px solid rgba(63, 127, 217, 0.3);
    border-radius: 8px;
    padding: 30px;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

/* Status Labels */
.label.status {
    padding: 4px 10px;
    border-radius: 3px;
    font-weight: 500;
}

.label.status-active {
    background-color: #00a63e;
}

.label.status-pending {
    background-color: #f54a00;
}

.label.status-cancelled,
.label.status-suspended {
    background-color: #e7000b;
}

/* Breadcrumbs */
.breadcrumb {
    background-color: transparent;
}

.breadcrumb > li + li:before {
    color: var(--mckeon-text-secondary);
}

.breadcrumb > li > a {
    color: var(--mckeon-accent-light);
}

.breadcrumb > .active {
    color: var(--mckeon-text-primary);
}

/* Well */
.well {
    background-color: rgba(11, 29, 58, 0.6);
    border: 1px solid rgba(63, 127, 217, 0.3);
    color: var(--mckeon-text-primary);
}

/* Home KB Search */
.home-kb-search .form-control {
    background-color: rgba(15, 37, 71, 0.8) !important;
    border: 1px solid rgba(63, 127, 217, 0.4) !important;
    color: var(--mckeon-text-primary) !important;
}

.home-kb-search i {
    color: var(--mckeon-accent-light);
}

/* Logo */
section#header .logo img {
    max-height: 80px;
    height: auto;
    width: auto;
}

section#header .logo-text {
    color: var(--mckeon-text-primary) !important;
}

/* Footer Links */
section#footer {
    padding: 30px 10px;
}

section#footer .footer-content {
    margin-bottom: 20px;
}

section#footer .footer-company {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    color: var(--mckeon-text-primary);
}

section#footer .footer-registration {
    font-size: 12px;
    line-height: 1.6;
    color: var(--mckeon-text-secondary);
    margin: 0;
}

section#footer .footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
}

@media (max-width: 991px) {
    section#footer .footer-links {
        text-align: left;
        margin-top: 20px;
    }
}

section#footer .footer-links li {
    display: inline-block;
    margin-left: 20px;
}

@media (max-width: 991px) {
    section#footer .footer-links li {
        display: block;
        margin-left: 0;
        margin-bottom: 8px;
    }
}

section#footer .footer-links li:first-child {
    margin-left: 0;
}

section#footer .footer-links a {
    color: var(--mckeon-accent-light) !important;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.3s ease;
}

section#footer .footer-links a:hover {
    color: var(--mckeon-accent) !important;
    text-decoration: none;
}

section#footer a {
    color: var(--mckeon-accent-light) !important;
}

section#footer a:hover {
    color: var(--mckeon-accent) !important;
}

/* Back to Top Button */
section#footer .back-to-top i {
    background-color: transparent !important;
    color: var(--mckeon-accent-light) !important;
    transition: color 0.3s ease;
}

section#footer .back-to-top i:hover {
    background-color: transparent !important;
    color: var(--mckeon-accent) !important;
}

/* Client Alerts */
.client-alerts {
    background-color: var(--mckeon-surface);
}

/* Popover */
.popover {
    background-color: var(--mckeon-surface);
    border-color: rgba(63, 127, 217, 0.4);
    color: var(--mckeon-text-primary);
}

.popover-title {
    background-color: var(--mckeon-primary);
    border-bottom-color: rgba(63, 127, 217, 0.4);
    color: var(--mckeon-text-primary);
}

/* Text Colors */
.text-muted {
    color: var(--mckeon-text-secondary) !important;
}

.text-primary {
    color: var(--mckeon-accent-light) !important;
}

/* Domain Search Buttons */
section#home-banner .btn.search {
    background-color: #00a63e !important;
}

section#home-banner .btn.search:hover {
    background-color: #008236 !important;
}

section#home-banner .btn.transfer {
    background-color: var(--mckeon-accent) !important;
}

section#home-banner .btn.transfer:hover {
    background-color: var(--mckeon-accent-light) !important;
}

/* ===== ADDITIONAL OVERRIDES FOR FULL THEME CONSISTENCY ===== */

/* Sidebar Panels */
.panel-sidebar {
    background-color: rgba(15, 37, 71, 0.7) !important;
    border: 1px solid rgba(63, 127, 217, 0.3) !important;
}

.panel-sidebar .panel-heading {
    background-color: rgba(11, 29, 58, 0.8) !important;
    border-bottom: 1px solid rgba(63, 127, 217, 0.3) !important;
}

.panel-sidebar .list-group-item {
    background-color: rgba(15, 37, 71, 0.5) !important;
    border-color: rgba(63, 127, 217, 0.2) !important;
    color: var(--mckeon-text-primary) !important;
}

.panel-sidebar .list-group-item.active,
.panel-sidebar .list-group-item:hover {
    background-color: rgba(63, 127, 217, 0.2) !important;
    color: var(--mckeon-accent-light) !important;
}

/* Header Lined */
.header-lined {
    border-bottom-color: rgba(63, 127, 217, 0.3) !important;
}

.header-lined h1 {
    border-bottom-color: rgba(63, 127, 217, 0.3) !important;
    color: var(--mckeon-text-primary) !important;
}

/* Text Colors Override */
.text-domain {
    color: var(--mckeon-accent-light) !important;
}

/* Home Shortcuts Bar */
.home-shortcuts {
    background-color: var(--mckeon-surface) !important;
    border-bottom: 1px solid rgba(63, 127, 217, 0.3);
}

.home-shortcuts li {
    border-right-color: rgba(63, 127, 217, 0.3) !important;
    border-left-color: rgba(63, 127, 217, 0.3) !important;
    border-bottom-color: rgba(63, 127, 217, 0.3) !important;
}

.home-shortcuts li a {
    color: var(--mckeon-text-primary) !important;
}

.home-shortcuts li:hover {
    background-color: rgba(63, 127, 217, 0.15) !important;
}

/* Input Groups */
.input-group-btn .btn {
    font-family: 'Montserrat', sans-serif;
}

/* Select Elements */
select.form-control,
select.multiselect {
    background-color: rgba(11, 29, 58, 0.6) !important;
    border: 1px solid rgba(63, 127, 217, 0.3) !important;
    color: var(--mckeon-text-primary) !important;
}

/* Multiselect Dropdown */
.multiselect-container {
    background-color: var(--mckeon-surface);
    border: 1px solid rgba(63, 127, 217, 0.4);
}

.multiselect-container > li > a {
    color: var(--mckeon-text-primary);
}

.multiselect-container > li > a:hover {
    background-color: rgba(63, 127, 217, 0.2);
    color: var(--mckeon-accent-light);
}

/* Client Home Panels */
.client-home-panels .panel {
    background-color: rgba(15, 37, 71, 0.7) !important;
    border: 1px solid rgba(63, 127, 217, 0.3);
}

.client-home-panels .panel-heading {
    background-color: rgba(11, 29, 58, 0.8) !important;
    color: var(--mckeon-text-primary) !important;
}

/* Tooltips */
.tooltip-inner {
    background-color: var(--mckeon-surface);
    color: var(--mckeon-text-primary);
    font-family: 'Montserrat', sans-serif;
}

.tooltip.top .tooltip-arrow {
    border-top-color: var(--mckeon-surface);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--mckeon-surface);
}

.tooltip.left .tooltip-arrow {
    border-left-color: var(--mckeon-surface);
}

.tooltip.right .tooltip-arrow {
    border-right-color: var(--mckeon-surface);
}

/* Data Tables */
.dataTables_wrapper {
    color: var(--mckeon-text-primary);
}

.dataTables_filter input,
.dataTables_length select {
    background-color: rgba(11, 29, 58, 0.6) !important;
    border: 1px solid rgba(63, 127, 217, 0.3) !important;
    color: var(--mckeon-text-primary) !important;
}

.dataTables_info {
    color: var(--mckeon-text-secondary) !important;
}

.dataTables_paginate .paginate_button {
    background-color: rgba(15, 37, 71, 0.7) !important;
    border-color: rgba(63, 127, 217, 0.3) !important;
    color: var(--mckeon-text-primary) !important;
}

.dataTables_paginate .paginate_button:hover {
    background-color: rgba(63, 127, 217, 0.3) !important;
    color: var(--mckeon-accent-light) !important;
}

.dataTables_paginate .paginate_button.current {
    background-color: var(--mckeon-accent) !important;
    color: #fff !important;
}

/* iCheck Checkbox Styling */
.icheckbox_square-blue,
.iradio_square-blue {
    background-color: rgba(11, 29, 58, 0.6);
    border: 1px solid rgba(63, 127, 217, 0.3);
}

/* Loading Spinner */
.fas.fa-spinner,
.fas.fa-circle-notch {
    color: var(--mckeon-accent-light);
}

/* Help Blocks */
.help-block {
    color: var(--mckeon-text-secondary);
}

/* Error Messages */
.has-error .form-control {
    border-color: #e7000b !important;
}

.has-error .help-block,
.has-error .control-label {
    color: #e7000b !important;
}

/* Success Messages */
.has-success .form-control {
    border-color: #00a63e !important;
}

.has-success .help-block,
.has-success .control-label {
    color: #00a63e !important;
}

/* Panel Default Overrides */
.panel-default {
    background-color: rgba(15, 37, 71, 0.7) !important;
    border-color: rgba(63, 127, 217, 0.3) !important;
}

.panel-default > .panel-heading {
    background-color: rgba(11, 29, 58, 0.8) !important;
    border-color: rgba(63, 127, 217, 0.3) !important;
    color: var(--mckeon-text-primary) !important;
}

/* Tab Navigation */
.nav-tabs {
    border-bottom-color: rgba(63, 127, 217, 0.3);
}

.nav-tabs > li > a {
    color: var(--mckeon-text-secondary);
    background-color: rgba(15, 37, 71, 0.5);
    border: 1px solid rgba(63, 127, 217, 0.3);
}

.nav-tabs > li > a:hover {
    background-color: rgba(63, 127, 217, 0.2);
    border-color: rgba(63, 127, 217, 0.4);
    color: var(--mckeon-accent-light);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: rgba(15, 37, 71, 0.7);
    border: 1px solid rgba(63, 127, 217, 0.4);
    border-bottom-color: transparent;
    color: var(--mckeon-text-primary);
}

.tab-content {
    background-color: rgba(15, 37, 71, 0.7);
    border: 1px solid rgba(63, 127, 217, 0.3);
    border-top: none;
    color: var(--mckeon-text-primary);
}

/* Progress Bars */
.progress {
    background-color: rgba(11, 29, 58, 0.6);
}

.progress-bar {
    background-color: var(--mckeon-accent);
}

.progress-bar-success {
    background-color: #00a63e;
}

.progress-bar-warning {
    background-color: #f54a00;
}

.progress-bar-danger {
    background-color: #e7000b;
}

/* Code & Pre Elements */
code {
    background-color: rgba(11, 29, 58, 0.6);
    color: var(--mckeon-accent-light);
    border: 1px solid rgba(63, 127, 217, 0.3);
}

pre {
    background-color: rgba(11, 29, 58, 0.6);
    border: 1px solid rgba(63, 127, 217, 0.3);
    color: var(--mckeon-text-primary);
}

/* Horizontal Rules */
hr {
    border-color: rgba(63, 127, 217, 0.3);
}

/* Jumbotron */
.jumbotron {
    background-color: rgba(15, 37, 71, 0.7);
    color: var(--mckeon-text-primary);
}

/* Thumbnail */
.thumbnail {
    background-color: rgba(15, 37, 71, 0.7);
    border: 1px solid rgba(63, 127, 217, 0.3);
}

/* Blockquote */
blockquote {
    border-left-color: var(--mckeon-accent);
    color: var(--mckeon-text-secondary);
}

/* Panel Minimise Icon */
.panel-minimise {
    color: var(--mckeon-text-secondary) !important;
}

.panel-minimise:hover {
    color: var(--mckeon-accent-light) !important;
}

/* Close Button (×) */
.close {
    color: var(--mckeon-text-primary);
    opacity: 0.6;
}

.close:hover {
    color: var(--mckeon-accent-light);
    opacity: 1;
}

/* Caret */
.caret {
    border-top-color: var(--mckeon-text-primary);
}

/* Disabled State */
.disabled,
[disabled] {
    opacity: 0.5;
}

/* Mark/Highlight */
mark,
.mark {
    background-color: rgba(63, 127, 217, 0.3);
    color: var(--mckeon-text-primary);
}

/* ===== TABLE & DATA TABLE COMPREHENSIVE OVERRIDES ===== */

/* Table Container Backgrounds */
.table-container,
.table-responsive {
    background-color: transparent !important;
}

/* Remove all white backgrounds */
.table-list,
.table {
    background-color: transparent !important;
}

.table thead,
.table tbody,
.table tfoot {
    background-color: transparent !important;
}

.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
    background-color: transparent !important;
}

.table > thead > tr > th,
.table > thead > tr > td {
    background-color: rgba(11, 29, 58, 0.8) !important;
    color: var(--mckeon-text-primary) !important;
    border-color: rgba(63, 127, 217, 0.3) !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th {
    background-color: transparent !important;
    color: var(--mckeon-text-primary) !important;
    border-color: rgba(63, 127, 217, 0.2) !important;
}

/* DataTables Specific */
.dataTables_wrapper {
    background-color: transparent !important;
}

.dataTables_scroll,
.dataTables_scrollHead,
.dataTables_scrollBody,
.dataTables_scrollFoot {
    background-color: transparent !important;
}

/* Info bar ("Showing 1 to 2 of 2 entries") */
.dataTables_info {
    background-color: transparent !important;
    color: var(--mckeon-text-secondary) !important;
}

.dataTables_length,
.dataTables_filter {
    background-color: transparent !important;
}

/* Panel with tables */
.panel .table {
    background-color: transparent !important;
}

.panel-body .table {
    background-color: transparent !important;
}

/* Sorting Header */
.sorting,
.sorting_asc,
.sorting_desc {
    background-color: rgba(11, 29, 58, 0.8) !important;
    color: var(--mckeon-text-primary) !important;
}

/* Top bar with search/filter */
.compact-control-bar {
    background-color: rgba(11, 29, 58, 0.6) !important;
    border: 1px solid rgba(63, 127, 217, 0.3);
}

/* Any remaining white backgrounds */
.bg-white,
.background-white {
    background-color: transparent !important;
}

/* DataTable Row Hover Override */
.dataTable > tbody > tr:hover,
.dataTable > tbody > tr:hover > td,
.dataTable > tbody > tr:hover > th {
    background-color: rgba(63, 127, 217, 0.1) !important;
}

/* Clickable rows */
tr[onclick]:hover {
    background-color: rgba(63, 127, 217, 0.15) !important;
    cursor: pointer;
}

/* ===== TOP ALERTS & VERIFICATION BANNERS ===== */

/* Top verification/notification bars */
.top-alert,
.verification-alert,
.email-verification {
    background-color: rgba(15, 37, 71, 0.95) !important;
    border: 1px solid rgba(63, 127, 217, 0.4) !important;
    color: var(--mckeon-text-primary) !important;
    backdrop-filter: blur(10px);
}

/* Generic alert at top */
.alert-dismissible {
    background-color: rgba(15, 37, 71, 0.9) !important;
    border: 1px solid rgba(63, 127, 217, 0.4) !important;
    color: var(--mckeon-text-primary) !important;
}

/* Alert buttons */
.alert .btn,
.alert button {
    background-color: var(--mckeon-accent) !important;
    color: #fff !important;
    border: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
}

.alert .btn:hover,
.alert button:hover {
    background-color: var(--mckeon-accent-light) !important;
}

/* Alert close button */
.alert .close {
    color: var(--mckeon-text-primary) !important;
    opacity: 0.8;
    text-shadow: none;
}

.alert .close:hover {
    color: var(--mckeon-accent-light) !important;
    opacity: 1;
}

/* Page-level alerts/notifications */
.alert-notification,
.page-alert {
    background-color: rgba(15, 37, 71, 0.9) !important;
    border-left: 3px solid var(--mckeon-accent) !important;
    color: var(--mckeon-text-primary) !important;
}

/* Email verification specific */
.email-verification-pending {
    background-color: rgba(63, 127, 217, 0.2) !important;
    border-left: 3px solid var(--mckeon-accent-light) !important;
}

/* Top notification container */
.top-notification-bar {
    background-color: var(--mckeon-surface) !important;
    border-bottom: 1px solid rgba(63, 127, 217, 0.4) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}