/* Public-page card chrome for user dashboard (icons/content structure unchanged) */

.inv-user-main .dashboard-item,
.inv-user-main .custom--card,
.inv-user-main .card.custom--card {
    background: rgba(18, 24, 38, 0.75) !important;
    background-image: linear-gradient(135deg, rgba(6, 182, 212, 0.12) 0%, rgba(14, 18, 26, 0.95) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 40px rgba(6, 182, 212, 0.15) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.inv-user-main .dashboard-item:hover,
.inv-user-main .custom--card:hover,
.inv-user-main .card.custom--card:hover {
    border-color: rgba(6, 182, 212, 0.4) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), 0 0 30px rgba(6, 182, 212, 0.15) !important;
}

/* Decorative bottom stripe → public cyan gradient (structure unchanged) */
.inv-user-main .dashboard-item .dashboard-item-body {
    background: #06B6D4 !important;
}

.inv-user-main .dashboard-item .dashboard-item-body::before {
    background: linear-gradient(180deg, rgba(6, 182, 212, 0.85) 0%, rgba(18, 24, 38, 0.95) 100%) !important;
}

/* Sidebar panel matches the same glass card treatment */
.inv-user-main .dashboard-sidebar {
    background: rgba(18, 24, 38, 0.75) !important;
    background-image: linear-gradient(180deg, rgba(6, 182, 212, 0.1) 0%, rgba(14, 18, 26, 0.95) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45), 0 0 30px rgba(6, 182, 212, 0.1) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* ---------- Text colors only (match public dark layout) ---------- */
.inv-user-main {
    color: #E2E8F0 !important;
}

.inv-user-main .inner-banner .title,
.inv-user-main h1,
.inv-user-main h2,
.inv-user-main h3,
.inv-user-main h4,
.inv-user-main h5,
.inv-user-main h6 {
    color: #F8FAFC !important;
}

.inv-user-main p,
.inv-user-main span,
.inv-user-main label,
.inv-user-main li,
.inv-user-main td,
.inv-user-main th,
.inv-user-main small,
.inv-user-main .form-control,
.inv-user-main .form--control,
.inv-user-main .select2-container .select2-selection--single .select2-selection__rendered {
    color: #E2E8F0 !important;
}

.inv-user-main .col-lg-9 a:not(.btn):not(.btn--base):not(.cmn--btn),
.inv-user-main .col-md-9 a:not(.btn):not(.btn--base):not(.cmn--btn),
.inv-user-main .col-xl-9 a:not(.btn):not(.btn--base):not(.cmn--btn) {
    color: #67E8F9 !important;
}

.inv-user-main .col-lg-9 a:not(.btn):not(.btn--base):not(.cmn--btn):hover,
.inv-user-main .col-md-9 a:not(.btn):not(.btn--base):not(.cmn--btn):hover,
.inv-user-main .col-xl-9 a:not(.btn):not(.btn--base):not(.cmn--btn):hover {
    color: #A5F3FC !important;
}

.inv-user-main .dashboard-item .dashboard-item-header .header-left .title,
.inv-user-main .dashboard-item .dashboard-item-header .title {
    color: #CBD5E1 !important;
}

.inv-user-main .dashboard-item .dashboard-item-header .ammount,
.inv-user-main .dashboard-item .dashboard-item-header .ammount span,
.inv-user-main div[class*="col"] > .dashboard-item .dashboard-item-header .ammount,
.inv-user-main div[class*="col"] > .dashboard-item .dashboard-item-header .ammount span {
    color: #F8FAFC !important;
}

.inv-user-main .dashboard-item .dashboard-item-header .ammount.text--danger,
.inv-user-main .dashboard-item .dashboard-item-header .ammount .text--danger,
.inv-user-main .text--danger {
    color: #F43F5E !important;
}

.inv-user-main .text--success {
    color: #10B981 !important;
}

.inv-user-main .text--warning {
    color: #F59E0B !important;
}

.inv-user-main .text--base,
.inv-user-main .text--primary,
.inv-user-main .link-color {
    color: #67E8F9 !important;
}

.inv-user-main .custom--card .card-header h5,
.inv-user-main .custom--card .card-body .card-title {
    color: #F8FAFC !important;
}

.inv-user-main .custom--card .card-body p,
.inv-user-main .custom--card .card-body span,
.inv-user-main .custom--card .notice-text-inner {
    color: #E2E8F0 !important;
}

.inv-user-main .dashboard-user .user-content span {
    color: #CBD5E1 !important;
}

.inv-user-main .dashboard-user .user-content .name {
    color: #F8FAFC !important;
}

.inv-user-main .user-dashboard-tab li a {
    color: #FFFFFF !important;
}

.inv-user-main .user-dashboard-tab li a:hover,
.inv-user-main .user-dashboard-tab li a.active {
    color: #FFFFFF !important;
}

.inv-user-main .user-toggler-wrapper .title,
.inv-user-main .close-dashboard {
    color: #F8FAFC !important;
}

.inv-user-main .table thead th,
.inv-user-main .custom--table thead th {
    color: #F8FAFC !important;
}

.inv-user-main .table tbody td,
.inv-user-main .custom--table tbody td {
    color: #E2E8F0 !important;
}

.inv-user-main .alert,
.inv-user-main .alert__message,
.inv-user-main .alert__message span,
.inv-user-main .alert__message small,
.inv-user-main .alert__message i {
    color: #F8FAFC !important;
}

/* /user/plan — same pricing cards as landing INVESTMENT & TRADING ACCOUNTS */
.inv-user-main .user-pricing-section {
    padding: 0 0 24px;
}

.inv-user-main .user-pricing-section .section-header {
    margin-bottom: 28px;
}

.inv-user-main .user-pricing-section .section-title {
    color: #F8FAFC;
}

.inv-user-main .user-pricing-section .section-desc {
    color: #94A3B8;
}

.inv-user-main .user-pricing-section .pricing-grid {
    margin-bottom: 28px;
}

.inv-user-main .user-pricing-section .plan-card.tone-purple,
.inv-user-main .user-pricing-section .plan-card[data-category="academy"] {
    border-color: rgba(139, 92, 246, 0.45);
}

.inv-user-main .user-pricing-section .plan-card.tone-green,
.inv-user-main .user-pricing-section .plan-card[data-category="festanlage"] {
    border-color: rgba(16, 185, 129, 0.45);
}

.inv-user-main .user-pricing-section .plan-card.tone-cyan,
.inv-user-main .user-pricing-section .plan-card[data-category="trading"] {
    border-color: rgba(6, 182, 212, 0.45);
}

.inv-user-main .user-pricing-section .plan-card.popular-plan {
    border-color: rgba(16, 185, 129, 0.7);
}

@media (max-width: 991px) {
    .inv-user-main .user-pricing-section .pricing-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .inv-user-main .user-pricing-section .pricing-grid {
        grid-template-columns: 1fr;
    }
}

/* ---------- Tables: dark glass theme (all /user table pages) ---------- */
.inv-user-main .bg--primary-gradient,
.inv-user-main .card-header.bg--primary-gradient {
    background: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%) !important;
    border: none !important;
    border-radius: 20px 20px 0 0 !important;
}

/* Plain card headers (Notice etc.) — no old blue bar, just title on glass card */
.inv-user-main .card.custom--card > .card-header:not(.bg--primary-gradient) {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 0 12px !important;
}

.inv-user-main .card.custom--card > .card-header .card-title,
.inv-user-main .card.custom--card > .card-header h4,
.inv-user-main .card.custom--card > .card-header h5 {
    color: #F8FAFC !important;
    margin: 0 !important;
}

.inv-user-main .notice--card,
.inv-user-main .card.notice--card {
    background: rgba(18, 24, 38, 0.75) !important;
    background-image: linear-gradient(135deg, rgba(6, 182, 212, 0.12) 0%, rgba(14, 18, 26, 0.95) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #E2E8F0 !important;
}

.inv-user-main .custom--table,
.inv-user-main .transection-table,
.inv-user-main .transection-table-2,
.inv-user-main table.table {
    background: transparent !important;
    box-shadow: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden;
}

.inv-user-main .custom--table thead tr,
.inv-user-main .transection-table thead tr,
.inv-user-main .transection-table-2 thead tr,
.inv-user-main table.table thead tr {
    background: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%) !important;
}

.inv-user-main .custom--table thead tr th,
.inv-user-main .transection-table thead tr th,
.inv-user-main .transection-table-2 thead tr th,
.inv-user-main table.table thead tr th {
    background: transparent !important;
    color: #FFFFFF !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 600 !important;
}

.inv-user-main .custom--table tbody,
.inv-user-main .transection-table tbody,
.inv-user-main .transection-table-2 tbody,
.inv-user-main table.table tbody {
    background: transparent !important;
}

.inv-user-main .custom--table tbody tr,
.inv-user-main .transection-table tbody tr,
.inv-user-main .transection-table-2 tbody tr,
.inv-user-main table.table tbody tr {
    background: rgba(18, 24, 38, 0.55) !important;
    box-shadow: none !important;
    transform: none !important;
}

.inv-user-main .custom--table tbody tr:nth-child(odd),
.inv-user-main .transection-table tbody tr:nth-child(odd),
.inv-user-main .transection-table-2 tbody tr:nth-child(odd),
.inv-user-main table.table tbody tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.03) !important;
}

