/* Precision cleanup for remaining Nexus overrides. */
.action-icon-btns > div > a,
.action-icon-btns > div > a.card-accent-teal,
.action-icon-btns > div > a.card-accent-pomegranate,
.action-icon-btns > div > a.card-accent-sun-flower,
.action-icon-btns > div > a.card-accent-asbestos,
.action-icon-btns > div > a.card-accent-green,
.action-icon-btns > div > a.card-accent-midnight-blue {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    padding: 1.5rem;
    border: 1px solid rgba(109, 132, 255, 0.14);
    background: linear-gradient(180deg, rgba(16, 20, 36, 0.96), rgba(8, 10, 20, 0.98));
    color: #eef3ff !important;
    position: relative;
    overflow: hidden;
}

.action-icon-btns > div > a::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(84, 109, 255, 0.18), transparent 38%),
        radial-gradient(circle at bottom right, rgba(0, 224, 255, 0.12), transparent 34%);
    opacity: 0.95;
}

.action-icon-btns > div > a > * {
    position: relative;
    z-index: 1;
}

.action-icon-btns > div > a:hover {
    border-color: rgba(133, 155, 255, 0.28);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(84, 109, 255, 0.08) inset;
}

.action-icon-btns .ico-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    margin: 0;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(84, 109, 255, 0.22), rgba(0, 224, 255, 0.12));
    color: #9fd4ff;
}

.action-icon-btns .ico-container i {
    font-size: 1.6rem;
}

.action-icon-btns > div > a.card-accent-pomegranate .ico-container {
    background: linear-gradient(135deg, rgba(255, 109, 84, 0.22), rgba(255, 184, 92, 0.14));
    color: #ffd2a0;
}

.action-icon-btns > div > a.card-accent-green .ico-container {
    background: linear-gradient(135deg, rgba(48, 212, 140, 0.2), rgba(0, 224, 255, 0.12));
    color: #b8ffe0;
}

.action-icon-btns > div > a.card-accent-midnight-blue .ico-container,
.action-icon-btns > div > a.card-accent-teal .ico-container,
.action-icon-btns > div > a.card-accent-asbestos .ico-container,
.action-icon-btns > div > a.card-accent-sun-flower .ico-container {
    color: #b7d8ff;
}

.nexus-home-card {
    border-color: rgba(109, 132, 255, 0.14);
    background: linear-gradient(180deg, rgba(14, 18, 34, 0.98), rgba(9, 12, 23, 0.98));
}

.nexus-home-card .btn-outline-primary {
    border-color: rgba(84, 109, 255, 0.32);
    background: rgba(84, 109, 255, 0.08);
    color: #dbe5ff;
}

.nexus-home-card .btn-outline-primary:hover,
.nexus-home-card .btn-outline-primary:focus {
    background: linear-gradient(135deg, #80a2ff, #4bd3ff);
    color: #07101e;
}

.nexus-hero {
    border-color: rgba(104, 124, 255, 0.22);
    background:
        radial-gradient(circle at top right, rgba(0, 224, 255, 0.12), transparent 28%),
        radial-gradient(circle at bottom left, rgba(106, 89, 255, 0.16), transparent 34%),
        linear-gradient(135deg, rgba(6, 9, 18, 0.99), rgba(12, 17, 34, 0.97) 52%, rgba(20, 37, 72, 0.88));
}

.nexus-hero::after {
    background: rgba(74, 111, 255, 0.22);
}

.nexus-eyebrow,
.nexus-section-kicker {
    color: #8ec5ff;
}

.nexus-section-heading h2,
.primary-content .card p,
.primary-content .card-title,
.primary-content h2,
.primary-content h3 {
    color: #f3f6ff;
}

.card-columns.home .card-body p {
    color: #b7c5e3;
}

.master-breadcrumb .breadcrumb,
.master-breadcrumb .breadcrumb a {
    color: #a6b5d6;
}

.footer {
    background: linear-gradient(180deg, rgba(5, 8, 16, 0.99), rgba(3, 5, 12, 0.99));
}

.footer .nav-link,
.footer .copyright,
.footer .list-inline-item {
    color: #b3c2e7;
}

#header,
#header .navbar,
#header .navbar-light,
#header .main-navbar-wrapper,
#header .container.mt-2.mb-2,
#header .container {
    background: transparent;
}

