/* Dark workbench theme scoped to /ai-voice via body.ai-voice-dark-mode. */
body.ai-voice-dark-mode {
    --ai-voice-bg: #111113;
    --ai-voice-surface: #1f1f22;
    --ai-voice-surface-2: #29292d;
    --ai-voice-surface-3: #171719;
    --ai-voice-border: rgba(255, 255, 255, 0.10);
    --ai-voice-border-strong: rgba(255, 255, 255, 0.16);
    --ai-voice-text: #f3efff;
    --ai-voice-muted: #aaa5b8;
    --ai-voice-muted-2: #7f7a8f;
    --ai-voice-purple: #8b4dff;
    --ai-voice-purple-2: #b896ff;
    --ai-voice-blue: #49c6f0;
    --ai-voice-orange: #ffad7d;
    background: var(--ai-voice-bg);
    color: var(--ai-voice-text);
}

body.ai-voice-dark-mode .sided-layout,
body.ai-voice-dark-mode .home-section,
body.ai-voice-dark-mode .home-section-old,
body.ai-voice-dark-mode .main-container,
body.ai-voice-dark-mode .container,
body.ai-voice-dark-mode .container-fluid,
body.ai-voice-dark-mode .library-body,
body.ai-voice-dark-mode .library-body > .card-body {
    background: var(--ai-voice-bg) !important;
    color: var(--ai-voice-text);
}

body.ai-voice-dark-mode .library-body {
    min-height: 100vh;
}

body.ai-voice-dark-mode .sided-layout,
body.ai-voice-dark-mode .home-section-old {
    min-height: 100vh;
}

body.ai-voice-dark-mode .library-body .card,
body.ai-voice-dark-mode .library-body .card-body {
    background: transparent;
    color: var(--ai-voice-text);
}

body.ai-voice-dark-mode .label-my,
body.ai-voice-dark-mode .my-workspace1,
body.ai-voice-dark-mode .wavel-text-gradient,
body.ai-voice-dark-mode .amber,
body.ai-voice-dark-mode .amber1,
body.ai-voice-dark-mode .sample-voice,
body.ai-voice-dark-mode .dashboard20,
body.ai-voice-dark-mode .dashboard42,
body.ai-voice-dark-mode .add-to-favorites,
body.ai-voice-dark-mode .s,
body.ai-voice-dark-mode .k,
body.ai-voice-dark-mode .english,
body.ai-voice-dark-mode .audiobooks {
    color: var(--ai-voice-text) !important;
    -webkit-text-fill-color: var(--ai-voice-text);
}

body.ai-voice-dark-mode .text-muted,
body.ai-voice-dark-mode .text-muted-dark,
body.ai-voice-dark-mode .female,
body.ai-voice-dark-mode .female1,
body.ai-voice-dark-mode .hey-my-name,
body.ai-voice-dark-mode .hey-my-name1,
body.ai-voice-dark-mode .premium-p,
body.ai-voice-dark-mode .no-favorites-yet,
body.ai-voice-dark-mode .filter-clear-btn {
    color: var(--ai-voice-muted) !important;
}

body.ai-voice-dark-mode .filter-clear-btn:hover {
    color: var(--ai-voice-purple-2) !important;
}

body.ai-voice-dark-mode .section1-card-lists,
body.ai-voice-dark-mode .all-usecase-carousels-parent,
body.ai-voice-dark-mode .create-voice-cloning-slider-parent,
body.ai-voice-dark-mode .favorite-voices,
body.ai-voice-dark-mode .my-workspace {
    background: transparent;
    color: var(--ai-voice-text);
}

body.ai-voice-dark-mode .content5,
body.ai-voice-dark-mode .content6,
body.ai-voice-dark-mode .usecase-voice-card,
body.ai-voice-dark-mode .voice-library-slider-card-body .card-body,
body.ai-voice-dark-mode .library-body .card-box,
body.ai-voice-dark-mode .library-body .lib-carousels .carousel-card,
body.ai-voice-dark-mode .library-body .usecase-voice-items .carousel-card,
body.ai-voice-dark-mode .new-carousel-card {
    border-color: var(--ai-voice-border) !important;
    background: linear-gradient(180deg, #242427 0%, #1d1d20 100%) !important;
    color: var(--ai-voice-text);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34) !important;
}