.inv-user-main .custom--table tbody tr:nth-child(even),
.inv-user-main .transection-table tbody tr:nth-child(even),
.inv-user-main .transection-table-2 tbody tr:nth-child(even),
.inv-user-main table.table tbody tr:nth-child(even) {
    background: rgba(18, 24, 38, 0.45) !important;
}

.inv-user-main .custom--table tbody tr:hover,
.inv-user-main .transection-table tbody tr:hover,
.inv-user-main .transection-table-2 tbody tr:hover,
.inv-user-main table.table tbody tr:hover {
    background: rgba(6, 182, 212, 0.12) !important;
    transform: none !important;
    box-shadow: none !important;
}

.inv-user-main .custom--table tbody tr td,
.inv-user-main .transection-table tbody tr td,
.inv-user-main .transection-table-2 tbody tr td,
.inv-user-main table.table tbody tr td {
    color: #E2E8F0 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    background: transparent !important;
}

.inv-user-main .custom--table tbody tr td strong,
.inv-user-main .transection-table tbody tr td strong,
.inv-user-main table.table tbody tr td strong {
    color: inherit !important;
}

.inv-user-main .text-muted,
.inv-user-main .custom--table .text-muted,
.inv-user-main table .text-muted {
    color: #94A3B8 !important;
}