#header {
    background:
        linear-gradient(180deg, rgba(5, 8, 16, 0.96), rgba(7, 12, 24, 0.92)) !important;
    border-bottom: 1px solid rgba(92, 123, 255, 0.16);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
}

#header .navbar-light {
    border-bottom: 1px solid rgba(92, 123, 255, 0.08);
}

#header .navbar-brand,
#header .navbar-light .navbar-brand,
#header .navbar-light .toolbar .nav-link,
#header .navbar-light .toolbar .btn,
#header .main-navbar-wrapper .navbar-nav > li > a,
#header .main-navbar-wrapper .navbar-nav .dropdown-toggle,
#header .main-navbar-wrapper .navbar-nav .dropdown-item,
#header .main-navbar-wrapper .navbar-nav .dropdown-item a {
    color: #edf3ff !important;
}

#header .main-navbar-wrapper .navbar-nav > li > a,
#header .main-navbar-wrapper .navbar-nav .dropdown-toggle {
    border-radius: 999px;
}

#header .main-navbar-wrapper .navbar-nav > li:hover > a,
#header .main-navbar-wrapper .navbar-nav > li.show > a,
#header .main-navbar-wrapper .navbar-nav > li > a:focus {
    background: rgba(88, 122, 255, 0.14);
    color: #ffffff !important;
}

#header .search .form-control,
#header .search .appended-form-control,
#header .search .prepended-form-control {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(101, 132, 255, 0.2) !important;
    color: #eef4ff !important;
}

#header .search .form-control::placeholder {
    color: rgba(210, 223, 255, 0.55) !important;
}

#header .search .btn,
#header .cart-btn,
#header .toolbar .btn {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(101, 132, 255, 0.16);
    color: #e6eeff !important;
}

#header .search .btn:hover,
#header .cart-btn:hover,
#header .toolbar .btn:hover {
    background: rgba(88, 122, 255, 0.14);
    border-color: rgba(101, 132, 255, 0.26);
}

#header #cartItemCount {
    background: linear-gradient(135deg, #6f8dff, #41d7ff) !important;
    color: #08101f !important;
    border: 0;
}

.master-breadcrumb {
    background: linear-gradient(90deg, rgba(8, 12, 24, 0.98), rgba(10, 18, 38, 0.98)) !important;
    border-top: 1px solid rgba(92, 123, 255, 0.08);
    border-bottom: 1px solid rgba(92, 123, 255, 0.08);
}

.master-breadcrumb .breadcrumb,
.master-breadcrumb .breadcrumb-item,
.master-breadcrumb .breadcrumb-item a,
.master-breadcrumb .breadcrumb-item.active {
    color: #c1d0ee !important;
}

.master-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(193, 208, 238, 0.45) !important;
}

.domain-search-bg,
.domain-search-box,
.domain-checker-bg,
.domain-search-container,
.domain-register-bg,
.domain-transfer-bg {
    background:
        radial-gradient(circle at top left, rgba(77, 112, 255, 0.14), transparent 24%),
        linear-gradient(180deg, rgba(7, 11, 22, 0.98), rgba(10, 16, 31, 0.98)) !important;
    color: #eef3ff !important;
}

.domain-search-bg h2,
.domain-search-bg h3,
.domain-search-bg p,
.domain-checker-container h2,
.domain-checker-container p,
.domain-search-container h2,
.domain-search-container p {
    color: #eef3ff !important;
}

.domain-search-bg .form-control,
.domain-checker-container .form-control,
.domain-search-container .form-control {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(92, 123, 255, 0.18) !important;
    color: #edf3ff !important;
}

.domain-search-bg .form-control::placeholder,
.domain-checker-container .form-control::placeholder,
.domain-search-container .form-control::placeholder {
    color: rgba(211, 223, 248, 0.5) !important;
}

.domain-search-bg .btn,
.domain-checker-container .btn,
.domain-search-container .btn {
    border-radius: 14px;
}