body.ai-voice-dark-mode .content5:hover,
body.ai-voice-dark-mode .content6:hover,
body.ai-voice-dark-mode .usecase-voice-card:hover,
body.ai-voice-dark-mode .voice-library-slider-card-body .card-body:hover,
body.ai-voice-dark-mode .library-body .lib-carousels .carousel-card:hover,
body.ai-voice-dark-mode .library-body .usecase-voice-items .carousel-card:hover {
    border-color: rgba(139, 77, 255, 0.58) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.44) !important;
}

body.ai-voice-dark-mode .frame-parent5,
body.ai-voice-dark-mode .frame-parent7,
body.ai-voice-dark-mode .frame-wrapper,
body.ai-voice-dark-mode .frame-wrapper1,
body.ai-voice-dark-mode .amber-parent,
body.ai-voice-dark-mode .amber-group {
    color: var(--ai-voice-text);
}

body.ai-voice-dark-mode .rectangle-wrapper,
body.ai-voice-dark-mode .rectangle-container,
body.ai-voice-dark-mode .sample-letter-list:not(#profileImage),
body.ai-voice-dark-mode .edit-icon-list,
body.ai-voice-dark-mode .delete-icon-list {
    border-color: var(--ai-voice-border) !important;
    background: var(--ai-voice-surface-3) !important;
    color: var(--ai-voice-text) !important;
}

body.ai-voice-dark-mode #profileImage {
    border-color: var(--ai-voice-border) !important;
    color: inherit;
}

body.ai-voice-dark-mode #profileImage .pl-btn,
body.ai-voice-dark-mode #profileImage svg {
    color: #fff !important;
}

body.ai-voice-dark-mode #profileImage svg path {
    fill: #fff !important;
}

body.ai-voice-dark-mode .profile-name-voice {
    color: var(--ai-voice-text) !important;
}

body.ai-voice-dark-mode .hover-language,
body.ai-voice-dark-mode .hover-language1,
body.ai-voice-dark-mode .hover-language2,
body.ai-voice-dark-mode .hover-language3 {
    background: rgba(139, 77, 255, 0.18) !important;
    color: var(--ai-voice-purple-2) !important;
}

body.ai-voice-dark-mode .english1 {
    color: var(--ai-voice-orange) !important;
}