.inv-user-main .badge--success,
.inv-user-main .badge.badge--success {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #6EE7B7 !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
}

.inv-user-main .badge--primary,
.inv-user-main .badge.badge--primary {
    background: rgba(6, 182, 212, 0.2) !important;
    color: #67E8F9 !important;
    border: 1px solid rgba(6, 182, 212, 0.35) !important;
}

.inv-user-main .badge--danger,
.inv-user-main .badge.badge--danger {
    background: rgba(244, 63, 94, 0.2) !important;
    color: #FDA4AF !important;
    border: 1px solid rgba(244, 63, 94, 0.35) !important;
}

.inv-user-main .badge--warning,
.inv-user-main .badge.badge--warning {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #FCD34D !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
}

/* Form inputs inside dark cards */
.inv-user-main .form--control,
.inv-user-main .form-control,
.inv-user-main input.form--control,
.inv-user-main input.form-control {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #F8FAFC !important;
    border-radius: 12px !important;
}

.inv-user-main .form--control::placeholder,
.inv-user-main .form-control::placeholder {
    color: #94A3B8 !important;
}

.inv-user-main .form--control:focus,
.inv-user-main .form-control:focus {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(6, 182, 212, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.2) !important;
    color: #F8FAFC !important;
}

.inv-user-main .card.custom--card.p-0,
.inv-user-main .custom--card.p-0 {
    overflow: hidden;
}