.domain-search-bg .btn-primary,
.domain-checker-container .btn-primary,
.domain-search-container .btn-primary {
    background: linear-gradient(135deg, #7ea6ff, #4bdbff) !important;
    color: #07101f !important;
    border: 0 !important;
}

.domain-search-bg .btn-default,
.domain-search-bg .btn-secondary,
.domain-checker-container .btn-default,
.domain-checker-container .btn-secondary,
.domain-search-container .btn-default,
.domain-search-container .btn-secondary {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #edf3ff !important;
    border: 1px solid rgba(92, 123, 255, 0.18) !important;
}

#frmDomainHomepage .home-domain-search,
#frmDomainHomepage .home-domain-search.bg-white {
    background:
        radial-gradient(circle at top left, rgba(77, 112, 255, 0.12), transparent 24%),
        linear-gradient(180deg, rgba(7, 11, 22, 0.98), rgba(10, 16, 31, 0.98)) !important;
}

#frmDomainHomepage .home-domain-search h2 {
    color: #eef3ff !important;
}

#frmDomainHomepage .input-group-wrapper {
    max-width: 980px;
    margin: 0 auto;
}

#frmDomainHomepage .input-group {
    border: 1px solid rgba(92, 123, 255, 0.18);
    border-radius: 18px;
    background: rgba(8, 14, 28, 0.92);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
    overflow: hidden;
}

#frmDomainHomepage .input-group .form-control {
    height: 78px;
    border: 0 !important;
    background: transparent !important;
    color: #edf3ff !important;
    box-shadow: none !important;
    padding-left: 1.4rem;
    font-size: 1.2rem;
}

#frmDomainHomepage .input-group .form-control::placeholder {
    color: rgba(211, 223, 248, 0.5) !important;
}

#frmDomainHomepage .input-group-append {
    margin-left: 0;
}

#frmDomainHomepage #btnDomainSearch,
#frmDomainHomepage #btnDomainSearch2 {
    min-width: 120px;
    border: 0 !important;
    border-radius: 0;
    background: linear-gradient(135deg, #7ea6ff, #4bdbff) !important;
    color: #07101f !important;
    box-shadow: none !important;
}

#frmDomainHomepage #btnTransfer,
#frmDomainHomepage #btnTransfer2 {
    min-width: 140px;
    border: 0 !important;
    border-left: 1px solid rgba(92, 123, 255, 0.16) !important;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.06) !important;
    color: #edf3ff !important;
    box-shadow: none !important;
}

#frmDomainHomepage #btnDomainSearch:hover,
#frmDomainHomepage #btnDomainSearch2:hover {
    background: linear-gradient(135deg, #98b7ff, #71e4ff) !important;
}

#frmDomainHomepage #btnTransfer:hover,
#frmDomainHomepage #btnTransfer2:hover {
    background: rgba(92, 123, 255, 0.14) !important;
}

#frmDomainHomepage .btn-link.btn-sm.float-right {
    color: #9fc4ff !important;
}

.dataTables_wrapper,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    color: #dce7ff !important;
}

.dataTables_wrapper .dataTables_filter label .form-control,
.dataTables_wrapper .dataTables_filter input.form-control {
    background: rgba(9, 14, 28, 0.96) !important;
    border: 1px solid rgba(96, 126, 255, 0.2) !important;
    color: #edf3ff !important;
    border-radius: 999px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important;
}

.dataTables_wrapper .dataTables_filter label .form-control::placeholder,
.dataTables_wrapper .dataTables_filter input.form-control::placeholder {
    color: rgba(214, 225, 248, 0.55) !important;
}

.dataTables_wrapper .dataTables_filter::after {
    color: #98b7ff !important;
}

table.table-list,
.dataTables_wrapper table.table-list,
.dataTables_wrapper .table-list {
    border: 1px solid rgba(96, 126, 255, 0.16) !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(10, 14, 27, 0.98), rgba(7, 10, 20, 0.98)) !important;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.34) !important;
}