body.ai-voice-dark-mode .listen-btn,
body.ai-voice-dark-mode .listen-btn5,
body.ai-voice-dark-mode .add-fav,
body.ai-voice-dark-mode .play5,
body.ai-voice-dark-mode .library-body .play-wavel-sample:not(#profileImage),
body.ai-voice-dark-mode .library-body .lib-carousels .owl-carousel .owl-nav button.owl-prev,
body.ai-voice-dark-mode .library-body .lib-carousels .owl-carousel .owl-nav button.owl-next {
    border-color: var(--ai-voice-border) !important;
    background: var(--ai-voice-surface-2) !important;
    color: var(--ai-voice-text) !important;
    box-shadow: none !important;
}

body.ai-voice-dark-mode .listen-btn:hover,
body.ai-voice-dark-mode .listen-btn5:hover,
body.ai-voice-dark-mode .add-fav:hover,
body.ai-voice-dark-mode .library-body .lib-carousels .owl-carousel .owl-nav button.owl-prev:hover,
body.ai-voice-dark-mode .library-body .lib-carousels .owl-carousel .owl-nav button.owl-next:hover {
    border-color: rgba(139, 77, 255, 0.58) !important;
    background: rgba(139, 77, 255, 0.20) !important;
}

body.ai-voice-dark-mode .listen-btn svg path,
body.ai-voice-dark-mode .listen-btn5 svg path,
body.ai-voice-dark-mode .add-fav svg path,
body.ai-voice-dark-mode .edit-icon-list svg path,
body.ai-voice-dark-mode .delete-icon-list svg path,
body.ai-voice-dark-mode .new-play-wavel-sample-voicelib svg path {
    fill: currentColor !important;
}

body.ai-voice-dark-mode .library-body .play-wavel-sample i,
body.ai-voice-dark-mode .library-body .play-wavel-sample .pause,
body.ai-voice-dark-mode .new-play-wavel-sample-voicelib .pause {
    color: var(--ai-voice-text) !important;
}

body.ai-voice-dark-mode .new-card-body-create-clone {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: linear-gradient(135deg, #8b4dff 0%, #b33a91 100%) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.34);
}

body.ai-voice-dark-mode .new-card-body-create-clone:hover,
body.ai-voice-dark-mode .new-card-body-create-clone-slider:hover {
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.46) !important;
}

body.ai-voice-dark-mode .no-favorites-yet-discover-and-wrapper,
body.ai-voice-dark-mode .gradient-border {
    border-color: var(--ai-voice-border-strong) !important;
    background: var(--ai-voice-surface) !important;
}

body.ai-voice-dark-mode .library-body .library-select-box,
body.ai-voice-dark-mode #library-usecase-dropdown,
body.ai-voice-dark-mode .library-body .form-control,
body.ai-voice-dark-mode .library-body select,
body.ai-voice-dark-mode .library-body input,
body.ai-voice-dark-mode .library-body textarea {
    border-color: var(--ai-voice-border) !important;
    background-color: var(--ai-voice-surface-3) !important;
    color: var(--ai-voice-text) !important;
    box-shadow: none !important;
}

body.ai-voice-dark-mode .library-body .library-select-box:focus,
body.ai-voice-dark-mode #library-usecase-dropdown:focus,
body.ai-voice-dark-mode .library-body .form-control:focus {
    border-color: rgba(139, 77, 255, 0.72) !important;
    box-shadow: 0 0 0 3px rgba(139, 77, 255, 0.18) !important;
}

body.ai-voice-dark-mode .library-body select,
body.ai-voice-dark-mode #library-usecase-dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 36px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6.25 8 9.75l3.5-3.5' fill='none' stroke='%23f3efff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px 16px !important;
}

body.ai-voice-dark-mode .select2-container--default .select2-selection--single {
    border-color: var(--ai-voice-border) !important;
    background: var(--ai-voice-surface-3) !important;
    color: var(--ai-voice-text) !important;
    box-shadow: none !important;
}

body.ai-voice-dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--ai-voice-text) !important;
}

body.ai-voice-dark-mode .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--ai-voice-muted-2) !important;
}

body.ai-voice-dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--ai-voice-text) transparent transparent transparent !important;
}

body.ai-voice-dark-mode .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--ai-voice-text) transparent !important;
}

body.ai-voice-dark-mode .select2-container--open .select2-dropdown,
body.ai-voice-dark-mode .select2-dropdown {
    border-color: var(--ai-voice-border-strong) !important;
    background: var(--ai-voice-surface) !important;
    color: var(--ai-voice-text) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
}

body.ai-voice-dark-mode .select2-search--dropdown .select2-search__field {
    border-color: var(--ai-voice-border) !important;
    background: var(--ai-voice-surface-3) !important;
    color: var(--ai-voice-text) !important;
}

body.ai-voice-dark-mode .select2-results__option {
    background: transparent !important;
    color: var(--ai-voice-text) !important;
}

body.ai-voice-dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected],
body.ai-voice-dark-mode .select2-container--default .select2-results__option--highlighted[data-selected],
body.ai-voice-dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
    background: rgba(139, 77, 255, 0.22) !important;
    color: #fff !important;
}

body.ai-voice-dark-mode .languages-usecase-option,
body.ai-voice-dark-mode .gender-usecase-option {
    color: var(--ai-voice-text) !important;
}

