/* Dark Mode CSS Variables and Styles */

/* CSS Variables for Light Theme (Default) */
:root {
    /* Light theme colors */
    --bg-primary: #F4F4F4;
    --bg-secondary: #ffffff;
    --bg-tertiary: #F8F8FC;
    --bg-quaternary: #E8E8F6;
    --bg-quinary: #EDEDFD;
    
    --text-primary: #050524;
    --text-secondary: #1517A2;
    --text-tertiary: #333333;
    --text-muted: #666666;
    --text-white: #ffffff;
    
    --border-primary: #E8E8F6;
    --border-secondary: #D1D2F9;
    --border-tertiary: #cccccc;
    
    --shadow-primary: 0 1px 6px 1px #b3b3b3;
    --shadow-secondary: 0px 4px 20px 0px rgba(21, 23, 162, 0.10);
    
    --gradient-primary: linear-gradient(143deg, #1517A2 19.8%, #0C0D5A 78.46%);
    --gradient-dark: linear-gradient(179deg, #0C0D5A 0.26%, #050524 98.75%);
    
    --accent-primary: #1517A2;
    --accent-secondary: #0C0D5A;
    --accent-tertiary: #600382;
    
    --success: #5cb85c;
    --warning: #ff9914;
    --error: #ff0000;
    --info: #0086b3;
}

/* Dark theme colors */
[data-theme="dark"] {
    --bg-primary: #000000;
    --bg-secondary: #1a1a1a;
    --bg-tertiary: #2d2d2d;
    --bg-quaternary: #333333;
    --bg-quinary: #404040;
    
    --text-primary: #ffffff;
    --text-secondary: #a8a8ff;
    --text-tertiary: #e0e0e0;
    --text-muted: #b0b0b0;
    --text-white: #ffffff;
    
    --border-primary: #404040;
    --border-secondary: #555555;
    --border-tertiary: #666666;
    
    --shadow-primary: 0 1px 6px 1px rgba(0, 0, 0, 0.3);
    --shadow-secondary: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
    
    --gradient-primary: linear-gradient(143deg, #4a4aff 19.8%, #2a2aff 78.46%);
    --gradient-dark: linear-gradient(179deg, #2a2aff 0.26%, #1a1aff 98.75%);
    
    --accent-primary: #4a4aff;
    --accent-secondary: #2a2aff;
    --accent-tertiary: #8a2aff;
    
    --success: #4caf50;
    --warning: #ff9800;
    --error: #f44336;
    --info: #2196f3;
}

/* Dark Mode Toggle Button */
.dark-mode-toggle {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    background: var(--bg-secondary, #ffffff);
    border: 2px solid var(--border-primary, #E8E8F6);
    border-radius: 50px;
    padding: 12px 13px !important;
    cursor: pointer;
    height: 28px !important;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary, #050524);
    box-shadow: var(--shadow-primary, 0 1px 6px 1px #b3b3b3);
    transition: all 0.3s ease;
    font-family: 'Montserrat', sans-serif;
}

.dark-mode-toggle:hover {
    background: var(--bg-tertiary);
    transform: translateY(-2px);
    box-shadow: var(--shadow-secondary);
}

.dark-mode-toggle .toggle-icon {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
}

.dark-mode-toggle .toggle-text {
    font-family: 'Montserrat', sans-serif;
}

/* Dark mode specific styles */
[data-theme="dark"] body {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] * {
    color: var(--text-primary) !important;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] p,
[data-theme="dark"] span,
[data-theme="dark"] div,
[data-theme="dark"] td,
[data-theme="dark"] th,
[data-theme="dark"] label,
[data-theme="dark"] a {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .body-div {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

/* Make main content area black */
[data-theme="dark"] .main-content,
[data-theme="dark"] .content-area,
[data-theme="dark"] .workspace {
    background-color: var(--bg-primary) !important;
}

/* Override any grey backgrounds to black */
[data-theme="dark"] .bg-light,
[data-theme="dark"] .bg-gray,
[data-theme="dark"] .bg-grey {
    background-color: var(--bg-primary) !important;
}

/* Make sidebar backgrounds darker */
[data-theme="dark"] .sidebar,
[data-theme="dark"] .side-panel,
[data-theme="dark"] .left-panel {
    background-color: var(--bg-secondary) !important;
}

/* Override specific grey backgrounds */
[data-theme="dark"] [style*="background-color: #f4f4f4"],
[data-theme="dark"] [style*="background-color: #f8f8fc"],
[data-theme="dark"] [style*="background-color: #e8e8f6"],
[data-theme="dark"] [style*="background-color: #ededfd"] {
    background-color: var(--bg-primary) !important;
}

/* Make cards and panels black */
[data-theme="dark"] .card,
[data-theme="dark"] .panel,
[data-theme="dark"] .box {
    background-color: var(--bg-secondary) !important;
}

/* Override any remaining grey/blue backgrounds */
[data-theme="dark"] .grey-bg,
[data-theme="dark"] .gray-bg,
[data-theme="dark"] .blue-bg {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .left-bar-td {
    background: var(--bg-secondary) !important;
}

[data-theme="dark"] .topbar {
    background-color: var(--bg-secondary) !important;
    border-bottom-color: var(--border-primary) !important;
}

[data-theme="dark"] .box-v2,
[data-theme="dark"] .box-v2-wg,
[data-theme="dark"] .box-v2-wg-mrg {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .pnl-head-v2 {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .pnl-body-v2 {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .acc-tab-cont,
[data-theme="dark"] .acc-tab {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .nav-tabs > li > a {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .nav-tabs > li.active > a {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .nav-tabs {
    border-bottom-color: var(--border-primary) !important;
}

[data-theme="dark"] .modal-v2 {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .v2-modal-title-text {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .v2-txt-color {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .page-title-ext {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .home-b1-txt {
    color: var(--text-primary) !important;
}

/* Ensure all text elements are white in dark mode */
[data-theme="dark"] .text-primary,
[data-theme="dark"] .text-secondary,
[data-theme="dark"] .text-muted,
[data-theme="dark"] .text-dark,
[data-theme="dark"] .text-black {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    color: var(--text-primary) !important;
    background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] .table,
[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .card,
[data-theme="dark"] .card-body,
[data-theme="dark"] .card-header,
[data-theme="dark"] .card-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .list-group-item {
    color: var(--text-primary) !important;
    background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] .dropdown-menu {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .dropdown-item {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .dropdown-item:hover {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .nav-link {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .breadcrumb {
    background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] .breadcrumb-item {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .breadcrumb-item.active {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .alert {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .alert-info {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .alert-warning {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--warning) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .alert-success {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--success) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .alert-danger {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--error) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .badge {
    color: var(--text-white) !important;
}

[data-theme="dark"] .text-muted {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .text-success {
    color: var(--success) !important;
}

[data-theme="dark"] .text-warning {
    color: var(--warning) !important;
}

[data-theme="dark"] .text-danger {
    color: var(--error) !important;
}

[data-theme="dark"] .text-info {
    color: var(--info) !important;
}

/* Override any remaining dark text */
[data-theme="dark"] .text-dark,
[data-theme="dark"] .text-black {
    color: var(--text-primary) !important;
}

/* Ensure links are visible but distinguishable */
[data-theme="dark"] a {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] a:hover {
    color: var(--accent-primary) !important;
}

[data-theme="dark"] a:visited {
    color: var(--text-secondary) !important;
}

/* Form labels and help text */
[data-theme="dark"] .form-label,
[data-theme="dark"] .form-text,
[data-theme="dark"] .help-block {
    color: var(--text-primary) !important;
}

/* Bootstrap specific overrides */
[data-theme="dark"] .btn-outline-primary {
    color: var(--accent-primary) !important;
    border-color: var(--accent-primary) !important;
}

[data-theme="dark"] .btn-outline-primary:hover {
    background-color: var(--accent-primary) !important;
    color: var(--text-white) !important;
}

[data-theme="dark"] .btn-outline-secondary {
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .btn-outline-secondary:hover {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

/* Additional text overrides for better coverage */
[data-theme="dark"] .small,
[data-theme="dark"] .text-sm {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .lead {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .blockquote {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .blockquote-footer {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .mark,
[data-theme="dark"] .highlight {
    background-color: var(--warning) !important;
    color: var(--text-white) !important;
}

[data-theme="dark"] .kbd {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .code {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .pre {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

/* Override any inline styles that might force dark text */
[data-theme="dark"] [style*="color: black"],
[data-theme="dark"] [style*="color: #000"],
[data-theme="dark"] [style*="color: #000000"] {
    color: var(--text-primary) !important;
}

[data-theme="dark"] [style*="color: #333"],
[data-theme="dark"] [style*="color: #333333"] {
    color: var(--text-primary) !important;
}

/* Ensure all text in containers is white */
[data-theme="dark"] .container,
[data-theme="dark"] .container-fluid,
[data-theme="dark"] .row,
[data-theme="dark"] .col,
[data-theme="dark"] .col-* {
    color: var(--text-primary) !important;
}

/* Override any remaining dark text classes */
[data-theme="dark"] .text-dark,
[data-theme="dark"] .text-black,
[data-theme="dark"] .text-body {
    color: var(--text-primary) !important;
}

/* Ensure proper contrast for accessibility */
[data-theme="dark"] .text-muted {
    color: var(--text-muted) !important;
    opacity: 0.8;
}

/* Override any custom text color classes */
[data-theme="dark"] [class*="text-"]:not(.text-white):not(.text-success):not(.text-warning):not(.text-danger):not(.text-info):not(.text-muted) {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .alert-count-lable {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .chat-item-link {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .div-his {
    background-color: var(--bg-primary) !important;
}

/* Make all main content areas black */
[data-theme="dark"] .home-chat-div,
[data-theme="dark"] .home-upload-div,
[data-theme="dark"] .home-llc-div,
[data-theme="dark"] .home-doc-div {
    background-color: var(--bg-primary) !important;
}

/* Override specific background colors from the original CSS */
[data-theme="dark"] .side-section {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .rightbar_content {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .uploades_remaning {
    background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] .accordion_sec .bgacc {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .accordion_sec .card {
    background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] .accordion_sec .card .card-body {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

/* Override any remaining grey backgrounds */
[data-theme="dark"] .bg-light,
[data-theme="dark"] .bg-gray,
[data-theme="dark"] .bg-grey,
[data-theme="dark"] .bg-secondary {
    background-color: var(--bg-primary) !important;
}

/* Make form containers black */
[data-theme="dark"] .form-container,
[data-theme="dark"] .blue-form-section {
    background-color: var(--bg-primary) !important;
}

/* Override specific color values */
[data-theme="dark"] [style*="background-color: #f4f4f4"],
[data-theme="dark"] [style*="background-color: #f8f8fc"],
[data-theme="dark"] [style*="background-color: #e8e8f6"],
[data-theme="dark"] [style*="background-color: #ededfd"],
[data-theme="dark"] [style*="background-color: #fefefe"] {
    background-color: var(--bg-primary) !important;
}

/* Make all containers black */
[data-theme="dark"] .container,
[data-theme="dark"] .container-fluid {
    background-color: var(--bg-primary) !important;
}

/* Override any blue backgrounds to black */
[data-theme="dark"] [style*="background-color: #0c0d5a"],
[data-theme="dark"] [style*="background-color: #050524"] {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .chat-win {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .chat-title {
    background-color: var(--accent-secondary) !important;
    color: var(--text-white) !important;
}

[data-theme="dark"] .chat-parentclass {
    background: var(--bg-secondary) !important;
}

[data-theme="dark"] .chat-input-home {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .chat-boxsize {
    background: var(--bg-secondary) !important;
}

[data-theme="dark"] .txt-login-inp {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .txt-login-inp:hover,
[data-theme="dark"] .txt-login-inp:focus,
[data-theme="dark"] .txt-login-inp:active {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .login-left-text {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .left-mnu-dv:hover {
    background: rgba(168, 168, 255, 0.20) !important;
}

[data-theme="dark"] .left-mnu-dv-sel {
    background: rgba(168, 168, 255, 0.20) !important;
}

[data-theme="dark"] .mnu-item {
    color: var(--text-white) !important;
    border-color: var(--border-tertiary) !important;
}

[data-theme="dark"] .mnu-item:hover {
    background-color: var(--accent-tertiary) !important;
    color: var(--text-white) !important;
}

[data-theme="dark"] .app-string,
[data-theme="dark"] .app-string-color,
[data-theme="dark"] .app-string-x {
    color: var(--text-tertiary) !important;
}

[data-theme="dark"] .dash-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .sub-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .page-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .page-sub-title {
    color: var(--info) !important;
}

[data-theme="dark"] .acc-title {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .myacc {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .acc-box {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .box-sqr {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .box-sqr-conf {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .box-sqr-conf-lg {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .home-sub-alert {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .sub-alert-top {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .box-select-file {
    background-color: var(--bg-secondary) !important;
    border-color: var(--text-secondary) !important;
}

[data-theme="dark"] .home-cost-div {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .home-doc-img {
    background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] .v2-lic-plan-warp {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .v2-lic-plan-div {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .v2-popup-title {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .v2-popup-img-dv {
    background-color: var(--bg-quaternary) !important;
}

[data-theme="dark"] .v2-active {
    background-color: var(--success) !important;
    color: var(--text-white) !important;
}

[data-theme="dark"] .v2-inactive {
    background-color: var(--error) !important;
    color: var(--text-white) !important;
}

[data-theme="dark"] .btn-light-sm,
[data-theme="dark"] .btn-light-normal,
[data-theme="dark"] .btn-light {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .btn-light-sm:hover,
[data-theme="dark"] .btn-light-normal:hover,
[data-theme="dark"] .btn-light:hover {
    background-color: var(--bg-quaternary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .txt-blue-theme {
    border-color: var(--border-secondary) !important;
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .body-area {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .scs-msg {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .tooltip-inner {
    background: var(--gradient-dark) !important;
    color: var(--text-white) !important;
}

[data-theme="dark"] .modal-header {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .pop-up-head {
    background: var(--gradient-dark) !important;
    color: var(--text-white) !important;
}

[data-theme="dark"] .td-gb {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .list-tr:hover {
    background-color: var(--bg-tertiary) !important;
}

[data-theme="dark"] .val-style {
    color: var(--error) !important;
}

[data-theme="dark"] .vlable {
    color: var(--error) !important;
}

[data-theme="dark"] .save-fail {
    color: var(--error) !important;
}

[data-theme="dark"] .save-success {
    color: var(--success) !important;
}

[data-theme="dark"] .model-close {
    color: var(--text-white) !important;
}

[data-theme="dark"] .cl-blue {
    color: var(--info) !important;
}

[data-theme="dark"] .login-welcome {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .login-div {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

/* Login page specific dark mode styles */
[data-theme="dark"] .login-page {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .login-left-text {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .login-banner {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .login-banner-logo {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .login-img {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .div-login {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .login-bottom {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .login-top-bar {
    background-color: var(--bg-primary) !important;
    border-bottom-color: var(--border-primary) !important;
}

/* Override any promotional panel backgrounds */
[data-theme="dark"] .promo-panel,
[data-theme="dark"] .left-panel,
[data-theme="dark"] .marketing-panel {
    background-color: var(--bg-primary) !important;
}

/* Override any white backgrounds on login page */
[data-theme="dark"] .login-form,
[data-theme="dark"] .form-panel,
[data-theme="dark"] .right-panel {
    background-color: var(--bg-primary) !important;
}

/* Make login form elements dark */
[data-theme="dark"] .login-form input,
[data-theme="dark"] .login-form textarea,
[data-theme="dark"] .login-form select {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .login-form label {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .login-form .form-control {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

/* Override any remaining white/grey backgrounds */
[data-theme="dark"] [style*="background-color: white"],
[data-theme="dark"] [style*="background-color: #ffffff"],
[data-theme="dark"] [style*="background-color: #fefefe"],
[data-theme="dark"] [style*="background-color: #f9f9f9"],
[data-theme="dark"] [style*="background-color: #f5f5f5"],
[data-theme="dark"] [style*="background-color: #f8f9fa"],
[data-theme="dark"] [style*="background-color: #e9ecef"],
[data-theme="dark"] [style*="background-color: #dee2e6"],
[data-theme="dark"] [style*="background-color: #ced4da"],
[data-theme="dark"] [style*="background-color: #adb5bd"],
[data-theme="dark"] [style*="background-color: #6c757d"],
[data-theme="dark"] [style*="background-color: #495057"],
[data-theme="dark"] [style*="background-color: #343a40"],
[data-theme="dark"] [style*="background-color: #212529"],
[data-theme="dark"] [style*="background-color: #f0f0f0"],
[data-theme="dark"] [style*="background-color: #e0e0e0"],
[data-theme="dark"] [style*="background-color: #d0d0d0"],
[data-theme="dark"] [style*="background-color: #c0c0c0"],
[data-theme="dark"] [style*="background-color: #b0b0b0"],
[data-theme="dark"] [style*="background-color: #a0a0a0"],
[data-theme="dark"] [style*="background-color: #909090"],
[data-theme="dark"] [style*="background-color: #808080"],
[data-theme="dark"] [style*="background-color: #707070"],
[data-theme="dark"] [style*="background-color: #606060"],
[data-theme="dark"] [style*="background-color: #505050"],
[data-theme="dark"] [style*="background-color: #404040"],
[data-theme="dark"] [style*="background-color: #303030"],
[data-theme="dark"] [style*="background-color: #202020"],
[data-theme="dark"] [style*="background-color: #101010"] {
    background-color: var(--bg-primary) !important;
}

/* Make sure all text on login page is white */
[data-theme="dark"] .login-page * {
    color: var(--text-primary) !important;
}

/* Override specific login page elements */
[data-theme="dark"] .login-welcome {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .cl-blue {
    color: var(--text-secondary) !important;
}

/* Signup page dark mode styles */
[data-theme="dark"] .sign-up-bg {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .signup-inp {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .signup-item {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .signup-lbl {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .signup-grp {
    background-color: var(--bg-primary) !important;
}

/* Override any remaining login/signup specific backgrounds */
[data-theme="dark"] .auth-container,
[data-theme="dark"] .auth-panel,
[data-theme="dark"] .auth-form {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .auth-left-panel,
[data-theme="dark"] .auth-right-panel {
    background-color: var(--bg-primary) !important;
}

/* Make sure all promotional content is visible */
[data-theme="dark"] .promo-content,
[data-theme="dark"] .marketing-content {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

/* Override any gradient backgrounds to solid black */
[data-theme="dark"] [style*="background: linear-gradient"],
[data-theme="dark"] [style*="background: gradient"] {
    background: var(--bg-primary) !important;
}

/* Comprehensive grey background overrides */
[data-theme="dark"] .grey,
[data-theme="dark"] .gray,
[data-theme="dark"] .grey-bg,
[data-theme="dark"] .gray-bg,
[data-theme="dark"] .grey-background,
[data-theme="dark"] .gray-background,
[data-theme="dark"] .light-grey,
[data-theme="dark"] .light-gray,
[data-theme="dark"] .dark-grey,
[data-theme="dark"] .dark-gray,
[data-theme="dark"] .medium-grey,
[data-theme="dark"] .medium-gray {
    background-color: var(--bg-primary) !important;
}

/* Override any remaining grey color classes */
[data-theme="dark"] .text-grey,
[data-theme="dark"] .text-gray,
[data-theme="dark"] .grey-text,
[data-theme="dark"] .gray-text {
    color: var(--text-primary) !important;
}

/* Override any grey borders */
[data-theme="dark"] .border-grey,
[data-theme="dark"] .border-gray,
[data-theme="dark"] .grey-border,
[data-theme="dark"] .gray-border {
    border-color: var(--border-primary) !important;
}

/* Override any remaining grey elements with inline styles */
[data-theme="dark"] [style*="background: grey"],
[data-theme="dark"] [style*="background: gray"],
[data-theme="dark"] [style*="background: #grey"],
[data-theme="dark"] [style*="background: #gray"],
[data-theme="dark"] [style*="background-color: grey"],
[data-theme="dark"] [style*="background-color: gray"],
[data-theme="dark"] [style*="background-color: #grey"],
[data-theme="dark"] [style*="background-color: #gray"] {
    background-color: var(--bg-primary) !important;
    background: var(--bg-primary) !important;
}

/* Override any remaining light backgrounds */
[data-theme="dark"] .light,
[data-theme="dark"] .light-bg,
[data-theme="dark"] .light-background,
[data-theme="dark"] .pale,
[data-theme="dark"] .pale-bg,
[data-theme="dark"] .muted,
[data-theme="dark"] .muted-bg {
    background-color: var(--bg-primary) !important;
}

/* Override any remaining neutral backgrounds */
[data-theme="dark"] .neutral,
[data-theme="dark"] .neutral-bg,
[data-theme="dark"] .neutral-background,
[data-theme="dark"] .default,
[data-theme="dark"] .default-bg {
    background-color: var(--bg-primary) !important;
}

/* Ensure all form elements are properly styled */
[data-theme="dark"] .form-group,
[data-theme="dark"] .input-group {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .input-group-text {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .login-top-bar {
    background-color: var(--bg-tertiary) !important;
    border-bottom-color: var(--border-primary) !important;
}

[data-theme="dark"] .signup-item {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .signup-lbl {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .chk-box,
[data-theme="dark"] .chk-box-login {
    accent-color: var(--accent-primary) !important;
}

[data-theme="dark"] .app-check {
    accent-color: var(--accent-primary) !important;
}

[data-theme="dark"] .custom-radio:checked {
    accent-color: var(--accent-primary) !important;
}

[data-theme="dark"] .form-select {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .learning_container .card {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .learning_container .web-text {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .offcanvas {
    background: var(--gradient-dark) !important;
    color: var(--text-white) !important;
}

[data-theme="dark"] .offcanvas .card {
    background: rgba(168, 168, 255, 0.20) !important;
    color: var(--text-white) !important;
}

[data-theme="dark"] .offcanvas a {
    color: var(--text-white) !important;
}

[data-theme="dark"] .offcanvas a:hover {
    color: var(--text-white) !important;
}

[data-theme="dark"] .api-container {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .api-header {
    border-bottom-color: var(--border-primary) !important;
}

[data-theme="dark"] .text-muted {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .modal-lgcustm .modal-body {
    background: var(--bg-primary) !important;
}

[data-theme="dark"] .closebtn_dark {
    background: var(--bg-quaternary) !important;
}

[data-theme="dark"] .closebtn_dark img {
    filter: invert(1) !important;
}

/* Dark mode transitions */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Ensure dark mode toggle is always visible */
.dark-mode-toggle {
/*    position: fixed !important;*/
    position: absolute !important;
    z-index: 10000 !important;
}

/* Final comprehensive grey background override - catch everything */
[data-theme="dark"] *[class*="grey"],
[data-theme="dark"] *[class*="gray"],
[data-theme="dark"] *[class*="light"],
[data-theme="dark"] *[class*="pale"],
[data-theme="dark"] *[class*="muted"],
[data-theme="dark"] *[class*="neutral"] {
    background-color: var(--bg-primary) !important;
}

/* Override any remaining grey backgrounds with higher specificity */
[data-theme="dark"] body *[style*="background-color: #f"],
[data-theme="dark"] body *[style*="background-color: #e"],
[data-theme="dark"] body *[style*="background-color: #d"],
[data-theme="dark"] body *[style*="background-color: #c"],
[data-theme="dark"] body *[style*="background-color: #b"],
[data-theme="dark"] body *[style*="background-color: #a"],
[data-theme="dark"] body *[style*="background-color: #9"],
[data-theme="dark"] body *[style*="background-color: #8"],
[data-theme="dark"] body *[style*="background-color: #7"],
[data-theme="dark"] body *[style*="background-color: #6"],
[data-theme="dark"] body *[style*="background-color: #5"],
[data-theme="dark"] body *[style*="background-color: #4"],
[data-theme="dark"] body *[style*="background-color: #3"],
[data-theme="dark"] body *[style*="background-color: #2"],
[data-theme="dark"] body *[style*="background-color: #1"] {
    background-color: var(--bg-primary) !important;
}

/* Override any remaining grey backgrounds with even higher specificity */
[data-theme="dark"] html body *[style*="background-color: #f"],
[data-theme="dark"] html body *[style*="background-color: #e"],
[data-theme="dark"] html body *[style*="background-color: #d"],
[data-theme="dark"] html body *[style*="background-color: #c"],
[data-theme="dark"] html body *[style*="background-color: #b"],
[data-theme="dark"] html body *[style*="background-color: #a"],
[data-theme="dark"] html body *[style*="background-color: #9"],
[data-theme="dark"] html body *[style*="background-color: #8"],
[data-theme="dark"] html body *[style*="background-color: #7"],
[data-theme="dark"] html body *[style*="background-color: #6"],
[data-theme="dark"] html body *[style*="background-color: #5"],
[data-theme="dark"] html body *[style*="background-color: #4"],
[data-theme="dark"] html body *[style*="background-color: #3"],
[data-theme="dark"] html body *[style*="background-color: #2"],
[data-theme="dark"] html body *[style*="background-color: #1"] {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .button_clikable .custom-btn {
    background: black;
}

[data-theme="dark"] .chat-itemdv-wrap img {
    filter: invert(1);
}

[data-theme="dark"] .accordion_sec .card .card-header a img {
    width: 14px;
    margin-right: 6px;
    filter: invert(1);
}

[data-theme="dark"] .home_sidetoogle {
    border: 1px solid #352f2f;
}

[data-theme="dark"] .list-title img {
    filter: invert(1);
}

[data-theme="dark"] .bottom-title {
    background-color: var(--bg-secondary);
}

[data-theme="dark"] .chatbox-fixed img {
    filter: invert(1);
}

html[data-theme="dark"] body .box-v2-wg.home1_rev.promptLibrary {
    overflow: auto;
    background-color: var(--bg-secondary) !important;
}



html[data-theme="dark"] body .list-title {
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] body .modal-content {
    background: var(--bg-secondary);
    border: 1px solid #352f2f;
}

html[data-theme="dark"] body .legalModal .modal-headers {
    background: var(--bg-secondary);
}

html[data-theme="dark"] body .modal-content button.btn.btn-secondary {
    background: var(--bg-secondary);
    border: 1px solid #352f2f;
}

html[data-theme="dark"] body .llc-view-title {
    background: var(--bg-secondary);
    border: 1px solid #352f2f;
}

html[data-theme="dark"] body .step-circle {
    background-color: #6f7e8d;
}

html[data-theme="dark"] body .para_parent {
    background: var(--bg-secondary);
}


html[data-theme="dark"] body .response_mesage {
    background-color: var(--bg-secondary);
    border: 1px solid #352f2f;
}

html[data-theme="dark"] body .send_message {
    background-color: var(--bg-secondary);
    border: 1px solid #352f2f;
}


html[data-theme="dark"] body .box-v2-wg.home1_rev.chatHistory {
    background-color: var(--bg-secondary) !important;
    border: 1px solid #352f2f;
}

html[data-theme="dark"] body #div_home1.col-md-1 {
    background-color: #000000 !important;
    border: 1px solid var(--bg-secondary);
    margin: 10px 3px 0px 2px;
}

html[data-theme="dark"] body  .sideinner img {
    filter: invert(1);
}

html[data-theme="dark"] body div#ChatShrinkid img {
    filter: invert(1);
}

html[data-theme="dark"] body .para_modalicon .home-mic {
    filter: invert(1);
}

html[data-theme="dark"] body .closebtn_parent .closebtn_dark img {
    filter: unset !IMPORTANT;
}


html[data-theme="dark"] body .closebtn_parent .home-chat-div .chat-dv3 div {
    background-color: var(--bg-secondary) !important;
    margin: 0px !important;
}

html[data-theme="dark"] body .closebtn_parent {
    border: 1px solid #352f2f;

}

html[data-theme="dark"] body .chat-win {
    box-shadow: unset;
    background-color: #000000 !important;
}

html[data-theme="dark"] body.col-md-12.col-lg-12.col-sm-12.nomarpad.pupub_form .home-chat-div {
padding:0px;
}

html[data-theme="dark"] body .home-chat-div {
    padding: 0px;
}

html[data-theme="dark"] body .copy-container {
    background-color: var(--bg-secondary) !important;
}


html[data-theme="dark"] body div#div_tablet {
    background-color: var(--bg-secondary) !important;
}


html[data-theme="dark"] body .v2-lic-plan-warp {
    border: 1px solid white;
}

html[data-theme="dark"] body .learning_container {
    background-color: var(--bg-secondary) !important;
}

    html[data-theme="dark"] body .learning_container img {
        filter: invert(1);
    }

html[data-theme="dark"] body .alert.alert-info {
    background-color: var(--bg-secondary) !important;
}

html[data-theme="dark"] div#list_all img {
    filter: invert(1);
}

html[data-theme="dark"] .box-v2-icon {
    filter: invert(1);
}

html[data-theme="dark"] .v2-gv-icon-div img {
    filter: invert(1);
}


html[data-theme="dark"] .response_mesage {
    margin-bottom: 16px;
}


html[data-theme="dark"]  .login-bg {
    position: relative; /* Required for overlay positioning */
    background-image: url(/images/loginbg-Img.png);
    background-size: cover;
    background-repeat: no-repeat;
}

    html[data-theme="dark"] .login-bg::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 73%);

        z-index: 1;
    }

    /* Ensure content inside .login-bg is above overlay */
    html[data-theme="dark"]  .login-bg > * {
        position: relative;
        z-index: 2;
    }



html[data-theme="dark"] .log_inpage {
    background-color: var(--bg-secondary) !important;
}


    html[data-theme="dark"] .log_inpage img {
        filter: invert(1);
    }


html[data-theme="dark"] .login_bottom {
    color:white !important;
}

html[data-theme="dark"] .log_inpage .form-group {
    background: unset !important;
}

html[data-theme="dark"] .log_inpage .input-group {
    background: unset !important;
}

html[data-theme="dark"]  .table-hover > tbody > tr:hover td {
    background-color: #f5f5f5;
    color: black !important;
}

html[data-theme="dark"]  .table-hover > tbody > tr:hover i {
    
    color: black !important;
}


[data-theme="dark"] [class*="text-"]:not(.text-white):not(.text-success):not(.text-warning):not(.text-danger):not(.text-info):not(.text-muted) {
    color: #97aa19 !important;
}


html[data-theme="dark"] .dark_screenbg {
    background-color: var(--bg-secondary) !important;
}

html[data-theme="dark"] .closebtn_parent .chat-dv3 img {
    filter: invert(1);
}


html[data-theme="dark"] .order-summary {
    background-color: var(--bg-secondary) !important;
}



html[data-theme="dark"] .form-control.StripeElement.StripeElement--webkit-autofill.StripeElement--complete {
    background: white !IMPORTANT;
}

html[data-theme="dark"] div#card-cvc {
    background: white !IMPORTANT;
}


html[data-theme="dark"] .panel-danger > .panel-heading {
    background-color: var(--bg-secondary) !important;
}
    html[data-theme="dark"] .panel-danger > .panel-heading img {
        filter: invert(1);
    }

form#frmuserinsert .form-group {
    background-color: var(--bg-secondary) !important;
}

html[data-theme="dark"] .v2-popup-title-img {
    filter: invert(1);
}


html[data-theme="dark"] .col-centered .box-warp {
    background-color: var(--bg-secondary) !important;
}

    html[data-theme="dark"]  .col-centered .box-warp img {
        filter: inherit !important;
    }


html[data-theme="dark"] #createKeyModal .btn-default {

    color: black !IMPORTANT;

}

html[data-theme="dark"] button.btn.btn-cancel {
    color: black !IMPORTANT;
}

html[data-theme="dark"] button.btn.btn-create

{

border:1px solid grey;
}

i.fas.fa-trash.text-webprimary {
    color: #337ab7;
}


html[data-theme="dark"] .chatbox-fixed {
    background-color: var(--bg-secondary) !important;
}

html[data-theme="dark"] .sub-alert {
    color:white;
}


html[data-theme="dark"] .forget_password {
    color: white;
}


.dark-mode-toggle .toggle-icon {
 
    font-size: 14px !important;
}

html[data-theme="dark"] .btn.btn-default.dropdown-toggle.country-btn {
    background-color: var(--bg-secondary) !important;
    border: 1px solid grey;
}


html[data-theme="dark"] tr.list-tr.premium_tr .dt-cell {
    background: #000000ed;
}

html[data-theme="dark"] td.lable_main {
    background: #000000ed;
}


html[data-theme="dark"] .modal-body {
    background-color: var(--bg-secondary) !important;
}

html[data-theme="dark"] .table.agreement-table {
    background-color: var(--bg-secondary) !important;
}

html[data-theme="dark"] .agreement-table tr {
    background-color: var(--bg-secondary) !important;
}


html[data-theme="dark"] .top_title {
    color:white;
}

html[data-theme="dark"]  .modal-content.modal-v2 img {
    /* filter: brightness(0.5); */
    opacity: 1;
    filter: brightness(0) saturate(100%) invert(100%) contrast(100%);
}

html[data-theme="dark"]  .custom-card .btn-custom {
    background-color: #1a1a1a;
    color: #000000;
    border: none;
    border-radius: 10px;
    padding: 8px 16px;
    font-weight: bold;
    margin-top: 13px;
    border: 1px solid white;
}

html[data-theme="dark"] div#llcChat table td div {
    background-color: var(--bg-secondary) !important;
}

html[data-theme="dark"] .home-sub-alert table td div {
    color: white !important;
}