table.table-list thead th,
.dataTables_wrapper table.table-list thead th {
    background: linear-gradient(180deg, rgba(20, 27, 48, 0.98), rgba(12, 17, 31, 0.98)) !important;
    color: #edf3ff !important;
    border-bottom: 1px solid rgba(96, 126, 255, 0.14) !important;
    border-right: 1px solid rgba(96, 126, 255, 0.08);
}

table.table-list tbody td,
.dataTables_wrapper table.table-list tbody td,
.table-list > tbody > tr > td {
    background: rgba(9, 13, 25, 0.98) !important;
    color: #edf3ff !important;
    border-top: 1px solid rgba(96, 126, 255, 0.1) !important;
}

table.table-list tbody tr:hover > td,
.dataTables_wrapper table.table-list tbody tr:hover > td,
.table-list > tbody > tr:hover > td {
    background: rgba(14, 20, 38, 0.98) !important;
}

table.table-list a,
.dataTables_wrapper table.table-list a,
table.table-list strong,
.dataTables_wrapper table.table-list strong {
    color: #f3f7ff !important;
}

table.table-list .text-muted,
.dataTables_wrapper table.table-list .text-muted,
table.table-list small,
.dataTables_wrapper table.table-list small {
    color: #aebddb !important;
}

.dataTables_wrapper .pagination > li > a,
.dataTables_wrapper .pagination > li > span,
.pagination > li > a,
.pagination > li > span {
    background: rgba(9, 14, 28, 0.96) !important;
    border: 1px solid rgba(96, 126, 255, 0.16) !important;
    color: #dce7ff !important;
}

.page-item.active .page-link,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
    background: linear-gradient(135deg, #7ea6ff, #4bdbff) !important;
    border-color: transparent !important;
    color: #07101f !important;
}

.dataTables_wrapper select,
.dataTables_wrapper .custom-select,
.dataTables_wrapper .form-control {
    background-color: rgba(9, 14, 28, 0.96) !important;
    color: #edf3ff !important;
    border: 1px solid rgba(96, 126, 255, 0.2) !important;
}

.label.status,
.status.status-active,
.label.status-active {
    background: linear-gradient(135deg, #1fdc8d, #12b76a) !important;
    color: #f6fffb !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 0.4rem 0.85rem !important;
}

.tiles .tile {
    background: linear-gradient(180deg, rgba(14, 19, 35, 0.98), rgba(9, 13, 24, 0.98)) !important;
    border-right: 1px solid rgba(96, 126, 255, 0.14) !important;
    border-bottom: 1px solid rgba(96, 126, 255, 0.14) !important;
    color: #edf3ff !important;
}

.tiles .tile .title,
.tiles .tile .stat {
    color: #edf3ff !important;
}

.tiles .tile i {
    color: rgba(159, 196, 255, 0.45) !important;
}

.tiles .tile:hover {
    background: linear-gradient(180deg, rgba(18, 25, 45, 0.98), rgba(11, 16, 31, 0.98)) !important;
}

.tiles .tile:hover i {
    color: rgba(159, 196, 255, 0.7) !important;
}

.client-home-cards .card,
.client-home-cards .card.card-accent-blue,
.client-home-cards .card.card-accent-green,
.client-home-cards .card.card-accent-gold,
.client-home-cards .card.card-accent-red,
.client-home-cards .card.card-accent-teal,
.client-home-cards .card.card-accent-pomegranate,
.client-home-cards .card.card-accent-sun-flower,
.client-home-cards .card.card-accent-asbestos {
    background: linear-gradient(180deg, rgba(14, 19, 35, 0.98), rgba(9, 13, 24, 0.98)) !important;
    border: 1px solid rgba(96, 126, 255, 0.14) !important;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.34) !important;
}

.client-home-cards .card-header {
    background: linear-gradient(180deg, rgba(26, 23, 20, 0.98), rgba(15, 18, 29, 0.98)) !important;
    color: #f2f6ff !important;
    border-bottom: 1px solid rgba(96, 126, 255, 0.12) !important;
}

.client-home-cards .card-title,
.client-home-cards .card-header i,
.client-home-cards .card-header h3 {
    color: #f2f6ff !important;
}

.client-home-cards .card-body,
.client-home-cards .card-body p,
.client-home-cards .card-footer,
.client-home-cards .list-group,
.client-home-cards .list-group-item {
    background: transparent !important;
    color: #dce7ff !important;
}