body.ai-voice-dark-mode .languages-usecase-option:hover,
body.ai-voice-dark-mode .gender-usecase-option:hover {
    background: rgba(139, 77, 255, 0.18) !important;
}

body.ai-voice-dark-mode .skeleton {
    animation: ai-voice-skeleton-loading 1s linear infinite alternate !important;
}

@keyframes ai-voice-skeleton-loading {
    0% {
        background-color: #28282c;
    }

    100% {
        background-color: #3a3a40;
    }
}

body.ai-voice-dark-mode .modal-content,
body.ai-voice-dark-mode .modal-header,
body.ai-voice-dark-mode .modal-body,
body.ai-voice-dark-mode .modal-footer,
body.ai-voice-dark-mode .modal .card,
body.ai-voice-dark-mode .modal .card-body {
    border-color: var(--ai-voice-border) !important;
    background: var(--ai-voice-surface) !important;
    color: var(--ai-voice-text) !important;
}

body.ai-voice-dark-mode .modal-header,
body.ai-voice-dark-mode .modal-footer {
    border-color: var(--ai-voice-border) !important;
}

body.ai-voice-dark-mode .modal .close,
body.ai-voice-dark-mode .modal .btn-close,
body.ai-voice-dark-mode #cloneVoiceUpgradeModal .close {
    color: var(--ai-voice-text) !important;
    opacity: 0.9 !important;
    text-shadow: none !important;
}

body.ai-voice-dark-mode .clone-upgrade-modal-body,
body.ai-voice-dark-mode #cloneVoiceUpgradeModal .modal-content {
    background: var(--ai-voice-surface) !important;
    color: var(--ai-voice-text) !important;
}

body.ai-voice-dark-mode .clone-upgrade-icon {
    background: rgba(139, 77, 255, 0.22) !important;
    color: var(--ai-voice-purple-2) !important;
}

body.ai-voice-dark-mode .clone-upgrade-title,
body.ai-voice-dark-mode #editVoiceModal .edit-voice-title,
body.ai-voice-dark-mode #deleteVoiceModal .edit-voice-title,
body.ai-voice-dark-mode #lib-vover-script-modal .card-title,
body.ai-voice-dark-mode #lib-vover-script-modal .c-title {
    color: var(--ai-voice-text) !important;
}

body.ai-voice-dark-mode .clone-upgrade-copy,
body.ai-voice-dark-mode .clone-upgrade-list li,
body.ai-voice-dark-mode .clone-upgrade-secondary,
body.ai-voice-dark-mode .edit-text-voice,
body.ai-voice-dark-mode #deleteVoiceModal .delete-content-modal,
body.ai-voice-dark-mode #lib-vover-script-modal .px-4 {
    color: var(--ai-voice-muted) !important;
}

body.ai-voice-dark-mode .clone-upgrade-list li::before {
    background: var(--ai-voice-purple-2) !important;
}

body.ai-voice-dark-mode .clone-upgrade-primary,
body.ai-voice-dark-mode .voice-edit-button,
body.ai-voice-dark-mode .voice-delete-button,
body.ai-voice-dark-mode #lib-vv-modal-submit {
    border-color: transparent !important;
    background: linear-gradient(135deg, var(--ai-voice-purple) 0%, #7a35e8 100%) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.ai-voice-dark-mode .clone-upgrade-secondary,
body.ai-voice-dark-mode #editVoiceModal .edit-voice-footer .edit-voice-cancel-button,
body.ai-voice-dark-mode #deleteVoiceModal .delete-voice-footer .delete-voice-cancel-button {
    border-color: rgba(139, 77, 255, 0.58) !important;
    background: transparent !important;
    color: var(--ai-voice-purple-2) !important;
}

body.ai-voice-dark-mode .voice-input-edit-div .form-control,
body.ai-voice-dark-mode #lib-vover-script-modal #vv_content,
body.ai-voice-dark-mode #lib-vover-script-modal #lib-upload-vover-file {
    border-color: var(--ai-voice-border) !important;
    background: var(--ai-voice-surface-3) !important;
    color: var(--ai-voice-text) !important;
}