/* ---------- Buttons: match public primary / outline styles ---------- */
.inv-user-main .btn--base,
.inv-user-main .btn--primary,
.inv-user-main .btn--success,
.inv-user-main .cmn--btn,
.inv-user-main .cmn--btn.active,
.inv-user-main .cmn--btn-2,
.inv-user-main a.btn--base,
.inv-user-main button.btn--base,
.inv-user-main .btn.btn--base,
.modal .btn--base,
.modal .btn--primary,
.modal .btn--success,
.modal .cmn--btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.3) !important;
    position: relative;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    z-index: 1;
}

.inv-user-main .btn--base:hover,
.inv-user-main .btn--primary:hover,
.inv-user-main .btn--success:hover,
.inv-user-main .cmn--btn:hover,
.inv-user-main .cmn--btn.active:hover,
.inv-user-main .cmn--btn-2:hover,
.inv-user-main .btn.btn--base:hover,
.modal .btn--base:hover,
.modal .btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(6, 182, 212, 0.5) !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%) !important;
}

.inv-user-main .cmn--btn::before,
.inv-user-main .cmn--btn::after,
.inv-user-main .cmn--btn.active::before,
.inv-user-main .cmn--btn.active::after {
    display: none !important;
}

.inv-user-main .cmn--btn span,
.inv-user-main .cmn--btn.active span,
.inv-user-main .cmn--btn:hover span,
.inv-user-main .cmn--btn.active:hover span,
.inv-user-main .btn--base span,
.modal .btn--base span {
    color: #ffffff !important;
    position: relative;
    z-index: 1;
}

.inv-user-main #copybtn,
.inv-user-main #copybtn2,
.inv-user-main #copybtn span,
.inv-user-main #copybtn2 span {
    background: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.inv-user-main .btn--sm,
.inv-user-main .btn.btn--sm,
.inv-user-main .cmn--btn.btn--sm,
.modal .btn--sm {
    padding: 8px 18px !important;
    font-size: 0.85rem !important;
}

.inv-user-main .btn--dark,
.inv-user-main .btn-dark,
.modal .btn--dark,
.modal .btn-dark,
.modal .btn.btn-dark {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: #F8FAFC !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: none !important;
    text-transform: none !important;
}

.inv-user-main .btn--dark:hover,
.inv-user-main .btn-dark:hover,
.modal .btn--dark:hover,
.modal .btn-dark:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.inv-user-main .btn-danger,
.inv-user-main .btn--danger,
.modal .btn-danger {
    background: linear-gradient(135deg, #F43F5E 0%, #E11D48 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 15px rgba(244, 63, 94, 0.3) !important;
}

/* ---------- Strip old theme blues / pinks from /user UI ---------- */
.inv-user-main .dashboard-sidebar {
    background: rgba(18, 24, 38, 0.92) !important;
    background-image: linear-gradient(180deg, rgba(6, 182, 212, 0.1) 0%, rgba(14, 18, 26, 0.98) 100%) !important;
}

.inv-user-main .dashboard-sidebar .user-dashboard-tab,
.inv-user-main .dashboard-sidebar .user-dashboard-tab li {
    background: transparent !important;
    background-image: none !important;
    color: #E2E8F0 !important;
}

.inv-user-main .dashboard-sidebar .user-dashboard-tab li a,
.inv-user-main .user-dashboard-tab li a {
    background: transparent !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-left: 3px solid transparent !important;
    border-right: 3px solid transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.inv-user-main .dashboard-sidebar .user-dashboard-tab li a:hover,
.inv-user-main .dashboard-sidebar .user-dashboard-tab li a.active,
.inv-user-main .user-dashboard-tab li a:hover,
.inv-user-main .user-dashboard-tab li a.active {
    background: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%) !important;
    background-image: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%) !important;
    border-color: transparent !important;
    color: #FFFFFF !important;
}

/* Keep dashboard card icon font gradients visible */
.inv-user-main .dashboard-item .dashboard-item-header .icon {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    background-image: linear-gradient(135deg, #06B6D4 20%, #3B82F6 90%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.inv-user-main .dashboard-item .dashboard-item-header .icon i,
.inv-user-main .dashboard-item .dashboard-item-header .icon i::before {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    background: inherit !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.inv-user-main .user-toggler-wrapper {
    background: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%) !important;
}

.inv-user-main .dashboard-user::before {
    background: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%) !important;
}

.inv-user-main .dashboard-user .user-thumb {
    border-color: rgba(6, 182, 212, 0.35) !important;
}

.inv-user-main .bg--base,
.inv-user-main .badge--base,
.inv-user-main .custom--badge {
    background: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%) !important;
    color: #fff !important;
}