.client-home-cards .list-group {
    border-top: 1px solid rgba(96, 126, 255, 0.1) !important;
    border-bottom: 1px solid rgba(96, 126, 255, 0.1) !important;
}

.client-home-cards .list-group-item {
    border-bottom: 1px solid rgba(96, 126, 255, 0.08) !important;
}

.client-home-cards .list-group-item:hover,
.client-home-cards .list-group-item:focus {
    background: rgba(96, 126, 255, 0.08) !important;
}

.client-home-cards .card-footer {
    border-top: 1px solid rgba(96, 126, 255, 0.1) !important;
}

.client-home-cards .btn.btn-default,
.client-home-cards .btn-view-more,
.client-home-cards .btn-group .btn,
.client-home-cards .btn-group-secondary .btn,
.client-home-cards .btn-view-details,
.client-home-cards .btn-xs {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #edf3ff !important;
    border: 1px solid rgba(96, 126, 255, 0.18) !important;
    box-shadow: none !important;
}

.client-home-cards .btn.btn-default:hover,
.client-home-cards .btn-view-more:hover,
.client-home-cards .btn-group .btn:hover,
.client-home-cards .btn-group-secondary .btn:hover,
.client-home-cards .btn-view-details:hover,
.client-home-cards .btn-xs:hover {
    background: rgba(96, 126, 255, 0.14) !important;
    color: #ffffff !important;
}

.client-home-cards .btn-success,
.client-home-cards .bg-color-gold,
.client-home-cards .bg-color-blue,
.client-home-cards .bg-color-green,
.client-home-cards .bg-color-red {
    border: 0 !important;
}

.client-home-cards .btn-success,
.client-home-cards .btn-primary,
.client-home-cards .btn-warning,
.client-home-cards .btn-info {
    background: linear-gradient(135deg, #7ea6ff, #4bdbff) !important;
    color: #07101f !important;
    border-color: transparent !important;
}

.client-home-cards .btn-success:hover,
.client-home-cards .btn-primary:hover,
.client-home-cards .btn-warning:hover,
.client-home-cards .btn-info:hover {
    background: linear-gradient(135deg, #98b7ff, #71e4ff) !important;
}

.div-service-item,
.div-service-name,
.div-service-name span,
.div-service-buttons,
.div-service-buttons .dropdown-item,
.div-service-buttons .btn,
.client-home-cards small {
    color: #dce7ff !important;
}

.div-service-buttons .btn-view-details,
.div-service-buttons .btn-group-primary .btn,
.div-service-buttons .btn-group-secondary .btn {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #edf3ff !important;
    border: 1px solid rgba(96, 126, 255, 0.18) !important;
}

.div-service-buttons .btn-view-details:hover,
.div-service-buttons .btn-group-primary .btn:hover,
.div-service-buttons .btn-group-secondary .btn:hover {
    background: rgba(96, 126, 255, 0.14) !important;
}

.client-home-cards img,
.client-home-cards .sitejet-banner img {
    border-radius: 14px;
}

body [menuitemname='Client Details'] .card-body,
body [menuitemname='Contacts'] .card-body,
body [menuitemname='Contacts'] .list-group-item,
body [menuitemname='Shortcuts'] .list-group-item {
    color: #edf3ff !important;
}

.nexus-offering-band {
    margin: 0 0 2rem;
}

.nexus-offering-card {
    height: 100%;
    padding: 1.4rem;
    border: 1px solid rgba(96, 126, 255, 0.14);
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(75, 219, 255, 0.1), transparent 32%),
        linear-gradient(180deg, rgba(13, 18, 34, 0.98), rgba(8, 11, 22, 0.98));
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28);
}

.nexus-offering-label {
    display: inline-block;
    margin-bottom: 0.75rem;
    padding: 0.32rem 0.7rem;
    border-radius: 999px;
    background: rgba(96, 126, 255, 0.14);
    color: #9fc4ff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.nexus-offering-card h3 {
    color: #f3f7ff;
    font-size: 1.3rem;
    margin-bottom: 0.6rem;
}