body.ai-voice-dark-mode #lib-vover-script-modal .drop-container {
    border-color: rgba(139, 77, 255, 0.42) !important;
    background: rgba(139, 77, 255, 0.10) !important;
    color: var(--ai-voice-text) !important;
}

body.ai-voice-dark-mode #lib-vover-script-modal .drop-container:hover {
    border-color: rgba(139, 77, 255, 0.72) !important;
    background: rgba(139, 77, 255, 0.18) !important;
}

body.ai-voice-dark-mode #lib-vover-script-modal hr {
    border-color: var(--ai-voice-border) !important;
}

body.ai-voice-dark-mode #lib-vover-script-modal #lib-upload-vover-file::file-selector-button {
    border: 0;
    border-radius: 8px;
    background: var(--ai-voice-surface-2);
    color: var(--ai-voice-text);
}

body.ai-voice-dark-mode .sidebar.sidebar-main {
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    background: #1b1b1d;
    color: var(--ai-voice-text);
}

body.ai-voice-dark-mode .sidebar.sidebar-main .logo-details,
body.ai-voice-dark-mode .main-div-header-logo,
body.ai-voice-dark-mode .profile-details,
body.ai-voice-dark-mode .sidemenu-bottom,
body.ai-voice-dark-mode .static-bottom {
    background: #1b1b1d !important;
}

body.ai-voice-dark-mode .profile-details {
    border-color: rgba(255, 255, 255, 0.09);
    color: var(--ai-voice-text);
}

body.ai-voice-dark-mode .sidebar.sidebar-main .nav-links > li:not(.side-menu-seperator):hover,
body.ai-voice-dark-mode .sidebar.sidebar-main .nav-links > li.active {
    border-color: rgba(255, 255, 255, 0.08);
    background: #333336;
    box-shadow: none;
}

body.ai-voice-dark-mode .sidebar.sidebar-main .nav-links li a,
body.ai-voice-dark-mode .sidebar.sidebar-main .nav-links li a .link_name,
body.ai-voice-dark-mode .sidebar.sidebar-main .nav-links li .sidebar-icon,
body.ai-voice-dark-mode .profile_name,
body.ai-voice-dark-mode .job {
    color: var(--ai-voice-text) !important;
}

body.ai-voice-dark-mode .sidebar.sidebar-main .side-menu-seperator {
    color: #9995a6;
}

body.ai-voice-dark-mode .sidebar.sidebar-main svg [stroke],
body.ai-voice-dark-mode .sidebar.sidebar-main svg path[stroke],
body.ai-voice-dark-mode .profile-details svg path[stroke] {
    stroke: #b9b6c7 !important;
}

body.ai-voice-dark-mode .sidebar.sidebar-main svg [fill]:not([fill="none"]),
body.ai-voice-dark-mode .profile-details svg path[fill]:not([fill="none"]) {
    fill: #b9b6c7 !important;
}

body.ai-voice-dark-mode .header-brand-img,
body.ai-voice-dark-mode .header-wavel-logo {
    filter: brightness(0) invert(1);
}

body.ai-voice-dark-mode .btn-wavel-border-gradient {
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: transparent !important;
    color: var(--ai-voice-text) !important;
}

body.ai-voice-dark-mode .btn-wavel-gradient,
body.ai-voice-dark-mode .tools-sidebar-upgrade-btn {
    border: 0 !important;
    background: linear-gradient(135deg, var(--ai-voice-purple) 0%, #7a35e8 100%) !important;
    color: #fff !important;
}

@media (max-width: 767.98px) {
    body.ai-voice-dark-mode .my-workspace .form-row.mb-4 {
        gap: 8px;
    }

    body.ai-voice-dark-mode .filter-select-box,
    body.ai-voice-dark-mode .accent-select-div {
        max-width: none !important;
    }
}