.inv-user-main .pagination .page-item.active .page-link,
.inv-user-main .page-item.active .page-link {
    background: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
}

.inv-user-main .pagination .page-link {
    background: rgba(18, 24, 38, 0.75) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #E2E8F0 !important;
}

.inv-user-main .form--control:focus,
.inv-user-main .form-control:focus {
    border-color: rgba(6, 182, 212, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.2) !important;
}

.inv-user-main hr {
    border-color: rgba(255, 255, 255, 0.08) !important;
    opacity: 1;
}

/* Modals on user pages */
.modal-content {
    background: rgba(14, 18, 26, 0.98) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    color: #E2E8F0 !important;
}

.modal-header,
.modal-footer {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.modal-title,
.modal-body,
.modal-body h5,
.modal-body p,
.modal-body span {
    color: #F8FAFC !important;
}

.modal .close,
.modal .btn-close {
    color: #F8FAFC !important;
    filter: invert(1);
}

/* ---------- Public header lock (match marketing pages exactly) ---------- */
.top-bar,
.top-bar * {
    box-sizing: border-box;
}

header.header#mainHeader {
    background: rgba(7, 9, 14, 0.8) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0 !important;
    box-shadow: none !important;
}

header.header#mainHeader .nav-link {
    color: #E2E8F0 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 6px 0 !important;
}

header.header#mainHeader .nav-link:hover,
header.header#mainHeader .nav-link.active {
    color: #FFFFFF !important;
}

header.header#mainHeader .header-actions .btn,
header.header#mainHeader .header-actions .btn.btn-outline,
header.header#mainHeader .header-actions .btn.btn-primary,
header.header#mainHeader .header-actions .login-btn,
.mobile-drawer .drawer-actions .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border-radius: 14px !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    min-height: 0 !important;
    box-shadow: none !important;
}

header.header#mainHeader .header-actions .btn.btn-outline,
header.header#mainHeader .header-actions .login-btn,
.mobile-drawer .drawer-actions .btn.btn-outline {
    background: rgba(255, 255, 255, 0.06) !important;
    background-image: none !important;
    color: #F8FAFC !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

header.header#mainHeader .header-actions .btn.btn-outline:hover,
header.header#mainHeader .header-actions .login-btn:hover,
.mobile-drawer .drawer-actions .btn.btn-outline:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

header.header#mainHeader .header-actions .btn.btn-primary,
header.header#mainHeader .header-actions .btn.glow-btn,
.mobile-drawer .drawer-actions .btn.btn-primary {
    background: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%) !important;
    background-image: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.3) !important;
}

header.header#mainHeader .header-actions .btn.btn-primary:hover,
header.header#mainHeader .header-actions .btn.glow-btn:hover,
.mobile-drawer .drawer-actions .btn.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(6, 182, 212, 0.5) !important;
    color: #FFFFFF !important;
}

header.header#mainHeader .header-actions .btn span,
header.header#mainHeader .header-actions .btn i {
    color: inherit !important;
}

header.header#mainHeader .dropdown-trigger {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #F8FAFC !important;
    border-radius: 8px !important;
}

header.header#mainHeader .dropdown-trigger .lang-code,
header.header#mainHeader .dropdown-trigger i {
    color: #F8FAFC !important;
}

/* Sidebar nav links — force white (final override) */
.inv-user-main .dashboard-sidebar a,
.inv-user-main .dashboard-sidebar .user-dashboard-tab li a,
.inv-user-main .dashboard-sidebar .user-dashboard-tab li a span,
.inv-user-main ul.user-dashboard-tab li a {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

.inv-user-main .dashboard-sidebar .user-dashboard-tab li a:hover,
.inv-user-main .dashboard-sidebar .user-dashboard-tab li a.active,
.inv-user-main ul.user-dashboard-tab li a:hover,
.inv-user-main ul.user-dashboard-tab li a.active {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}