.nexus-offering-card p {
    margin-bottom: 0;
    color: #b7c5e3;
}

#main-body .invoice-container {
    max-width: 980px;
    margin-top: 2rem;
    margin-bottom: 3rem;
    padding: 2rem;
    border: 1px solid rgba(96, 126, 255, 0.14);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(75, 219, 255, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(13, 18, 34, 0.98), rgba(8, 11, 22, 0.98));
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.34);
    color: #edf3ff;
}

body > .invoice-container,
html body .invoice-container {
    margin-top: 2rem;
    margin-bottom: 3rem;
    padding: 2rem;
    border: 1px solid rgba(96, 126, 255, 0.14);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(75, 219, 255, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(13, 18, 34, 0.98), rgba(8, 11, 22, 0.98));
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.34);
    color: #edf3ff;
}

.invoice-container,
.invoice-container p,
.invoice-container strong,
.invoice-container h2,
.invoice-container h3,
.invoice-container h4,
.invoice-container address,
.invoice-container .small-text,
.invoice-container label {
    color: #edf3ff !important;
}

.invoice-container hr {
    border-top: 1px solid rgba(96, 126, 255, 0.12);
}

.invoice-container .invoice-status span {
    display: inline-block;
    padding: 0.55rem 1rem;
    border-radius: 999px;
    font-size: 0.92rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.invoice-container .invoice-status .unpaid {
    background: rgba(255, 82, 82, 0.16);
    color: #ff9f9f !important;
}

.invoice-container .invoice-status .paid {
    background: rgba(31, 220, 141, 0.16);
    color: #8dffc8 !important;
}

.invoice-container .invoice-status .draft,
.invoice-container .invoice-status .cancelled,
.invoice-container .invoice-status .collections,
.invoice-container .invoice-status .refunded {
    background: rgba(96, 126, 255, 0.14);
    color: #c8d7ff !important;
}

.invoice-container .payment-btn-container .btn,
.invoice-container .btn.btn-default,
.invoice-container .btn.btn-success,
.invoice-container .btn.btn-primary {
    border-radius: 14px !important;
}

.invoice-container .payment-btn-container .btn,
.invoice-container .btn.btn-success,
.invoice-container .btn.btn-primary {
    background: linear-gradient(135deg, #7ea6ff, #4bdbff) !important;
    color: #07101f !important;
    border: 0 !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28) !important;
}

.invoice-container .btn.btn-default {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #edf3ff !important;
    border: 1px solid rgba(96, 126, 255, 0.18) !important;
}

.invoice-container .custom-select,
.invoice-container .form-control {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #edf3ff !important;
    border: 1px solid rgba(96, 126, 255, 0.18) !important;
}

.invoice-container .card {
    background: linear-gradient(180deg, rgba(12, 16, 30, 0.98), rgba(8, 11, 22, 0.98)) !important;
    border: 1px solid rgba(96, 126, 255, 0.14) !important;
    overflow: hidden;
}

.invoice-container .card-header,
.invoice-container .card-title.py-1.px-2 {
    background: linear-gradient(180deg, rgba(25, 23, 21, 0.98), rgba(15, 18, 29, 0.98)) !important;
    color: #f3f7ff !important;
    border-bottom: 1px solid rgba(96, 126, 255, 0.12) !important;
}

.invoice-container .table,
.invoice-container .table-responsive {
    background: transparent !important;
    color: #edf3ff !important;
}

.invoice-container .table thead td,
.invoice-container .table thead th {
    background: rgba(16, 20, 36, 0.98) !important;
    color: #edf3ff !important;
    border-bottom: 1px solid rgba(96, 126, 255, 0.14) !important;
}

.invoice-container .table td,
.invoice-container .table th {
    border-top: 1px solid rgba(96, 126, 255, 0.08) !important;
    color: #dce7ff !important;
}

.invoice-container .table tbody tr:hover td {
    background: rgba(96, 126, 255, 0.06) !important;
}

.invoice-container .total-row {
    background: rgba(8, 12, 24, 0.96) !important;
    color: #f3f7ff !important;
}

.invoice-container a {
    color: #9fc4ff !important;
}