/* =========================================================
   NUJIZ DARK MODE
   ========================================================= */

html {
    color-scheme: light;
}

html[data-theme="dark"] {
    color-scheme: dark;

    --paper: #0f1117;
    --white: #171a22;
    --navy: #f5f6fa;
    --muted: #a5aabb;
    --line: #2a2e3a;

    background:#0f1117;
}


/* ===== BODY ===== */

html[data-theme="dark"] body {
    background:#0f1117 !important;
    color:#f2f3f7 !important;
}


/* ===== MAIN BACKGROUNDS ===== */

html[data-theme="dark"] main,
html[data-theme="dark"] .section,
html[data-theme="dark"] .tools-section,
html[data-theme="dark"] .apps-directory,
html[data-theme="dark"] .content-section,
html[data-theme="dark"] .sub-hero {
    background-color:#0f1117 !important;
    color:#f2f3f7 !important;
}


/* ===== HERO ===== */

html[data-theme="dark"] .hero {
    background-color:#101219 !important;
    background-image:
        radial-gradient(rgba(255,255,255,.055) 1px, transparent 1px) !important;
}

html[data-theme="dark"] .hero h1,
html[data-theme="dark"] .hero h2,
html[data-theme="dark"] .hero-copy,
html[data-theme="dark"] .hero-copy strong {
    color:#f5f6fa !important;
}

html[data-theme="dark"] .hero-copy > p,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .hero-trust span {
    color:#aeb3c2 !important;
}


/* ===== HEADER ===== */

html[data-theme="dark"] .site-header {
    background:rgba(15,17,23,.90) !important;
    border-color:#292d38 !important;
    backdrop-filter:blur(18px);
}

html[data-theme="dark"] .site-header a,
html[data-theme="dark"] .main-nav a {
    color:#e9ebf2;
}

html[data-theme="dark"] .brand-copy strong {
    color:#fff !important;
}

html[data-theme="dark"] .brand-copy small {
    color:#aaaebe !important;
}

html[data-theme="dark"] .lang-link {
    color:#e9ebf2 !important;
    border-color:#343846 !important;
}


/* ===== ANNOUNCEMENT ===== */

html[data-theme="dark"] .announcement {
    background:#161822 !important;
    color:#e9eaf0 !important;
    border-color:#292d38 !important;
}


/* ===== COMMON CARDS ===== */

html[data-theme="dark"] .app-card,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .pdf-tool-card,
html[data-theme="dark"] .hero-format-card,
html[data-theme="dark"] .art-card,
html[data-theme="dark"] .ai-feature,
html[data-theme="dark"] .studio,
html[data-theme="dark"] .controls-panel,
html[data-theme="dark"] .video-controls-panel,
html[data-theme="dark"] .coffee-card,
html[data-theme="dark"] .faq-item,
html[data-theme="dark"] .step,
html[data-theme="dark"] .value-card {
    background:#181b23 !important;
    border-color:#303441 !important;
    color:#f1f2f6 !important;
}


/* ===== TITLES ===== */

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] .section-head h2,
html[data-theme="dark"] .app-card h3,
html[data-theme="dark"] .pdf-tool-card b {
    color:#f5f6fa !important;
}


/* ===== NORMAL TEXT ===== */

html[data-theme="dark"] p,
html[data-theme="dark"] small,
html[data-theme="dark"] .app-card p,
html[data-theme="dark"] .section-head p {
    color:#aeb3c2;
}


/* ===== APPS DIRECTORY ===== */

html[data-theme="dark"] .apps-browser {
    background:#151820 !important;
    border-color:#2d313d !important;
}

html[data-theme="dark"] .apps-toolbar {
    border-color:#2d313d !important;
}

html[data-theme="dark"] .apps-search {
    background:#101219 !important;
    border-color:#343846 !important;
}

html[data-theme="dark"] .apps-search input {
    background:transparent !important;
    color:#f5f6fa !important;
}

html[data-theme="dark"] .apps-search input::placeholder {
    color:#777d8e !important;
}

html[data-theme="dark"] .apps-tabs button {
    background:#20232c !important;
    color:#c2c6d2 !important;
    border-color:#343846 !important;
}

html[data-theme="dark"] .apps-tabs button:hover {
    background:#292d39 !important;
    color:#fff !important;
}

html[data-theme="dark"] .apps-tabs button.active,
html[data-theme="dark"] .apps-tabs button[aria-pressed="true"] {
    background:#6741e8 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* ===== FORMS ===== */

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background:#12151c;
    color:#f1f2f6;
    border-color:#363a47;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color:#777d8d;
}


/* ===== DROP ZONES ===== */

html[data-theme="dark"] .dropzone,
html[data-theme="dark"] .canvas-stage {
    background:#12151c !important;
    border-color:#353947 !important;
}


/* ===== HERO FORMATS ===== */

html[data-theme="dark"] .nujiz-hero-formats,
html[data-theme="dark"] .format-row {
    border-color:#292d38 !important;
}

html[data-theme="dark"] .hero-format-card {
    background:#181b23 !important;
}

html[data-theme="dark"] .hero-format-card b {
    color:#f5f6fa !important;
}

html[data-theme="dark"] .hero-format-card small {
    color:#9298aa !important;
}

html[data-theme="dark"] .nujiz-hero-local-note {
    color:#9ba1b2 !important;
}


/* ===== BUTTONS ===== */

html[data-theme="dark"] .secondary-btn {
    background:#1b1e27 !important;
    color:#fff !important;
    border-color:#404452 !important;
}

html[data-theme="dark"] .primary-btn {
    color:#171922 !important;
}


/* ===== FOOTER ===== */

html[data-theme="dark"] footer,
html[data-theme="dark"] .site-footer {
    background:#0b0d12 !important;
    color:#d9dce5 !important;
    border-color:#292d38 !important;
}

html[data-theme="dark"] footer a,
html[data-theme="dark"] .site-footer a {
    color:#c9cdd8;
}


/* =========================================================
   THEME BUTTON
   ========================================================= */

.nujiz-theme-wrap {
    position:relative;
    display:flex;
    align-items:center;
}

.nujiz-theme-toggle {
    width:42px;
    height:42px;
    padding:0;
    border:1px solid #dddbe6;
    border-radius:12px;
    background:#fff;
    color:#1d2030;
    display:grid;
    place-items:center;
    cursor:pointer;
    font-family:inherit;
    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.nujiz-theme-toggle:hover {
    transform:translateY(-1px);
}

.nujiz-theme-toggle svg {
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}

html[data-theme="dark"] .nujiz-theme-toggle {
    background:#1b1e27;
    border-color:#383c49;
    color:#fff;
}


/* ===== POPUP ===== */

.nujiz-theme-menu {
    position:absolute;
    z-index:999999;
    top:calc(100% + 10px);
    inset-inline-end:0;
    width:178px;
    padding:7px;
    background:#fff;
    border:1px solid #e1deea;
    border-radius:15px;
    box-shadow:0 18px 45px rgba(29,25,55,.17);
    display:none;
}

.nujiz-theme-menu.open {
    display:block;
}

.nujiz-theme-option {
    width:100%;
    min-height:42px;
    border:0;
    border-radius:10px;
    padding:0 11px;
    background:transparent;
    color:#292b38;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:10px;
    font-family:inherit;
    font-size:11px;
    font-weight:800;
    text-align:start;
}

.nujiz-theme-option:hover {
    background:#f3f0fb;
}

.nujiz-theme-option.active {
    background:#eee9ff;
    color:#6741e8;
}

.nujiz-theme-option span:first-child {
    width:23px;
    text-align:center;
    font-size:16px;
}

html[data-theme="dark"] .nujiz-theme-menu {
    background:#1b1e27;
    border-color:#373b48;
    box-shadow:0 20px 50px rgba(0,0,0,.42);
}

html[data-theme="dark"] .nujiz-theme-option {
    color:#e8eaf0;
}

html[data-theme="dark"] .nujiz-theme-option:hover {
    background:#252934;
}

html[data-theme="dark"] .nujiz-theme-option.active {
    background:#332b54;
    color:#c8baff;
}


/* ===== MOBILE ===== */

@media(max-width:680px) {

    .nujiz-theme-toggle {
        width:40px;
        height:40px;
        border-radius:11px;
    }

    .nujiz-theme-menu {
        position:fixed;
        width:calc(100% - 28px);
        max-width:350px;
        top:auto;
        bottom:20px;
        right:14px;
        left:14px;
        margin:auto;
        padding:9px;
        border-radius:18px;
    }

    .nujiz-theme-option {
        min-height:48px;
        font-size:12px;
    }
}



/* =========================================================
   NUJIZ TOOL PAGES — DARK MODE
   ========================================================= */

html[data-theme="dark"] body.tool-page {
    background:#0f1117 !important;
    color:#f3f4f7 !important;
}

html[data-theme="dark"] body.tool-page .tool-page-main {
    background:#0f1117 !important;
}


/* ===== BREADCRUMB ===== */

html[data-theme="dark"] body.tool-page .tool-breadcrumb,
html[data-theme="dark"] body.tool-page .tool-breadcrumb a,
html[data-theme="dark"] body.tool-page .tool-breadcrumb span {
    color:#9298a8 !important;
}

html[data-theme="dark"] body.tool-page .tool-breadcrumb b {
    color:#d9dce5 !important;
}


/* =========================================================
   TOOL HERO
   ========================================================= */

html[data-theme="dark"] body.tool-page .tool-detail-hero {
    background:#0f1117 !important;
}

html[data-theme="dark"] body.tool-page .tool-detail-grid {
    background:
        radial-gradient(circle at 10% 20%,
            rgba(114,81,245,.12),
            transparent 35%),
        radial-gradient(circle at 90% 85%,
            rgba(201,244,91,.05),
            transparent 32%),
        #171a22 !important;

    border-color:#303441 !important;
    box-shadow:0 24px 65px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] body.tool-page .tool-detail-copy h1 {
    color:#f7f8fb !important;
}

html[data-theme="dark"] body.tool-page .tool-detail-copy > p {
    color:#a8aebe !important;
}

html[data-theme="dark"] body.tool-page .section-tag {
    background:#272b36 !important;
    color:#c5baff !important;
}


/* ===== HERO POINTS ===== */

html[data-theme="dark"] body.tool-page .tool-detail-points span {
    background:#1e212a !important;
    border-color:#353946 !important;
    color:#dfe2e9 !important;
}


/* ===== HERO SECONDARY BUTTON ===== */

html[data-theme="dark"] body.tool-page .tool-hero-actions a:not(:first-child) {
    background:#20232c !important;
    border-color:#3a3e4b !important;
    color:#f0f1f5 !important;
}


/* =========================================================
   AI IMAGE VISUAL
   نحافظ على الهوية البنفسجية
   ========================================================= */

html[data-theme="dark"] body.ai-tool-page .tool-detail-visual {
    box-shadow:0 22px 55px rgba(0,0,0,.35) !important;
}


/* =========================================================
   FREE TRIAL NOTICE
   ========================================================= */

html[data-theme="dark"] body.ai-tool-page .nujiz-free-trial-notice {
    background:#1e202a !important;
    border-color:#423c68 !important;
    color:#c8ccd7 !important;
}

html[data-theme="dark"] body.ai-tool-page .nujiz-free-trial-notice strong {
    color:#f4f5f8 !important;
}


/* =========================================================
   ASSURANCE STRIP
   ========================================================= */

html[data-theme="dark"] body.tool-page .tool-assurance-strip {
    background:#171a22 !important;
    border-color:#303441 !important;
}

html[data-theme="dark"] body.tool-page .tool-assurance-strip > div {
    border-color:#303441 !important;
}

html[data-theme="dark"] body.tool-page .tool-assurance-strip b {
    color:#f1f2f6 !important;
}

html[data-theme="dark"] body.tool-page .tool-assurance-strip small {
    color:#9298a8 !important;
}


/* =========================================================
   AI PRICING CARDS
   ========================================================= */

html[data-theme="dark"] body.ai-tool-page .nujiz-ai-trial-pricing-note {
    background:#0f1117 !important;
}

html[data-theme="dark"] body.ai-tool-page .nujiz-ai-price-card {
    background:#181b23 !important;
    border-color:#303441 !important;
    color:#f1f2f6 !important;
}

html[data-theme="dark"] body.ai-tool-page .nujiz-ai-price-card h3,
html[data-theme="dark"] body.ai-tool-page .nujiz-ai-price-card b,
html[data-theme="dark"] body.ai-tool-page .nujiz-ai-price-card strong {
    color:#f5f6fa !important;
}

html[data-theme="dark"] body.ai-tool-page .nujiz-ai-price-card p,
html[data-theme="dark"] body.ai-tool-page .nujiz-ai-price-card small {
    color:#a5aabb !important;
}


/* =========================================================
   GENERATOR SECTION
   ========================================================= */

html[data-theme="dark"] body.ai-tool-page .ai-generator-section {
    background:#0f1117 !important;
}


/* ===== MAIN GENERATOR CARD ===== */

html[data-theme="dark"] body.ai-tool-page .ai-generator-shell {
    background:#181b23 !important;
    border-color:#303441 !important;
    box-shadow:0 25px 70px rgba(0,0,0,.35) !important;
}

html[data-theme="dark"] body.ai-tool-page .ai-generator-form {
    background:#181b23 !important;
    border-color:#303441 !important;
}


/* ===== GENERATOR TITLE ===== */

html[data-theme="dark"] body.ai-tool-page .ai-generator-title h2 {
    color:#f5f6fa !important;
}

html[data-theme="dark"] body.ai-tool-page .ai-generator-title p {
    color:#a7adbc !important;
}

html[data-theme="dark"] body.ai-tool-page .ai-generator-title small {
    color:#a996ff !important;
}


/* =========================================================
   FORM FIELDS
   ========================================================= */

html[data-theme="dark"] body.ai-tool-page .ai-field > span {
    color:#e8eaf0 !important;
}

html[data-theme="dark"] body.ai-tool-page .ai-field textarea,
html[data-theme="dark"] body.ai-tool-page .ai-field input,
html[data-theme="dark"] body.ai-tool-page .ai-field select {
    background:#101219 !important;
    border-color:#373b48 !important;
    color:#f4f5f8 !important;
}

html[data-theme="dark"] body.ai-tool-page .ai-field textarea::placeholder,
html[data-theme="dark"] body.ai-tool-page .ai-field input::placeholder {
    color:#737989 !important;
}

html[data-theme="dark"] body.ai-tool-page .ai-field select option {
    background:#171a22 !important;
    color:#f4f5f8 !important;
}


/* ===== PROMPT EXAMPLES ===== */

html[data-theme="dark"] body.ai-tool-page .ai-prompt-examples button {
    background:#22252e !important;
    border-color:#383c49 !important;
    color:#d7dae3 !important;
}

html[data-theme="dark"] body.ai-tool-page .ai-prompt-examples button:hover {
    background:#2c3040 !important;
    border-color:#7251f5 !important;
    color:#fff !important;
}


/* =========================================================
   SMART PANEL
   ========================================================= */

html[data-theme="dark"] body.ai-tool-page .image-smart-panel {
    background:#14171e !important;
    border-color:#343845 !important;
    color:#e9ebf1 !important;
}


/* =========================================================
   PREVIEW
   ========================================================= */

html[data-theme="dark"] body.ai-tool-page .ai-generator-preview {
    background:
        radial-gradient(circle at 50% 35%,
            rgba(114,81,245,.15),
            transparent 40%),
        linear-gradient(145deg,#12141c,#171a23) !important;

    border-color:#303441 !important;
}

html[data-theme="dark"] body.ai-tool-page .ai-preview-empty h3 {
    color:#f4f5f8 !important;
}

html[data-theme="dark"] body.ai-tool-page .ai-preview-empty p {
    color:#979dad !important;
}

html[data-theme="dark"] body.ai-tool-page .ai-size-pills span {
    background:#20232c !important;
    border-color:#393d4a !important;
    color:#c5c9d4 !important;
}


/* =========================================================
   STATUS / PROVIDER
   ========================================================= */

html[data-theme="dark"] body.ai-tool-page .ai-provider-note,
html[data-theme="dark"] body.ai-tool-page .ai-status,
html[data-theme="dark"] body.ai-tool-page .ai-payment-state {
    color:#969cac !important;
}


/* =========================================================
   PAYWALL
   ========================================================= */

html[data-theme="dark"] body.ai-tool-page .ai-paywall {
    background:#171a22 !important;
    color:#f3f4f7 !important;
}

html[data-theme="dark"] body.ai-tool-page .ai-paywall h3,
html[data-theme="dark"] body.ai-tool-page .ai-paywall b {
    color:#fff !important;
}

html[data-theme="dark"] body.ai-tool-page .ai-paywall p {
    color:#a4aaba !important;
}

html[data-theme="dark"] body.ai-tool-page .ai-paywall-benefits span {
    background:#20232c !important;
    border-color:#373b48 !important;
    color:#dfe2e9 !important;
}


/* =========================================================
   ABOUT CARDS
   ========================================================= */

html[data-theme="dark"] body.tool-page .tool-about-section {
    background:#0f1117 !important;
}

html[data-theme="dark"] body.tool-page .tool-info-card {
    background:#181b23 !important;
    border-color:#303441 !important;
    box-shadow:none !important;
}

html[data-theme="dark"] body.tool-page .tool-info-card h2 {
    color:#f5f6fa !important;
}

html[data-theme="dark"] body.tool-page .tool-info-card p {
    color:#a7adbc !important;
}


/* ===== STEPS ===== */

html[data-theme="dark"] body.tool-page .tool-steps > div {
    background:#20232c !important;
    border-color:#363a47 !important;
}

html[data-theme="dark"] body.tool-page .tool-steps b {
    color:#e8eaf0 !important;
}


/* =========================================================
   SEO CONTENT
   ========================================================= */

html[data-theme="dark"] body.tool-page .seo-tool-content {
    background:#0f1117 !important;
    color:#adb2c0 !important;
}

html[data-theme="dark"] body.tool-page .seo-tool-content h2,
html[data-theme="dark"] body.tool-page .seo-tool-content h3,
html[data-theme="dark"] body.tool-page .seo-tool-content strong {
    color:#f1f2f6 !important;
}


/* =========================================================
   RELATED TOOLS
   ========================================================= */

html[data-theme="dark"] body.tool-page .tool-related-section {
    background:#111319 !important;
}

html[data-theme="dark"] body.tool-page .tool-related-head h2 {
    color:#f5f6fa !important;
}

html[data-theme="dark"] body.tool-page .tool-related-grid > a {
    background:#191c24 !important;
    border-color:#303441 !important;
    color:#f1f2f6 !important;
}

html[data-theme="dark"] body.tool-page .tool-related-grid > a:hover {
    background:#20232d !important;
    border-color:#7251f5 !important;
}

html[data-theme="dark"] body.tool-page .tool-related-grid b {
    color:#f1f2f6 !important;
}

html[data-theme="dark"] body.tool-page .tool-related-grid small {
    color:#949aaa !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:680px) {

    html[data-theme="dark"] body.tool-page .tool-detail-grid {
        background:#171a22 !important;
    }

    html[data-theme="dark"] body.ai-tool-page .ai-generator-form {
        border-bottom-color:#303441 !important;
    }

    html[data-theme="dark"] body.ai-tool-page .ai-generator-preview {
        background:#12151c !important;
    }
}



/* =========================================================
   NUJIZ THEME MENU V2
   popup خارج الهيدر + bottom sheet للجوال
   ========================================================= */

/* سطح مظلل خلف القائمة على الجوال */
.nujiz-theme-overlay {
    display:none;
}


/* سطح المكتب */
@media (min-width:681px) {

    .nujiz-theme-menu {
        position:fixed !important;
        z-index:2147483646 !important;
        top:86px !important;
        right:22px !important;
        left:auto !important;
        bottom:auto !important;

        width:190px !important;
        max-width:calc(100vw - 30px) !important;

        padding:8px !important;
        border-radius:16px !important;

        transform:none !important;
        overflow:visible !important;
    }

    html[dir="rtl"] .nujiz-theme-menu {
        right:22px !important;
        left:auto !important;
    }

    html[dir="ltr"] .nujiz-theme-menu {
        left:auto !important;
        right:22px !important;
    }
}


/* =========================================================
   MOBILE BOTTOM SHEET
   ========================================================= */

@media (max-width:680px) {

    .nujiz-theme-menu {
        position:fixed !important;

        z-index:2147483647 !important;

        top:auto !important;

        right:12px !important;
        left:12px !important;

        bottom:
            calc(
                14px +
                env(safe-area-inset-bottom, 0px)
            ) !important;

        width:auto !important;
        max-width:none !important;

        margin:0 !important;

        padding:10px !important;

        border-radius:22px !important;

        background:#fff !important;

        border:1px solid rgba(35,35,50,.10) !important;

        box-shadow:
            0 25px 80px rgba(0,0,0,.30) !important;

        transform:
            translateY(calc(100% + 50px)) !important;

        opacity:0 !important;

        visibility:hidden !important;

        pointer-events:none !important;

        transition:
            transform .25s ease,
            opacity .2s ease,
            visibility .2s ease !important;

        overflow:hidden !important;
    }


    .nujiz-theme-menu.open {
        display:block !important;

        transform:translateY(0) !important;

        opacity:1 !important;

        visibility:visible !important;

        pointer-events:auto !important;
    }


    .nujiz-theme-menu::before {
        content:"المظهر";

        display:block;

        padding:7px 12px 12px;

        margin-bottom:5px;

        font-family:inherit;

        font-size:14px;

        font-weight:900;

        color:#171923;

        border-bottom:1px solid #eceaf2;

        text-align:start;
    }


    html[lang^="en"] .nujiz-theme-menu::before {
        content:"Appearance";
    }


    .nujiz-theme-option {
        width:100% !important;

        min-height:52px !important;

        padding:0 14px !important;

        margin:3px 0 !important;

        border-radius:13px !important;

        display:flex !important;

        align-items:center !important;

        gap:12px !important;

        font-size:13px !important;

        font-weight:800 !important;

        white-space:normal !important;

        text-align:start !important;
    }


    .nujiz-theme-option span:first-child {
        width:30px !important;
        min-width:30px !important;

        height:30px !important;

        display:grid !important;

        place-items:center !important;

        border-radius:9px !important;

        background:#f1eefb !important;

        font-size:17px !important;
    }


    .nujiz-theme-option.active {
        background:#eee9ff !important;

        color:#6741e8 !important;

        -webkit-text-fill-color:#6741e8 !important;
    }


    .nujiz-theme-option.active span:first-child {
        background:#6741e8 !important;

        color:#fff !important;

        -webkit-text-fill-color:#fff !important;
    }


    /* الوضع الداكن للقائمة نفسها */
    html[data-theme="dark"] .nujiz-theme-menu {
        background:#191c24 !important;

        border-color:#343845 !important;

        box-shadow:
            0 30px 90px rgba(0,0,0,.60) !important;
    }


    html[data-theme="dark"] .nujiz-theme-menu::before {
        color:#f4f5f8 !important;

        border-bottom-color:#303441 !important;
    }


    html[data-theme="dark"] .nujiz-theme-option {
        color:#e5e7ed !important;

        -webkit-text-fill-color:#e5e7ed !important;
    }


    html[data-theme="dark"] .nujiz-theme-option span:first-child {
        background:#242833 !important;
    }


    html[data-theme="dark"] .nujiz-theme-option.active {
        background:#322b51 !important;

        color:#c5b8ff !important;

        -webkit-text-fill-color:#c5b8ff !important;
    }


    html[data-theme="dark"]
    .nujiz-theme-option.active span:first-child {
        background:#7251f5 !important;

        color:#fff !important;

        -webkit-text-fill-color:#fff !important;
    }

}



/* =========================================================
   NUJIZ DARK MODE — TEXT CONTRAST V2
   تحسين وضوح النصوص في جميع الصفحات
   ========================================================= */

html[data-theme="dark"] {

    --dark-text-strong:#F7F8FC;
    --dark-text-main:#D7DBE6;
    --dark-text-soft:#AEB4C3;
    --dark-text-muted:#8C93A3;
    --dark-text-purple:#B9AAFF;

}


/* =========================================================
   العناوين الرئيسية
   ========================================================= */

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,

html[data-theme="dark"] .tool-detail-copy h1,
html[data-theme="dark"] .ai-generator-title h2,
html[data-theme="dark"] .app-card h3,
html[data-theme="dark"] .section-head h2,
html[data-theme="dark"] .tool-info-card h2,
html[data-theme="dark"] .tool-related-head h2,

html[data-theme="dark"] .tool-detail-copy strong,
html[data-theme="dark"] .tool-info-card strong {

    color:var(--dark-text-strong) !important;
    -webkit-text-fill-color:var(--dark-text-strong) !important;
}


/* =========================================================
   النصوص الأساسية
   ========================================================= */

html[data-theme="dark"] body,
html[data-theme="dark"] main,

html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] label,

html[data-theme="dark"] .tool-detail-copy,
html[data-theme="dark"] .tool-detail-copy > p,

html[data-theme="dark"] .ai-generator-title p,

html[data-theme="dark"] .tool-info-card p,
html[data-theme="dark"] .seo-tool-content p,
html[data-theme="dark"] .seo-tool-content li,

html[data-theme="dark"] .app-card p {

    color:var(--dark-text-main) !important;
}


/* =========================================================
   النصوص الثانوية
   ========================================================= */

html[data-theme="dark"] small,

html[data-theme="dark"] .tool-assurance-strip small,
html[data-theme="dark"] .hero-trust span,
html[data-theme="dark"] .hero-format-card small,

html[data-theme="dark"] .ai-preview-empty p,

html[data-theme="dark"] .ai-provider-note,
html[data-theme="dark"] .ai-payment-state,

html[data-theme="dark"] .tool-related-grid small,
html[data-theme="dark"] .app-card small {

    color:var(--dark-text-soft) !important;
    -webkit-text-fill-color:var(--dark-text-soft) !important;
}


/* =========================================================
   النصوص الخافتة
   ========================================================= */

html[data-theme="dark"] .tool-breadcrumb,
html[data-theme="dark"] .tool-breadcrumb a,
html[data-theme="dark"] .tool-breadcrumb span,

html[data-theme="dark"] .nujiz-hero-local-note,

html[data-theme="dark"] .ai-field > small,
html[data-theme="dark"] .ai-status {

    color:var(--dark-text-muted) !important;
    -webkit-text-fill-color:var(--dark-text-muted) !important;
}


/* =========================================================
   النص البنفسجي
   ========================================================= */

html[data-theme="dark"] .section-tag,
html[data-theme="dark"] .apps-kicker,
html[data-theme="dark"] .ai-generator-title small {

    color:var(--dark-text-purple) !important;
    -webkit-text-fill-color:var(--dark-text-purple) !important;
}


/* =========================================================
   الحقول
   ========================================================= */

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {

    color:#F1F3F8 !important;
    -webkit-text-fill-color:#F1F3F8 !important;
    caret-color:#B9AAFF !important;
}


html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {

    color:#9299AA !important;
    -webkit-text-fill-color:#9299AA !important;
    opacity:1 !important;
}


/* =========================================================
   تسميات الحقول
   ========================================================= */

html[data-theme="dark"] .ai-field > span,
html[data-theme="dark"] .ai-field label,
html[data-theme="dark"] .field-label {

    color:#DDE1EA !important;
    -webkit-text-fill-color:#DDE1EA !important;
}


/* =========================================================
   البطاقات
   ========================================================= */

html[data-theme="dark"] .tool-assurance-strip b,
html[data-theme="dark"] .nujiz-ai-price-card b,
html[data-theme="dark"] .nujiz-ai-price-card strong,
html[data-theme="dark"] .tool-steps b,
html[data-theme="dark"] .tool-related-grid b {

    color:#EEF0F5 !important;
    -webkit-text-fill-color:#EEF0F5 !important;
}


/* =========================================================
   الروابط
   ========================================================= */

html[data-theme="dark"] a:not(.primary-btn):not(.header-cta):not(.ai-pay-button) {

    text-decoration-color:rgba(185,170,255,.45);
}


/* =========================================================
   التبويبات
   ========================================================= */

html[data-theme="dark"] .apps-tabs button {

    color:#C9CED9 !important;
    -webkit-text-fill-color:#C9CED9 !important;
}


html[data-theme="dark"] .apps-tabs button.active,
html[data-theme="dark"] .apps-tabs button[aria-pressed="true"] {

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* =========================================================
   أزرار ثانوية
   ========================================================= */

html[data-theme="dark"] .secondary-btn,
html[data-theme="dark"] .tool-hero-actions a:not(:first-child) {

    color:#F0F2F7 !important;
    -webkit-text-fill-color:#F0F2F7 !important;
}


/* =========================================================
   منع النص الأسود الموروث داخل البطاقات الداكنة
   ========================================================= */

html[data-theme="dark"] .tool-detail-grid,
html[data-theme="dark"] .ai-generator-shell,
html[data-theme="dark"] .tool-info-card,
html[data-theme="dark"] .app-card,
html[data-theme="dark"] .pdf-tool-card {

    --text:#D7DBE6;
    --heading:#F7F8FC;
    --muted:#AEB4C3;
}


/* =========================================================
   حالات hover وfocus
   ========================================================= */

html[data-theme="dark"] button:hover,
html[data-theme="dark"] a:hover {

    text-shadow:none !important;
}


html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus {

    border-color:#8068F5 !important;

    box-shadow:
        0 0 0 3px rgba(114,81,245,.18) !important;
}


/* =========================================================
   تحسين القراءة على الجوال
   ========================================================= */

@media(max-width:680px) {

    html[data-theme="dark"] body {
        -webkit-font-smoothing:antialiased;
        text-rendering:optimizeLegibility;
    }

    html[data-theme="dark"] .tool-detail-copy > p,
    html[data-theme="dark"] .ai-generator-title p,
    html[data-theme="dark"] .tool-info-card p {

        color:#C8CDD8 !important;
    }

    html[data-theme="dark"] small {

        color:#A6ADBC !important;
    }
}



/* ==========================================================
   NUJIZ DARK MODE — FINAL HIGH CONTRAST
   إصلاح شامل لوضوح النصوص داخل الأدوات
   ========================================================== */


/* ---------- مولد الصور ---------- */

html[data-theme="dark"] .ai-generator-title h2,
html[data-theme="dark"] .ai-preview-empty h3,
html[data-theme="dark"] .ai-loading b,
html[data-theme="dark"] .ai-paywall h3,
html[data-theme="dark"] .ai-access-ribbon b {
    color:#f8f9fc !important;
    -webkit-text-fill-color:#f8f9fc !important;
}

html[data-theme="dark"] .ai-generator-title p,
html[data-theme="dark"] .ai-preview-empty p,
html[data-theme="dark"] .ai-loading small,
html[data-theme="dark"] .ai-paywall > p,
html[data-theme="dark"] .ai-access-ribbon small {
    color:#b9c0cf !important;
    -webkit-text-fill-color:#b9c0cf !important;
}

html[data-theme="dark"] .ai-field > span {
    color:#e8ebf2 !important;
    -webkit-text-fill-color:#e8ebf2 !important;
}

html[data-theme="dark"] .ai-field textarea,
html[data-theme="dark"] .ai-field input,
html[data-theme="dark"] .ai-field select {
    background:#12151d !important;
    color:#f4f5f8 !important;
    -webkit-text-fill-color:#f4f5f8 !important;
    border-color:#353a48 !important;
}

html[data-theme="dark"] .ai-field textarea::placeholder,
html[data-theme="dark"] .ai-field input::placeholder {
    color:#8f97a8 !important;
    -webkit-text-fill-color:#8f97a8 !important;
}


/* ---------- صفحات الأدوات العامة ---------- */

html[data-theme="dark"] .tool-detail-copy h1,
html[data-theme="dark"] .tool-detail-copy h2,
html[data-theme="dark"] .tool-detail-copy h3,
html[data-theme="dark"] .tool-related-head h2,
html[data-theme="dark"] .tool-related-grid b,
html[data-theme="dark"] .tool-assurance-strip b {
    color:#f7f8fb !important;
    -webkit-text-fill-color:#f7f8fb !important;
}

html[data-theme="dark"] .tool-detail-copy p,
html[data-theme="dark"] .tool-related-grid small,
html[data-theme="dark"] .tool-assurance-strip small {
    color:#b8bfce !important;
    -webkit-text-fill-color:#b8bfce !important;
}

html[data-theme="dark"] .tool-breadcrumb,
html[data-theme="dark"] .tool-breadcrumb a,
html[data-theme="dark"] .tool-breadcrumb b {
    color:#aeb6c7 !important;
    -webkit-text-fill-color:#aeb6c7 !important;
}


/* ---------- بطاقات الأدوات ---------- */

html[data-theme="dark"] .tool-related-grid > a,
html[data-theme="dark"] .tool-assurance-strip,
html[data-theme="dark"] .app-card {
    color:#dce0e8 !important;
}

html[data-theme="dark"] .app-card h2,
html[data-theme="dark"] .app-card h3,
html[data-theme="dark"] .app-card b,
html[data-theme="dark"] .app-card strong {
    color:#f6f7fa !important;
    -webkit-text-fill-color:#f6f7fa !important;
}

html[data-theme="dark"] .app-card p,
html[data-theme="dark"] .app-card small {
    color:#b3bac9 !important;
    -webkit-text-fill-color:#b3bac9 !important;
}


/* ---------- AI Spotlight ---------- */

html[data-theme="dark"] .ai-spotlight-head h2,
html[data-theme="dark"] .ai-feature h3 {
    color:#f7f8fb !important;
    -webkit-text-fill-color:#f7f8fb !important;
}

html[data-theme="dark"] .ai-spotlight-head p,
html[data-theme="dark"] .ai-feature p {
    color:#b7becd !important;
    -webkit-text-fill-color:#b7becd !important;
}


/* ---------- PDF ---------- */

html[data-theme="dark"] .pdf-tool-card h2,
html[data-theme="dark"] .pdf-tool-card h3,
html[data-theme="dark"] .pdf-tool-card b,
html[data-theme="dark"] .pdf-tool-card strong {
    color:#f7f8fb !important;
    -webkit-text-fill-color:#f7f8fb !important;
}

html[data-theme="dark"] .pdf-tool-card p,
html[data-theme="dark"] .pdf-tool-card small,
html[data-theme="dark"] .pdf-tool-card label {
    color:#bac1cf !important;
    -webkit-text-fill-color:#bac1cf !important;
}


/* ---------- أداة تبديل الوجوه ---------- */

html[data-theme="dark"] .face-swap-app h1,
html[data-theme="dark"] .face-swap-app h2,
html[data-theme="dark"] .face-swap-app h3,
html[data-theme="dark"] .face-swap-app strong,
html[data-theme="dark"] .face-swap-app b {
    color:#f5f7fa !important;
    -webkit-text-fill-color:#f5f7fa !important;
}

html[data-theme="dark"] .face-swap-app p,
html[data-theme="dark"] .face-swap-app small,
html[data-theme="dark"] .face-swap-app label {
    color:#b8bfcd !important;
    -webkit-text-fill-color:#b8bfcd !important;
}


/* ---------- عناصر النماذج العامة ---------- */

html[data-theme="dark"] main input:not([type="button"]):not([type="submit"]),
html[data-theme="dark"] main textarea,
html[data-theme="dark"] main select {
    color:#f4f6fa !important;
    -webkit-text-fill-color:#f4f6fa !important;
}

html[data-theme="dark"] main input::placeholder,
html[data-theme="dark"] main textarea::placeholder {
    color:#9098a8 !important;
    -webkit-text-fill-color:#9098a8 !important;
    opacity:1 !important;
}


/* ---------- labels ---------- */

html[data-theme="dark"] main label {
    color:#dce1e9 !important;
    -webkit-text-fill-color:#dce1e9 !important;
}


/* ---------- النصوص داخل البطاقات الداكنة ---------- */

html[data-theme="dark"] main .card h1,
html[data-theme="dark"] main .card h2,
html[data-theme="dark"] main .card h3,
html[data-theme="dark"] main .card h4,
html[data-theme="dark"] main .card strong,
html[data-theme="dark"] main .card b {
    color:#f5f7fa !important;
    -webkit-text-fill-color:#f5f7fa !important;
}

html[data-theme="dark"] main .card p,
html[data-theme="dark"] main .card small {
    color:#b8bfcd !important;
    -webkit-text-fill-color:#b8bfcd !important;
}


/* ---------- المحافظة على نص الأزرار البنفسجية ---------- */

html[data-theme="dark"] .header-cta,
html[data-theme="dark"] .primary-btn,
html[data-theme="dark"] .ai-download-button,
html[data-theme="dark"] .ai-pay-button,
html[data-theme="dark"] button.primary,
html[data-theme="dark"] a.primary {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* ---------- تحسين النصوص الثانوية على الجوال ---------- */

@media (max-width:680px) {

    html[data-theme="dark"] main p {
        color:#c1c7d2;
    }

    html[data-theme="dark"] main small {
        color:#aeb5c3;
    }

    html[data-theme="dark"] main h1,
    html[data-theme="dark"] main h2,
    html[data-theme="dark"] main h3 {
        color:#fafbfc;
        -webkit-text-fill-color:#fafbfc;
    }
}



/* ==========================================================
   NUJIZ DARK MODE — TOOL SURFACE SYSTEM V4
   إصلاح البطاقات البيضاء + وضوح النصوص
   ========================================================== */

html[data-theme="dark"] body.tool-page {

    --dm-bg:#0E1016;
    --dm-surface:#171A22;
    --dm-surface-2:#1C2029;
    --dm-surface-3:#222630;

    --dm-border:#303542;
    --dm-border-soft:#282D38;

    --dm-title:#F7F8FB;
    --dm-text:#D7DCE6;
    --dm-soft:#ADB5C4;
    --dm-muted:#929AAA;

    --dm-purple:#B9AAFF;
}


/* ==========================================================
   الصفحة
   ========================================================== */

html[data-theme="dark"] body.tool-page,
html[data-theme="dark"] body.tool-page main,
html[data-theme="dark"] body.tool-page .tool-page-main {

    background:var(--dm-bg) !important;
    color:var(--dm-text) !important;
}


/* ==========================================================
   الأسطح الرئيسية
   ========================================================== */

html[data-theme="dark"] body.tool-page :where(
    .tool-detail-grid,
    .tool-assurance-strip,
    .tool-info-card,
    .tool-related-grid > a,
    .ai-generator-shell,
    .ai-generator-form,
    .ai-generator-preview,
    .pdf-tool-card,
    .tool-panel,
    .workspace-panel,
    .editor-panel,
    .editor-card,
    .upload-card,
    .upload-panel,
    .feature-card,
    .info-card,
    .result-card,
    .settings-card
) {
    background:var(--dm-surface) !important;
    border-color:var(--dm-border) !important;
    color:var(--dm-text) !important;
}


/* ==========================================================
   البطاقات الفرعية
   ========================================================== */

html[data-theme="dark"] body.tool-page :where(
    .tool-assurance-strip > div,
    .tool-detail-points > span,
    .ai-size-pills > span,
    .ai-prompt-examples > button,
    .tool-steps > div,
    .ai-paywall-benefits > span
) {
    background:var(--dm-surface-2) !important;
    border-color:var(--dm-border) !important;
}


/* ==========================================================
   مناطق رفع الملفات
   ========================================================== */

html[data-theme="dark"] body.tool-page :where(
    .dropzone,
    .drop-zone,
    .upload-zone,
    .upload-area,
    .file-drop,
    .file-dropzone,
    .editor-dropzone,
    .pdf-dropzone,
    [class*="drop-zone"],
    [class*="upload-zone"]
) {
    background:#13161D !important;
    border-color:#485063 !important;
    color:var(--dm-text) !important;
}


/* ==========================================================
   عناوين واضحة
   ========================================================== */

html[data-theme="dark"] body.tool-page main :where(
    h1,h2,h3,h4,h5,h6
) {
    color:var(--dm-title) !important;
    -webkit-text-fill-color:var(--dm-title) !important;
}


/* ==========================================================
   النص الرئيسي
   ========================================================== */

html[data-theme="dark"] body.tool-page main :where(
    p,li,dt,dd
) {
    color:var(--dm-text) !important;
    -webkit-text-fill-color:var(--dm-text) !important;
}


/* ==========================================================
   النص القوي
   ========================================================== */

html[data-theme="dark"] body.tool-page main :where(
    b,strong
) {
    color:#EEF1F6 !important;
    -webkit-text-fill-color:#EEF1F6 !important;
}


/* ==========================================================
   النصوص الثانوية
   ========================================================== */

html[data-theme="dark"] body.tool-page main small {
    color:var(--dm-soft) !important;
    -webkit-text-fill-color:var(--dm-soft) !important;
}


/* ==========================================================
   Breadcrumb
   ========================================================== */

html[data-theme="dark"] body.tool-page .tool-breadcrumb,
html[data-theme="dark"] body.tool-page .tool-breadcrumb a,
html[data-theme="dark"] body.tool-page .tool-breadcrumb span {

    color:var(--dm-muted) !important;
    -webkit-text-fill-color:var(--dm-muted) !important;
}

html[data-theme="dark"] body.tool-page .tool-breadcrumb b {

    color:#C8CED9 !important;
    -webkit-text-fill-color:#C8CED9 !important;
}


/* ==========================================================
   مقدمة الأداة
   ========================================================== */

html[data-theme="dark"] body.tool-page .tool-detail-copy h1 {

    color:#FAFBFD !important;
    -webkit-text-fill-color:#FAFBFD !important;
}

html[data-theme="dark"] body.tool-page .tool-detail-copy > p {

    color:#C4CAD6 !important;
    -webkit-text-fill-color:#C4CAD6 !important;
}


/* ==========================================================
   شريط المميزات
   ========================================================== */

html[data-theme="dark"] body.tool-page .tool-assurance-strip b {

    color:#F0F2F6 !important;
    -webkit-text-fill-color:#F0F2F6 !important;
}

html[data-theme="dark"] body.tool-page .tool-assurance-strip small {

    color:#AEB6C5 !important;
    -webkit-text-fill-color:#AEB6C5 !important;
}


/* ==========================================================
   Related tools
   ========================================================== */

html[data-theme="dark"] body.tool-page .tool-related-grid > a {

    background:var(--dm-surface) !important;
    border-color:var(--dm-border) !important;
}

html[data-theme="dark"] body.tool-page .tool-related-grid > a:hover {

    background:var(--dm-surface-2) !important;
    border-color:#7251F5 !important;
}

html[data-theme="dark"] body.tool-page .tool-related-grid b {

    color:#F2F4F8 !important;
    -webkit-text-fill-color:#F2F4F8 !important;
}

html[data-theme="dark"] body.tool-page .tool-related-grid small {

    color:#ADB5C4 !important;
    -webkit-text-fill-color:#ADB5C4 !important;
}


/* ==========================================================
   الحقول
   ========================================================== */

html[data-theme="dark"] body.tool-page main :where(
    input,
    textarea,
    select
) {
    background:#11141B !important;

    color:#F1F3F7 !important;
    -webkit-text-fill-color:#F1F3F7 !important;

    border-color:#3A404E !important;

    caret-color:#B9AAFF !important;
}


html[data-theme="dark"] body.tool-page main input::placeholder,
html[data-theme="dark"] body.tool-page main textarea::placeholder {

    color:#929BAA !important;
    -webkit-text-fill-color:#929BAA !important;

    opacity:1 !important;
}


/* ==========================================================
   Labels
   ========================================================== */

html[data-theme="dark"] body.tool-page main label,
html[data-theme="dark"] body.tool-page main label > span {

    color:#DCE1E9 !important;
    -webkit-text-fill-color:#DCE1E9 !important;
}


/* ==========================================================
   AI Generator
   ========================================================== */

html[data-theme="dark"] body.tool-page .ai-generator-section {

    background:var(--dm-bg) !important;
}

html[data-theme="dark"] body.tool-page .ai-generator-shell {

    background:var(--dm-surface) !important;
}

html[data-theme="dark"] body.tool-page .ai-generator-preview {

    background:
        radial-gradient(
            circle at 50% 30%,
            rgba(114,81,245,.14),
            transparent 42%
        ),
        #12151C !important;
}

html[data-theme="dark"] body.tool-page .ai-generator-title h2,
html[data-theme="dark"] body.tool-page .ai-preview-empty h3 {

    color:#F8F9FC !important;
    -webkit-text-fill-color:#F8F9FC !important;
}

html[data-theme="dark"] body.tool-page .ai-generator-title p,
html[data-theme="dark"] body.tool-page .ai-preview-empty p {

    color:#B5BDCA !important;
    -webkit-text-fill-color:#B5BDCA !important;
}


/* ==========================================================
   معلومات الأداة
   ========================================================== */

html[data-theme="dark"] body.tool-page .tool-about-section,
html[data-theme="dark"] body.tool-page .tool-related-section,
html[data-theme="dark"] body.tool-page .seo-tool-content {

    background:var(--dm-bg) !important;
}


/* ==========================================================
   إبقاء المناطق التي يجب أن تكون بيضاء فقط
   مثل صفحة PDF نفسها / Canvas
   ========================================================== */

html[data-theme="dark"] body.tool-page :where(
    canvas,
    .pdf-page,
    .pdf-canvas,
    .document-page,
    .page-canvas
) {
    color-scheme:light;
}


/* ==========================================================
   الأزرار البنفسجية / الداكنة
   ========================================================== */

html[data-theme="dark"] body.tool-page :where(
    .primary-btn,
    .ai-generate-button,
    .ai-download-button,
    .ai-pay-button,
    .tool-hero-actions a:first-child
),
html[data-theme="dark"] body.tool-page :where(
    .primary-btn,
    .ai-generate-button,
    .ai-download-button,
    .ai-pay-button,
    .tool-hero-actions a:first-child
) * {

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* ==========================================================
   زر ثانوي
   ========================================================== */

html[data-theme="dark"] body.tool-page .tool-hero-actions a:not(:first-child) {

    background:var(--dm-surface-2) !important;

    border-color:#3A404E !important;

    color:#F0F2F6 !important;
    -webkit-text-fill-color:#F0F2F6 !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:680px) {

    html[data-theme="dark"] body.tool-page main p {

        color:#C7CDD8 !important;
        -webkit-text-fill-color:#C7CDD8 !important;
    }

    html[data-theme="dark"] body.tool-page main small {

        color:#ABB3C1 !important;
        -webkit-text-fill-color:#ABB3C1 !important;
    }
}


/* =========================================================
   PDF TOOL DARK MODE FIX
   ========================================================= */

html[data-theme="dark"] body.tool-page .pdf-page-main,
html[data-theme="dark"] body.tool-page .pdf-page-wrap {
    background:#0E1016 !important;
    color:#D7DCE6 !important;
}

/* مساحة العمل الرئيسية */
html[data-theme="dark"] body.tool-page .pdf-workspace {
    background:#171A22 !important;
    border-color:#303542 !important;
    color:#D7DCE6 !important;
}

/* صندوق السحب */
html[data-theme="dark"] body.tool-page .pdf-drop {
    background:
        radial-gradient(circle at 50% 20%,
            rgba(114,81,245,.10),
            transparent 42%),
        #151820 !important;

    border-color:#6E63D9 !important;

    color:#E5E8EF !important;

    box-shadow:none !important;
}

/* جميع النصوص داخل صندوق السحب */
html[data-theme="dark"] body.tool-page .pdf-drop,
html[data-theme="dark"] body.tool-page .pdf-drop p,
html[data-theme="dark"] body.tool-page .pdf-drop span,
html[data-theme="dark"] body.tool-page .pdf-drop small,
html[data-theme="dark"] body.tool-page .pdf-drop strong,
html[data-theme="dark"] body.tool-page .pdf-drop b {
    color:#DDE2EB !important;
    -webkit-text-fill-color:#DDE2EB !important;
    opacity:1 !important;
}

/* النص الرئيسي داخل السحب */
html[data-theme="dark"] body.tool-page .pdf-drop > p,
html[data-theme="dark"] body.tool-page .pdf-drop .pdf-drop-title {
    color:#F5F7FA !important;
    -webkit-text-fill-color:#F5F7FA !important;
}

/* النص الثانوي */
html[data-theme="dark"] body.tool-page .pdf-drop small,
html[data-theme="dark"] body.tool-page .pdf-drop .pdf-drop-subtitle {
    color:#AEB6C5 !important;
    -webkit-text-fill-color:#AEB6C5 !important;
}

/* زر اختيار الملف */
html[data-theme="dark"] body.tool-page .pdf-main-btn {
    background:#7251F5 !important;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    border-color:#7251F5 !important;
}

/* الملاحظة أسفل صندوق السحب */
html[data-theme="dark"] body.tool-page .pdf-note {
    background:#171A22 !important;
    border-color:#303542 !important;
    color:#AEB6C5 !important;
}

html[data-theme="dark"] body.tool-page .pdf-note,
html[data-theme="dark"] body.tool-page .pdf-note * {
    color:#AEB6C5 !important;
    -webkit-text-fill-color:#AEB6C5 !important;
}

/* بطاقات سريع وسهل / خصوصية / المتصفح */
html[data-theme="dark"] body.tool-page .pdf-info-grid {
    background:transparent !important;
}

html[data-theme="dark"] body.tool-page .pdf-info {
    background:#171A22 !important;
    border-color:#303542 !important;
    color:#D7DCE6 !important;
}

html[data-theme="dark"] body.tool-page .pdf-info b,
html[data-theme="dark"] body.tool-page .pdf-info strong {
    color:#F3F5F8 !important;
    -webkit-text-fill-color:#F3F5F8 !important;
}

html[data-theme="dark"] body.tool-page .pdf-info p,
html[data-theme="dark"] body.tool-page .pdf-info small,
html[data-theme="dark"] body.tool-page .pdf-info span {
    color:#AEB6C5 !important;
    -webkit-text-fill-color:#AEB6C5 !important;
}

/* الأدوات المرتبطة */
html[data-theme="dark"] body.tool-page .tool-related-card {
    background:#171A22 !important;
    border-color:#303542 !important;
}

html[data-theme="dark"] body.tool-page .tool-related-card h3 {
    color:#F5F7FA !important;
    -webkit-text-fill-color:#F5F7FA !important;
}

html[data-theme="dark"] body.tool-page .tool-related-card p {
    color:#AEB6C5 !important;
    -webkit-text-fill-color:#AEB6C5 !important;
}

/* محتوى PDF السفلي */
html[data-theme="dark"] body.tool-page .nujiz-pdf-content {
    color:#C3C9D4 !important;
}

html[data-theme="dark"] body.tool-page .nujiz-pdf-content h2,
html[data-theme="dark"] body.tool-page .nujiz-pdf-content h3 {
    color:#F5F7FA !important;
    -webkit-text-fill-color:#F5F7FA !important;
}

html[data-theme="dark"] body.tool-page .nujiz-pdf-content p,
html[data-theme="dark"] body.tool-page .nujiz-pdf-content li {
    color:#C3C9D4 !important;
    -webkit-text-fill-color:#C3C9D4 !important;
}

/* editor area */
html[data-theme="dark"] body.tool-page .pdf-editor-workspace,
html[data-theme="dark"] body.tool-page .pdf-editor-toolbar,
html[data-theme="dark"] body.tool-page .pdf-editor-stage {
    background:#151820 !important;
    border-color:#303542 !important;
    color:#D7DCE6 !important;
}


/* =========================================================
   TRANSLATE PDF — DARK MODE
   ========================================================= */

html[data-theme="dark"] body.tool-page .nujiz-translator {
    color:#D7DCE6 !important;
}


/* البطاقة الرئيسية */
html[data-theme="dark"] body.tool-page .nujiz-translator-card {
    background:#171A22 !important;
    border-color:#303542 !important;
    box-shadow:0 18px 50px rgba(0,0,0,.32) !important;
}


/* رصيد الصفحات */
html[data-theme="dark"] body.tool-page .nujiz-translator-balance {
    background:#20242E !important;
    border:1px solid #303542 !important;
    color:#E3E7EE !important;
}

html[data-theme="dark"] body.tool-page .nujiz-translator-balance,
html[data-theme="dark"] body.tool-page .nujiz-translator-balance * {
    color:#DDE2EA !important;
    -webkit-text-fill-color:#DDE2EA !important;
}

html[data-theme="dark"] body.tool-page .nujiz-translator-balance strong {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* صندوق رفع PDF */
html[data-theme="dark"] body.tool-page .nujiz-translator-drop {
    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(114,81,245,.13),
            transparent 44%
        ),
        #12161E !important;

    border-color:#5E58A8 !important;
    color:#E7EAF0 !important;
}

html[data-theme="dark"] body.tool-page .nujiz-translator-drop:hover,
html[data-theme="dark"] body.tool-page .nujiz-translator-drop.is-drag {
    background:#191D28 !important;
    border-color:#8C75FF !important;
}


/* نص صندوق الرفع */
html[data-theme="dark"] body.tool-page .nujiz-translator-drop b {
    color:#F6F8FB !important;
    -webkit-text-fill-color:#F6F8FB !important;
}

html[data-theme="dark"] body.tool-page .nujiz-translator-drop small {
    color:#AEB7C6 !important;
    -webkit-text-fill-color:#AEB7C6 !important;
}


/* بيانات الملف بعد الرفع */
html[data-theme="dark"] body.tool-page .nujiz-translator-file {
    background:#20242E !important;
    border:1px solid #303542 !important;
}

html[data-theme="dark"] body.tool-page .nujiz-translator-file-name {
    color:#F2F4F8 !important;
    -webkit-text-fill-color:#F2F4F8 !important;
}

html[data-theme="dark"] body.tool-page .nujiz-translator-file-meta {
    color:#AEB6C5 !important;
    -webkit-text-fill-color:#AEB6C5 !important;
}


/* عناوين الحقول */
html[data-theme="dark"] body.tool-page .nujiz-translator-field label {
    color:#E8EBF2 !important;
    -webkit-text-fill-color:#E8EBF2 !important;
}


/* القوائم */
html[data-theme="dark"] body.tool-page .nujiz-translator-field select {
    background:#11151D !important;
    border-color:#3A404E !important;

    color:#F3F5F8 !important;
    -webkit-text-fill-color:#F3F5F8 !important;

    color-scheme:dark !important;
}

html[data-theme="dark"] body.tool-page .nujiz-translator-field select option {
    background:#171A22 !important;

    color:#F3F5F8 !important;
    -webkit-text-fill-color:#F3F5F8 !important;
}


/* زر ترجمة PDF */
html[data-theme="dark"] body.tool-page .nujiz-translator-button {
    background:#7251F5 !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    box-shadow:0 10px 28px rgba(114,81,245,.25) !important;
}

html[data-theme="dark"] body.tool-page .nujiz-translator-button:disabled {
    background:#3B3F4A !important;

    color:#AEB5C2 !important;
    -webkit-text-fill-color:#AEB5C2 !important;

    opacity:1 !important;
}


/* الخصوصية أسفل الزر */
html[data-theme="dark"] body.tool-page .nujiz-translator-privacy {
    color:#A9B1C0 !important;
    -webkit-text-fill-color:#A9B1C0 !important;
}


/* Status */
html[data-theme="dark"] body.tool-page .nujiz-translator-status.info {
    background:#242833 !important;

    color:#D9DEE7 !important;
    -webkit-text-fill-color:#D9DEE7 !important;
}

html[data-theme="dark"] body.tool-page .nujiz-translator-status.success {
    background:#123027 !important;

    color:#7EE2B8 !important;
    -webkit-text-fill-color:#7EE2B8 !important;
}

html[data-theme="dark"] body.tool-page .nujiz-translator-status.error {
    background:#35191D !important;

    color:#FF9DA7 !important;
    -webkit-text-fill-color:#FF9DA7 !important;
}


/* Paywall */
html[data-theme="dark"] body.tool-page .nujiz-translator-paywall {
    background:#1C2029 !important;
    border-color:#343946 !important;
}

html[data-theme="dark"] body.tool-page .nujiz-translator-paywall strong {
    color:#F7F8FB !important;
    -webkit-text-fill-color:#F7F8FB !important;
}

html[data-theme="dark"] body.tool-page .nujiz-translator-paywall p {
    color:#B2BAC8 !important;
    -webkit-text-fill-color:#B2BAC8 !important;
}


/* شراء الرصيد */
html[data-theme="dark"] body.tool-page .nujiz-translator-buy,
html[data-theme="dark"] body.tool-page .nujiz-translator-download {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* Mobile */
@media(max-width:680px) {

    html[data-theme="dark"] body.tool-page .nujiz-translator-card {
        background:#171A22 !important;
    }

    html[data-theme="dark"] body.tool-page .nujiz-translator-drop {
        background:#12161E !important;
    }

}


/* =========================================================
   AUDIO TOOLS — DARK MODE
   ========================================================= */

html[data-theme="dark"] body.audio-tool-page .audio-wrap,
html[data-theme="dark"] body.audio-tool-page .audio-workspace {
    background:#0E1016 !important;
    color:#D8DDE6 !important;
}


/* البطاقات الرئيسية */
html[data-theme="dark"] body.audio-tool-page .audio-card {
    background:#171A22 !important;
    border-color:#303542 !important;
    color:#D8DDE6 !important;
    box-shadow:0 18px 45px rgba(0,0,0,.28) !important;
}


/* صندوق رفع الصوت */
html[data-theme="dark"] body.audio-tool-page .audio-drop {
    background:
        radial-gradient(
            circle at 50% 18%,
            rgba(114,81,245,.14),
            transparent 45%
        ),
        #12161E !important;

    border-color:#57516F !important;
    color:#E7EAF0 !important;
}

html[data-theme="dark"] body.audio-tool-page .audio-drop:hover {
    background:#191D27 !important;
    border-color:#8068F5 !important;
}


/* نص صندوق الرفع */
html[data-theme="dark"] body.audio-tool-page .audio-drop strong,
html[data-theme="dark"] body.audio-tool-page .audio-drop b {
    color:#F6F8FB !important;
    -webkit-text-fill-color:#F6F8FB !important;
}

html[data-theme="dark"] body.audio-tool-page .audio-drop small,
html[data-theme="dark"] body.audio-tool-page .audio-drop > span:not(.audio-drop-icon) {
    color:#AEB6C5 !important;
    -webkit-text-fill-color:#AEB6C5 !important;
    opacity:1 !important;
}


/* أيقونة الرفع */
html[data-theme="dark"] body.audio-tool-page .audio-drop-icon {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* إعدادات التحويل */
html[data-theme="dark"] body.audio-tool-page .audio-controls {
    background:#171A22 !important;
    border-color:#303542 !important;
}

html[data-theme="dark"] body.audio-tool-page .audio-controls h2,
html[data-theme="dark"] body.audio-tool-page .audio-controls h3,
html[data-theme="dark"] body.audio-tool-page .audio-controls strong,
html[data-theme="dark"] body.audio-tool-page .audio-controls b {
    color:#F5F7FA !important;
    -webkit-text-fill-color:#F5F7FA !important;
}


/* Labels */
html[data-theme="dark"] body.audio-tool-page .audio-field span,
html[data-theme="dark"] body.audio-tool-page .audio-field label,
html[data-theme="dark"] body.audio-tool-page .nujiz-transcription-label,
html[data-theme="dark"] body.audio-tool-page .nujiz-transcription-label span {
    color:#E1E5ED !important;
    -webkit-text-fill-color:#E1E5ED !important;
}


/* Select / Input */
html[data-theme="dark"] body.audio-tool-page .audio-field input,
html[data-theme="dark"] body.audio-tool-page .audio-field select,
html[data-theme="dark"] body.audio-tool-page .nujiz-transcription-label select {
    background:#11151D !important;
    border-color:#3A404E !important;

    color:#F3F5F8 !important;
    -webkit-text-fill-color:#F3F5F8 !important;

    color-scheme:dark !important;
}

html[data-theme="dark"] body.audio-tool-page select option {
    background:#171A22 !important;
    color:#F3F5F8 !important;
}


/* زر التحويل الرئيسي */
html[data-theme="dark"] body.audio-tool-page .audio-action {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* زر اختيار ملف آخر */
html[data-theme="dark"] body.audio-tool-page .audio-reset {
    background:#20242E !important;

    border-color:#3B4150 !important;

    color:#E5E8EF !important;
    -webkit-text-fill-color:#E5E8EF !important;
}

html[data-theme="dark"] body.audio-tool-page .audio-reset:hover {
    background:#292E39 !important;
    border-color:#7251F5 !important;
}


/* الملاحظة أسفل الأزرار */
html[data-theme="dark"] body.audio-tool-page .audio-privacy {
    background:#20242E !important;
    border-color:#303542 !important;

    color:#AEB6C5 !important;
    -webkit-text-fill-color:#AEB6C5 !important;
}


/* حالة الأداة */
html[data-theme="dark"] body.audio-tool-page .audio-status {
    background:#20242E !important;
    border-color:#303542 !important;

    color:#D7DCE6 !important;
    -webkit-text-fill-color:#D7DCE6 !important;
}


/* الملفات المرفوعة */
html[data-theme="dark"] body.audio-tool-page .audio-files {
    color:#DDE1E9 !important;
}

html[data-theme="dark"] body.audio-tool-page .audio-files > * {
    background:#20242E !important;
    border-color:#343946 !important;

    color:#DDE1E9 !important;
}


/* مشغل الصوت */
html[data-theme="dark"] body.audio-tool-page .audio-player {
    color-scheme:dark !important;
}


/* =========================================================
   AUDIO TO TEXT RESULT
   ========================================================= */

html[data-theme="dark"] body.audio-tool-page .nujiz-transcription-result {
    background:#171A22 !important;
    border-color:#303542 !important;
    color:#D8DDE6 !important;
}

html[data-theme="dark"] body.audio-tool-page .nujiz-transcription-result-head {
    border-color:#303542 !important;
}

html[data-theme="dark"] body.audio-tool-page .nujiz-transcription-result h2,
html[data-theme="dark"] body.audio-tool-page .nujiz-transcription-result h3,
html[data-theme="dark"] body.audio-tool-page .nujiz-transcription-result strong,
html[data-theme="dark"] body.audio-tool-page .nujiz-transcription-result b {
    color:#F5F7FA !important;
    -webkit-text-fill-color:#F5F7FA !important;
}

html[data-theme="dark"] body.audio-tool-page .nujiz-transcription-result p,
html[data-theme="dark"] body.audio-tool-page .nujiz-transcription-result small {
    color:#B3BBC9 !important;
    -webkit-text-fill-color:#B3BBC9 !important;
}


/* أزرار نتيجة التفريغ */
html[data-theme="dark"] body.audio-tool-page .nujiz-transcription-actions button,
html[data-theme="dark"] body.audio-tool-page .nujiz-transcription-actions a {
    background:#20242E !important;
    border-color:#3A404E !important;

    color:#EEF1F5 !important;
    -webkit-text-fill-color:#EEF1F5 !important;
}


/* =========================================================
   النصوص العامة داخل بطاقات الصوت
   ========================================================= */

html[data-theme="dark"] body.audio-tool-page .audio-card h1,
html[data-theme="dark"] body.audio-tool-page .audio-card h2,
html[data-theme="dark"] body.audio-tool-page .audio-card h3 {
    color:#F7F8FB !important;
    -webkit-text-fill-color:#F7F8FB !important;
}

html[data-theme="dark"] body.audio-tool-page .audio-card p {
    color:#C3CAD5 !important;
    -webkit-text-fill-color:#C3CAD5 !important;
}

html[data-theme="dark"] body.audio-tool-page .audio-card small {
    color:#AEB6C5 !important;
    -webkit-text-fill-color:#AEB6C5 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:680px) {

    html[data-theme="dark"] body.audio-tool-page .audio-card {
        background:#171A22 !important;
    }

    html[data-theme="dark"] body.audio-tool-page .audio-drop {
        background:#12161E !important;
    }

}


/* =========================================================
   AUDIO TOOL HERO PILLS — DARK MODE
   ========================================================= */

html[data-theme="dark"] body.audio-tool-page .tool-detail-points span {
    background:#20242E !important;
    border:1px solid #3A404E !important;

    color:#E7EAF0 !important;
    -webkit-text-fill-color:#E7EAF0 !important;

    opacity:1 !important;
    font-weight:800 !important;
}

/* أي نص أو رمز داخل الحاوية */
html[data-theme="dark"] body.audio-tool-page .tool-detail-points span * {
    color:#E7EAF0 !important;
    -webkit-text-fill-color:#E7EAF0 !important;
    opacity:1 !important;
}

/* Hover */
html[data-theme="dark"] body.audio-tool-page .tool-detail-points span:hover {
    background:#292E39 !important;
    border-color:#7251F5 !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

/* تحسين إضافي على الجوال */
@media(max-width:680px) {
    html[data-theme="dark"] body.audio-tool-page .tool-detail-points span {
        color:#F0F2F6 !important;
        -webkit-text-fill-color:#F0F2F6 !important;
        font-size:11px !important;
    }
}


/* =========================================================
   THEME MENU — HIGH CONTRAST FIX
   ========================================================= */

/* القائمة في الوضع الداكن */
html[data-theme="dark"] .nujiz-theme-menu {
    background:#181B23 !important;
    border:1px solid #3A404E !important;
    box-shadow:0 22px 60px rgba(0,0,0,.55) !important;
}


/* جميع الخيارات */
html[data-theme="dark"] .nujiz-theme-option {
    background:transparent !important;

    color:#E7EAF0 !important;
    -webkit-text-fill-color:#E7EAF0 !important;

    opacity:1 !important;
}


/* كل النصوص داخل الخيار */
html[data-theme="dark"] .nujiz-theme-option *,
html[data-theme="dark"] .nujiz-theme-option span {
    color:#E7EAF0 !important;
    -webkit-text-fill-color:#E7EAF0 !important;

    opacity:1 !important;
}


/* الأيقونة */
html[data-theme="dark"] .nujiz-theme-option span:first-child {
    background:#252A35 !important;

    color:#C9D0DD !important;
    -webkit-text-fill-color:#C9D0DD !important;
}


/* Hover */
html[data-theme="dark"] .nujiz-theme-option:hover {
    background:#252A35 !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

html[data-theme="dark"] .nujiz-theme-option:hover * {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* الخيار المحدد */
html[data-theme="dark"] .nujiz-theme-option.active,
html[data-theme="dark"] .nujiz-theme-option[aria-pressed="true"] {
    background:#332A58 !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    border:1px solid #7251F5 !important;
}


/* نص الخيار المحدد */
html[data-theme="dark"] .nujiz-theme-option.active *,
html[data-theme="dark"] .nujiz-theme-option[aria-pressed="true"] * {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* أيقونة الخيار المحدد */
html[data-theme="dark"] .nujiz-theme-option.active span:first-child,
html[data-theme="dark"] .nujiz-theme-option[aria-pressed="true"] span:first-child {
    background:#7251F5 !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* عنوان Appearance / المظهر */
html[data-theme="dark"] .nujiz-theme-menu::before {
    color:#F7F8FB !important;
    -webkit-text-fill-color:#F7F8FB !important;

    border-bottom-color:#303542 !important;
}


/* تحسين سطح المكتب */
@media(min-width:681px) {

    html[data-theme="dark"] .nujiz-theme-menu {
        padding:9px !important;
        border-radius:16px !important;
    }

    html[data-theme="dark"] .nujiz-theme-option {
        min-height:44px !important;
        padding:0 12px !important;

        font-size:12px !important;
        font-weight:800 !important;
    }

}


/* تحسين الجوال */
@media(max-width:680px) {

    html[data-theme="dark"] .nujiz-theme-option {
        color:#EEF1F6 !important;
        -webkit-text-fill-color:#EEF1F6 !important;

        font-size:13px !important;
    }

}

/* =========================================================
   AI VIDEO GENERATOR — REAL CLASSES DARK MODE
   ========================================================= */

html[data-theme="dark"] .video-ai-page,
html[data-theme="dark"] .video-ai-wrap {
    background:#0E1016 !important;
    color:#D8DDE6 !important;
}


/* ===== FREE TRIAL NOTICE ===== */

html[data-theme="dark"] .nujiz-free-trial-notice {
    background:#1C2029 !important;
    border-color:#3A404E !important;
    color:#D5DAE4 !important;
}

html[data-theme="dark"] .nujiz-free-trial-notice,
html[data-theme="dark"] .nujiz-free-trial-notice * {
    color:#D5DAE4 !important;
    -webkit-text-fill-color:#D5DAE4 !important;
}

html[data-theme="dark"] .nujiz-free-trial-notice strong {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* ===== PRICING CARDS ===== */

html[data-theme="dark"] .nujiz-ai-trial-pricing-note {
    background:transparent !important;
}

html[data-theme="dark"] .nujiz-ai-price-card {
    background:#171A22 !important;
    border-color:#303542 !important;
    color:#D8DDE6 !important;
}

html[data-theme="dark"] .nujiz-ai-price-card h2,
html[data-theme="dark"] .nujiz-ai-price-card h3,
html[data-theme="dark"] .nujiz-ai-price-card strong,
html[data-theme="dark"] .nujiz-ai-price-card b {
    color:#F6F8FB !important;
    -webkit-text-fill-color:#F6F8FB !important;
}

html[data-theme="dark"] .nujiz-ai-price-card p,
html[data-theme="dark"] .nujiz-ai-price-card small,
html[data-theme="dark"] .nujiz-ai-price-card span {
    color:#B4BCC9 !important;
    -webkit-text-fill-color:#B4BCC9 !important;
}


/* ===== MAIN GENERATOR CARD ===== */

html[data-theme="dark"] .video-ai-card {
    background:#171A22 !important;
    border-color:#303542 !important;
    box-shadow:0 22px 60px rgba(0,0,0,.32) !important;
}


/* ===== PREVIEW ===== */

html[data-theme="dark"] .video-ai-preview {
    background:
        radial-gradient(
            circle at 50% 30%,
            rgba(114,81,245,.14),
            transparent 45%
        ),
        #12151C !important;

    border-color:#303542 !important;
}

html[data-theme="dark"] .video-empty h2,
html[data-theme="dark"] .video-empty h3,
html[data-theme="dark"] .video-empty b,
html[data-theme="dark"] .video-empty strong {
    color:#F7F8FB !important;
    -webkit-text-fill-color:#F7F8FB !important;
}

html[data-theme="dark"] .video-empty p,
html[data-theme="dark"] .video-empty small {
    color:#AEB6C5 !important;
    -webkit-text-fill-color:#AEB6C5 !important;
}


/* ===== CONTROLS ===== */

html[data-theme="dark"] .video-ai-controls {
    background:#171A22 !important;
    border-color:#303542 !important;
    color:#D8DDE6 !important;
}

html[data-theme="dark"] .video-ai-controls h2,
html[data-theme="dark"] .video-ai-controls h3,
html[data-theme="dark"] .video-ai-controls strong,
html[data-theme="dark"] .video-ai-controls b {
    color:#F6F8FB !important;
    -webkit-text-fill-color:#F6F8FB !important;
}

html[data-theme="dark"] .video-ai-controls p,
html[data-theme="dark"] .video-ai-controls small {
    color:#B3BBC9 !important;
    -webkit-text-fill-color:#B3BBC9 !important;
}


/* ===== FIELDS ===== */

html[data-theme="dark"] .video-field label,
html[data-theme="dark"] .video-field > span {
    color:#E5E9F0 !important;
    -webkit-text-fill-color:#E5E9F0 !important;
}

html[data-theme="dark"] .video-field input,
html[data-theme="dark"] .video-field textarea,
html[data-theme="dark"] .video-field select {
    background:#11151D !important;
    border-color:#3A404E !important;

    color:#F3F5F8 !important;
    -webkit-text-fill-color:#F3F5F8 !important;

    color-scheme:dark !important;
}

html[data-theme="dark"] .video-field input::placeholder,
html[data-theme="dark"] .video-field textarea::placeholder {
    color:#929BAA !important;
    -webkit-text-fill-color:#929BAA !important;
    opacity:1 !important;
}

html[data-theme="dark"] .video-field select option {
    background:#171A22 !important;
    color:#F3F5F8 !important;
}


/* ===== SMART CONTROLS ===== */

html[data-theme="dark"] .video-smart-controls {
    background:#1C2029 !important;
    border-color:#343A47 !important;
}

html[data-theme="dark"] .video-smart-head,
html[data-theme="dark"] .video-smart-head h3,
html[data-theme="dark"] .video-smart-head b,
html[data-theme="dark"] .video-smart-head strong {
    color:#F5F7FA !important;
    -webkit-text-fill-color:#F5F7FA !important;
}

html[data-theme="dark"] .video-smart-head p,
html[data-theme="dark"] .video-smart-head small {
    color:#B1B9C7 !important;
    -webkit-text-fill-color:#B1B9C7 !important;
}


/* ===== SMART BUTTONS ===== */

html[data-theme="dark"] .video-smart-btn,
html[data-theme="dark"] .video-surprise-btn {
    background:#252A35 !important;
    border-color:#3B4150 !important;

    color:#EEF1F6 !important;
    -webkit-text-fill-color:#EEF1F6 !important;
}

html[data-theme="dark"] .video-smart-btn:hover,
html[data-theme="dark"] .video-surprise-btn:hover {
    background:#302A53 !important;
    border-color:#7251F5 !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* ===== BALANCE ===== */

html[data-theme="dark"] .video-balance {
    background:#20242E !important;
    border-color:#353B48 !important;
    color:#D9DEE7 !important;
}

html[data-theme="dark"] .video-balance,
html[data-theme="dark"] .video-balance * {
    color:#D9DEE7 !important;
    -webkit-text-fill-color:#D9DEE7 !important;
}


/* ===== GENERATE BUTTON ===== */

html[data-theme="dark"] .video-generate,
html[data-theme="dark"] .video-generate * {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* ===== STATUS ===== */

html[data-theme="dark"] .video-status {
    background:#20242E !important;
    border-color:#343A47 !important;

    color:#D9DEE7 !important;
    -webkit-text-fill-color:#D9DEE7 !important;
}


/* ===== PAY BUTTON ===== */

html[data-theme="dark"] .video-pay-button,
html[data-theme="dark"] .video-pay-button * {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* ===== RETRY BUTTON ===== */

html[data-theme="dark"] .video-retry {
    background:#252A35 !important;
    border-color:#3A404E !important;

    color:#E5E9F0 !important;
    -webkit-text-fill-color:#E5E9F0 !important;
}


/* ===== PAYWALL ===== */

html[data-theme="dark"] .video-paywall {
    background:#1B1F28 !important;
    border-color:#343A47 !important;
    color:#D8DDE6 !important;
}

html[data-theme="dark"] .video-paywall h2,
html[data-theme="dark"] .video-paywall h3,
html[data-theme="dark"] .video-paywall strong,
html[data-theme="dark"] .video-paywall b,
html[data-theme="dark"] .video-price {
    color:#F7F8FB !important;
    -webkit-text-fill-color:#F7F8FB !important;
}

html[data-theme="dark"] .video-paywall p,
html[data-theme="dark"] .video-paywall small {
    color:#B3BBC9 !important;
    -webkit-text-fill-color:#B3BBC9 !important;
}


/* ===== VIDEO INFO ===== */

html[data-theme="dark"] .video-info {
    background:#171A22 !important;
    border-color:#303542 !important;
}

html[data-theme="dark"] .video-info h2,
html[data-theme="dark"] .video-info h3,
html[data-theme="dark"] .video-info b,
html[data-theme="dark"] .video-info strong {
    color:#F6F8FB !important;
    -webkit-text-fill-color:#F6F8FB !important;
}

html[data-theme="dark"] .video-info p,
html[data-theme="dark"] .video-info small {
    color:#B4BCC9 !important;
    -webkit-text-fill-color:#B4BCC9 !important;
}


/* ===== MOBILE ===== */

@media(max-width:680px) {

    html[data-theme="dark"] .video-ai-card,
    html[data-theme="dark"] .video-ai-controls {
        background:#171A22 !important;
    }

    html[data-theme="dark"] .video-ai-preview {
        background:#12151C !important;
    }
}


/* =========================================================
   NUJIZ DARK MODE — VIDEO DROPZONE HIGH CONTRAST
   ========================================================= */

html[data-theme="dark"] .tool-page .video-dropzone,
html[data-theme="dark"] .video-dropzone {
    background:#141821 !important;
    background-image:none !important;
    border:2px dashed #6F5BE7 !important;
    color:#F8FAFC !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02) !important;
}

/* محتوى صندوق السحب */
html[data-theme="dark"] .tool-page .video-drop-content,
html[data-theme="dark"] .video-drop-content {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
}

/* العنوان الرئيسي */
html[data-theme="dark"] .tool-page .video-drop-content strong,
html[data-theme="dark"] .video-drop-content strong {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
    font-weight:800 !important;
}

/* وصف الصيغ والحجم */
html[data-theme="dark"] .tool-page .video-drop-content small,
html[data-theme="dark"] .video-drop-content small {
    color:#B8C0CF !important;
    -webkit-text-fill-color:#B8C0CF !important;
    opacity:1 !important;
}

/* أي نص إضافي */
html[data-theme="dark"] .tool-page .video-drop-content b,
html[data-theme="dark"] .video-drop-content b {
    color:#E8EAF0 !important;
    -webkit-text-fill-color:#E8EAF0 !important;
    opacity:1 !important;
}

/* أيقونة الفيديو */
html[data-theme="dark"] .tool-page .video-upload-icon,
html[data-theme="dark"] .video-upload-icon {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    background:linear-gradient(135deg,#7251F5,#9A63FF) !important;
    border-color:rgba(255,255,255,.12) !important;
    opacity:1 !important;
}

/* Hover / Drag */
html[data-theme="dark"] .tool-page .video-dropzone:hover,
html[data-theme="dark"] .tool-page .video-dropzone.dragging,
html[data-theme="dark"] .video-dropzone:hover,
html[data-theme="dark"] .video-dropzone.dragging {
    background:#19172A !important;
    border-color:#8B73FF !important;
}

/* منع أي opacity موروث من الثيم الفاتح */
html[data-theme="dark"] .video-dropzone *,
html[data-theme="dark"] .video-drop-content * {
    opacity:1 !important;
}


/* =========================================================
   NUJIZ DARK MODE — VIDEO SEO CONTENT BOXES
   Fix white OL / UL boxes in video tool pages
   ========================================================= */

html[data-theme="dark"] .seo-tool-content ol,
html[data-theme="dark"] .seo-tool-content ul {
    background:#171B24 !important;
    border:1px solid #343B49 !important;
    color:#E8ECF3 !important;
    -webkit-text-fill-color:#E8ECF3 !important;
    box-shadow:0 12px 32px rgba(0,0,0,.18) !important;
}

/* النص داخل القوائم */
html[data-theme="dark"] .seo-tool-content ol li,
html[data-theme="dark"] .seo-tool-content ul li {
    color:#D8DEE9 !important;
    -webkit-text-fill-color:#D8DEE9 !important;
    opacity:1 !important;
}

/* أرقام ونقاط القوائم */
html[data-theme="dark"] .seo-tool-content ol li::marker,
html[data-theme="dark"] .seo-tool-content ul li::marker {
    color:#A994FF !important;
}

/* العناوين */
html[data-theme="dark"] .seo-tool-content h2,
html[data-theme="dark"] .seo-tool-content h3 {
    color:#F7F8FC !important;
    -webkit-text-fill-color:#F7F8FC !important;
}

/* الفقرات */
html[data-theme="dark"] .seo-tool-content p {
    color:#C7CEDA !important;
    -webkit-text-fill-color:#C7CEDA !important;
}

/* FAQ */
html[data-theme="dark"] .seo-tool-content .seo-faq,
html[data-theme="dark"] .seo-tool-content .seo-faq p {
    color:#C7CEDA !important;
    -webkit-text-fill-color:#C7CEDA !important;
}


/* =========================================================
   NUJIZ DARK MODE — FAQ FIX
   ========================================================= */

html[data-theme="dark"] .seo-tool-content .seo-faq {
    background:transparent !important;
}

/* سؤال FAQ */
html[data-theme="dark"] .seo-tool-content .seo-faq h3 {
    background:#171B24 !important;
    border:1px solid #343B49 !important;

    color:#F7F8FC !important;
    -webkit-text-fill-color:#F7F8FC !important;

    opacity:1 !important;
}

/* جواب FAQ */
html[data-theme="dark"] .seo-tool-content .seo-faq p {
    background:#1C2029 !important;
    border:1px solid #343B49 !important;

    color:#C8CFDB !important;
    -webkit-text-fill-color:#C8CFDB !important;

    opacity:1 !important;
}

/* أي عناصر داخل السؤال أو الجواب */
html[data-theme="dark"] .seo-tool-content .seo-faq h3 *,
html[data-theme="dark"] .seo-tool-content .seo-faq p * {
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
    opacity:1 !important;
}

/* علامة السؤال إن كانت pseudo element */
html[data-theme="dark"] .seo-tool-content .seo-faq h3::before,
html[data-theme="dark"] .seo-tool-content .seo-faq h3::after {
    color:#B9AAFF !important;
    -webkit-text-fill-color:#B9AAFF !important;
}

/* تحسين hover */
html[data-theme="dark"] .seo-tool-content .seo-faq h3:hover {
    background:#202530 !important;
    border-color:#7251F5 !important;
}

/* الجوال */
@media(max-width:680px) {

    html[data-theme="dark"] .seo-tool-content .seo-faq h3 {
        color:#FAFBFD !important;
        -webkit-text-fill-color:#FAFBFD !important;
    }

    html[data-theme="dark"] .seo-tool-content .seo-faq p {
        color:#CDD3DE !important;
        -webkit-text-fill-color:#CDD3DE !important;
    }
}


/* =========================================================
   TOOL DETAIL POINTS — DARK MODE HIGH CONTRAST
   ========================================================= */

html[data-theme="dark"] body.tool-page .tool-detail-points span {
    background:#1D222C !important;
    border:1px solid #3A4252 !important;

    color:#F1F4F8 !important;
    -webkit-text-fill-color:#F1F4F8 !important;

    opacity:1 !important;
    font-weight:800 !important;

    box-shadow:none !important;
}

/* كل ما بداخل التبويب */
html[data-theme="dark"] body.tool-page .tool-detail-points span * {
    color:#F1F4F8 !important;
    -webkit-text-fill-color:#F1F4F8 !important;
    opacity:1 !important;
}

/* Hover */
html[data-theme="dark"] body.tool-page .tool-detail-points span:hover {
    background:#252B37 !important;
    border-color:#8068F5 !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

/* الجوال */
@media(max-width:680px) {

    html[data-theme="dark"] body.tool-page .tool-detail-points span {
        background:#1E232D !important;

        color:#F5F7FA !important;
        -webkit-text-fill-color:#F5F7FA !important;

        font-size:11px !important;
    }
}


/* =========================================================
   AI FACE SWAP — DARK MODE
   ========================================================= */

html[data-theme="dark"] .face-swap-page,
html[data-theme="dark"] .face-swap-wrap {
    background:#0E1016 !important;
    color:#D8DDE6 !important;
}


/* البطاقة الرئيسية */
html[data-theme="dark"] .face-swap-wrap {
    --fs-bg:#171A22;
    --fs-bg-2:#12161E;
    --fs-border:#343A47;
    --fs-title:#F7F8FB;
    --fs-text:#D7DCE6;
    --fs-muted:#AEB6C5;
}


/* بطاقات الصور */
html[data-theme="dark"] .fs-image-card {
    background:#171A22 !important;
    border-color:#343A47 !important;
    color:#D8DDE6 !important;
}


/* صندوق رفع الصور */
html[data-theme="dark"] .face-swap-upload {
    background:#12161E !important;
    border-color:#5F58A6 !important;
    color:#E8EBF1 !important;
}

html[data-theme="dark"] .face-swap-upload:hover {
    background:#191D28 !important;
    border-color:#8068F5 !important;
}


/* Placeholder */
html[data-theme="dark"] .face-swap-placeholder {
    color:#DDE2EA !important;
    -webkit-text-fill-color:#DDE2EA !important;
    opacity:1 !important;
}

html[data-theme="dark"] .face-swap-placeholder b,
html[data-theme="dark"] .face-swap-placeholder strong {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
}

html[data-theme="dark"] .face-swap-placeholder span,
html[data-theme="dark"] .face-swap-placeholder small {
    color:#AEB6C5 !important;
    -webkit-text-fill-color:#AEB6C5 !important;
    opacity:1 !important;
}


/* أيقونات الرفع */
html[data-theme="dark"] .fs-upload-icon {
    background:#27243E !important;
    border-color:#514B76 !important;

    color:#C4B7FF !important;
    -webkit-text-fill-color:#C4B7FF !important;

    opacity:1 !important;
}


/* معاينة الصور */
html[data-theme="dark"] .face-swap-preview {
    background:#12161E !important;
    border-color:#343A47 !important;
}


/* العناوين أعلى الصور */
html[data-theme="dark"] .fs-image-card > b,
html[data-theme="dark"] .fs-image-card > strong,
html[data-theme="dark"] .fs-image-card h2,
html[data-theme="dark"] .fs-image-card h3 {
    color:#F6F8FB !important;
    -webkit-text-fill-color:#F6F8FB !important;
}


/* أرقام 1 و 2 */
html[data-theme="dark"] .fs-image-card > span {
    color:#E5E9F0 !important;
    -webkit-text-fill-color:#E5E9F0 !important;
}


/* زر التبديل في المنتصف */
html[data-theme="dark"] .fs-swap-icon {
    background:#20242E !important;
    border-color:#3A404E !important;

    color:#C3B6FF !important;
    -webkit-text-fill-color:#C3B6FF !important;
}


/* الموافقة */
html[data-theme="dark"] .face-swap-consent {
    background:#1C2029 !important;
    border-color:#343A47 !important;

    color:#C9D0DC !important;
    -webkit-text-fill-color:#C9D0DC !important;
}

html[data-theme="dark"] .face-swap-consent span {
    color:#C9D0DC !important;
    -webkit-text-fill-color:#C9D0DC !important;
    opacity:1 !important;
}


/* Checkbox */
html[data-theme="dark"] .face-swap-consent input {
    accent-color:#7251F5 !important;
}


/* زر بدء تبديل الوجوه */
html[data-theme="dark"] .face-swap-generate {
    background:linear-gradient(90deg,#7251F5,#8A42E8) !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    border-color:transparent !important;
}

html[data-theme="dark"] .face-swap-generate *,
html[data-theme="dark"] .face-swap-generate b,
html[data-theme="dark"] .face-swap-generate span {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* تسجيل الدخول */
html[data-theme="dark"] .face-swap-login {
    background:#20242E !important;
    border-color:#3A404E !important;

    color:#F1F3F7 !important;
    -webkit-text-fill-color:#F1F3F7 !important;
}


/* Pills */
html[data-theme="dark"] .fs-pill {
    background:#20242E !important;
    border-color:#343A47 !important;

    color:#E1E5ED !important;
    -webkit-text-fill-color:#E1E5ED !important;
}

html[data-theme="dark"] .fs-pill-free {
    background:#203023 !important;

    color:#CFF3B4 !important;
    -webkit-text-fill-color:#CFF3B4 !important;
}


/* رسالة التجربة المجانية */
html[data-theme="dark"] .face-swap-page .nujiz-free-trial-notice {
    background:#1C2029 !important;
    border-color:#40395E !important;
}

html[data-theme="dark"] .face-swap-page .nujiz-free-trial-notice,
html[data-theme="dark"] .face-swap-page .nujiz-free-trial-notice * {
    color:#D5DAE4 !important;
    -webkit-text-fill-color:#D5DAE4 !important;
}


/* Processing */
html[data-theme="dark"] .face-swap-processing {
    background:#171A22 !important;
    color:#D7DCE6 !important;
}


/* رسائل الحالة */
html[data-theme="dark"] .face-swap-message {
    background:#1C2029 !important;
    border-color:#343A47 !important;

    color:#D7DCE6 !important;
    -webkit-text-fill-color:#D7DCE6 !important;
}


/* النتيجة */
html[data-theme="dark"] .face-swap-result {
    background:#171A22 !important;
    border-color:#343A47 !important;
}


/* أزرار النتيجة */
html[data-theme="dark"] .face-swap-download {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

html[data-theme="dark"] .face-swap-again {
    background:#20242E !important;
    border-color:#3A404E !important;

    color:#E7EAF0 !important;
    -webkit-text-fill-color:#E7EAF0 !important;
}


/* MOBILE */
@media(max-width:680px) {

    html[data-theme="dark"] .fs-image-card {
        background:#171A22 !important;
    }

    html[data-theme="dark"] .face-swap-upload,
    html[data-theme="dark"] .face-swap-preview {
        background:#12161E !important;
    }
}


/* =========================================================
   FACE SWAP — TEXT VISIBILITY FINAL FIX
   ========================================================= */

/* النصوص داخل مناطق الرفع */
html[data-theme="dark"] .face-swap-page .face-swap-placeholder,
html[data-theme="dark"] .face-swap-page .face-swap-placeholder *,
html[data-theme="dark"] .face-swap-page .face-swap-upload,
html[data-theme="dark"] .face-swap-page .face-swap-upload * {
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    mix-blend-mode:normal !important;
    text-shadow:none !important;
}

/* عنوان اختيار الصور */
html[data-theme="dark"] .face-swap-page .face-swap-placeholder b,
html[data-theme="dark"] .face-swap-page .face-swap-placeholder strong {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
}

/* الوصف أسفل عنوان الصورة */
html[data-theme="dark"] .face-swap-page .face-swap-placeholder span:not(.fs-upload-icon),
html[data-theme="dark"] .face-swap-page .face-swap-placeholder small {
    color:#B9C1CF !important;
    -webkit-text-fill-color:#B9C1CF !important;
    opacity:1 !important;
}


/* =========================================================
   عناوين الوجه المصدر / الصورة الأساسية
   ========================================================= */

html[data-theme="dark"] .face-swap-page .fs-image-card {
    color:#E9EDF3 !important;
}

html[data-theme="dark"] .face-swap-page .fs-image-card > b,
html[data-theme="dark"] .face-swap-page .fs-image-card > strong,
html[data-theme="dark"] .face-swap-page .fs-image-card > span,
html[data-theme="dark"] .face-swap-page .fs-image-card label {
    color:#F4F6FA !important;
    -webkit-text-fill-color:#F4F6FA !important;
    opacity:1 !important;
}


/* =========================================================
   شريط تسجيل الدخول أعلى البطاقة
   ========================================================= */

html[data-theme="dark"] .face-swap-page .face-swap-login {
    background:#20242E !important;
    border-color:#3C4250 !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    opacity:1 !important;
}

html[data-theme="dark"] .face-swap-page .face-swap-login * {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* أي نص بجوار زر تسجيل الدخول */
html[data-theme="dark"] .face-swap-page .face-swap-wrap > div span,
html[data-theme="dark"] .face-swap-page .face-swap-wrap > div p {
    opacity:1 !important;
}


/* =========================================================
   CONSENT
   ========================================================= */

html[data-theme="dark"] .face-swap-page .face-swap-consent,
html[data-theme="dark"] .face-swap-page .face-swap-consent span {
    color:#D5DAE4 !important;
    -webkit-text-fill-color:#D5DAE4 !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    mix-blend-mode:normal !important;
}


/* =========================================================
   زر بدء تبديل الوجوه
   ========================================================= */

html[data-theme="dark"] .face-swap-page .face-swap-generate,
html[data-theme="dark"] .face-swap-page .face-swap-generate *,
html[data-theme="dark"] .face-swap-page .face-swap-generate span,
html[data-theme="dark"] .face-swap-page .face-swap-generate b {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    opacity:1 !important;
    visibility:visible !important;
}


/* =========================================================
   النصوص العامة الخاصة بالواجهة
   ========================================================= */

html[data-theme="dark"] .face-swap-page .face-swap-wrap p {
    color:#C5CCD8 !important;
    -webkit-text-fill-color:#C5CCD8 !important;
}

html[data-theme="dark"] .face-swap-page .face-swap-wrap h1,
html[data-theme="dark"] .face-swap-page .face-swap-wrap h2,
html[data-theme="dark"] .face-swap-page .face-swap-wrap h3 {
    color:#F8F9FC !important;
    -webkit-text-fill-color:#F8F9FC !important;
}


/* =========================================================
   منع color transparent نهائيا داخل مناطق الرفع
   ========================================================= */

html[data-theme="dark"] .face-swap-page .fs-upload-grid :where(
    b,
    strong,
    small,
    label,
    p,
    span
) {
    -webkit-text-fill-color:currentColor !important;
    opacity:1 !important;
    visibility:visible !important;
}


/* الأيقونات */
html[data-theme="dark"] .face-swap-page .fs-upload-icon {
    color:#C8BCFF !important;
    -webkit-text-fill-color:#C8BCFF !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:680px) {

    html[data-theme="dark"] .face-swap-page .face-swap-placeholder b {
        color:#FFFFFF !important;
        -webkit-text-fill-color:#FFFFFF !important;
    }

    html[data-theme="dark"] .face-swap-page .face-swap-placeholder small,
    html[data-theme="dark"] .face-swap-page .face-swap-placeholder span {
        color:#BEC5D1 !important;
        -webkit-text-fill-color:#BEC5D1 !important;
    }
}


/* =========================================================
   FACE SWAP — FREE TRIAL LOGIN TEXT
   ========================================================= */

/* النص بجانب النقطة الخضراء */
html[data-theme="dark"] .face-swap-page .face-swap-login-status,
html[data-theme="dark"] .face-swap-page .face-swap-login-status *,
html[data-theme="dark"] .face-swap-page .fs-login-status,
html[data-theme="dark"] .face-swap-page .fs-login-status * {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    mix-blend-mode:normal !important;
}

/* حماية إضافية لنصوص الشريط العلوي داخل بطاقة Face Swap */
html[data-theme="dark"] .face-swap-page .face-swap-wrap > div span {
    opacity:1 !important;
    visibility:visible !important;
}

/* رابط تسجيل الدخول للحصول على التجربة */
html[data-theme="dark"] .face-swap-page a {
    -webkit-text-fill-color:currentColor;
}


/* =========================================================
   FACE SWAP — ACCOUNT STATUS TEXT FINAL FIX
   ========================================================= */

html[data-theme="dark"] #faceSwapAccountStatus {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    mix-blend-mode:normal !important;
    text-shadow:none !important;
    font-weight:700 !important;
}

/* زر تسجيل الدخول المجاور */
html[data-theme="dark"] #faceSwapLoginButton {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* نقطة الحالة */
html[data-theme="dark"] .fs-status-dot {
    opacity:1 !important;
    visibility:visible !important;
}


/* =========================================================
   FACE SWAP — ACCOUNT STATUS TEXT FINAL FIX
   ========================================================= */

html[data-theme="dark"] #faceSwapAccountStatus {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    mix-blend-mode:normal !important;
    text-shadow:none !important;
    font-weight:700 !important;
}

/* زر تسجيل الدخول المجاور */
html[data-theme="dark"] #faceSwapLoginButton {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* نقطة الحالة */
html[data-theme="dark"] .fs-status-dot {
    opacity:1 !important;
    visibility:visible !important;
}


/* =========================================================
   FACE SWAP ACCOUNT BAR — DEFINITIVE DARK FIX
   ========================================================= */

html[data-theme="dark"] .face-swap-page .fs-account {
    background:#20242E !important;
    border:1px solid #3A4250 !important;

    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    mix-blend-mode:normal !important;
}

/* النص الذي يولده ai-face-swap.js */
html[data-theme="dark"] .face-swap-page .fs-account #faceSwapAccountStatus,
html[data-theme="dark"] .face-swap-page #faceSwapAccountStatus {
    display:inline-block !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    background:none !important;
    background-image:none !important;
    background-clip:border-box !important;
    -webkit-background-clip:border-box !important;

    opacity:1 !important;
    visibility:visible !important;

    filter:none !important;
    -webkit-filter:none !important;

    mix-blend-mode:normal !important;

    text-shadow:none !important;
    -webkit-text-stroke:0 transparent !important;

    font-weight:800 !important;
}

/* ضمان ظهور كل النصوص المباشرة داخل شريط الحساب */
html[data-theme="dark"] .face-swap-page .fs-account > b,
html[data-theme="dark"] .face-swap-page .fs-account > span {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
}

/* نقطة الحالة */
html[data-theme="dark"] .face-swap-page .fs-status-dot {
    display:inline-block !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* زر تسجيل الدخول */
html[data-theme="dark"] .face-swap-page #faceSwapLoginButton {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
    visibility:visible !important;
}


/* =========================================================
   FACE SWAP — SEO CONTENT DARK MODE FINAL
   ========================================================= */

/* القسم السفلي بالكامل */
html[data-theme="dark"] .face-swap-page .fs-seo-section {
    background:#0F1218 !important;
    color:#D6DCE6 !important;
}

/* العناوين الرئيسية */
html[data-theme="dark"] .face-swap-page .fs-seo-section > h2 {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    mix-blend-mode:normal !important;
    text-shadow:none !important;
}

/* الفقرات */
html[data-theme="dark"] .face-swap-page .fs-seo-section > p {
    color:#C5CCD8 !important;
    -webkit-text-fill-color:#C5CCD8 !important;
    opacity:1 !important;
}


/* =========================================================
   RELATED TOOLS
   ========================================================= */

html[data-theme="dark"] .face-swap-page .fs-related {
    background:#0F1218 !important;
}

html[data-theme="dark"] .face-swap-page .fs-related-links a {
    background:#171B24 !important;
    border:1px solid #343B49 !important;

    color:#F3F5F8 !important;
    -webkit-text-fill-color:#F3F5F8 !important;

    box-shadow:none !important;
}

html[data-theme="dark"] .face-swap-page .fs-related-links a span {
    color:#B9AAFF !important;
    -webkit-text-fill-color:#B9AAFF !important;
}

html[data-theme="dark"] .face-swap-page .fs-related-links a:hover {
    background:#1E232E !important;
    border-color:#7251F5 !important;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* =========================================================
   FACE SWAP FAQ
   ========================================================= */

html[data-theme="dark"] .face-swap-page .fs-faq {
    background:#0F1218 !important;
}

/* البطاقة */
html[data-theme="dark"] .face-swap-page .fs-faq details {
    background:#171B24 !important;
    border:1px solid #343B49 !important;
    color:#F5F7FA !important;
    box-shadow:none !important;
}

/* السؤال */
html[data-theme="dark"] .face-swap-page .fs-faq summary {
    color:#F7F9FC !important;
    -webkit-text-fill-color:#F7F9FC !important;

    opacity:1 !important;
    visibility:visible !important;

    background:transparent !important;
}

/* كل محتوى السؤال */
html[data-theme="dark"] .face-swap-page .fs-faq summary * {
    color:inherit !important;
    -webkit-text-fill-color:currentColor !important;
}

/* الجواب */
html[data-theme="dark"] .face-swap-page .fs-faq details p {
    color:#C3CAD6 !important;
    -webkit-text-fill-color:#C3CAD6 !important;
    background:transparent !important;
}

/* البطاقة المفتوحة */
html[data-theme="dark"] .face-swap-page .fs-faq details[open] {
    background:#1B202A !important;
    border-color:#51468B !important;
}


/* =========================================================
   إزالة أي خلفية بيضاء متبقية
   ========================================================= */

html[data-theme="dark"] .face-swap-page .fs-seo-section,
html[data-theme="dark"] .face-swap-page .fs-related,
html[data-theme="dark"] .face-swap-page .fs-faq {
    background-color:#0F1218 !important;
    background-image:none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:680px) {

    html[data-theme="dark"] .face-swap-page .fs-seo-section > h2 {
        color:#FFFFFF !important;
        -webkit-text-fill-color:#FFFFFF !important;
    }

    html[data-theme="dark"] .face-swap-page .fs-related-links a,
    html[data-theme="dark"] .face-swap-page .fs-faq details {
        background:#171B24 !important;
    }
}


/* =========================================================
   FACE SWAP SEO — OUTSIDE MAIN FINAL FIX
   ========================================================= */

html[data-theme="dark"] .fs-seo-section {
    color:#D6DCE6 !important;
}

/* العناوين */
html[data-theme="dark"] .fs-seo-section h2 {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* الفقرات */
html[data-theme="dark"] .fs-seo-section p {
    color:#C4CBD7 !important;
    -webkit-text-fill-color:#C4CBD7 !important;
    opacity:1 !important;
}

/* البطاقات المعلوماتية داخل أقسام SEO */
html[data-theme="dark"] .fs-steps article,
html[data-theme="dark"] .fs-feature-grid article,
html[data-theme="dark"] .fs-seo-split > div {
    background:#171B24 !important;
    border-color:#343B49 !important;
    color:#D8DEE8 !important;
}

/* عناوين البطاقات */
html[data-theme="dark"] .fs-steps article h3,
html[data-theme="dark"] .fs-feature-grid article h3,
html[data-theme="dark"] .fs-seo-split h3 {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
}

/* روابط الأدوات */
html[data-theme="dark"] .fs-related-links a {
    background:#171B24 !important;
    border-color:#343B49 !important;
    color:#F4F6FA !important;
    -webkit-text-fill-color:#F4F6FA !important;
}

html[data-theme="dark"] .fs-related-links a:hover {
    background:#1E232E !important;
    border-color:#7251F5 !important;
}

html[data-theme="dark"] .fs-related-links a span {
    color:#B9AAFF !important;
    -webkit-text-fill-color:#B9AAFF !important;
}

/* FAQ */
html[data-theme="dark"] .fs-faq details {
    background:#171B24 !important;
    border-color:#343B49 !important;
}

html[data-theme="dark"] .fs-faq summary {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
}

html[data-theme="dark"] .fs-faq details p {
    color:#C5CCD8 !important;
    -webkit-text-fill-color:#C5CCD8 !important;
}

/* خلفية قسم SEO بالكامل إذا كانت الحاوية موجودة */
html[data-theme="dark"] .fs-seo-content {
    background:#0F1218 !important;
    color:#D6DCE6 !important;
}

/* حماية من النصوص الشفافة */
html[data-theme="dark"] .fs-seo-section h2,
html[data-theme="dark"] .fs-faq summary,
html[data-theme="dark"] .fs-related-links a {
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    mix-blend-mode:normal !important;
}

/* =========================================================
   HOME HERO DESCRIPTION — FINAL DARK FIX
   ========================================================= */

html[data-theme="dark"] .hero .hero-copy > p,
html[data-theme="dark"] .hero-copy > p {
    color:#D1D7E2 !important;
    -webkit-text-fill-color:#D1D7E2 !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    -webkit-filter:none !important;
    mix-blend-mode:normal !important;
    text-shadow:none !important;
}

/* العبارة الصغيرة أعلى العنوان */
html[data-theme="dark"] .hero .hero-copy > .eyebrow,
html[data-theme="dark"] .hero-copy > .eyebrow {
    color:#D8D0FF !important;
    -webkit-text-fill-color:#D8D0FF !important;
    opacity:1 !important;
}

/* العنوان الرئيسي */
html[data-theme="dark"] .hero .hero-copy > h1,
html[data-theme="dark"] .hero-copy > h1 {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
}


/* =========================================================
   HOME HERO STATS — DARK MODE FINAL
   ========================================================= */

/* أرقام الإحصائيات */
html[data-theme="dark"] .hero .hero-trust strong,
html[data-theme="dark"] .hero-trust strong {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    text-shadow:none !important;
}

/* وصف الإحصائيات */
html[data-theme="dark"] .hero .hero-trust span,
html[data-theme="dark"] .hero-trust span {
    color:#C8CFDB !important;
    -webkit-text-fill-color:#C8CFDB !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
}

/* الفاصل/الحد العلوي */
html[data-theme="dark"] .hero .hero-trust,
html[data-theme="dark"] .hero-trust {
    border-color:#303643 !important;
}

/* بطاقات أنواع الملفات أسفل الإحصائيات */
html[data-theme="dark"] .hero-format-card b {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
}

html[data-theme="dark"] .hero-format-card small {
    color:#BFC7D4 !important;
    -webkit-text-fill-color:#BFC7D4 !important;
    opacity:1 !important;
}

/* النص الصغير أسفل بطاقات الصيغ */
html[data-theme="dark"] .nujiz-hero-formats + *,
html[data-theme="dark"] .format-row + * {
    color:#BFC7D4 !important;
    -webkit-text-fill-color:#BFC7D4 !important;
}


/* =========================================================
   HOME HERO STATS — MOBILE DARK MODE FIX
   ========================================================= */

@media(max-width:680px){

    html[data-theme="dark"] .hero-trust {
        background:#171B24 !important;
        background-image:none !important;

        border:1px solid #343B49 !important;
        border-radius:18px !important;

        box-shadow:none !important;

        color:#F8FAFC !important;
    }

    /* كل عمود */
    html[data-theme="dark"] .hero-trust > div {
        background:transparent !important;
        color:#F8FAFC !important;
    }

    /* الأرقام */
    html[data-theme="dark"] .hero-trust strong {
        color:#FFFFFF !important;
        -webkit-text-fill-color:#FFFFFF !important;

        opacity:1 !important;
        visibility:visible !important;

        font-weight:800 !important;
    }

    /* النص أسفل الرقم */
    html[data-theme="dark"] .hero-trust span {
        color:#BFC7D4 !important;
        -webkit-text-fill-color:#BFC7D4 !important;

        opacity:1 !important;
        visibility:visible !important;
    }

    /* الفواصل بين الإحصائيات */
    html[data-theme="dark"] .hero-trust > div + div {
        border-color:#343B49 !important;
    }

}

/* =========================================================
   HOME HERO ART CARD — DARK MODE TEXT FIX
   ========================================================= */

/* أعلى اللوحة */
html[data-theme="dark"] .hero-art .art-top,
html[data-theme="dark"] .hero-art .art-top span,
html[data-theme="dark"] .hero-art .art-status {
    color:#D7DDE7 !important;
    -webkit-text-fill-color:#D7DDE7 !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
}

/* النص الخاص بالحالة */
html[data-theme="dark"] .hero-art .art-status {
    color:#E8ECF3 !important;
    -webkit-text-fill-color:#E8ECF3 !important;
    font-weight:700 !important;
}

/* النقطة الخضراء */
html[data-theme="dark"] .hero-art .art-status i {
    opacity:1 !important;
    visibility:visible !important;
}

/* النص السفلي */
html[data-theme="dark"] .hero-art .art-progress,
html[data-theme="dark"] .hero-art .art-progress span,
html[data-theme="dark"] .hero-art .art-progress b {
    color:#D7DDE7 !important;
    -webkit-text-fill-color:#D7DDE7 !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* النسبة */
html[data-theme="dark"] .hero-art .art-progress b {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    font-weight:800 !important;
}

/* خلفية اللوحة نفسها */
html[data-theme="dark"] .hero-art .art-card {
    background:#171B24 !important;
    border-color:#343B49 !important;
}

/* شريط التقدم */
html[data-theme="dark"] .hero-art .art-progress::before,
html[data-theme="dark"] .hero-art .art-progress::after {
    opacity:1 !important;
}

/* =========================================================
   HOME HERO SIDE BADGES — DARK MODE FIX
   ========================================================= */

html[data-theme="dark"] .hero-art .art-badge,
html[data-theme="dark"] .art-badge {
    background:#171B24 !important;
    border:1px solid #343B49 !important;

    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    mix-blend-mode:normal !important;

    box-shadow:0 10px 28px rgba(0,0,0,.22) !important;
    font-weight:800 !important;
}

/* الشارة الأولى */
html[data-theme="dark"] .hero-art .badge-one {
    color:#EDE9FF !important;
    -webkit-text-fill-color:#EDE9FF !important;
}

/* الشارة الثانية */
html[data-theme="dark"] .hero-art .badge-two {
    color:#EDE9FF !important;
    -webkit-text-fill-color:#EDE9FF !important;
}

/* أي عناصر داخل الشارات */
html[data-theme="dark"] .hero-art .art-badge * {
    color:inherit !important;
    -webkit-text-fill-color:currentColor !important;
    opacity:1 !important;
}

/* =========================================================
   HOME APPS DIRECTORY — DARK MODE TEXT FIX
   ========================================================= */

html[data-theme="dark"] .apps-directory {
    background:#0F1218 !important;
}

/* العنوان */
html[data-theme="dark"] .apps-heading h2 {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
}

/* الوصف أسفل العنوان */
html[data-theme="dark"] .apps-heading p {
    color:#C9D1DD !important;
    -webkit-text-fill-color:#C9D1DD !important;
    opacity:1 !important;
    font-weight:500 !important;
}

/* تطبيقات نجز */
html[data-theme="dark"] .apps-heading .apps-kicker {
    color:#A994FF !important;
    -webkit-text-fill-color:#A994FF !important;
    opacity:1 !important;
}

/* بطاقة خصوصيتك أولا */
html[data-theme="dark"] .apps-security {
    background:#181D26 !important;
    border-color:#343C4A !important;
    box-shadow:none !important;
}

/* أيقونة الخصوصية */
html[data-theme="dark"] .apps-security > span {
    background:#173329 !important;
    color:#7EF0BA !important;
    -webkit-text-fill-color:#7EF0BA !important;
}

/* خصوصيتك أولا */
html[data-theme="dark"] .apps-security b {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
    font-weight:800 !important;
}

/* ملفاتك لا تغادر جهازك */
html[data-theme="dark"] .apps-security small {
    color:#B8C1CF !important;
    -webkit-text-fill-color:#B8C1CF !important;
    opacity:1 !important;
}

/* الجوال */
@media (max-width:700px) {
    html[data-theme="dark"] .apps-heading p {
        color:#D0D6E0 !important;
        -webkit-text-fill-color:#D0D6E0 !important;
    }

    html[data-theme="dark"] .apps-security b {
        color:#FFFFFF !important;
        -webkit-text-fill-color:#FFFFFF !important;
    }

    html[data-theme="dark"] .apps-security small {
        color:#C5CCD7 !important;
        -webkit-text-fill-color:#C5CCD7 !important;
    }
}


/* =========================================================
   ALL TOOLS — APP CARD TITLE SPACING
   ========================================================= */

/* عناوين بطاقات كل الأدوات */
html[data-theme="dark"] .apps-directory .app-card h3 {
    margin-top:14px !important;
    margin-bottom:9px !important;

    padding-top:0 !important;

    line-height:1.55 !important;
    min-height:2.9em !important;

    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;

    opacity:1 !important;
    overflow:visible !important;
}

/* وصف الأداة */
html[data-theme="dark"] .apps-directory .app-card h3 + p {
    margin-top:0 !important;
    line-height:1.75 !important;
}

/* الجوال */
@media(max-width:650px){

    html[data-theme="dark"] .apps-directory .app-card h3 {
        margin-top:16px !important;
        margin-bottom:9px !important;

        line-height:1.6 !important;
        min-height:auto !important;

        font-size:16px !important;

        position:relative !important;
        top:auto !important;
        transform:none !important;
    }

    html[data-theme="dark"] .apps-directory .app-card h3 + p {
        margin-top:0 !important;
        padding-top:0 !important;
        line-height:1.75 !important;
    }
}


/* =========================================================
   ALL TOOLS CARD TITLES — DARK MODE FINAL
   ========================================================= */

html[data-theme="dark"] .apps-directory .app-card h3 {
    color:#F4F0FF !important;
    -webkit-text-fill-color:#F4F0FF !important;

    background:#242033 !important;
    border:1px solid #3D3655 !important;

    padding:8px 12px !important;
    margin:12px 12px 10px !important;

    border-radius:9px !important;

    line-height:1.45 !important;
    font-weight:800 !important;

    position:relative !important;
    top:auto !important;
    transform:none !important;

    text-shadow:none !important;
    opacity:1 !important;
}

/* الجوال */
@media(max-width:650px){

    html[data-theme="dark"] .apps-directory .app-card h3 {
        margin:10px 10px 9px !important;
        padding:8px 9px !important;

        font-size:15px !important;
        line-height:1.45 !important;

        min-height:auto !important;
    }
}

/* =========================================================
   HOME APPS ASSURANCES — DARK MODE FIX
   ========================================================= */

html[data-theme="dark"] .apps-assurances > div {
    background:transparent !important;
    border-color:#343B49 !important;
}

/* عناوين المميزات */
html[data-theme="dark"] .apps-assurances b {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
    visibility:visible !important;
    font-weight:800 !important;
}

/* الوصف الصغير */
html[data-theme="dark"] .apps-assurances small {
    color:#BFC7D4 !important;
    -webkit-text-fill-color:#BFC7D4 !important;
    opacity:1 !important;
    visibility:visible !important;
    line-height:1.65 !important;
}

/* الأيقونات */
html[data-theme="dark"] .apps-assurances span {
    background:#EDE9FF !important;
    color:#5F43D8 !important;
    -webkit-text-fill-color:#5F43D8 !important;
    opacity:1 !important;
}

/* الجوال */
@media(max-width:650px){

    html[data-theme="dark"] .apps-assurances b {
        color:#FFFFFF !important;
        -webkit-text-fill-color:#FFFFFF !important;
        font-size:11px !important;
    }

    html[data-theme="dark"] .apps-assurances small {
        color:#C8CFDA !important;
        -webkit-text-fill-color:#C8CFDA !important;
        font-size:9px !important;
    }

    html[data-theme="dark"] .apps-assurances > div {
        border-bottom-color:#343B49 !important;
    }
}

/* =========================================================
   HOME AI SPOTLIGHT — DARK MODE FINAL
   ========================================================= */

html[data-theme="dark"] .ai-spotlight {
    background:#0F1218 !important;
    background-image:none !important;
    border-color:#2F3541 !important;
}

/* العبارة الصغيرة أعلى العنوان */
html[data-theme="dark"] .ai-spotlight-head > span {
    background:#211D32 !important;
    border-color:#4B3F78 !important;

    color:#CBBFFF !important;
    -webkit-text-fill-color:#CBBFFF !important;

    opacity:1 !important;
}

/* عنوان القسم */
html[data-theme="dark"] .ai-spotlight-head h2 {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    opacity:1 !important;
    visibility:visible !important;

    filter:none !important;
    mix-blend-mode:normal !important;
}

/* وصف القسم */
html[data-theme="dark"] .ai-spotlight-head p {
    color:#C5CCD8 !important;
    -webkit-text-fill-color:#C5CCD8 !important;

    opacity:1 !important;
    visibility:visible !important;
}

/* البطاقات */
html[data-theme="dark"] .ai-feature {
    background:#171B24 !important;
    border-color:#343B49 !important;

    box-shadow:0 20px 50px rgba(0,0,0,.22) !important;
}

/* عناوين البطاقات */
html[data-theme="dark"] .ai-feature h3 {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

/* وصف البطاقات */
html[data-theme="dark"] .ai-feature p {
    color:#C5CCD8 !important;
    -webkit-text-fill-color:#C5CCD8 !important;
}

/* الشارات أعلى البطاقة */
html[data-theme="dark"] .ai-feature-tag {
    background:#211D32 !important;
    border:1px solid #4B3F78 !important;

    color:#CBBFFF !important;
    -webkit-text-fill-color:#CBBFFF !important;
}

/* زر البطاقة */
html[data-theme="dark"] .ai-feature a {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

/* الجوال */
@media(max-width:650px){

    html[data-theme="dark"] .ai-spotlight-head h2 {
        color:#FFFFFF !important;
        -webkit-text-fill-color:#FFFFFF !important;
    }

    html[data-theme="dark"] .ai-spotlight-head p {
        color:#CDD3DE !important;
        -webkit-text-fill-color:#CDD3DE !important;
    }
}


/* =========================================================
   IMAGE TOOLS — SERVICE CARDS DARK MODE
   ========================================================= */

html[data-theme="dark"] #image-tools .service-card {
    background:#171B24 !important;
    background-image:none !important;
    border-color:#343B49 !important;
    box-shadow:none !important;
}

/* عناوين البطاقات */
html[data-theme="dark"] #image-tools .service-card h3,
html[data-theme="dark"] #image-tools .service-card h4,
html[data-theme="dark"] #image-tools .service-card b,
html[data-theme="dark"] #image-tools .service-card strong {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
}

/* وصف الأداة */
html[data-theme="dark"] #image-tools .service-card p,
html[data-theme="dark"] #image-tools .service-card small,
html[data-theme="dark"] #image-tools .service-card span {
    color:#C3CAD6 !important;
    -webkit-text-fill-color:#C3CAD6 !important;
    opacity:1 !important;
}

/* الأيقونة */
html[data-theme="dark"] #image-tools .service-card .service-icon,
html[data-theme="dark"] #image-tools .service-card [class*="icon"] {
    background:#211D32 !important;
    border-color:#4B3F78 !important;
    color:#CBBFFF !important;
    -webkit-text-fill-color:#CBBFFF !important;
}

/* hover */
html[data-theme="dark"] #image-tools .service-card:hover {
    background:#1D222C !important;
    border-color:#7251F5 !important;
}

/* الجوال */
@media(max-width:650px){

    html[data-theme="dark"] #image-tools .service-card {
        background:#171B24 !important;
        border-color:#343B49 !important;
    }

    html[data-theme="dark"] #image-tools .service-card h3,
    html[data-theme="dark"] #image-tools .service-card b,
    html[data-theme="dark"] #image-tools .service-card strong {
        color:#FFFFFF !important;
        -webkit-text-fill-color:#FFFFFF !important;
    }

    html[data-theme="dark"] #image-tools .service-card p,
    html[data-theme="dark"] #image-tools .service-card small {
        color:#C8CFDA !important;
        -webkit-text-fill-color:#C8CFDA !important;
    }
}


/* =========================================================
   DARK MODE — IMAGE APP CARDS
   ========================================================= */

html[data-theme="dark"] .apps-directory .app-card.app-image {
    background:#171B24 !important;
    border-color:#343B49 !important;
    box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
}

/* إلغاء الخلفية الفاتحة الخاصة ببعض كروت الصور */
html[data-theme="dark"] .apps-directory .app-card.app-image:first-child,
html[data-theme="dark"] .apps-directory .app-card.app-image:nth-child(15) {
    background:#171B24 !important;
    border-color:#343B49 !important;
}

/* عنوان الأداة */
html[data-theme="dark"] .apps-directory .app-card.app-image h3 {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
}

/* وصف الأداة */
html[data-theme="dark"] .apps-directory .app-card.app-image p {
    color:#AEB7C6 !important;
    -webkit-text-fill-color:#AEB7C6 !important;
    opacity:1 !important;
}

/* رقم الكرت */
html[data-theme="dark"] .apps-directory .app-card.app-image .app-card-index {
    color:#737D8E !important;
    -webkit-text-fill-color:#737D8E !important;
}

/* أيقونة الأداة */
html[data-theme="dark"] .apps-directory .app-card.app-image .app-icon {
    background:linear-gradient(145deg,#7655EE,#916CFF) !important;
    border-color:#9A82FF !important;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

/* شارة أداة صور */
html[data-theme="dark"] .apps-directory .app-card.app-image .app-kind {
    background:#252A35 !important;
    border-color:#3D4555 !important;
    color:#E8ECF3 !important;
    -webkit-text-fill-color:#E8ECF3 !important;
}

/* معلومات مجاني / معالجة محلية */
html[data-theme="dark"] .apps-directory .app-card.app-image .app-card-meta span {
    background:#252A35 !important;
    border-color:#3D4555 !important;
    color:#DDE3EC !important;
    -webkit-text-fill-color:#DDE3EC !important;
}

/* زر استخدام الأداة */
html[data-theme="dark"] .apps-directory .app-card.app-image > a {
    background:linear-gradient(105deg,#6947EA,#925CFA) !important;
    border-color:#8B6AF4 !important;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

html[data-theme="dark"] .apps-directory .app-card.app-image > a * {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

/* Hover */
html[data-theme="dark"] .apps-directory .app-card.app-image:hover {
    background:#1C212B !important;
    border-color:#7251F5 !important;
    box-shadow:0 18px 40px rgba(0,0,0,.28) !important;
}

/* الجوال */
@media(max-width:650px) {
    html[data-theme="dark"] .apps-directory .app-card.app-image h3 {
        color:#FFFFFF !important;
        -webkit-text-fill-color:#FFFFFF !important;
        line-height:1.55 !important;
    }

    html[data-theme="dark"] .apps-directory .app-card.app-image p {
        color:#B9C1CE !important;
        -webkit-text-fill-color:#B9C1CE !important;
        line-height:1.75 !important;
    }
}


/* =========================================================
   HOME IMAGE TOOLS — TOOL TAB CARDS DARK MODE FINAL
   ========================================================= */

/* الحاوية */
html[data-theme="dark"] #image-tools .tool-menu {
    background:#0F1218 !important;
    border-color:#343B49 !important;
}

/* كل كرت */
html[data-theme="dark"] #image-tools .tool-tab {
    background:#171B24 !important;
    background-image:none !important;
    border-color:#343B49 !important;

    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;

    opacity:1 !important;
}

/* الأيقونة */
html[data-theme="dark"] #image-tools .tool-tab > span {
    background:#211D32 !important;
    border:1px solid #4B3F78 !important;

    color:#CBBFFF !important;
    -webkit-text-fill-color:#CBBFFF !important;

    border-radius:12px !important;
}

/* عنوان الأداة */
html[data-theme="dark"] #image-tools .tool-tab > strong {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    opacity:1 !important;
    visibility:visible !important;
}

/* وصف الأداة */
html[data-theme="dark"] #image-tools .tool-tab > small {
    color:#B8C1CF !important;
    -webkit-text-fill-color:#B8C1CF !important;

    opacity:1 !important;
    visibility:visible !important;
}

/* Hover */
html[data-theme="dark"] #image-tools .tool-tab:hover {
    background:#1D222C !important;
    border-color:#7251F5 !important;
}

/* الكرت النشط */
html[data-theme="dark"] #image-tools .tool-tab.active {
    background:linear-gradient(145deg,#5F42DF,#7655EE) !important;
    border-color:#8B73FF !important;
}

html[data-theme="dark"] #image-tools .tool-tab.active > strong {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

html[data-theme="dark"] #image-tools .tool-tab.active > small {
    color:#E6E1FF !important;
    -webkit-text-fill-color:#E6E1FF !important;
}

html[data-theme="dark"] #image-tools .tool-tab.active > span {
    background:rgba(255,255,255,.14) !important;
    border-color:rgba(255,255,255,.25) !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

/* وصف القسم تحت "اختر أداة الصور وابدأ فورا" */
html[data-theme="dark"] #image-tools .section-head > p {
    color:#C4CBD7 !important;
    -webkit-text-fill-color:#C4CBD7 !important;
    opacity:1 !important;
}

/* الجوال */
@media(max-width:680px) {

    html[data-theme="dark"] #image-tools .tool-tab {
        background:#171B24 !important;
        border-color:#343B49 !important;
    }

    html[data-theme="dark"] #image-tools .tool-tab > strong {
        color:#FFFFFF !important;
        -webkit-text-fill-color:#FFFFFF !important;
    }

    html[data-theme="dark"] #image-tools .tool-tab > small {
        color:#C3CAD6 !important;
        -webkit-text-fill-color:#C3CAD6 !important;
    }
}


/* =========================================================
   NUJIZ DARK MODE — IMAGE TOOL CARDS FINAL FIX
   ========================================================= */

html[data-theme="dark"] body.apps-modern .tool-menu,
html[data-theme="dark"] .apps-modern .tool-menu {
    background:#10131A !important;
    border-color:#2C3340 !important;
}

/* جميع كروت أدوات الصور */
html[data-theme="dark"] body.apps-modern .tool-menu .tool-tab,
html[data-theme="dark"] .apps-modern .tool-menu .tool-tab {
    background:#171B24 !important;
    background-image:none !important;
    border:1px solid #303746 !important;
    color:#F7F8FC !important;
    -webkit-text-fill-color:#F7F8FC !important;
    box-shadow:none !important;
}

/* عنوان الأداة */
html[data-theme="dark"] .apps-modern .tool-menu .tool-tab strong {
    color:#F7F8FC !important;
    -webkit-text-fill-color:#F7F8FC !important;
    opacity:1 !important;
}

/* وصف الأداة */
html[data-theme="dark"] .apps-modern .tool-menu .tool-tab small {
    color:#AEB7C7 !important;
    -webkit-text-fill-color:#AEB7C7 !important;
    opacity:1 !important;
}

/* مربع الأيقونة */
html[data-theme="dark"] .apps-modern .tool-menu .tool-tab > span {
    background:#25213A !important;
    color:#B9A7FF !important;
    -webkit-text-fill-color:#B9A7FF !important;
    border:1px solid #493D76 !important;
    box-shadow:none !important;
}

/* Hover */
html[data-theme="dark"] .apps-modern .tool-menu .tool-tab:hover {
    background:#1E2330 !important;
    border-color:#7251F5 !important;
    transform:translateY(-2px);
}

/* التبويب النشط */
html[data-theme="dark"] .apps-modern .tool-menu .tool-tab.active {
    background:linear-gradient(135deg,#6042E7,#7959EE) !important;
    border-color:#8B73FF !important;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

html[data-theme="dark"] .apps-modern .tool-menu .tool-tab.active strong,
html[data-theme="dark"] .apps-modern .tool-menu .tool-tab.active small {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

html[data-theme="dark"] .apps-modern .tool-menu .tool-tab.active > span {
    background:rgba(255,255,255,.14) !important;
    border-color:rgba(255,255,255,.25) !important;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* =========================================================
   HOME HERO EYEBROW — DARK MODE CONTRAST
   ========================================================= */

html[data-theme="dark"] .hero-copy .eyebrow {
    background:#211D32 !important;
    border:1px solid #4B3F78 !important;

    color:#E9E2FF !important;
    -webkit-text-fill-color:#E9E2FF !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;

    font-weight:800 !important;
}

/* النص الداخلي إن وجد */
html[data-theme="dark"] .hero-copy .eyebrow * {
    color:#E9E2FF !important;
    -webkit-text-fill-color:#E9E2FF !important;
    opacity:1 !important;
}

@media(max-width:650px) {
    html[data-theme="dark"] .hero-copy .eyebrow {
        color:#F1ECFF !important;
        -webkit-text-fill-color:#F1ECFF !important;
    }
}


/* =========================================================
   NUJIZ — TOOL PAGES HEADER DARK MODE FINAL CONTRAST
   ========================================================= */

/* روابط أقسام الأدوات في الهيدر */
html[data-theme="dark"] body.tool-page .site-header nav a,
html[data-theme="dark"] body.tool-page .site-header .main-nav a,
html[data-theme="dark"] body.tool-page header nav a,
html[data-theme="dark"] body.audio-tool-page .site-header nav a {
    color:#DDE3ED !important;
    -webkit-text-fill-color:#DDE3ED !important;
    opacity:1 !important;
    filter:none !important;
    text-shadow:none !important;
}

/* أي span أو نص داخل الرابط */
html[data-theme="dark"] body.tool-page .site-header nav a *,
html[data-theme="dark"] body.tool-page .site-header .main-nav a *,
html[data-theme="dark"] body.tool-page header nav a * {
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
    opacity:1 !important;
    filter:none !important;
}

/* Hover */
html[data-theme="dark"] body.tool-page .site-header nav a:hover,
html[data-theme="dark"] body.tool-page .site-header .main-nav a:hover,
html[data-theme="dark"] body.tool-page header nav a:hover {
    background:#202532 !important;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
    filter:none !important;
}

/* التبويب النشط */
html[data-theme="dark"] body.tool-page .site-header nav a.active,
html[data-theme="dark"] body.tool-page .site-header nav a[aria-current="page"],
html[data-theme="dark"] body.tool-page .site-header .main-nav a.active,
html[data-theme="dark"] body.tool-page .site-header .main-nav a[aria-current="page"] {
    background:#7251F5 !important;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
}

/* كل الأدوات */
html[data-theme="dark"] body.tool-page .site-header a[href="/#tools"],
html[data-theme="dark"] body.tool-page .site-header a[href="/"] {
    opacity:1 !important;
}

/* دليل نجز — خلفية فاتحة ونص داكن قوي */
html[data-theme="dark"] body.tool-page .site-header .nujiz-guide-nav,
html[data-theme="dark"] body.tool-page header .nujiz-guide-nav {
    background:#F5F3FF !important;
    border-color:#DDD6FE !important;
    color:#171923 !important;
    -webkit-text-fill-color:#171923 !important;
    opacity:1 !important;
    font-weight:900 !important;
    filter:none !important;
}

html[data-theme="dark"] body.tool-page .site-header .nujiz-guide-nav *,
html[data-theme="dark"] body.tool-page header .nujiz-guide-nav * {
    color:#171923 !important;
    -webkit-text-fill-color:#171923 !important;
    opacity:1 !important;
}

/* دليل نجز عند مرور الماوس */
html[data-theme="dark"] body.tool-page .site-header .nujiz-guide-nav:hover {
    background:#FFFFFF !important;
    color:#0F1117 !important;
    -webkit-text-fill-color:#0F1117 !important;
}

/* English */
html[data-theme="dark"] body.tool-page .site-header .lang-link,
html[data-theme="dark"] body.tool-page .site-header a[href*="/en/"] {
    opacity:1 !important;
    filter:none !important;
}

/* منع أي CSS قديم من تخفيض وضوح الهيدر */
html[data-theme="dark"] body.tool-page .site-header a:hover *,
html[data-theme="dark"] body.tool-page .site-header button:hover *,
html[data-theme="dark"] body.tool-page .site-header a:focus *,
html[data-theme="dark"] body.tool-page .site-header a:focus-visible * {
    opacity:1 !important;
    filter:none !important;
}

/* القائمة على الجوال */
@media (max-width:900px) {
    html[data-theme="dark"] body.tool-page .site-header nav a,
    html[data-theme="dark"] body.tool-page .site-header .main-nav a {
        color:#F0F3F8 !important;
        -webkit-text-fill-color:#F0F3F8 !important;
        opacity:1 !important;
    }

    html[data-theme="dark"] body.tool-page .site-header nav a:hover {
        background:#202532 !important;
        color:#FFFFFF !important;
        -webkit-text-fill-color:#FFFFFF !important;
    }
}


/* =========================================================
   TOOL PAGES HEADER — DARK MODE CONTRAST FINAL
   ========================================================= */

/* جميع النصوص والروابط داخل الهيدر */
html[data-theme="dark"] body.tool-page .site-header a:not(.nujiz-guide-nav),
html[data-theme="dark"] body.tool-page .site-header button,
html[data-theme="dark"] body.tool-page .site-header nav a,
html[data-theme="dark"] body.tool-page .site-header .main-nav a {
    color:#E8ECF4 !important;
    -webkit-text-fill-color:#E8ECF4 !important;
    opacity:1 !important;
    filter:none !important;
}

/* النصوص الداخلية */
html[data-theme="dark"] body.tool-page .site-header a:not(.nujiz-guide-nav) *,
html[data-theme="dark"] body.tool-page .site-header button *,
html[data-theme="dark"] body.tool-page .site-header nav a * {
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
    opacity:1 !important;
    filter:none !important;
}

/* روابط أقسام الأدوات */
html[data-theme="dark"] body.tool-page .site-header nav a {
    font-weight:800 !important;
}

/* Hover */
html[data-theme="dark"] body.tool-page .site-header nav a:hover,
html[data-theme="dark"] body.tool-page .site-header .main-nav a:hover {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    background:#202532 !important;
    opacity:1 !important;
}

/* التبويب النشط */
html[data-theme="dark"] body.tool-page .site-header nav a.active,
html[data-theme="dark"] body.tool-page .site-header nav a[aria-current="page"],
html[data-theme="dark"] body.tool-page .site-header .active > a {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    background:#6F42E9 !important;
}

/* دليل نجز */
html[data-theme="dark"] body.tool-page .site-header .nujiz-guide-nav,
html[data-theme="dark"] body.tool-page .site-header a.nujiz-guide-nav {
    background:#F4F1FF !important;
    border-color:#DDD6FE !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    opacity:1 !important;
    filter:none !important;
    font-weight:900 !important;
}

html[data-theme="dark"] body.tool-page .site-header .nujiz-guide-nav *,
html[data-theme="dark"] body.tool-page .site-header a.nujiz-guide-nav * {
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    opacity:1 !important;
}

/* دليل نجز hover */
html[data-theme="dark"] body.tool-page .site-header .nujiz-guide-nav:hover {
    background:#FFFFFF !important;
    color:#090B10 !important;
    -webkit-text-fill-color:#090B10 !important;
}

/* تسجيل الدخول */
html[data-theme="dark"] body.tool-page .site-header .login-btn,
html[data-theme="dark"] body.tool-page .site-header [class*="login"] {
    color:#DDE3EC !important;
    -webkit-text-fill-color:#DDE3EC !important;
    opacity:1 !important;
}

/* الشعار واسم نجز */
html[data-theme="dark"] body.tool-page .site-header .brand,
html[data-theme="dark"] body.tool-page .site-header .brand *,
html[data-theme="dark"] body.tool-page .site-header [class*="logo"],
html[data-theme="dark"] body.tool-page .site-header [class*="logo"] * {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
    filter:none !important;
}

/* الشريط الصغير أعلى الهيدر */
html[data-theme="dark"] body.tool-page .announcement-bar,
html[data-theme="dark"] body.tool-page .top-bar,
html[data-theme="dark"] body.tool-page [class*="announcement"] {
    color:#C8D0DC !important;
    -webkit-text-fill-color:#C8D0DC !important;
}

html[data-theme="dark"] body.tool-page .announcement-bar *,
html[data-theme="dark"] body.tool-page .top-bar *,
html[data-theme="dark"] body.tool-page [class*="announcement"] * {
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
    opacity:1 !important;
}

/* منع البهتان عند hover/focus */
html[data-theme="dark"] body.tool-page .site-header a:hover,
html[data-theme="dark"] body.tool-page .site-header a:hover *,
html[data-theme="dark"] body.tool-page .site-header button:hover,
html[data-theme="dark"] body.tool-page .site-header button:hover * {
    opacity:1 !important;
    filter:none !important;
}


/* =========================================================
   DARK MODE — LANGUAGE BUTTON FINAL CONTRAST
   ========================================================= */

/* زر اللغة الفاتح يجب أن يكون نصه داكن */
html[data-theme="dark"] body.tool-page .site-header a[hreflang],
html[data-theme="dark"] body.tool-page .site-header .language-switcher,
html[data-theme="dark"] body.tool-page .site-header .language-switcher a,
html[data-theme="dark"] body.tool-page .site-header .lang-switch,
html[data-theme="dark"] body.tool-page .site-header .lang-switch a,
html[data-theme="dark"] body.tool-page .site-header [class*="language"] a,
html[data-theme="dark"] body.tool-page .site-header [class*="lang-"] {
    background:#FFFFFF !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    opacity:1 !important;
    filter:none !important;
    text-shadow:none !important;
    font-weight:800 !important;
}

/* أي span أو عنصر داخل زر اللغة */
html[data-theme="dark"] body.tool-page .site-header a[hreflang] *,
html[data-theme="dark"] body.tool-page .site-header .language-switcher *,
html[data-theme="dark"] body.tool-page .site-header .lang-switch * {
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    opacity:1 !important;
    filter:none !important;
}

/* Hover بدون بهتان */
html[data-theme="dark"] body.tool-page .site-header a[hreflang]:hover,
html[data-theme="dark"] body.tool-page .site-header .language-switcher a:hover,
html[data-theme="dark"] body.tool-page .site-header .lang-switch a:hover {
    background:#F1F3F7 !important;
    color:#05070B !important;
    -webkit-text-fill-color:#05070B !important;
    opacity:1 !important;
}


/* =========================================================
   NUJIZ — LANGUAGE BUTTON DARK MODE FINAL
   ========================================================= */

html[data-theme="dark"] body .site-header .header-actions a.lang-link,
html[data-theme="dark"] body .site-header a.lang-link,
html[data-theme="dark"] body header .header-actions a.lang-link,
html[data-theme="dark"] body header a.lang-link {

    background:#F7F5FF !important;
    background-image:none !important;

    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;

    border:1px solid #E1DDF5 !important;

    opacity:1 !important;
    filter:none !important;
    visibility:visible !important;

    font-weight:900 !important;
    text-shadow:none !important;

    box-shadow:
        0 1px 2px rgba(0,0,0,.10),
        0 0 0 1px rgba(255,255,255,.04) !important;
}

/* يمنع أي عنصر داخلي من أخذ لون باهت */
html[data-theme="dark"] body .site-header a.lang-link *,
html[data-theme="dark"] body header a.lang-link * {
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    opacity:1 !important;
    filter:none !important;
}

/* Hover */
html[data-theme="dark"] body .site-header a.lang-link:hover,
html[data-theme="dark"] body header a.lang-link:hover {

    background:#FFFFFF !important;
    background-image:none !important;

    color:#090B10 !important;
    -webkit-text-fill-color:#090B10 !important;

    border-color:#8B73FF !important;

    opacity:1 !important;
    filter:none !important;

    transform:translateY(-1px);
}

/* Focus */
html[data-theme="dark"] body .site-header a.lang-link:focus,
html[data-theme="dark"] body .site-header a.lang-link:focus-visible {
    color:#090B10 !important;
    -webkit-text-fill-color:#090B10 !important;
    background:#FFFFFF !important;
    opacity:1 !important;
    outline:2px solid #7C5CFC !important;
    outline-offset:2px !important;
}

/* Mobile */
@media (max-width:900px){
    html[data-theme="dark"] body .site-header a.lang-link {
        background:#F7F5FF !important;
        color:#111827 !important;
        -webkit-text-fill-color:#111827 !important;
        opacity:1 !important;
        filter:none !important;
    }
}


/* =========================================================
   GLOBAL TOOL RATING — DARK MODE FINAL
   ========================================================= */

html[data-theme="dark"] .hlg-rating-box {
    background:#171B24 !important;
    background-image:none !important;
    border:1px solid #303746 !important;
    box-shadow:none !important;
    color:#F8FAFC !important;
}

/* العنوان */
html[data-theme="dark"] .hlg-rating-title {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
}

/* الوصف */
html[data-theme="dark"] .hlg-rating-subtitle {
    color:#B8C0CF !important;
    -webkit-text-fill-color:#B8C0CF !important;
    opacity:1 !important;
}

/* أزرار النجوم */
html[data-theme="dark"] .hlg-rating-star {
    background:#222833 !important;
    border:1px solid #3B4453 !important;

    color:#C7CFDB !important;
    -webkit-text-fill-color:#C7CFDB !important;

    opacity:1 !important;
    filter:none !important;

    box-shadow:none !important;
}

/* Hover للنجوم */
html[data-theme="dark"] .hlg-rating-star:hover,
html[data-theme="dark"] .hlg-rating-star.hover {
    background:#2A2440 !important;
    border-color:#7251F5 !important;

    color:#C9BFFF !important;
    -webkit-text-fill-color:#C9BFFF !important;
}

/* النجمة المختارة */
html[data-theme="dark"] .hlg-rating-star.active,
html[data-theme="dark"] .hlg-rating-star.selected,
html[data-theme="dark"] .hlg-rating-star.is-active {
    background:#7251F5 !important;
    border-color:#8B73FF !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

/* الملخص: 5 / 5 - عدد التقييمات */
html[data-theme="dark"] .hlg-rating-summary,
html[data-theme="dark"] .hlg-rating-summary span,
html[data-theme="dark"] .hlg-rating-value,
html[data-theme="dark"] .hlg-rating-count {
    color:#BFC7D4 !important;
    -webkit-text-fill-color:#BFC7D4 !important;
    opacity:1 !important;
}

/* رسائل النجاح والخطأ */
html[data-theme="dark"] .hlg-rating-message {
    color:#C8D0DC !important;
    -webkit-text-fill-color:#C8D0DC !important;
    opacity:1 !important;
}

/* الجوال */
@media(max-width:650px) {

    html[data-theme="dark"] .hlg-rating-box {
        background:#171B24 !important;
        border-color:#303746 !important;
    }

    html[data-theme="dark"] .hlg-rating-title {
        color:#FFFFFF !important;
        -webkit-text-fill-color:#FFFFFF !important;
    }

    html[data-theme="dark"] .hlg-rating-subtitle {
        color:#C5CCD7 !important;
        -webkit-text-fill-color:#C5CCD7 !important;
    }
}


/* =========================================================
   PDF TOOL CONTENT — DARK MODE FINAL
   ========================================================= */

html[data-theme="dark"] body.tool-page .nujiz-pdf-content,
html[data-theme="dark"] .nujiz-pdf-content {
    background:#171B24 !important;
    background-image:none !important;
    border:1px solid #303746 !important;
    box-shadow:none !important;

    color:#C8D0DC !important;
    -webkit-text-fill-color:#C8D0DC !important;
}

/* العناوين */
html[data-theme="dark"] .nujiz-pdf-content h1,
html[data-theme="dark"] .nujiz-pdf-content h2,
html[data-theme="dark"] .nujiz-pdf-content h3,
html[data-theme="dark"] .nujiz-pdf-content h4 {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;

    opacity:1 !important;
    visibility:visible !important;
}

/* الفقرات */
html[data-theme="dark"] .nujiz-pdf-content p {
    color:#BFC7D4 !important;
    -webkit-text-fill-color:#BFC7D4 !important;

    opacity:1 !important;
    visibility:visible !important;

    line-height:1.9 !important;
}

/* القوائم */
html[data-theme="dark"] .nujiz-pdf-content li {
    color:#C5CDD8 !important;
    -webkit-text-fill-color:#C5CDD8 !important;
}

/* الروابط */
html[data-theme="dark"] .nujiz-pdf-content a {
    color:#B8A7FF !important;
    -webkit-text-fill-color:#B8A7FF !important;
}

/* النصوص الثانوية */
html[data-theme="dark"] .nujiz-pdf-content small,
html[data-theme="dark"] .nujiz-pdf-content span {
    color:#AEB7C5 !important;
    -webkit-text-fill-color:#AEB7C5 !important;
}

/* أي كروت داخل المحتوى */
html[data-theme="dark"] .nujiz-pdf-content article,
html[data-theme="dark"] .nujiz-pdf-content section,
html[data-theme="dark"] .nujiz-pdf-content .pdf-info,
html[data-theme="dark"] .nujiz-pdf-content .pdf-info-card {
    background:#1C212B !important;
    border-color:#343C4A !important;
}

/* الجوال */
@media(max-width:650px){

    html[data-theme="dark"] .nujiz-pdf-content {
        background:#171B24 !important;
        border-color:#303746 !important;
    }

    html[data-theme="dark"] .nujiz-pdf-content p {
        color:#C8CFD9 !important;
        -webkit-text-fill-color:#C8CFD9 !important;
    }
}


/* =========================================================
   PDF UNIQUE SEO CONTENT — DARK MODE FINAL
   ========================================================= */

html[data-theme="dark"] .nujiz-unique-seo-content {
    background:#0F1218 !important;
    background-image:none !important;
    color:#C8D0DC !important;
}

/* الصندوق الداخلي الأبيض */
html[data-theme="dark"] .nujiz-unique-seo-content .nujiz-seo-inner {
    background:#171B24 !important;
    background-image:none !important;

    border:1px solid #303746 !important;
    box-shadow:none !important;

    color:#C8D0DC !important;
}

/* العنوان الرئيسي */
html[data-theme="dark"] .nujiz-unique-seo-content h2 {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* العناوين الفرعية */
html[data-theme="dark"] .nujiz-unique-seo-content h3,
html[data-theme="dark"] .nujiz-unique-seo-content h4 {
    color:#F2F5F9 !important;
    -webkit-text-fill-color:#F2F5F9 !important;
    opacity:1 !important;
}

/* الفقرات */
html[data-theme="dark"] .nujiz-unique-seo-content p {
    color:#BDC6D3 !important;
    -webkit-text-fill-color:#BDC6D3 !important;
    opacity:1 !important;
    visibility:visible !important;
    line-height:1.9 !important;
}

/* القوائم */
html[data-theme="dark"] .nujiz-unique-seo-content li {
    color:#C5CDD8 !important;
    -webkit-text-fill-color:#C5CDD8 !important;
}

/* الروابط */
html[data-theme="dark"] .nujiz-unique-seo-content a {
    color:#B8A7FF !important;
    -webkit-text-fill-color:#B8A7FF !important;
}

/* أي كروت أو أجزاء داخل القسم */
html[data-theme="dark"] .nujiz-unique-seo-content article,
html[data-theme="dark"] .nujiz-unique-seo-content .card,
html[data-theme="dark"] .nujiz-unique-seo-content [class*="card"] {
    background:#1C212B !important;
    border-color:#343C4A !important;
}

/* الجوال */
@media(max-width:650px) {
    html[data-theme="dark"] .nujiz-unique-seo-content .nujiz-seo-inner {
        background:#171B24 !important;
        border-color:#303746 !important;
    }

    html[data-theme="dark"] .nujiz-unique-seo-content p {
        color:#C8CFD9 !important;
        -webkit-text-fill-color:#C8CFD9 !important;
    }
}


/* =========================================================
   VIDEO TOOL SEO CONTENT — DARK MODE FINAL
   ========================================================= */

/* القسم الخارجي */
html[data-theme="dark"] body.tool-page .seo-tool-content,
html[data-theme="dark"] body.video-tool-page .seo-tool-content,
html[data-theme="dark"] .video-ai-page .seo-tool-content {
    background:#0F1218 !important;
    background-image:none !important;
    color:#C8D0DC !important;
}

/* أي صندوق داخلي أبيض */
html[data-theme="dark"] body.tool-page .seo-tool-content > .wrap,
html[data-theme="dark"] body.video-tool-page .seo-tool-content > .wrap,
html[data-theme="dark"] .video-ai-page .seo-tool-content > .wrap {
    background:#171B24 !important;
    background-image:none !important;

    border:1px solid #303746 !important;
    border-radius:24px !important;

    box-shadow:none !important;
    color:#C8D0DC !important;
}

/* العناوين */
html[data-theme="dark"] .seo-tool-content h1,
html[data-theme="dark"] .seo-tool-content h2,
html[data-theme="dark"] .seo-tool-content h3,
html[data-theme="dark"] .seo-tool-content h4 {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
}

/* الفقرات */
html[data-theme="dark"] .seo-tool-content p {
    color:#BDC6D3 !important;
    -webkit-text-fill-color:#BDC6D3 !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;

    line-height:1.9 !important;
}

/* القوائم */
html[data-theme="dark"] .seo-tool-content ul,
html[data-theme="dark"] .seo-tool-content ol {
    background:#1B2029 !important;
    border-color:#343B49 !important;
    color:#C7CFDB !important;
}

html[data-theme="dark"] .seo-tool-content li {
    color:#C7CFDB !important;
    -webkit-text-fill-color:#C7CFDB !important;
}

/* علامات القوائم */
html[data-theme="dark"] .seo-tool-content li::marker {
    color:#A994FF !important;
}

/* FAQ */
html[data-theme="dark"] .seo-tool-content .seo-faq h3 {
    background:#1B2029 !important;
    border-color:#343B49 !important;

    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
}

html[data-theme="dark"] .seo-tool-content .seo-faq p {
    background:#1E232D !important;
    border-color:#343B49 !important;

    color:#C4CCD8 !important;
    -webkit-text-fill-color:#C4CCD8 !important;
}

/* الروابط */
html[data-theme="dark"] .seo-tool-content a {
    color:#B8A7FF !important;
    -webkit-text-fill-color:#B8A7FF !important;
}

/* الجوال */
@media(max-width:650px) {

    html[data-theme="dark"] .seo-tool-content > .wrap {
        background:#171B24 !important;
        border-color:#303746 !important;
    }

    html[data-theme="dark"] .seo-tool-content p,
    html[data-theme="dark"] .seo-tool-content li {
        color:#C8CFD9 !important;
        -webkit-text-fill-color:#C8CFD9 !important;
    }
}


/* =========================================================
   STANDARD VIDEO TOOLS — FULL WORKSPACE DARK MODE
   ========================================================= */

/* منطقة الاستوديو كاملة */
html[data-theme="dark"] body[data-tool-scope="video"] .video-studio,
html[data-theme="dark"] body[data-tool-scope="video"] [data-video-studio] {
    background:#11151D !important;
    background-image:none !important;
    border-color:#303746 !important;
}

/* الجزء الأبيض الرئيسي */
html[data-theme="dark"] body[data-tool-scope="video"] .video-body {
    background:#171B24 !important;
    background-image:none !important;

    border:1px solid #303746 !important;
    color:#E8EDF5 !important;
    box-shadow:none !important;
}

/* رأس الأداة */
html[data-theme="dark"] body[data-tool-scope="video"] .video-active-title {
    background:#171B24 !important;
    background-image:none !important;
    border-color:#303746 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .video-active-title small {
    color:#AEB8C7 !important;
    -webkit-text-fill-color:#AEB8C7 !important;
    opacity:1 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .video-active-title h3 {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .video-active-title p {
    color:#BDC6D3 !important;
    -webkit-text-fill-color:#BDC6D3 !important;
    opacity:1 !important;
}

/* صندوق السحب */
html[data-theme="dark"] body[data-tool-scope="video"] .video-dropzone {
    background:#121720 !important;
    background-image:none !important;

    border:2px dashed #7251F5 !important;

    color:#F8FAFC !important;
    box-shadow:none !important;
}

/* محتوى صندوق السحب */
html[data-theme="dark"] body[data-tool-scope="video"] .video-drop-content strong {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .video-drop-content small {
    color:#B9C3D1 !important;
    -webkit-text-fill-color:#B9C3D1 !important;
    opacity:1 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .video-drop-content b {
    background:#7251F5 !important;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
}

/* أي طبقة بيضاء حول صندوق السحب */
html[data-theme="dark"] body[data-tool-scope="video"] .video-section,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace,
html[data-theme="dark"] body[data-tool-scope="video"] #toolWorkspace {
    background:#0F1218 !important;
    background-image:none !important;
}

/* عند السحب أو hover */
html[data-theme="dark"] body[data-tool-scope="video"] .video-dropzone:hover,
html[data-theme="dark"] body[data-tool-scope="video"] .video-dropzone.dragover {
    background:#191B2A !important;
    border-color:#9A82FF !important;
}

/* الجوال */
@media(max-width:650px){

    html[data-theme="dark"] body[data-tool-scope="video"] .video-body {
        background:#171B24 !important;
    }

    html[data-theme="dark"] body[data-tool-scope="video"] .video-dropzone {
        background:#121720 !important;
    }
}


/* =========================================================
   STANDARD VIDEO TOOLS — RELATED + AUTO CONTENT DARK FIX
   ========================================================= */

/* عنوان قسم الأدوات المرتبطة */
html[data-theme="dark"] body[data-tool-scope="video"] .tool-related-section h2,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-related-head h2 {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
}

/* النص الصغير مثل اكتشف المزيد */
html[data-theme="dark"] body[data-tool-scope="video"] .tool-related-head span {
    color:#A994FF !important;
    -webkit-text-fill-color:#A994FF !important;
    opacity:1 !important;
}

/* رابط عرض جميع الأدوات */
html[data-theme="dark"] body[data-tool-scope="video"] .tool-related-head a {
    color:#B8A7FF !important;
    -webkit-text-fill-color:#B8A7FF !important;
    opacity:1 !important;
}

/* كروت الأدوات المرتبطة */
html[data-theme="dark"] body[data-tool-scope="video"] .tool-related-card {
    background:#171B24 !important;
    background-image:none !important;
    border:1px solid #343B49 !important;

    color:#F2F5F9 !important;
    -webkit-text-fill-color:#F2F5F9 !important;

    opacity:1 !important;
    filter:none !important;
    box-shadow:none !important;
}

/* النص داخل الكروت */
html[data-theme="dark"] body[data-tool-scope="video"] .tool-related-card span,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-related-card * {
    color:#F2F5F9 !important;
    -webkit-text-fill-color:#F2F5F9 !important;
    opacity:1 !important;
    filter:none !important;
    font-weight:800 !important;
}

/* Hover */
html[data-theme="dark"] body[data-tool-scope="video"] .tool-related-card:hover {
    background:#202532 !important;
    border-color:#7251F5 !important;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* =========================================================
   القسم النصي أسفل أدوات الفيديو
   .nujiz-auto-content
   ========================================================= */

html[data-theme="dark"] body[data-tool-scope="video"] .nujiz-auto-content {
    background:#0F1218 !important;
    background-image:none !important;
    color:#C8D0DC !important;
}

/* عناوين القسم */
html[data-theme="dark"] body[data-tool-scope="video"] .nujiz-auto-content h2,
html[data-theme="dark"] body[data-tool-scope="video"] .nujiz-auto-content h3,
html[data-theme="dark"] body[data-tool-scope="video"] .nujiz-auto-content h4 {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
}

/* الفقرات */
html[data-theme="dark"] body[data-tool-scope="video"] .nujiz-auto-content p {
    color:#BDC6D3 !important;
    -webkit-text-fill-color:#BDC6D3 !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;

    line-height:1.95 !important;
}

/* القوائم إن وجدت */
html[data-theme="dark"] body[data-tool-scope="video"] .nujiz-auto-content li {
    color:#C5CDD8 !important;
    -webkit-text-fill-color:#C5CDD8 !important;
    opacity:1 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .nujiz-auto-content li::marker {
    color:#A994FF !important;
}

/* الروابط */
html[data-theme="dark"] body[data-tool-scope="video"] .nujiz-auto-content a {
    color:#B8A7FF !important;
    -webkit-text-fill-color:#B8A7FF !important;
}

/* الجوال */
@media(max-width:650px) {

    html[data-theme="dark"] body[data-tool-scope="video"] .tool-related-card {
        color:#FFFFFF !important;
        -webkit-text-fill-color:#FFFFFF !important;
    }

    html[data-theme="dark"] body[data-tool-scope="video"] .nujiz-auto-content p {
        color:#CBD2DC !important;
        -webkit-text-fill-color:#CBD2DC !important;
    }
}


/* =========================================================
   AI IMAGE GENERATOR — ACCESS RIBBON DARK MODE
   ========================================================= */

html[data-theme="dark"] body[data-tool-id="aigenerate"] #aiAccessRibbon {
    background:#171B24 !important;
    background-image:none !important;

    border:1px solid #343B49 !important;

    color:#E8EDF5 !important;

    box-shadow:none !important;
}

/* كل جزء داخل الشريط */
html[data-theme="dark"] body[data-tool-id="aigenerate"] #aiAccessRibbon > div {
    background:transparent !important;
    color:#E8EDF5 !important;
}

/* الرقم 1 والسعر */
html[data-theme="dark"] body[data-tool-id="aigenerate"] #aiAccessRibbon > div > span {
    background:#29233F !important;
    border:1px solid #4C4073 !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    opacity:1 !important;
    filter:none !important;
}

/* العناوين */
html[data-theme="dark"] body[data-tool-id="aigenerate"] #aiAccessRibbon p b {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;

    opacity:1 !important;
    filter:none !important;
}

/* الوصف */
html[data-theme="dark"] body[data-tool-id="aigenerate"] #aiAccessRibbon p small {
    color:#B8C1CF !important;
    -webkit-text-fill-color:#B8C1CF !important;

    opacity:1 !important;
    filter:none !important;
}

/* الخط الفاصل */
html[data-theme="dark"] body[data-tool-id="aigenerate"] #aiAccessRibbon > i {
    background:#343B49 !important;
    opacity:1 !important;
}

/* حالة الحساب مثل: اكتملت التجربة المجانية */
html[data-theme="dark"] body[data-tool-id="aigenerate"] #aiAccessBadge {
    background:#262C36 !important;
    border:1px solid #3B4453 !important;

    color:#DDE4EE !important;
    -webkit-text-fill-color:#DDE4EE !important;

    opacity:1 !important;
    filter:none !important;
    font-weight:800 !important;
}

/* أي نص داخلي */
html[data-theme="dark"] body[data-tool-id="aigenerate"] #aiAccessRibbon * {
    text-shadow:none !important;
}

/* Mobile */
@media(max-width:650px){

    html[data-theme="dark"] body[data-tool-id="aigenerate"] #aiAccessRibbon {
        background:#171B24 !important;
        border-color:#343B49 !important;
    }

    html[data-theme="dark"] body[data-tool-id="aigenerate"] #aiAccessRibbon p b {
        color:#FFFFFF !important;
        -webkit-text-fill-color:#FFFFFF !important;
    }

    html[data-theme="dark"] body[data-tool-id="aigenerate"] #aiAccessRibbon p small {
        color:#C6CEDA !important;
        -webkit-text-fill-color:#C6CEDA !important;
    }
}


/* =========================================================
   AI FACE SWAP — SEO TEXT CONTRAST FINAL
   ========================================================= */

html[data-theme="dark"] body[data-tool-id="faceswap"] .fs-seo-content,
html[data-theme="dark"] .face-swap-page + .fs-seo-content,
html[data-theme="dark"] .fs-seo-content {
    color:#C8D0DC !important;
}

/* العناوين */
html[data-theme="dark"] .fs-seo-content h1,
html[data-theme="dark"] .fs-seo-content h2,
html[data-theme="dark"] .fs-seo-content h3,
html[data-theme="dark"] .fs-seo-content h4,
html[data-theme="dark"] .fs-seo-section h2,
html[data-theme="dark"] .fs-seo-section h3 {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
}

/* الفقرات الرئيسية */
html[data-theme="dark"] .fs-seo-content p,
html[data-theme="dark"] .fs-seo-section p,
html[data-theme="dark"] .fs-seo-intro p {
    color:#C3CBD7 !important;
    -webkit-text-fill-color:#C3CBD7 !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;

    line-height:1.95 !important;
}

/* النصوص داخل كروت الخطوات */
html[data-theme="dark"] .fs-steps article p,
html[data-theme="dark"] .fs-feature-grid article p,
html[data-theme="dark"] .fs-seo-split p {
    color:#C3CBD7 !important;
    -webkit-text-fill-color:#C3CBD7 !important;
    opacity:1 !important;
}

/* عناوين الخطوات */
html[data-theme="dark"] .fs-steps article h3,
html[data-theme="dark"] .fs-feature-grid article h3,
html[data-theme="dark"] .fs-seo-split h3 {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
}

/* أي نص صغير أو span */
html[data-theme="dark"] .fs-seo-content small,
html[data-theme="dark"] .fs-seo-content span {
    color:#AEB8C7 !important;
    -webkit-text-fill-color:#AEB8C7 !important;
    opacity:1 !important;
}

/* الجوال */
@media(max-width:650px){
    html[data-theme="dark"] .fs-seo-content p,
    html[data-theme="dark"] .fs-seo-section p,
    html[data-theme="dark"] .fs-seo-intro p {
        color:#CBD2DC !important;
        -webkit-text-fill-color:#CBD2DC !important;
    }
}


/* =========================================================
   STANDARD IMAGE TOOLS — FULL WORKSPACE DARK MODE
   ========================================================= */

/* المنطقة الرئيسية */
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .tool-workspace,
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) #toolWorkspace,
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .tools-section {
    background:#0F1218 !important;
    background-image:none !important;
}

/* الاستوديو */
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .studio {
    background:#11151D !important;
    background-image:none !important;
    border-color:#303746 !important;
}

/* الجزء الأبيض الكبير */
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .studio-body {
    background:#171B24 !important;
    background-image:none !important;
    border:1px solid #303746 !important;
    color:#E8EDF5 !important;
    box-shadow:none !important;
}

/* رأس الأداة */
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .studio-title {
    background:#171B24 !important;
    border-color:#303746 !important;
}

html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .studio-title small {
    color:#AEB8C7 !important;
    -webkit-text-fill-color:#AEB8C7 !important;
    opacity:1 !important;
}

html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .studio-title h3 {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
}

html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .studio-title p {
    color:#BDC6D3 !important;
    -webkit-text-fill-color:#BDC6D3 !important;
    opacity:1 !important;
}

/* شارة مجاني */
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .free-chip {
    background:#242A34 !important;
    border:1px solid #394252 !important;
    color:#DCE3ED !important;
    -webkit-text-fill-color:#DCE3ED !important;
    opacity:1 !important;
}

/* صندوق السحب */
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .dropzone {
    background:#121720 !important;
    background-image:none !important;
    border:2px dashed #7251F5 !important;
    color:#F8FAFC !important;
    box-shadow:none !important;
}

/* النص داخل صندوق السحب */
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .drop-content strong {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
}

html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .drop-content small {
    color:#B9C3D1 !important;
    -webkit-text-fill-color:#B9C3D1 !important;
    opacity:1 !important;
}

html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .drop-content b {
    background:#7251F5 !important;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
}

/* الايقونة */
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .upload-icon {
    background:#7251F5 !important;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

/* Hover */
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .dropzone:hover,
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .dropzone.dragover {
    background:#191B2A !important;
    border-color:#9A82FF !important;
}

/* الجوال */
@media(max-width:650px){
    html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .studio-body {
        background:#171B24 !important;
    }

    html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .dropzone {
        background:#121720 !important;
    }
}


/* =========================================================
   STANDARD IMAGE TOOLS — AUTO CONTENT DARK MODE
   ========================================================= */

/* القسم النصي السفلي */
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .nujiz-auto-content {
    background:#0F1218 !important;
    background-image:none !important;
    color:#C8D0DC !important;
}

/* العناوين */
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .nujiz-auto-content h2,
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .nujiz-auto-content h3,
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .nujiz-auto-content h4 {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
}

/* الفقرات */
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .nujiz-auto-content p {
    color:#BDC6D3 !important;
    -webkit-text-fill-color:#BDC6D3 !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;

    line-height:1.95 !important;
}

/* القوائم */
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .nujiz-auto-content ul,
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .nujiz-auto-content ol {
    color:#C5CDD8 !important;
}

html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .nujiz-auto-content li {
    color:#C5CDD8 !important;
    -webkit-text-fill-color:#C5CDD8 !important;

    opacity:1 !important;
    filter:none !important;
}

html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .nujiz-auto-content li::marker {
    color:#A994FF !important;
}

/* الروابط */
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .nujiz-auto-content a {
    color:#B8A7FF !important;
    -webkit-text-fill-color:#B8A7FF !important;
    opacity:1 !important;
}

/* أي span أو small */
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .nujiz-auto-content span,
html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .nujiz-auto-content small {
    color:#AEB8C7 !important;
    -webkit-text-fill-color:#AEB8C7 !important;
    opacity:1 !important;
}

/* الجوال */
@media(max-width:650px){

    html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .nujiz-auto-content p,
    html[data-theme="dark"] body[data-tool-scope="image"]:not(.ai-tool-page) .nujiz-auto-content li {
        color:#CBD2DC !important;
        -webkit-text-fill-color:#CBD2DC !important;
    }
}


/* =========================================================
   NUJIZ DARK MODE — GUIDE ARTICLES
   AR + EN
   ========================================================= */

html[data-theme="dark"] .article-hero {
    background:
        radial-gradient(circle at 10% 10%,rgba(114,81,245,.16),transparent 32%),
        radial-gradient(circle at 90% 15%,rgba(201,244,91,.07),transparent 30%),
        #10131a !important;
    border-bottom:1px solid #2b3140 !important;
}

/* Breadcrumb */
html[data-theme="dark"] .article-hero .breadcrumb {
    color:#aeb7c7 !important;
    -webkit-text-fill-color:#aeb7c7 !important;
}

html[data-theme="dark"] .article-hero .breadcrumb a {
    color:#a994ff !important;
    -webkit-text-fill-color:#a994ff !important;
}

/* Category */
html[data-theme="dark"] .article-category {
    background:#211b3b !important;
    color:#b9a7ff !important;
    -webkit-text-fill-color:#b9a7ff !important;
    border-color:#493d78 !important;
}

/* Main article title */
html[data-theme="dark"] .article-hero h1 {
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    opacity:1 !important;
}

/* Hero description */
html[data-theme="dark"] .article-lead {
    color:#cbd3df !important;
    -webkit-text-fill-color:#cbd3df !important;
    opacity:1 !important;
}

/* Date / meta */
html[data-theme="dark"] .article-meta {
    color:#9ea8b8 !important;
    -webkit-text-fill-color:#9ea8b8 !important;
    opacity:1 !important;
}


/* =========================================================
   MAIN ARTICLE CARD
   ========================================================= */

html[data-theme="dark"] .article-content {
    background:#171b24 !important;
    color:#d7dde8 !important;
    border-color:#303746 !important;
    box-shadow:0 18px 50px rgba(0,0,0,.22) !important;
}

html[data-theme="dark"] .article-content h1,
html[data-theme="dark"] .article-content h2,
html[data-theme="dark"] .article-content h3,
html[data-theme="dark"] .article-content h4 {
    color:#f7f8fc !important;
    -webkit-text-fill-color:#f7f8fc !important;
    opacity:1 !important;
}

html[data-theme="dark"] .article-content p,
html[data-theme="dark"] .article-content li {
    color:#cbd2de !important;
    -webkit-text-fill-color:#cbd2de !important;
    opacity:1 !important;
}

html[data-theme="dark"] .article-content ul,
html[data-theme="dark"] .article-content ol {
    color:#cbd2de !important;
}

html[data-theme="dark"] .article-content li::marker {
    color:#a994ff !important;
}


/* =========================================================
   ARTICLE TIP
   ========================================================= */

html[data-theme="dark"] .article-tip {
    background:#201c35 !important;
    border-color:#5946a1 !important;
    color:#d8d0ff !important;
    -webkit-text-fill-color:#d8d0ff !important;
}

html[data-theme="dark"] .article-tip strong {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* =========================================================
   TOOL CTA INSIDE ARTICLE
   ========================================================= */

html[data-theme="dark"] .article-content .tool-box {
    background:#1d2230 !important;
    border-color:#3a4253 !important;
    color:#dce2ec !important;
}

html[data-theme="dark"] .article-content .tool-box h2 {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

html[data-theme="dark"] .article-content .tool-box p {
    color:#cbd3df !important;
    -webkit-text-fill-color:#cbd3df !important;
}

html[data-theme="dark"] .article-content .tool-box a {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* =========================================================
   FAQ
   ========================================================= */

html[data-theme="dark"] .article-wrap .faq {
    color:#f7f8fc !important;
}

html[data-theme="dark"] .article-wrap .faq h2 {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

html[data-theme="dark"] .article-wrap .faq details {
    background:#171b24 !important;
    border-color:#303746 !important;
    color:#d7dde8 !important;
}

html[data-theme="dark"] .article-wrap .faq summary {
    color:#f4f6fa !important;
    -webkit-text-fill-color:#f4f6fa !important;
}

html[data-theme="dark"] .article-wrap .faq details p {
    color:#c5cdd9 !important;
    -webkit-text-fill-color:#c5cdd9 !important;
}


/* =========================================================
   RELATED GUIDES
   ========================================================= */

html[data-theme="dark"] .article-wrap .related h2 {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

html[data-theme="dark"] .article-wrap .related a,
html[data-theme="dark"] .article-wrap .related article,
html[data-theme="dark"] .article-wrap .related > div > * {
    background:#171b24 !important;
    border-color:#303746 !important;
    color:#e8ecf3 !important;
}

html[data-theme="dark"] .article-wrap .related a *,
html[data-theme="dark"] .article-wrap .related article * {
    color:#e8ecf3 !important;
    -webkit-text-fill-color:#e8ecf3 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px) {

    html[data-theme="dark"] .article-hero {
        background:#10131a !important;
    }

    html[data-theme="dark"] .article-content {
        background:#171b24 !important;
    }

    html[data-theme="dark"] .article-hero h1 {
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;
    }

    html[data-theme="dark"] .article-lead {
        color:#cbd3df !important;
        -webkit-text-fill-color:#cbd3df !important;
    }
}


/* =========================================================
   GUIDE ARTICLES — RELATED GUIDES CONTAINER FIX
   ========================================================= */

html[data-theme="dark"] .article-wrap .related {
    background:#171b24 !important;
    border:1px solid #303746 !important;
    color:#e8ecf3 !important;
    box-shadow:0 16px 40px rgba(0,0,0,.20) !important;
}

html[data-theme="dark"] .article-wrap .related h2,
html[data-theme="dark"] .article-wrap .related h3 {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

html[data-theme="dark"] .article-wrap .related a {
    background:#20252f !important;
    border:1px solid #363e4d !important;
    color:#f1f4f8 !important;
    -webkit-text-fill-color:#f1f4f8 !important;
}

html[data-theme="dark"] .article-wrap .related a:hover {
    background:#272d39 !important;
    border-color:#7251f5 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

html[data-theme="dark"] .article-wrap .related a * {
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
}


/* GUIDE ARTICLES — GREEN CTA TEXT CONTRAST */
html[data-theme="dark"] .article-wrap .cta a,
html[data-theme="dark"] .article-wrap a.cta,
html[data-theme="dark"] .article-wrap .article-cta a {
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    font-weight:900 !important;
}

html[data-theme="dark"] .article-wrap .cta a *,
html[data-theme="dark"] .article-wrap a.cta *,
html[data-theme="dark"] .article-wrap .article-cta a * {
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
}

/* إذا كان الزر يستخدم الخلفية الخضراء مباشرة */
html[data-theme="dark"] .article-wrap a[style*="background"] {
    text-shadow:none !important;
}


/* =========================================================
   GUIDE ARTICLE — TOOL BOX BUTTON CONTRAST FINAL
   ========================================================= */

html[data-theme="dark"] body .article-wrap .article-content .tool-box > a,
html[data-theme="dark"] body .article-content .tool-box > a {
    background:#C9F45B !important;
    background-image:none !important;

    color:#10131A !important;
    -webkit-text-fill-color:#10131A !important;

    border-color:#C9F45B !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    text-shadow:none !important;

    font-weight:900 !important;
}

/* أي عنصر داخلي */
html[data-theme="dark"] body .article-content .tool-box > a * {
    color:#10131A !important;
    -webkit-text-fill-color:#10131A !important;
    opacity:1 !important;
    filter:none !important;
}

/* Hover */
html[data-theme="dark"] body .article-content .tool-box > a:hover {
    background:#D7FA76 !important;
    color:#090B10 !important;
    -webkit-text-fill-color:#090B10 !important;

    border-color:#D7FA76 !important;
    opacity:1 !important;
}

/* Focus */
html[data-theme="dark"] body .article-content .tool-box > a:focus,
html[data-theme="dark"] body .article-content .tool-box > a:focus-visible {
    background:#D7FA76 !important;
    color:#090B10 !important;
    -webkit-text-fill-color:#090B10 !important;
    outline:2px solid #FFFFFF !important;
    outline-offset:3px !important;
}


/* =========================================================
   GUIDE ARTICLES — HEADER DARK MODE FINAL
   ========================================================= */

/* الهيدر */
html[data-theme="dark"] body .site-header {
    background:#0F1218 !important;
    border-bottom:1px solid #2C3340 !important;
}

/* روابط الأقسام */
html[data-theme="dark"] body .site-header .main-nav a,
html[data-theme="dark"] body .site-header nav a {
    color:#E7ECF4 !important;
    -webkit-text-fill-color:#E7ECF4 !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    text-shadow:none !important;
    font-weight:800 !important;
}

/* أي عناصر داخل الرابط */
html[data-theme="dark"] body .site-header .main-nav a *,
html[data-theme="dark"] body .site-header nav a * {
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
    opacity:1 !important;
    filter:none !important;
}

/* Hover */
html[data-theme="dark"] body .site-header .main-nav a:hover,
html[data-theme="dark"] body .site-header nav a:hover {
    background:#1D222C !important;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
}

/* دليل نجز */
html[data-theme="dark"] body .site-header .nujiz-guide-nav,
html[data-theme="dark"] body .site-header a[href="/guide/"],
html[data-theme="dark"] body .site-header a[href="/en/guide/"] {
    background:#F4F1FF !important;
    border:1px solid #DDD6FE !important;

    color:#171126 !important;
    -webkit-text-fill-color:#171126 !important;

    opacity:1 !important;
    filter:none !important;
    font-weight:900 !important;
}

/* English / العربية */
html[data-theme="dark"] body .site-header .lang-link {
    background:#FFFFFF !important;

    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;

    border-color:#E5E7EB !important;
    opacity:1 !important;
    filter:none !important;
    font-weight:900 !important;
}

/* تسجيل الدخول */
html[data-theme="dark"] body .site-header [class*="login"] {
    color:#F4F6FA !important;
    -webkit-text-fill-color:#F4F6FA !important;
    opacity:1 !important;
    filter:none !important;
}

/* =========================================================
   LOGO / BRAND
   ========================================================= */

html[data-theme="dark"] body .site-header .brand,
html[data-theme="dark"] body .site-header .brand *,
html[data-theme="dark"] body .site-header [class*="brand"],
html[data-theme="dark"] body .site-header [class*="brand"] *,
html[data-theme="dark"] body .site-header [class*="logo"],
html[data-theme="dark"] body .site-header [class*="logo"] * {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    text-shadow:none !important;
}

/* النص الصغير أسفل الشعار */
html[data-theme="dark"] body .site-header .brand small,
html[data-theme="dark"] body .site-header [class*="logo"] small {
    color:#C5CDD8 !important;
    -webkit-text-fill-color:#C5CDD8 !important;
    opacity:1 !important;
}

/* SVG الخاص بالشعار */
html[data-theme="dark"] body .site-header .brand svg,
html[data-theme="dark"] body .site-header [class*="logo"] svg {
    opacity:1 !important;
    filter:none !important;
}

/* =========================================================
   REMOVE EXPLORE TOOLS BUTTON
   ========================================================= */

body .site-header .header-cta,
body .site-header a.header-cta,
body .site-header a[href="/#tools"].header-cta,
body .site-header a[href="#tools"].header-cta {
    display:none !important;
}

/* إذا كان الزر بدون الكلاس المتوقع */
body .site-header .header-actions > a[href="/#tools"],
body .site-header .header-actions > a[href="#tools"] {
    display:none !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:900px){

    html[data-theme="dark"] body .site-header .main-nav a,
    html[data-theme="dark"] body .site-header nav a {
        color:#F1F4F8 !important;
        -webkit-text-fill-color:#F1F4F8 !important;
    }

    body .site-header .header-cta,
    body .site-header .header-actions > a[href="/#tools"],
    body .site-header .header-actions > a[href="#tools"] {
        display:none !important;
    }
}


/* =========================================================
   NUJIZ LOGIN MODAL — DARK MODE FINAL
   ========================================================= */

/* الخلفية خلف النافذة */
html[data-theme="dark"] #nujizLoginModal .nujiz-login-backdrop {
    background:rgba(7,10,16,.78) !important;
    backdrop-filter:blur(6px) !important;
}

/* صندوق تسجيل الدخول */
html[data-theme="dark"] #nujizLoginModal .nujiz-login-box {
    background:#171B24 !important;
    background-image:none !important;

    border:1px solid #343B49 !important;

    color:#E8EDF5 !important;

    box-shadow:
        0 28px 70px rgba(0,0,0,.45) !important;
}

/* الشعار N */
html[data-theme="dark"] #nujizLoginModal .nujiz-login-brand {
    background:linear-gradient(145deg,#7251F5,#8C67FF) !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    box-shadow:0 10px 25px rgba(114,81,245,.25) !important;
}

/* العنوان */
html[data-theme="dark"] #nujizLoginModal .nujiz-login-box h2 {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
}

/* الوصف */
html[data-theme="dark"] #nujizLoginModal .nujiz-login-box > p {
    color:#C5CDD8 !important;
    -webkit-text-fill-color:#C5CDD8 !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
}

/* النص السفلي الخاص بالخصوصية */
html[data-theme="dark"] #nujizLoginModal .nujiz-login-privacy {
    color:#AEB7C5 !important;
    -webkit-text-fill-color:#AEB7C5 !important;

    opacity:1 !important;
    filter:none !important;
}

/* زر الإغلاق */
html[data-theme="dark"] #nujizLoginModal .nujiz-login-close {
    background:#222833 !important;

    border:1px solid #3B4453 !important;

    color:#E8EDF5 !important;
    -webkit-text-fill-color:#E8EDF5 !important;

    opacity:1 !important;
    filter:none !important;
}

/* Hover زر الإغلاق */
html[data-theme="dark"] #nujizLoginModal .nujiz-login-close:hover {
    background:#2B323E !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

/* Google button container */
html[data-theme="dark"] #nujizLoginModal #nujizGoogleButton {
    background:transparent !important;
}

/* أي نص داخلي لا نريد أن يصبح باهت */
html[data-theme="dark"] #nujizLoginModal .nujiz-login-box * {
    text-shadow:none !important;
}

/* Mobile */
@media(max-width:650px){

    html[data-theme="dark"] #nujizLoginModal .nujiz-login-box {
        background:#171B24 !important;
        border-color:#343B49 !important;
    }

    html[data-theme="dark"] #nujizLoginModal .nujiz-login-box h2 {
        color:#FFFFFF !important;
        -webkit-text-fill-color:#FFFFFF !important;
    }

    html[data-theme="dark"] #nujizLoginModal .nujiz-login-box > p {
        color:#CBD2DC !important;
        -webkit-text-fill-color:#CBD2DC !important;
    }
}


/* =========================================================
   NUJIZ DARK MODE — EN ABOUT / PRIVACY / TERMS FINAL
   ========================================================= */

/* ---------- ABOUT ---------- */

html[data-theme="dark"] .nujiz-about-pro {
    --nap-card:#171B24 !important;
    background:#0F1218 !important;
    background-image:none !important;
    color:#E8EDF5 !important;
}

html[data-theme="dark"] .nujiz-about-pro .nap-hero,
html[data-theme="dark"] .nujiz-about-pro .nap-about,
html[data-theme="dark"] .nujiz-about-pro .nap-contact {
    background:#0F1218 !important;
    background-image:none !important;
}

html[data-theme="dark"] .nujiz-about-pro .nap-card,
html[data-theme="dark"] .nujiz-about-pro .nap-about-inner,
html[data-theme="dark"] .nujiz-about-pro .nap-contact-inner {
    background:#171B24 !important;
    background-image:none !important;
    border-color:#343B49 !important;
    color:#E8EDF5 !important;
    box-shadow:none !important;
}

html[data-theme="dark"] .nujiz-about-pro h1,
html[data-theme="dark"] .nujiz-about-pro h2,
html[data-theme="dark"] .nujiz-about-pro h3,
html[data-theme="dark"] .nujiz-about-pro strong {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
}

html[data-theme="dark"] .nujiz-about-pro p,
html[data-theme="dark"] .nujiz-about-pro small,
html[data-theme="dark"] .nujiz-about-pro li {
    color:#C3CBD7 !important;
    -webkit-text-fill-color:#C3CBD7 !important;
    opacity:1 !important;
}


/* ---------- PRIVACY ---------- */

html[data-theme="dark"] .npp-hero,
html[data-theme="dark"] .npp-content {
    background:#0F1218 !important;
    background-image:none !important;
    color:#E8EDF5 !important;
}

html[data-theme="dark"] .npp-card,
html[data-theme="dark"] .npp-info {
    background:#171B24 !important;
    background-image:none !important;
    border-color:#343B49 !important;
    color:#E8EDF5 !important;
    box-shadow:none !important;
}

html[data-theme="dark"] .npp-copy h1,
html[data-theme="dark"] .npp-card-copy h2,
html[data-theme="dark"] .npp-info h2 {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
}

html[data-theme="dark"] .npp-copy p,
html[data-theme="dark"] .npp-card-copy p,
html[data-theme="dark"] .npp-card-copy li,
html[data-theme="dark"] .npp-info p {
    color:#C3CBD7 !important;
    -webkit-text-fill-color:#C3CBD7 !important;
    opacity:1 !important;
}

html[data-theme="dark"] .npp-card-icon,
html[data-theme="dark"] .npp-doc,
html[data-theme="dark"] .npp-gear {
    background:#202532 !important;
    background-image:none !important;
    color:#A994FF !important;
}

html[data-theme="dark"] .npp-info-icon {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* ---------- TERMS ---------- */

html[data-theme="dark"] .ntp-hero,
html[data-theme="dark"] .ntp-content {
    background:#0F1218 !important;
    background-image:none !important;
    color:#E8EDF5 !important;
}

html[data-theme="dark"] .ntp-card,
html[data-theme="dark"] .ntp-info,
html[data-theme="dark"] .ntp-contact {
    background:#171B24 !important;
    background-image:none !important;
    border-color:#343B49 !important;
    color:#E8EDF5 !important;
    box-shadow:none !important;
}

html[data-theme="dark"] .ntp-copy h1,
html[data-theme="dark"] .ntp-card-copy h2,
html[data-theme="dark"] .ntp-info h2,
html[data-theme="dark"] .ntp-contact h2 {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
}

html[data-theme="dark"] .ntp-copy p,
html[data-theme="dark"] .ntp-card-copy p,
html[data-theme="dark"] .ntp-info p,
html[data-theme="dark"] .ntp-contact p {
    color:#C3CBD7 !important;
    -webkit-text-fill-color:#C3CBD7 !important;
    opacity:1 !important;
}

html[data-theme="dark"] .ntp-card-icon,
html[data-theme="dark"] .ntp-doc {
    background:#202532 !important;
    background-image:none !important;
    color:#A994FF !important;
}

html[data-theme="dark"] .ntp-contact a {
    background:#202532 !important;
    border-color:#3A4252 !important;
    color:#F8FAFC !important;
}

html[data-theme="dark"] .ntp-contact a strong {
    color:#B9A7FF !important;
    -webkit-text-fill-color:#B9A7FF !important;
}


/* ---------- SHARED POLICY EXTRA ---------- */

html[data-theme="dark"] .nujiz-policy-extra {
    background:#171B24 !important;
    background-image:none !important;
    border:1px solid #343B49 !important;
    color:#E8EDF5 !important;
    box-shadow:none !important;
}

html[data-theme="dark"] .nujiz-policy-extra h1,
html[data-theme="dark"] .nujiz-policy-extra h2,
html[data-theme="dark"] .nujiz-policy-extra h3,
html[data-theme="dark"] .nujiz-policy-extra strong {
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
    opacity:1 !important;
}

html[data-theme="dark"] .nujiz-policy-extra p,
html[data-theme="dark"] .nujiz-policy-extra li,
html[data-theme="dark"] .nujiz-policy-extra span,
html[data-theme="dark"] .nujiz-policy-extra small {
    color:#C3CBD7 !important;
    -webkit-text-fill-color:#C3CBD7 !important;
    opacity:1 !important;
}

html[data-theme="dark"] .nujiz-policy-extra a {
    color:#B9A7FF !important;
    -webkit-text-fill-color:#B9A7FF !important;
}


/* ---------- ENGLISH LTR FIX ---------- */

html[data-theme="dark"] [dir="ltr"] .nap-card,
html[data-theme="dark"] [dir="ltr"] .nap-about-inner,
html[data-theme="dark"] [dir="ltr"] .nap-contact-inner {
    border-color:#343B49 !important;
}


/* ---------- BADGES ---------- */

html[data-theme="dark"] .npp-badge,
html[data-theme="dark"] .ntp-badge {
    background:#211C35 !important;
    border-color:#51437A !important;
    color:#C8BAFF !important;
    -webkit-text-fill-color:#C8BAFF !important;
}


/* ---------- REMOVE LIGHT TEXT LEAK ---------- */

html[data-theme="dark"] .npp-card *,
html[data-theme="dark"] .npp-info *,
html[data-theme="dark"] .ntp-card *,
html[data-theme="dark"] .ntp-info *,
html[data-theme="dark"] .ntp-contact *,
html[data-theme="dark"] .nap-card *,
html[data-theme="dark"] .nap-about-inner *,
html[data-theme="dark"] .nap-contact-inner * {
    opacity:1;
}


/* =========================================================
   NUJIZ EN INFO PAGES — HOME HEADER FINAL
   about / privacy / terms
   ========================================================= */

html[lang="en"][data-theme="dark"] body .site-header {
    background:#0D1117 !important;
    background-image:none !important;
    border-bottom:1px solid #2A303B !important;
}

/* NAV container */
html[lang="en"][data-theme="dark"] body .site-header .main-nav {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:28px !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
}

/* ALL NAV ITEMS — same as homepage */
html[lang="en"][data-theme="dark"] body .site-header .main-nav > a,
html[lang="en"][data-theme="dark"] body .site-header .main-nav > a.nujiz-guide-nav {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    min-width:0 !important;
    min-height:0 !important;

    margin:0 !important;
    padding:10px 0 !important;

    background:transparent !important;
    background-image:none !important;

    border:0 !important;
    border-bottom:2px solid transparent !important;
    border-radius:0 !important;

    box-shadow:none !important;
    outline:0 !important;

    color:#F4F6FA !important;
    -webkit-text-fill-color:#F4F6FA !important;

    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.2 !important;

    opacity:1 !important;
    transform:none !important;
}

/* Remove decorative boxes / icons generated by old CSS */
html[lang="en"][data-theme="dark"] body .site-header .main-nav > a::before {
    content:none !important;
    display:none !important;
}

html[lang="en"][data-theme="dark"] body .site-header .main-nav > a::after {
    content:"" !important;
    position:absolute !important;
    height:2px !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    background:transparent !important;
    border:0 !important;
}

/* Guides must NOT be a white/purple card */
html[lang="en"][data-theme="dark"] body .site-header .main-nav > .nujiz-guide-nav {
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-bottom:2px solid transparent !important;
    border-radius:0 !important;
    color:#F4F6FA !important;
    -webkit-text-fill-color:#F4F6FA !important;
    box-shadow:none !important;
}

/* Hover exactly like normal navigation */
html[lang="en"][data-theme="dark"] body .site-header .main-nav > a:hover,
html[lang="en"][data-theme="dark"] body .site-header .main-nav > a:focus {
    color:#A994FF !important;
    -webkit-text-fill-color:#A994FF !important;
    border-bottom-color:#7251F5 !important;
    background:transparent !important;
}

/* Arabic language button */
html[lang="en"][data-theme="dark"] body .site-header .lang-link {
    background:#F7F5FF !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    border:1px solid #D9D3F5 !important;
    border-radius:8px !important;
}

/* Header logo area */
html[lang="en"][data-theme="dark"] body .site-header .brand {
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* Desktop only — don't interfere with mobile menu */
@media (min-width:1051px) {
    html[lang="en"][data-theme="dark"] body .site-header .main-nav {
        position:static !important;
        inset:auto !important;
        width:auto !important;
        height:auto !important;
        overflow:visible !important;
    }
}


/* =========================================================
   EN HOME HEADER — FINAL
   ========================================================= */

html[lang="en"][data-theme="dark"] body .site-header {
    background:#0D1117 !important;
    background-image:none !important;
    border-bottom:1px solid #2A303B !important;
}

/* القائمة */
html[lang="en"][data-theme="dark"] body .site-header .main-nav {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:28px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* التبويبات */
html[lang="en"][data-theme="dark"] body .site-header .main-nav > a,
html[lang="en"][data-theme="dark"] body .site-header .main-nav > a.nujiz-guide-nav {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:0 !important;
    width:auto !important;
    min-height:0 !important;

    padding:10px 0 !important;
    margin:0 !important;

    background:transparent !important;
    background-image:none !important;

    border:0 !important;
    border-bottom:2px solid transparent !important;
    border-radius:0 !important;

    color:#F4F6FA !important;
    -webkit-text-fill-color:#F4F6FA !important;

    font-size:12px !important;
    font-weight:800 !important;

    box-shadow:none !important;
    opacity:1 !important;
}

/* إزالة الزخارف القديمة */
html[lang="en"][data-theme="dark"] body .site-header .main-nav > a::before {
    content:none !important;
    display:none !important;
}

html[lang="en"][data-theme="dark"] body .site-header .main-nav > a::after {
    background:transparent !important;
    border:0 !important;
}

/* Hover */
html[lang="en"][data-theme="dark"] body .site-header .main-nav > a:hover,
html[lang="en"][data-theme="dark"] body .site-header .main-nav > a:focus {
    color:#A994FF !important;
    -webkit-text-fill-color:#A994FF !important;
    border-bottom-color:#7251F5 !important;
    background:transparent !important;
}

/* زر Guides لا يكون مربع أبيض */
html[lang="en"][data-theme="dark"] body .site-header .nujiz-guide-nav {
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-bottom:2px solid transparent !important;
    border-radius:0 !important;
    color:#F4F6FA !important;
    -webkit-text-fill-color:#F4F6FA !important;
    box-shadow:none !important;
}

/* العربية */
html[lang="en"][data-theme="dark"] body .site-header .lang-link {
    background:#F7F5FF !important;
    background-image:none !important;
    border:1px solid #D9D3F5 !important;
    border-radius:9px !important;

    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;

    opacity:1 !important;
}

/* Sign in */
html[lang="en"][data-theme="dark"] body
#nujizAccountButton.nujiz-account-button {

    background:#20242D !important;
    background-image:none !important;

    border:1px solid #3A4252 !important;
    border-radius:10px !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    opacity:1 !important;
    box-shadow:none !important;
}

html[lang="en"][data-theme="dark"] body
#nujizAccountButton.nujiz-account-button b {

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    opacity:1 !important;
    font-weight:800 !important;
}

html[lang="en"][data-theme="dark"] body
#nujizAccountButton .nujiz-account-icon {

    color:#A994FF !important;
    -webkit-text-fill-color:#A994FF !important;
    opacity:1 !important;
}

/* الشعار */
html[lang="en"][data-theme="dark"] body .site-header .brand {
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
}

@media(min-width:1051px){
    html[lang="en"][data-theme="dark"] body .site-header .main-nav {
        position:static !important;
        width:auto !important;
        height:auto !important;
        overflow:visible !important;
    }
}


/* =========================================================
   EN IMAGE TOOLS HEADER — FINAL
   ========================================================= */

html[lang="en"][data-theme="dark"] body.tool-page .site-header,
html[lang="en"][data-theme="dark"] body.apps-modern .site-header {
    background:#0D1117 !important;
    background-image:none !important;
    border-bottom:1px solid #2A303B !important;
}

/* القائمة */
html[lang="en"][data-theme="dark"] body.tool-page .site-header .main-nav,
html[lang="en"][data-theme="dark"] body.apps-modern .site-header .main-nav {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:28px !important;
    padding:0 !important;

    background:transparent !important;
    background-image:none !important;

    border:0 !important;
    box-shadow:none !important;
}

/* روابط الهيدر */
html[lang="en"][data-theme="dark"] body.tool-page .site-header .main-nav > a,
html[lang="en"][data-theme="dark"] body.apps-modern .site-header .main-nav > a {

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    min-width:0 !important;
    min-height:0 !important;

    padding:10px 0 !important;
    margin:0 !important;

    background:transparent !important;
    background-image:none !important;

    border:0 !important;
    border-bottom:2px solid transparent !important;
    border-radius:0 !important;

    color:#F4F6FA !important;
    -webkit-text-fill-color:#F4F6FA !important;

    font-size:12px !important;
    font-weight:800 !important;

    box-shadow:none !important;
    opacity:1 !important;
    filter:none !important;
}

/* إزالة الصناديق والزخارف القديمة */
html[lang="en"][data-theme="dark"] body.tool-page .site-header .main-nav > a::before,
html[lang="en"][data-theme="dark"] body.apps-modern .site-header .main-nav > a::before {
    content:none !important;
    display:none !important;
}

html[lang="en"][data-theme="dark"] body.tool-page .site-header .main-nav > a::after,
html[lang="en"][data-theme="dark"] body.apps-modern .site-header .main-nav > a::after {
    background:transparent !important;
    border:0 !important;
}

/* hover */
html[lang="en"][data-theme="dark"] body.tool-page .site-header .main-nav > a:hover,
html[lang="en"][data-theme="dark"] body.apps-modern .site-header .main-nav > a:hover {
    color:#A994FF !important;
    -webkit-text-fill-color:#A994FF !important;
    border-bottom-color:#7251F5 !important;
    background:transparent !important;
}

/* Guides */
html[lang="en"][data-theme="dark"] body.tool-page .site-header .nujiz-guide-nav,
html[lang="en"][data-theme="dark"] body.apps-modern .site-header .nujiz-guide-nav {
    background:transparent !important;
    background-image:none !important;

    border:0 !important;
    border-bottom:2px solid transparent !important;
    border-radius:0 !important;

    color:#F4F6FA !important;
    -webkit-text-fill-color:#F4F6FA !important;

    box-shadow:none !important;
}

/* زر العربية */
html[lang="en"][data-theme="dark"] body.tool-page .site-header .lang-link,
html[lang="en"][data-theme="dark"] body.apps-modern .site-header .lang-link {
    background:#F7F5FF !important;
    background-image:none !important;

    border:1px solid #D9D3F5 !important;
    border-radius:9px !important;

    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;

    opacity:1 !important;
}

/* Sign in */
html[lang="en"][data-theme="dark"] body.tool-page #nujizAccountButton.nujiz-account-button,
html[lang="en"][data-theme="dark"] body.apps-modern #nujizAccountButton.nujiz-account-button {
    background:#20242D !important;
    background-image:none !important;

    border:1px solid #3A4252 !important;
    border-radius:10px !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    opacity:1 !important;
    box-shadow:none !important;
}

html[lang="en"][data-theme="dark"] body.tool-page #nujizAccountButton b,
html[lang="en"][data-theme="dark"] body.apps-modern #nujizAccountButton b {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
}

/* الشعار */
html[lang="en"][data-theme="dark"] body.tool-page .site-header .brand,
html[lang="en"][data-theme="dark"] body.apps-modern .site-header .brand {
    background:transparent !important;
    background-image:none !important;

    border:0 !important;
    box-shadow:none !important;
}

/* desktop */
@media(min-width:1051px){
    html[lang="en"][data-theme="dark"] body.tool-page .site-header .main-nav,
    html[lang="en"][data-theme="dark"] body.apps-modern .site-header .main-nav {
        position:static !important;
        width:auto !important;
        height:auto !important;
        overflow:visible !important;
    }
}


/* =========================================================
   NUJIZ EN HOME — MOTION SHOWCASE DARK MODE
   ========================================================= */

html[data-theme="dark"] .motion-showcase {
    background: #0f1218 !important;
    background-image: none !important;
    color: #f7f8fc !important;
}

/* عنوان القسم */
html[data-theme="dark"] .motion-showcase .motion-heading h2 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .motion-showcase .motion-heading p {
    color: #b8c0cf !important;
    -webkit-text-fill-color: #b8c0cf !important;
}

html[data-theme="dark"] .motion-showcase .motion-kicker {
    color: #a994ff !important;
    -webkit-text-fill-color: #a994ff !important;
}

/* زر Pause motion */
html[data-theme="dark"] .motion-showcase .motion-toggle {
    background: #1b202a !important;
    border: 1px solid #343b49 !important;
    color: #e8ecf3 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .motion-showcase .motion-toggle b {
    color: #e8ecf3 !important;
    -webkit-text-fill-color: #e8ecf3 !important;
}

html[data-theme="dark"] .motion-showcase .motion-toggle span {
    background: #7251f5 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* الكروت الأربعة */
html[data-theme="dark"] .motion-showcase .motion-card {
    background: #171b24 !important;
    background-image: none !important;
    border: 1px solid #303746 !important;
    color: #f7f8fc !important;
    box-shadow:
        0 18px 45px rgba(0,0,0,.28) !important;
}

/* رأس كل كرت */
html[data-theme="dark"] .motion-showcase .motion-card-head,
html[data-theme="dark"] .motion-showcase .motion-card-head b {
    color: #f4f6fa !important;
    -webkit-text-fill-color: #f4f6fa !important;
}

html[data-theme="dark"] .motion-showcase .motion-card-head > span {
    color: #b9a7ff !important;
    -webkit-text-fill-color: #b9a7ff !important;
}

/* منطقة العرض الداخلية */
html[data-theme="dark"] .motion-showcase .motion-stage {
    background: #111522 !important;
    border-color: #303746 !important;
}

/* النص أسفل المعاينة */
html[data-theme="dark"] .motion-showcase .motion-card-copy {
    background: transparent !important;
}

html[data-theme="dark"] .motion-showcase .motion-card-copy > span {
    color: #a994ff !important;
    -webkit-text-fill-color: #a994ff !important;
}

html[data-theme="dark"] .motion-showcase .motion-card-copy h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .motion-showcase .motion-card-copy p {
    color: #b8c0cf !important;
    -webkit-text-fill-color: #b8c0cf !important;
}

html[data-theme="dark"] .motion-showcase .motion-card-copy a {
    color: #b9a7ff !important;
    -webkit-text-fill-color: #b9a7ff !important;
}

html[data-theme="dark"] .motion-showcase .motion-card-copy a b {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

/* شريط نافذة المعاينة */
html[data-theme="dark"] .motion-showcase .motion-window-bar {
    border-color: rgba(255,255,255,.08) !important;
}

/* Hover */
html[data-theme="dark"] .motion-showcase .motion-card:hover {
    border-color: #51466f !important;
    box-shadow:
        0 22px 55px rgba(0,0,0,.38) !important;
}

/* Mobile */
@media (max-width: 768px) {
    html[data-theme="dark"] .motion-showcase {
        background: #0f1218 !important;
    }

    html[data-theme="dark"] .motion-showcase .motion-card {
        background: #171b24 !important;
    }
}


/* =========================================================
   NUJIZ MOTION SHOWCASE — DARK MODE FINAL
   ========================================================= */

html[data-theme="dark"] body #motion-showcase,
html[data-theme="dark"] body .motion-showcase {
    background: #0f1219 !important;
    background-color: #0f1219 !important;
    background-image: none !important;
    color: #f7f8fc !important;
}

/* منع أي طبقة بيضاء خلف القسم */
html[data-theme="dark"] body #motion-showcase::before,
html[data-theme="dark"] body #motion-showcase::after,
html[data-theme="dark"] body .motion-showcase::before,
html[data-theme="dark"] body .motion-showcase::after {
    background-color: transparent !important;
}

/* الحاويات الداخلية */
html[data-theme="dark"] body #motion-showcase .wrap,
html[data-theme="dark"] body #motion-showcase .motion-heading,
html[data-theme="dark"] body #motion-showcase .motion-grid {
    background-color: transparent !important;
    background-image: none !important;
}

/* البطاقات */
html[data-theme="dark"] body #motion-showcase .motion-card {
    background: #171b24 !important;
    background-color: #171b24 !important;
    background-image: none !important;
    border-color: #343b49 !important;
    color: #f7f8fc !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.28) !important;
}

/* رأس البطاقة */
html[data-theme="dark"] body #motion-showcase .motion-card-head {
    background: #171b24 !important;
    background-color: #171b24 !important;
    color: #f7f8fc !important;
    border-color: #343b49 !important;
}

/* منطقة النص أسفل المعاينة */
html[data-theme="dark"] body #motion-showcase .motion-card-copy {
    background: #171b24 !important;
    background-color: #171b24 !important;
    background-image: none !important;
    color: #f7f8fc !important;
}

/* العناوين */
html[data-theme="dark"] body #motion-showcase .motion-heading h2,
html[data-theme="dark"] body #motion-showcase .motion-card-copy h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

/* الوصف */
html[data-theme="dark"] body #motion-showcase .motion-heading p,
html[data-theme="dark"] body #motion-showcase .motion-card-copy p {
    color: #c4cbd7 !important;
    -webkit-text-fill-color: #c4cbd7 !important;
    opacity: 1 !important;
}

/* النص الصغير */
html[data-theme="dark"] body #motion-showcase .motion-kicker,
html[data-theme="dark"] body #motion-showcase .motion-card-copy > span {
    color: #aa94ff !important;
    -webkit-text-fill-color: #aa94ff !important;
    opacity: 1 !important;
}

/* زر كل بطاقة */
html[data-theme="dark"] body #motion-showcase .motion-card-copy > a {
    background: #202530 !important;
    background-color: #202530 !important;
    border-color: #3b4352 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* زر إيقاف الحركة */
html[data-theme="dark"] body #motion-showcase .motion-toggle {
    background: #1b202a !important;
    background-color: #1b202a !important;
    border-color: #343b49 !important;
    color: #f7f8fc !important;
    -webkit-text-fill-color: #f7f8fc !important;
}

/* أي surface مباشر غير محدد داخل البطاقة */
html[data-theme="dark"] body #motion-showcase .motion-card > div:not(.motion-stage):not(.motion-window-bar) {
    border-color: #343b49 !important;
}


/* =========================================================
   EN HOME IMAGE STUDIO — DARK MODE FINAL
   ========================================================= */

html[data-theme="dark"] body #image-tools {
    background:#0F1218 !important;
    background-image:none !important;
}

/* الاستوديو بالكامل */
html[data-theme="dark"] body #image-tools .studio {
    background:#141821 !important;
    background-image:none !important;
    border-color:#343B49 !important;
    box-shadow:none !important;
}

/* الشريط العلوي للأدوات */
html[data-theme="dark"] body #image-tools .tool-menu {
    background:#11151D !important;
    background-image:none !important;
    border-color:#343B49 !important;
}

/* جسم الاستوديو الأبيض الحالي */
html[data-theme="dark"] body #image-tools .studio-body {
    background:#171B24 !important;
    background-image:none !important;
    color:#E8EDF5 !important;
}

/* عنوان الأداة */
html[data-theme="dark"] body #image-tools .studio-title small {
    color:#A994FF !important;
    -webkit-text-fill-color:#A994FF !important;
    opacity:1 !important;
}

html[data-theme="dark"] body #image-tools .studio-title h3,
html[data-theme="dark"] body #image-tools #activeToolTitle {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
}

html[data-theme="dark"] body #image-tools .studio-title p,
html[data-theme="dark"] body #image-tools #activeToolDescription {
    color:#C3CBD7 !important;
    -webkit-text-fill-color:#C3CBD7 !important;
    opacity:1 !important;
}

/* شارة 100% free */
html[data-theme="dark"] body #image-tools .free-chip {
    background:#C9F45B !important;
    color:#18210A !important;
    -webkit-text-fill-color:#18210A !important;
    border-color:#C9F45B !important;
}

/* صندوق السحب */
html[data-theme="dark"] body #image-tools .dropzone {
    background:#11151D !important;
    background-image:none !important;
    border-color:#6250D8 !important;
    color:#F8FAFC !important;
}

html[data-theme="dark"] body #image-tools .drop-content strong {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

html[data-theme="dark"] body #image-tools .drop-content small {
    color:#B8C0CF !important;
    -webkit-text-fill-color:#B8C0CF !important;
}

html[data-theme="dark"] body #image-tools .drop-content b {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

/* منطقة المحرر إذا ظهرت بعد رفع الصورة */
html[data-theme="dark"] body #image-tools .editor,
html[data-theme="dark"] body #image-tools .preview-panel,
html[data-theme="dark"] body #image-tools .controls-panel {
    background:#171B24 !important;
    background-image:none !important;
    border-color:#343B49 !important;
    color:#E8EDF5 !important;
}

/* النصوص داخل الإعدادات */
html[data-theme="dark"] body #image-tools .controls-panel span,
html[data-theme="dark"] body #image-tools .controls-panel label,
html[data-theme="dark"] body #image-tools .file-row span {
    color:#C3CBD7 !important;
    -webkit-text-fill-color:#C3CBD7 !important;
}

html[data-theme="dark"] body #image-tools .file-row strong {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

/* الحقول */
html[data-theme="dark"] body #image-tools input,
html[data-theme="dark"] body #image-tools select,
html[data-theme="dark"] body #image-tools textarea {
    background:#11151D !important;
    border-color:#3A4252 !important;
    color:#F8FAFC !important;
    -webkit-text-fill-color:#F8FAFC !important;
}

/* الإحصائيات */
html[data-theme="dark"] body #image-tools .image-stats {
    background:#11151D !important;
    border-color:#343B49 !important;
}

html[data-theme="dark"] body #image-tools .image-stats span {
    color:#AEB7C6 !important;
    -webkit-text-fill-color:#AEB7C6 !important;
}

html[data-theme="dark"] body #image-tools .image-stats strong {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* =========================================================
   EN HOME VIDEO TOOL CARDS — DARK MODE FINAL
   ========================================================= */

/* قسم أدوات الفيديو */
html[data-theme="dark"] body #video-services,
html[data-theme="dark"] body .video-services,
html[data-theme="dark"] body .video-tools-section {
    background:#241A4B !important;
    background-image:
      radial-gradient(circle at 85% 12%, rgba(114,81,245,.20), transparent 30%),
      linear-gradient(135deg,#19132F,#2B1F59) !important;
}

/* الحاوية العامة */
html[data-theme="dark"] body #video-services .wrap,
html[data-theme="dark"] body #video-services .video-tools-grid,
html[data-theme="dark"] body #video-services .video-grid {
    background:transparent !important;
}

/* جميع كروت أدوات الفيديو */
html[data-theme="dark"] body #video-services a,
html[data-theme="dark"] body #video-services .video-tool-card,
html[data-theme="dark"] body #video-services .service-card {
    background:#171B24 !important;
    background-image:none !important;

    border:1px solid #343B49 !important;
    color:#F8FAFC !important;

    box-shadow:none !important;
}

/* عنوان الكرت */
html[data-theme="dark"] body #video-services a b,
html[data-theme="dark"] body #video-services a strong,
html[data-theme="dark"] body #video-services a h3,
html[data-theme="dark"] body #video-services .video-tool-card b,
html[data-theme="dark"] body #video-services .video-tool-card h3 {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    opacity:1 !important;
}

/* وصف الكرت */
html[data-theme="dark"] body #video-services a p,
html[data-theme="dark"] body #video-services a small,
html[data-theme="dark"] body #video-services .video-tool-card p,
html[data-theme="dark"] body #video-services .video-tool-card small {
    color:#BFC7D3 !important;
    -webkit-text-fill-color:#BFC7D3 !important;
    opacity:1 !important;
}

/* الأيقونة */
html[data-theme="dark"] body #video-services a > span:first-child,
html[data-theme="dark"] body #video-services .video-tool-icon,
html[data-theme="dark"] body #video-services [class*="icon"] {
    background:#27213D !important;
    background-image:none !important;

    color:#C4B5FF !important;
    -webkit-text-fill-color:#C4B5FF !important;

    border-color:#4A3E6F !important;
}

/* Hover */
html[data-theme="dark"] body #video-services a:hover,
html[data-theme="dark"] body #video-services .video-tool-card:hover {
    background:#1D222C !important;
    border-color:#7251F5 !important;
    transform:translateY(-2px);
}

/* الكرت النشط / البنفسجي */
html[data-theme="dark"] body #video-services a.active,
html[data-theme="dark"] body #video-services .active,
html[data-theme="dark"] body #video-services .is-active {
    background:linear-gradient(135deg,#6042E7,#7959EE) !important;
    border-color:#866EFF !important;
    color:#FFFFFF !important;
}

html[data-theme="dark"] body #video-services a.active *,
html[data-theme="dark"] body #video-services .active *,
html[data-theme="dark"] body #video-services .is-active * {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* =========================================================
   NUJIZ HOME — VIDEO SERVICE CARDS DARK MODE
   Real container: #services
   ========================================================= */

html[data-theme="dark"] body #services,
html[data-theme="dark"] body section#services.service-catalog {
    background: #0f1218 !important;
    background-image: none !important;
}

/* الشبكة */
html[data-theme="dark"] body #services > .wrap.catalog-grid {
    background: transparent !important;
}

/* الكروت الفعلية */
html[data-theme="dark"] body #services > .wrap.catalog-grid > article.service-card,
html[data-theme="dark"] body #services .catalog-grid > .service-card,
html[data-theme="dark"] body #services .service-card {
    background: #171b24 !important;
    background-color: #171b24 !important;
    background-image: none !important;

    border: 1px solid #343b49 !important;
    color: #f7f8fc !important;

    box-shadow: none !important;
}

/* عنوان الكرت */
html[data-theme="dark"] body #services .service-card > h3,
html[data-theme="dark"] body #services .service-card h3,
html[data-theme="dark"] body #services .service-card b,
html[data-theme="dark"] body #services .service-card strong {
    color: #f7f8fc !important;
    -webkit-text-fill-color: #f7f8fc !important;
    opacity: 1 !important;
}

/* وصف الكرت */
html[data-theme="dark"] body #services .service-card > p,
html[data-theme="dark"] body #services .service-card p,
html[data-theme="dark"] body #services .service-card small {
    color: #b8c0cf !important;
    -webkit-text-fill-color: #b8c0cf !important;
    opacity: 1 !important;
}

/* أي نصوص داخلية */
html[data-theme="dark"] body #services .service-card > span {
    color: #d9d2ff !important;
    -webkit-text-fill-color: #d9d2ff !important;

    background: #242033 !important;
    background-image: none !important;

    border-color: #51476f !important;
}

/* الدائرة الزخرفية */
html[data-theme="dark"] body #services .service-card::before,
html[data-theme="dark"] body #services .service-card::after {
    background: rgba(114,81,245,.12) !important;
}

/* الكروت الذكية */
html[data-theme="dark"] body #services .service-card.smart-card {
    background: #1b1828 !important;
    background-image: none !important;
    border-color: #51476f !important;
}

html[data-theme="dark"] body #services .service-card.smart-card > span {
    background: #7251f5 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Hover */
html[data-theme="dark"] body #services .service-card:hover {
    background: #1d222d !important;
    border-color: #6555a7 !important;
    transform: translateY(-2px);
}

/* حماية من قواعد landing-page.css */
html[data-theme="dark"] body
section#services.service-catalog
> .wrap.catalog-grid
> article.service-card {
    background: #171b24 !important;
    background-color: #171b24 !important;
    background-image: none !important;
    border-color: #343b49 !important;
}

html[data-theme="dark"] body
section#services.service-catalog
> .wrap.catalog-grid
> article.service-card
> h3 {
    color: #f7f8fc !important;
    -webkit-text-fill-color: #f7f8fc !important;
}

html[data-theme="dark"] body
section#services.service-catalog
> .wrap.catalog-grid
> article.service-card
> p {
    color: #b8c0cf !important;
    -webkit-text-fill-color: #b8c0cf !important;
}


/* =========================================================
   HOME VIDEO TOOL TABS — DARK MODE
   Real cards: .video-tool-tab
   ========================================================= */

html[data-theme="dark"] body .apps-modern .video-tool-menu {
    background: #11151d !important;
    border-color: #2d3440 !important;
}

html[data-theme="dark"] body .apps-modern .video-tool-tab {
    background: #171b24 !important;
    background-color: #171b24 !important;
    background-image: none !important;
    color: #f5f7fb !important;

    border: 1px solid #303744 !important;
    box-shadow: none !important;
}

/* عنوان الأداة */
html[data-theme="dark"] body .apps-modern .video-tool-tab strong {
    color: #f5f7fb !important;
    -webkit-text-fill-color: #f5f7fb !important;
    opacity: 1 !important;
}

/* الوصف */
html[data-theme="dark"] body .apps-modern .video-tool-tab small {
    color: #aeb7c6 !important;
    -webkit-text-fill-color: #aeb7c6 !important;
    opacity: 1 !important;
}

/* الأيقونة */
html[data-theme="dark"] body .apps-modern .video-tool-tab > span {
    background: #252a35 !important;
    color: #b7a9ff !important;
    -webkit-text-fill-color: #b7a9ff !important;
    border-color: #3b4352 !important;
}

/* الكرت النشط */
html[data-theme="dark"] body .apps-modern .video-tool-tab.active {
    background: #7251f5 !important;
    background-color: #7251f5 !important;
    border-color: #7251f5 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] body .apps-modern .video-tool-tab.active strong,
html[data-theme="dark"] body .apps-modern .video-tool-tab.active small {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body .apps-modern .video-tool-tab.active > span {
    background: rgba(255,255,255,.16) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(255,255,255,.2) !important;
}

/* Hover */
html[data-theme="dark"] body .apps-modern .video-tool-tab:not(.active):hover {
    background: #1d222d !important;
    border-color: #51476f !important;
}


/* =========================================================
   FINAL FIX — VIDEO TOOL TABS
   apps-modern is ON BODY itself
   ========================================================= */

html[data-theme="dark"] body.apps-modern .video-tool-menu {
    background: #11151d !important;
    border-color: #2d3440 !important;
}

/* جميع كروت الفيديو */
html[data-theme="dark"] body.apps-modern .video-tool-tab {
    background: #171b24 !important;
    background-color: #171b24 !important;
    background-image: none !important;
    border: 1px solid #303744 !important;
    color: #f5f7fb !important;
    box-shadow: none !important;
}

/* العنوان */
html[data-theme="dark"] body.apps-modern .video-tool-tab strong {
    color: #f5f7fb !important;
    -webkit-text-fill-color: #f5f7fb !important;
    opacity: 1 !important;
}

/* الوصف */
html[data-theme="dark"] body.apps-modern .video-tool-tab small {
    color: #aeb7c6 !important;
    -webkit-text-fill-color: #aeb7c6 !important;
    opacity: 1 !important;
}

/* الأيقونة */
html[data-theme="dark"] body.apps-modern .video-tool-tab > span {
    background: #252a35 !important;
    color: #b7a9ff !important;
    -webkit-text-fill-color: #b7a9ff !important;
    border-color: #3b4352 !important;
}

/* الكرت المختار */
html[data-theme="dark"] body.apps-modern .video-tool-tab.active {
    background: linear-gradient(135deg,#6042e7,#7959ee) !important;
    border-color: #8065f3 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] body.apps-modern .video-tool-tab.active strong,
html[data-theme="dark"] body.apps-modern .video-tool-tab.active small {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body.apps-modern .video-tool-tab.active > span {
    background: rgba(255,255,255,.16) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(255,255,255,.22) !important;
}

html[data-theme="dark"] body.apps-modern .video-tool-tab:not(.active):hover {
    background: #1e2430 !important;
    border-color: #51476f !important;
}


/* =========================================================
   HOME VIDEO STUDIO — WORKSPACE DARK MODE
   ========================================================= */

/* جسم الاستوديو أسفل كروت الأدوات */
html[data-theme="dark"] body.apps-modern .video-studio-body {
    background: #11151d !important;
    background-color: #11151d !important;
    background-image: none !important;
    color: #f5f7fb !important;
}

/* عنوان الأداة المختارة */
html[data-theme="dark"] body.apps-modern .video-studio-title {
    background: transparent !important;
    color: #f5f7fb !important;
}

html[data-theme="dark"] body.apps-modern .video-studio-title h3 {
    color: #f5f7fb !important;
    -webkit-text-fill-color: #f5f7fb !important;
}

html[data-theme="dark"] body.apps-modern .video-studio-title p {
    color: #aeb7c6 !important;
    -webkit-text-fill-color: #aeb7c6 !important;
}

html[data-theme="dark"] body.apps-modern .video-studio-title small {
    color: #8994a6 !important;
    -webkit-text-fill-color: #8994a6 !important;
}

/* أي wrappers داخل جسم الاستوديو */
html[data-theme="dark"] body.apps-modern .video-studio-body > div,
html[data-theme="dark"] body.apps-modern .video-workspace {
    border-color: #303744 !important;
}

/* محرر الفيديو */
html[data-theme="dark"] body.apps-modern .video-editor {
    background: #11151d !important;
    color: #f5f7fb !important;
}

/* منطقة المعلومات والكنترول بعد رفع الفيديو */
html[data-theme="dark"] body.apps-modern .video-preview-panel,
html[data-theme="dark"] body.apps-modern .video-controls-panel {
    background: #171b24 !important;
    border-color: #303744 !important;
    color: #f5f7fb !important;
}

/* معلومات الفيديو */
html[data-theme="dark"] body.apps-modern .video-stats > div,
html[data-theme="dark"] body.apps-modern .video-file-row {
    background: #1c212b !important;
    border-color: #343b49 !important;
    color: #f5f7fb !important;
}

html[data-theme="dark"] body.apps-modern .video-stats span,
html[data-theme="dark"] body.apps-modern .video-file-row span {
    color: #9fa9b8 !important;
}

html[data-theme="dark"] body.apps-modern .video-stats strong,
html[data-theme="dark"] body.apps-modern .video-file-row strong {
    color: #f5f7fb !important;
}


/* =========================================================
   FINAL — HOME VIDEO BODY DARK MODE
   Actual white wrapper: .video-body
   ========================================================= */

html[data-theme="dark"] body.apps-modern #video-services .video-body {
    background: #11151d !important;
    background-color: #11151d !important;
    background-image: none !important;
    color: #f5f7fb !important;
    border-color: #303744 !important;
}

/* Selected video tool heading */
html[data-theme="dark"] body.apps-modern #video-services .video-body h1,
html[data-theme="dark"] body.apps-modern #video-services .video-body h2,
html[data-theme="dark"] body.apps-modern #video-services .video-body h3,
html[data-theme="dark"] body.apps-modern #video-services .video-body strong {
    color: #f5f7fb !important;
    -webkit-text-fill-color: #f5f7fb !important;
}

/* Description / small labels */
html[data-theme="dark"] body.apps-modern #video-services .video-body p,
html[data-theme="dark"] body.apps-modern #video-services .video-body small {
    color: #aeb7c6 !important;
    -webkit-text-fill-color: #aeb7c6 !important;
}

/* Keep drop area dark */
html[data-theme="dark"] body.apps-modern #video-services .video-dropzone {
    background: #141821 !important;
    background-color: #141821 !important;
    color: #f5f7fb !important;
    border-color: #6550d8 !important;
}

/* Text inside drop area */
html[data-theme="dark"] body.apps-modern #video-services .video-dropzone strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body.apps-modern #video-services .video-dropzone small,
html[data-theme="dark"] body.apps-modern #video-services .video-dropzone p {
    color: #aeb7c6 !important;
    -webkit-text-fill-color: #aeb7c6 !important;
}


/* =========================================================
   HOME AUDIO CARDS — DARK MODE
   Real card: .nujiz-audio-card
   ========================================================= */

html[data-theme="dark"] body.apps-modern .nujiz-audio-card {
    background: #171b24 !important;
    background-color: #171b24 !important;
    background-image: none !important;
    border: 1px solid #303744 !important;
    color: #f5f7fb !important;
    box-shadow: none !important;
}

/* AI audio cards too */
html[data-theme="dark"] body.apps-modern .nujiz-audio-ai-card {
    background: #171b24 !important;
    background-color: #171b24 !important;
    background-image: none !important;
    border-color: #303744 !important;
}

/* Titles */
html[data-theme="dark"] body.apps-modern .nujiz-audio-card h3,
html[data-theme="dark"] body.apps-modern .nujiz-audio-card h4,
html[data-theme="dark"] body.apps-modern .nujiz-audio-card strong,
html[data-theme="dark"] body.apps-modern .nujiz-audio-card b {
    color: #f5f7fb !important;
    -webkit-text-fill-color: #f5f7fb !important;
}

/* Descriptions */
html[data-theme="dark"] body.apps-modern .nujiz-audio-card p,
html[data-theme="dark"] body.apps-modern .nujiz-audio-card small {
    color: #aeb7c6 !important;
    -webkit-text-fill-color: #aeb7c6 !important;
}

/* Keep gradient icon attractive */
html[data-theme="dark"] body.apps-modern .nujiz-audio-card .nujiz-audio-icon,
html[data-theme="dark"] body.apps-modern .nujiz-audio-card [class*="icon"] {
    color: #ffffff !important;
}

/* Arrow/action button */
html[data-theme="dark"] body.apps-modern .nujiz-audio-card .nujiz-audio-arrow,
html[data-theme="dark"] body.apps-modern .nujiz-audio-card [class*="arrow"] {
    background: #242a35 !important;
    color: #d8d1ff !important;
    border-color: #3a4250 !important;
}

/* AI badge */
html[data-theme="dark"] body.apps-modern .nujiz-audio-card [class*="badge"],
html[data-theme="dark"] body.apps-modern .nujiz-audio-card [class*="ai-badge"] {
    background: #27223c !important;
    color: #c7bbff !important;
}

/* Hover */
html[data-theme="dark"] body.apps-modern .nujiz-audio-card:hover {
    background: #1d222d !important;
    border-color: #51476f !important;
    transform: translateY(-1px);
}

/* Section labels */
html[data-theme="dark"] body.apps-modern .audio-tools h2,
html[data-theme="dark"] body.apps-modern .audio-tools h3 {
    color: #f5f7fb !important;
}

html[data-theme="dark"] body.apps-modern .audio-tools p,
html[data-theme="dark"] body.apps-modern .audio-tools small {
    color: #aeb7c6 !important;
}


/* =========================================================
   HOME PRIVACY SECTION — DARK MODE
   Actual section: #privacy.privacy-section
   ========================================================= */

html[data-theme="dark"] body.apps-modern #privacy.privacy-section {
    background: #0f1117 !important;
    background-color: #0f1117 !important;
    background-image: none !important;
    color: #f5f7fb !important;
}

/* Inner wrappers */
html[data-theme="dark"] body.apps-modern #privacy .privacy-grid,
html[data-theme="dark"] body.apps-modern #privacy .dark-copy {
    background: transparent !important;
}

/* Main heading */
html[data-theme="dark"] body.apps-modern #privacy .dark-copy h2,
html[data-theme="dark"] body.apps-modern #privacy h2 {
    color: #f7f8fc !important;
    -webkit-text-fill-color: #f7f8fc !important;
}

/* Paragraphs */
html[data-theme="dark"] body.apps-modern #privacy .dark-copy p,
html[data-theme="dark"] body.apps-modern #privacy p {
    color: #b8c0cf !important;
    -webkit-text-fill-color: #b8c0cf !important;
}

/* Small label: PRIVACY BY DESIGN */
html[data-theme="dark"] body.apps-modern #privacy .section-tag,
html[data-theme="dark"] body.apps-modern #privacy small {
    color: #b7a9ff !important;
    -webkit-text-fill-color: #b7a9ff !important;
}

/* Privacy points */
html[data-theme="dark"] body.apps-modern #privacy .privacy-points > div {
    background: transparent !important;
    border-color: #303744 !important;
}

html[data-theme="dark"] body.apps-modern #privacy .privacy-points strong,
html[data-theme="dark"] body.apps-modern #privacy .privacy-points b {
    color: #f5f7fb !important;
    -webkit-text-fill-color: #f5f7fb !important;
}

html[data-theme="dark"] body.apps-modern #privacy .privacy-points span,
html[data-theme="dark"] body.apps-modern #privacy .privacy-points p {
    color: #aeb7c6 !important;
    -webkit-text-fill-color: #aeb7c6 !important;
}

/* Illustration area */
html[data-theme="dark"] body.apps-modern #privacy .privacy-visual {
    background: #131821 !important;
    border-color: #343b49 !important;
}


/* =========================================================
   HOME FAQ + COFFEE CARD — TEXT CONTRAST
   ========================================================= */

/* Coffee card */
html[data-theme="dark"] body.apps-modern .coffee-card {
    background: #171b24 !important;
    color: #f5f7fb !important;
    border-color: #303744 !important;
}

html[data-theme="dark"] body.apps-modern .coffee-card h2,
html[data-theme="dark"] body.apps-modern .coffee-card h3,
html[data-theme="dark"] body.apps-modern .coffee-card strong,
html[data-theme="dark"] body.apps-modern .coffee-card b {
    color: #f5f7fb !important;
    -webkit-text-fill-color: #f5f7fb !important;
}

html[data-theme="dark"] body.apps-modern .coffee-card p,
html[data-theme="dark"] body.apps-modern .coffee-card small {
    color: #aeb7c6 !important;
    -webkit-text-fill-color: #aeb7c6 !important;
    opacity: 1 !important;
}

/* FAQ intro */
html[data-theme="dark"] body.apps-modern .faq-intro h2,
html[data-theme="dark"] body.apps-modern .faq-intro h3 {
    color: #f7f8fc !important;
    -webkit-text-fill-color: #f7f8fc !important;
}

html[data-theme="dark"] body.apps-modern .faq-intro p,
html[data-theme="dark"] body.apps-modern .faq-intro small {
    color: #aeb7c6 !important;
    -webkit-text-fill-color: #aeb7c6 !important;
    opacity: 1 !important;
}

/* FAQ questions */
html[data-theme="dark"] body.apps-modern .faq-grid details,
html[data-theme="dark"] body.apps-modern .faq-grid .faq-item {
    border-color: #303744 !important;
    color: #f5f7fb !important;
}

html[data-theme="dark"] body.apps-modern .faq-grid summary,
html[data-theme="dark"] body.apps-modern .faq-grid .faq-question {
    color: #f5f7fb !important;
    -webkit-text-fill-color: #f5f7fb !important;
    opacity: 1 !important;
}

/* FAQ answers */
html[data-theme="dark"] body.apps-modern .faq-grid details p,
html[data-theme="dark"] body.apps-modern .faq-grid .faq-answer,
html[data-theme="dark"] body.apps-modern .faq-grid p {
    color: #b8c0cf !important;
    -webkit-text-fill-color: #b8c0cf !important;
    opacity: 1 !important;
}

/* + icon */
html[data-theme="dark"] body.apps-modern .faq-grid summary::after,
html[data-theme="dark"] body.apps-modern .faq-grid .faq-question::after {
    color: #a997ff !important;
}

/* separators */
html[data-theme="dark"] body.apps-modern .faq-grid hr,
html[data-theme="dark"] body.apps-modern .faq-grid details {
    border-color: #343b49 !important;
}


/* =========================================================
   HOME FINAL CTA — DARK MODE
   Actual section: .final-cta
   ========================================================= */

html[data-theme="dark"] body.apps-modern .final-cta {
    background: #11151d !important;
    background-color: #11151d !important;
    background-image: none !important;
    border-color: #303744 !important;
    color: #f5f7fb !important;
}

/* Inner wrapper */
html[data-theme="dark"] body.apps-modern .final-cta .final-row,
html[data-theme="dark"] body.apps-modern .final-cta .wrap {
    background: transparent !important;
}

/* Eyebrow / small heading */
html[data-theme="dark"] body.apps-modern .final-cta small,
html[data-theme="dark"] body.apps-modern .final-cta .section-tag,
html[data-theme="dark"] body.apps-modern .final-cta .eyebrow {
    color: #b7a9ff !important;
    -webkit-text-fill-color: #b7a9ff !important;
    opacity: 1 !important;
}

/* Main text */
html[data-theme="dark"] body.apps-modern .final-cta h2,
html[data-theme="dark"] body.apps-modern .final-cta h3,
html[data-theme="dark"] body.apps-modern .final-cta strong {
    color: #f7f8fc !important;
    -webkit-text-fill-color: #f7f8fc !important;
}

/* CTA button */
html[data-theme="dark"] body.apps-modern .final-cta a {
    background: #7251f5 !important;
    color: #ffffff !important;
    border-color: #8065f3 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body.apps-modern .final-cta a *,
html[data-theme="dark"] body.apps-modern .final-cta a span,
html[data-theme="dark"] body.apps-modern .final-cta a b {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body.apps-modern .final-cta a:hover {
    background: #8065f3 !important;
}


/* =========================================================
   HOME STEPS SECTION — TEXT CONTRAST
   ========================================================= */

/* النص الوصفي في الجهة اليسرى */
html[data-theme="dark"] body.apps-modern .steps-copy p,
html[data-theme="dark"] body.apps-modern .steps-copy small {
    color: #aeb7c6 !important;
    -webkit-text-fill-color: #aeb7c6 !important;
    opacity: 1 !important;
}

/* عناوين الخطوات */
html[data-theme="dark"] body.apps-modern .step h3,
html[data-theme="dark"] body.apps-modern .step h4,
html[data-theme="dark"] body.apps-modern .step strong,
html[data-theme="dark"] body.apps-modern .step b {
    color: #f5f7fb !important;
    -webkit-text-fill-color: #f5f7fb !important;
    opacity: 1 !important;
}

/* وصف كل خطوة */
html[data-theme="dark"] body.apps-modern .step p,
html[data-theme="dark"] body.apps-modern .step small,
html[data-theme="dark"] body.apps-modern .step span:not(:first-child) {
    color: #b8c0cf !important;
    -webkit-text-fill-color: #b8c0cf !important;
    opacity: 1 !important;
}

/* رقم الخطوة */
html[data-theme="dark"] body.apps-modern .step > span:first-child {
    color: #d8dce6 !important;
    -webkit-text-fill-color: #d8dce6 !important;
    border-color: #687184 !important;
}

/* حدود الخطوات */
html[data-theme="dark"] body.apps-modern .step {
    border-color: #343b49 !important;
}



/* =========================================================
   NUJIZ SMART HIDE / HIDE IMAGE PART — DARK MODE
   AR + EN
   ========================================================= */

html[data-theme="dark"] body[data-tool-id="hidepart"] {
    background:#0f1117 !important;
    color:#f7f8fc !important;
}

/* Tool section */
html[data-theme="dark"] body[data-tool-id="hidepart"] #toolWorkspace,
html[data-theme="dark"] body[data-tool-id="hidepart"] #image-tools,
html[data-theme="dark"] body[data-tool-id="hidepart"] .tool-workspace {
    background:#0f1117 !important;
    background-image:none !important;
}

/* Main studio */
html[data-theme="dark"] body[data-tool-id="hidepart"] .studio {
    background:#151922 !important;
    border-color:#343b49 !important;
    box-shadow:none !important;
}

/* Main working body */
html[data-theme="dark"] body[data-tool-id="hidepart"] .studio-body {
    background:#151922 !important;
    color:#f7f8fc !important;
}

/* Selected tool heading */
html[data-theme="dark"] body[data-tool-id="hidepart"] .studio-title,
html[data-theme="dark"] body[data-tool-id="hidepart"] .studio-title > div {
    background:transparent !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .studio-title h3,
html[data-theme="dark"] body[data-tool-id="hidepart"] #activeToolTitle {
    color:#f7f8fc !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .studio-title small {
    color:#a98cff !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .studio-title p,
html[data-theme="dark"] body[data-tool-id="hidepart"] #activeToolDescription {
    color:#b8c0cf !important;
}

/* Upload area */
html[data-theme="dark"] body[data-tool-id="hidepart"] .dropzone {
    background:#11151d !important;
    border-color:#505969 !important;
    color:#f7f8fc !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .dropzone:hover,
html[data-theme="dark"] body[data-tool-id="hidepart"] .dropzone.dragging {
    background:#191d28 !important;
    border-color:#7857f6 !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .drop-content strong,
html[data-theme="dark"] body[data-tool-id="hidepart"] .drop-content b {
    color:#fff !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .drop-content small {
    color:#b8c0cf !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .upload-icon {
    background:#252b38 !important;
    color:#c9f45b !important;
}

/* Editor panels */
html[data-theme="dark"] body[data-tool-id="hidepart"] .preview-panel,
html[data-theme="dark"] body[data-tool-id="hidepart"] .controls-panel {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f7f8fc !important;
}

/* Keep transparency checker visible but dark */
html[data-theme="dark"] body[data-tool-id="hidepart"] .canvas-stage {
    background-color:#171b24 !important;
    background-image:
      linear-gradient(45deg,#242a35 25%,transparent 25%),
      linear-gradient(-45deg,#242a35 25%,transparent 25%),
      linear-gradient(45deg,transparent 75%,#242a35 75%),
      linear-gradient(-45deg,transparent 75%,#242a35 75%) !important;
    background-size:20px 20px !important;
    background-position:0 0,0 10px,10px -10px,-10px 0 !important;
}

/* Image information */
html[data-theme="dark"] body[data-tool-id="hidepart"] .image-stats {
    background:#171b24 !important;
    border-color:#343b49 !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .image-stats div {
    border-color:#343b49 !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .image-stats span {
    color:#aeb7c6 !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .image-stats strong {
    color:#fff !important;
}

/* File row */
html[data-theme="dark"] body[data-tool-id="hidepart"] .file-row {
    border-color:#343b49 !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .file-row span {
    color:#aeb7c6 !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .file-row strong {
    color:#fff !important;
}

/* Controls */
html[data-theme="dark"] body[data-tool-id="hidepart"] .control-list label {
    color:#e8ebf2 !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .control-list input[type="number"],
html[data-theme="dark"] body[data-tool-id="hidepart"] .control-list input[type="text"],
html[data-theme="dark"] body[data-tool-id="hidepart"] .control-list select,
html[data-theme="dark"] body[data-tool-id="hidepart"] .control-list input[type="color"] {
    background:#10141c !important;
    color:#f7f8fc !important;
    border-color:#3b4352 !important;
}

/* Notes / privacy */
html[data-theme="dark"] body[data-tool-id="hidepart"] .note-box {
    background:#242035 !important;
    color:#d9d2f5 !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .privacy-line {
    color:#aeb7c6 !important;
}

/* Remove button */
html[data-theme="dark"] body[data-tool-id="hidepart"] .text-btn {
    background:#1c2029 !important;
    border-color:#414958 !important;
    color:#ff9583 !important;
}


/* =========================================================
   SMART HIDE APP — generated UI
   ========================================================= */

html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideMount,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp {
    background:#0f1117 !important;
    color:#f7f8fc !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp .smart-hide-panel,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp .smart-hide-workspace,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp .smart-hide-toolbar {
    background:#171b24 !important;
    background-image:none !important;
    border-color:#343b49 !important;
    color:#f7f8fc !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp .smart-hide-heading,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp h1,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp h2,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp h3,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp strong,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp b {
    color:#f7f8fc !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp p,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp small,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp label {
    color:#b8c0cf !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp .smart-hide-upload {
    background:#11151d !important;
    border-color:#505969 !important;
    color:#f7f8fc !important;
}

/* Do not destroy checkerboard functionality */
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp .smart-hide-canvas-wrap {
    border-color:#343b49 !important;
}

/* Payment/pro box */
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pay"],
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pro"] {
    border-color:#3b4352 !important;
}

/* Inputs inside generated interface */
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp input:not([type="range"]),
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp select,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp textarea {
    background:#10141c !important;
    color:#fff !important;
    border-color:#3b4352 !important;
}


/* =========================================================
   SMART HIDE PRO CARD — TEXT CONTRAST
   AR + EN
   ========================================================= */

html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pro"],
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pay"] {
    color:#f5f7fb !important;
}

/* Main headings */
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pro"] h1,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pro"] h2,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pro"] h3,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pro"] strong,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pro"] b,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pay"] strong,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pay"] b {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

/* Descriptions / helper text */
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pro"] p,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pro"] small,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pro"] span,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pay"] p,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pay"] small,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pay"] span {
    color:#b8c0cf !important;
    -webkit-text-fill-color:#b8c0cf !important;
    opacity:1 !important;
}

/* Price / numeric values */
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="price"],
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="amount"],
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="value"] {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
}

/* Small info boxes inside pro card */
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pro"] [class*="stat"],
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pro"] [class*="info"],
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp [class*="pro"] [class*="detail"] {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}

/* Keep payment button text white */
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp button,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp a[class*="pay"] {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp button *,
html[data-theme="dark"] body[data-tool-id="hidepart"] #smartHideApp a[class*="pay"] * {
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
}


/* =========================================================
   SMART HIDE — PROFESSIONAL LOCK CARD
   AR + EN
   ========================================================= */

html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-professional-lock {
    background: transparent !important;
    color: #f5f7fb !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card {
    background: #171b24 !important;
    background-color: #171b24 !important;
    background-image: none !important;

    border: 1px solid #343b49 !important;
    color: #f5f7fb !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.28) !important;
}

/* Main heading */
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card h1,
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card h2,
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card h3,
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card strong,
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card b {
    color: #f5f7fb !important;
    -webkit-text-fill-color: #f5f7fb !important;
    opacity: 1 !important;
}

/* Description text */
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card p,
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card small,
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card span {
    color: #b8c0cf !important;
    -webkit-text-fill-color: #b8c0cf !important;
    opacity: 1 !important;
}

/* Price / information strip */
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card > div,
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card [class*="price"],
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card [class*="info"],
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card [class*="stat"] {
    border-color: #343b49 !important;
}

/* Any light inner cards */
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card [style*="background"],
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card [class*="usage"],
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card [class*="plan"] {
    color: #f5f7fb !important;
}

/* Secure payment line */
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card [class*="secure"],
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card [class*="payment"] small {
    color: #aeb7c6 !important;
    -webkit-text-fill-color: #aeb7c6 !important;
}

/* Keep unlock/payment button visible */
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card button,
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card button *,
html[data-theme="dark"] body[data-tool-id="hidepart"] .nujiz-lock-card a * {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}


/* =========================================================
   SMART HIDE — TRIAL / PAID CARDS
   AR + EN — DARK MODE
   ========================================================= */

html[data-theme="dark"] body[data-tool-id="hidepart"]
.nujiz-trial-pricing-note {
    background: transparent !important;
    color: #f5f7fb !important;
}

/* البطاقتان */
html[data-theme="dark"] body[data-tool-id="hidepart"]
.nujiz-trial-pricing-note .nujiz-trial-card,
html[data-theme="dark"] body[data-tool-id="hidepart"]
.nujiz-trial-card-free,
html[data-theme="dark"] body[data-tool-id="hidepart"]
.nujiz-trial-card-paid {
    background: #171b24 !important;
    background-color: #171b24 !important;
    background-image: none !important;
    border: 1px solid #343b49 !important;
    color: #f5f7fb !important;
    box-shadow: none !important;
}

/* العناوين */
html[data-theme="dark"] body[data-tool-id="hidepart"]
.nujiz-trial-card strong {
    color: #f7f8fc !important;
    opacity: 1 !important;
}

/* الوصف */
html[data-theme="dark"] body[data-tool-id="hidepart"]
.nujiz-trial-card span {
    color: #b9c1d0 !important;
    opacity: 1 !important;
}

/* إزالة أي تدرجات فاتحة */
html[data-theme="dark"] body[data-tool-id="hidepart"]
.nujiz-trial-card::before,
html[data-theme="dark"] body[data-tool-id="hidepart"]
.nujiz-trial-card::after {
    background: transparent !important;
    background-image: none !important;
}


/* =========================================================
   OBJECT REMOVER SEO SECTION — DARK MODE
   AR + EN
   ========================================================= */

html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo {
    background:#0f1117 !important;
    background-color:#0f1117 !important;
    background-image:none !important;
    color:#f5f7fb !important;
}

/* Container */
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo .seo-container,
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo .seo-intro,
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo .seo-before-after {
    background:transparent !important;
    color:#f5f7fb !important;
}

/* Main headings */
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo h1,
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo h2,
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo h3 {
    color:#f7f8fc !important;
    -webkit-text-fill-color:#f7f8fc !important;
    opacity:1 !important;
}

/* Paragraphs */
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo p {
    color:#b8c0cf !important;
    -webkit-text-fill-color:#b8c0cf !important;
    opacity:1 !important;
}

/* Kicker / labels */
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo .seo-kicker,
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo [class*="badge"],
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo [class*="label"] {
    color:#b7a9ff !important;
    -webkit-text-fill-color:#b7a9ff !important;
    opacity:1 !important;
}

/* Before / after outer card */
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo .seo-before-after > div,
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo [class*="comparison"],
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo [class*="compare"] {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}

/* Text around comparison */
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo .seo-before-after strong,
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo .seo-before-after b,
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo .seo-before-after span {
    color:#e9edf5 !important;
}

/* Keep actual images untouched */
html[data-theme="dark"] body[data-tool-id="hidepart"] .object-remover-seo img {
    filter:none !important;
    opacity:1 !important;
}


/* =========================================================
   NUJIZ GLOBAL TOOL SETTINGS — DARK MODE
   Image + Video + Audio + PDF + Smart Tools
   ========================================================= */


/* =========================
   1. MAIN TOOL WORKSPACES
   ========================= */

html[data-theme="dark"] body.tool-page .studio,
html[data-theme="dark"] body[data-tool-page="true"] .studio,
html[data-theme="dark"] body.tool-page .video-studio,
html[data-theme="dark"] body[data-tool-page="true"] .video-studio,
html[data-theme="dark"] body.tool-page .audio-card,
html[data-theme="dark"] body[data-tool-page="true"] .audio-card {
    background:#151922 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
    box-shadow:none !important;
}

html[data-theme="dark"] body.tool-page .studio-body,
html[data-theme="dark"] body[data-tool-page="true"] .studio-body,
html[data-theme="dark"] body.tool-page .video-body,
html[data-theme="dark"] body[data-tool-page="true"] .video-body {
    background:#151922 !important;
    color:#f5f7fb !important;
}


/* =========================
   2. CONTROL / SETTINGS PANELS
   ========================= */

html[data-theme="dark"] body.tool-page .controls-panel,
html[data-theme="dark"] body[data-tool-page="true"] .controls-panel,

html[data-theme="dark"] body.tool-page .video-controls-panel,
html[data-theme="dark"] body[data-tool-page="true"] .video-controls-panel,

html[data-theme="dark"] body.tool-page .audio-controls,
html[data-theme="dark"] body[data-tool-page="true"] .audio-controls,

html[data-theme="dark"] body.tool-page .settings-panel,
html[data-theme="dark"] body[data-tool-page="true"] .settings-panel,

html[data-theme="dark"] body.tool-page [class*="settings-panel"],
html[data-theme="dark"] body[data-tool-page="true"] [class*="settings-panel"],

html[data-theme="dark"] body.tool-page [class*="control-panel"],
html[data-theme="dark"] body[data-tool-page="true"] [class*="control-panel"] {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}


/* =========================
   3. LABELS / HEADINGS
   ========================= */

html[data-theme="dark"] body.tool-page .control-list label,
html[data-theme="dark"] body[data-tool-page="true"] .control-list label,

html[data-theme="dark"] body.tool-page .video-control-list label,
html[data-theme="dark"] body[data-tool-page="true"] .video-control-list label,

html[data-theme="dark"] body.tool-page .settings-panel label,
html[data-theme="dark"] body[data-tool-page="true"] .settings-panel label,

html[data-theme="dark"] body.tool-page [class*="setting"] label,
html[data-theme="dark"] body[data-tool-page="true"] [class*="setting"] label,

html[data-theme="dark"] body.tool-page [class*="control"] label,
html[data-theme="dark"] body[data-tool-page="true"] [class*="control"] label {
    color:#e9edf5 !important;
    -webkit-text-fill-color:#e9edf5 !important;
    opacity:1 !important;
}

html[data-theme="dark"] body.tool-page .control-list strong,
html[data-theme="dark"] body[data-tool-page="true"] .control-list strong,

html[data-theme="dark"] body.tool-page .video-control-list strong,
html[data-theme="dark"] body[data-tool-page="true"] .video-control-list strong,

html[data-theme="dark"] body.tool-page [class*="setting"] strong,
html[data-theme="dark"] body[data-tool-page="true"] [class*="setting"] strong {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* =========================
   4. SMALL / SECONDARY TEXT
   ========================= */

html[data-theme="dark"] body.tool-page .controls-panel small,
html[data-theme="dark"] body[data-tool-page="true"] .controls-panel small,

html[data-theme="dark"] body.tool-page .controls-panel p,
html[data-theme="dark"] body[data-tool-page="true"] .controls-panel p,

html[data-theme="dark"] body.tool-page .video-controls-panel small,
html[data-theme="dark"] body[data-tool-page="true"] .video-controls-panel small,

html[data-theme="dark"] body.tool-page .video-controls-panel p,
html[data-theme="dark"] body[data-tool-page="true"] .video-controls-panel p,

html[data-theme="dark"] body.tool-page [class*="setting"] small,
html[data-theme="dark"] body[data-tool-page="true"] [class*="setting"] small {
    color:#aeb7c6 !important;
    -webkit-text-fill-color:#aeb7c6 !important;
    opacity:1 !important;
}


/* =========================
   5. INPUTS
   ========================= */

html[data-theme="dark"] body.tool-page input[type="text"],
html[data-theme="dark"] body.tool-page input[type="number"],
html[data-theme="dark"] body.tool-page input[type="email"],
html[data-theme="dark"] body.tool-page input[type="url"],
html[data-theme="dark"] body.tool-page input[type="search"],
html[data-theme="dark"] body.tool-page select,
html[data-theme="dark"] body.tool-page textarea,

html[data-theme="dark"] body[data-tool-page="true"] input[type="text"],
html[data-theme="dark"] body[data-tool-page="true"] input[type="number"],
html[data-theme="dark"] body[data-tool-page="true"] input[type="email"],
html[data-theme="dark"] body[data-tool-page="true"] input[type="url"],
html[data-theme="dark"] body[data-tool-page="true"] input[type="search"],
html[data-theme="dark"] body[data-tool-page="true"] select,
html[data-theme="dark"] body[data-tool-page="true"] textarea {
    background:#10141c !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    border-color:#465063 !important;
    caret-color:#ffffff !important;
}

html[data-theme="dark"] body.tool-page input::placeholder,
html[data-theme="dark"] body.tool-page textarea::placeholder,
html[data-theme="dark"] body[data-tool-page="true"] input::placeholder,
html[data-theme="dark"] body[data-tool-page="true"] textarea::placeholder {
    color:#788394 !important;
    opacity:1 !important;
}


/* Browser autofill */
html[data-theme="dark"] body.tool-page input:-webkit-autofill,
html[data-theme="dark"] body[data-tool-page="true"] input:-webkit-autofill {
    -webkit-text-fill-color:#f5f7fb !important;
    box-shadow:0 0 0 1000px #10141c inset !important;
}


/* =========================
   6. SELECT OPTIONS
   ========================= */

html[data-theme="dark"] body.tool-page select option,
html[data-theme="dark"] body[data-tool-page="true"] select option {
    background:#171b24 !important;
    color:#f5f7fb !important;
}


/* =========================
   7. RANGE CONTROLS
   ========================= */

html[data-theme="dark"] body.tool-page input[type="range"],
html[data-theme="dark"] body[data-tool-page="true"] input[type="range"] {
    accent-color:#7251f5 !important;
}


/* =========================
   8. CHECKBOX / RADIO
   ========================= */

html[data-theme="dark"] body.tool-page input[type="checkbox"],
html[data-theme="dark"] body.tool-page input[type="radio"],
html[data-theme="dark"] body[data-tool-page="true"] input[type="checkbox"],
html[data-theme="dark"] body[data-tool-page="true"] input[type="radio"] {
    accent-color:#7251f5 !important;
}


/* =========================
   9. FILE ROW
   ========================= */

html[data-theme="dark"] body.tool-page .file-row,
html[data-theme="dark"] body[data-tool-page="true"] .file-row,

html[data-theme="dark"] body.tool-page .video-file-row,
html[data-theme="dark"] body[data-tool-page="true"] .video-file-row {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}

html[data-theme="dark"] body.tool-page .file-row span,
html[data-theme="dark"] body[data-tool-page="true"] .file-row span,

html[data-theme="dark"] body.tool-page .video-file-row span,
html[data-theme="dark"] body[data-tool-page="true"] .video-file-row span {
    color:#aeb7c6 !important;
}

html[data-theme="dark"] body.tool-page .file-row strong,
html[data-theme="dark"] body[data-tool-page="true"] .file-row strong,

html[data-theme="dark"] body.tool-page .video-file-row strong,
html[data-theme="dark"] body[data-tool-page="true"] .video-file-row strong {
    color:#ffffff !important;
}


/* =========================
   10. STATS
   ========================= */

html[data-theme="dark"] body.tool-page .image-stats,
html[data-theme="dark"] body[data-tool-page="true"] .image-stats,

html[data-theme="dark"] body.tool-page .video-stats,
html[data-theme="dark"] body[data-tool-page="true"] .video-stats,

html[data-theme="dark"] body.tool-page [class*="stats"],
html[data-theme="dark"] body[data-tool-page="true"] [class*="stats"] {
    background:#171b24 !important;
    border-color:#343b49 !important;
}

html[data-theme="dark"] body.tool-page .image-stats > div,
html[data-theme="dark"] body[data-tool-page="true"] .image-stats > div,

html[data-theme="dark"] body.tool-page .video-stats > div,
html[data-theme="dark"] body[data-tool-page="true"] .video-stats > div {
    background:#171b24 !important;
    border-color:#343b49 !important;
}

html[data-theme="dark"] body.tool-page .image-stats span,
html[data-theme="dark"] body[data-tool-page="true"] .image-stats span,

html[data-theme="dark"] body.tool-page .video-stats span,
html[data-theme="dark"] body[data-tool-page="true"] .video-stats span {
    color:#9fa9b8 !important;
}

html[data-theme="dark"] body.tool-page .image-stats strong,
html[data-theme="dark"] body[data-tool-page="true"] .image-stats strong,

html[data-theme="dark"] body.tool-page .video-stats strong,
html[data-theme="dark"] body[data-tool-page="true"] .video-stats strong {
    color:#ffffff !important;
}


/* =========================
   11. NOTES / STATUS
   ========================= */

html[data-theme="dark"] body.tool-page .note-box,
html[data-theme="dark"] body[data-tool-page="true"] .note-box {
    background:#242035 !important;
    color:#d7d0f3 !important;
    border-color:#433b61 !important;
}

html[data-theme="dark"] body.tool-page .privacy-line,
html[data-theme="dark"] body[data-tool-page="true"] .privacy-line,

html[data-theme="dark"] body.tool-page .video-privacy-line,
html[data-theme="dark"] body[data-tool-page="true"] .video-privacy-line {
    color:#aeb7c6 !important;
}


/* =========================
   12. TOOL MESSAGES
   ========================= */

html[data-theme="dark"] body.tool-page .tool-message,
html[data-theme="dark"] body[data-tool-page="true"] .tool-message {
    background:#2b1d1d !important;
    color:#ffb3a6 !important;
    border-color:#633b35 !important;
}


/* =========================
   13. SECONDARY BUTTONS
   ========================= */

html[data-theme="dark"] body.tool-page .text-btn,
html[data-theme="dark"] body[data-tool-page="true"] .text-btn,

html[data-theme="dark"] body.tool-page .video-remove-btn,
html[data-theme="dark"] body[data-tool-page="true"] .video-remove-btn {
    background:#202631 !important;
    border-color:#414958 !important;
    color:#ff9c8b !important;
}


/* =========================
   14. PRIMARY ACTION BUTTONS
   ========================= */

html[data-theme="dark"] body.tool-page .process-btn,
html[data-theme="dark"] body[data-tool-page="true"] .process-btn,

html[data-theme="dark"] body.tool-page .video-process-btn,
html[data-theme="dark"] body[data-tool-page="true"] .video-process-btn,

html[data-theme="dark"] body.tool-page [class*="primary-btn"],
html[data-theme="dark"] body[data-tool-page="true"] [class*="primary-btn"] {
    background:#7251f5 !important;
    border-color:#8065f3 !important;
    color:#ffffff !important;
}

html[data-theme="dark"] body.tool-page .process-btn *,
html[data-theme="dark"] body[data-tool-page="true"] .process-btn *,

html[data-theme="dark"] body.tool-page .video-process-btn *,
html[data-theme="dark"] body[data-tool-page="true"] .video-process-btn * {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* =========================
   15. DISABLED BUTTONS
   ========================= */

html[data-theme="dark"] body.tool-page button:disabled,
html[data-theme="dark"] body[data-tool-page="true"] button:disabled {
    background:#252a35 !important;
    border-color:#343b49 !important;
    color:#7f8998 !important;
    -webkit-text-fill-color:#7f8998 !important;
    opacity:.75 !important;
}


/* =========================
   16. DROPDOWN / POPOVER-LIKE PANELS
   ========================= */

html[data-theme="dark"] body.tool-page [class*="dropdown"],
html[data-theme="dark"] body[data-tool-page="true"] [class*="dropdown"],

html[data-theme="dark"] body.tool-page [class*="popover"],
html[data-theme="dark"] body[data-tool-page="true"] [class*="popover"] {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}


/* =========================
   17. SMART TOOL TOOLBARS
   ========================= */

html[data-theme="dark"] body.tool-page .smart-hide-toolbar,
html[data-theme="dark"] body[data-tool-page="true"] .smart-hide-toolbar,

html[data-theme="dark"] body.tool-page [class*="smart-toolbar"],
html[data-theme="dark"] body[data-tool-page="true"] [class*="smart-toolbar"] {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}


/* =========================
   18. SMART TOOL BUTTONS
   ========================= */

html[data-theme="dark"] body.tool-page .smart-hide-tools button,
html[data-theme="dark"] body[data-tool-page="true"] .smart-hide-tools button {
    background:#222834 !important;
    border-color:#3d4656 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"] body.tool-page .smart-hide-tools button.active,
html[data-theme="dark"] body[data-tool-page="true"] .smart-hide-tools button.active,

html[data-theme="dark"] body.tool-page .smart-hide-tools button[aria-pressed="true"],
html[data-theme="dark"] body[data-tool-page="true"] .smart-hide-tools button[aria-pressed="true"] {
    background:#7251f5 !important;
    border-color:#8065f3 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* =========================
   19. TOOL TITLES
   ========================= */

html[data-theme="dark"] body.tool-page .studio-title h3,
html[data-theme="dark"] body[data-tool-page="true"] .studio-title h3,

html[data-theme="dark"] body.tool-page .video-studio-title h3,
html[data-theme="dark"] body[data-tool-page="true"] .video-studio-title h3 {
    color:#f7f8fc !important;
    -webkit-text-fill-color:#f7f8fc !important;
}

html[data-theme="dark"] body.tool-page .studio-title p,
html[data-theme="dark"] body[data-tool-page="true"] .studio-title p,

html[data-theme="dark"] body.tool-page .video-studio-title p,
html[data-theme="dark"] body[data-tool-page="true"] .video-studio-title p {
    color:#aeb7c6 !important;
    -webkit-text-fill-color:#aeb7c6 !important;
}


/* =========================
   20. FREE CHIP / STATUS CHIP
   ========================= */

html[data-theme="dark"] body.tool-page .free-chip,
html[data-theme="dark"] body[data-tool-page="true"] .free-chip {
    background:#2d2546 !important;
    color:#d9ceff !important;
    -webkit-text-fill-color:#d9ceff !important;
}


/* =========================
   21. DO NOT DARKEN IMAGE/CANVAS PREVIEW
   Checkerboard stays functional
   ========================= */

html[data-theme="dark"] body.tool-page canvas,
html[data-theme="dark"] body[data-tool-page="true"] canvas,
html[data-theme="dark"] body.tool-page .canvas-stage img,
html[data-theme="dark"] body[data-tool-page="true"] .canvas-stage img,
html[data-theme="dark"] body.tool-page .video-player-stage video,
html[data-theme="dark"] body[data-tool-page="true"] .video-player-stage video {
    filter:none !important;
    opacity:1 !important;
}


/* =========================
   22. GENERIC SETTINGS CARDS
   ========================= */

html[data-theme="dark"] body.tool-page [class*="setting-card"],
html[data-theme="dark"] body[data-tool-page="true"] [class*="setting-card"],

html[data-theme="dark"] body.tool-page [class*="control-card"],
html[data-theme="dark"] body[data-tool-page="true"] [class*="control-card"],

html[data-theme="dark"] body.tool-page [class*="option-card"],
html[data-theme="dark"] body[data-tool-page="true"] [class*="option-card"] {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}


/* =========================
   23. GENERIC VALUE / COUNT TEXT
   credits, attempts, remaining uses
   ========================= */

html[data-theme="dark"] body.tool-page [class*="remaining"],
html[data-theme="dark"] body[data-tool-page="true"] [class*="remaining"],

html[data-theme="dark"] body.tool-page [class*="credit"],
html[data-theme="dark"] body[data-tool-page="true"] [class*="credit"],

html[data-theme="dark"] body.tool-page [class*="attempt"],
html[data-theme="dark"] body[data-tool-page="true"] [class*="attempt"],

html[data-theme="dark"] body.tool-page [class*="usage"],
html[data-theme="dark"] body[data-tool-page="true"] [class*="usage"] {
    color:#cbd3df !important;
    -webkit-text-fill-color:#cbd3df !important;
    opacity:1 !important;
}


/* =========================
   24. VALUE NUMBERS
   ========================= */

html[data-theme="dark"] body.tool-page [class*="remaining"] strong,
html[data-theme="dark"] body[data-tool-page="true"] [class*="remaining"] strong,

html[data-theme="dark"] body.tool-page [class*="credit"] strong,
html[data-theme="dark"] body[data-tool-page="true"] [class*="credit"] strong,

html[data-theme="dark"] body.tool-page [class*="attempt"] strong,
html[data-theme="dark"] body[data-tool-page="true"] [class*="attempt"] strong {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* =========================
   25. FOCUS STATES
   ========================= */

html[data-theme="dark"] body.tool-page input:focus,
html[data-theme="dark"] body.tool-page select:focus,
html[data-theme="dark"] body.tool-page textarea:focus,

html[data-theme="dark"] body[data-tool-page="true"] input:focus,
html[data-theme="dark"] body[data-tool-page="true"] select:focus,
html[data-theme="dark"] body[data-tool-page="true"] textarea:focus {
    outline:none !important;
    border-color:#8065f3 !important;
    box-shadow:0 0 0 2px rgba(114,81,245,.18) !important;
}


/* =========================================================
   COMPRESS IMAGE — UNIQUE CONTENT — DARK MODE
   ========================================================= */

/* Main content card */
html[data-theme="dark"] body[data-tool-id="compress"]
.nujiz-unique-tool-content {
    background:#171b24 !important;
    border:1px solid #343b49 !important;
    color:#f5f7fb !important;
    box-shadow:0 14px 38px rgba(0,0,0,.20) !important;
}

/* Headings */
html[data-theme="dark"] body[data-tool-id="compress"]
.nujiz-unique-tool-content h1,

html[data-theme="dark"] body[data-tool-id="compress"]
.nujiz-unique-tool-content h2,

html[data-theme="dark"] body[data-tool-id="compress"]
.nujiz-unique-tool-content h3 {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

/* Paragraphs */
html[data-theme="dark"] body[data-tool-id="compress"]
.nujiz-unique-tool-content p {
    color:#b7c0ce !important;
    -webkit-text-fill-color:#b7c0ce !important;
    opacity:1 !important;
}

/* Lists if added later */
html[data-theme="dark"] body[data-tool-id="compress"]
.nujiz-unique-tool-content li {
    color:#b7c0ce !important;
    -webkit-text-fill-color:#b7c0ce !important;
    opacity:1 !important;
}

/* Links */
html[data-theme="dark"] body[data-tool-id="compress"]
.nujiz-unique-tool-content a {
    color:#a995ff !important;
    -webkit-text-fill-color:#a995ff !important;
}

/* Keep rounded professional appearance */
html[data-theme="dark"] body[data-tool-id="compress"]
.nujiz-unique-tool-content {
    border-radius:20px !important;
}

/* NUJIZ ALL IMAGE TOOLS CONTENT DARK START */

/* =========================================================
   ALL IMAGE TOOLS — CONTENT CARDS — DARK MODE
   Scoped only to data-tool-scope="image"
   ========================================================= */

/* Unique content card */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-tool-content {
    background:#171b24 !important;
    border:1px solid #343b49 !important;
    color:#f5f7fb !important;
    box-shadow:0 14px 38px rgba(0,0,0,.20) !important;
    border-radius:20px !important;
}

/* Unique content headings */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-tool-content h1,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-tool-content h2,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-tool-content h3,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-tool-content h4 {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

/* Unique content body text */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-tool-content p,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-tool-content li {
    color:#b7c0ce !important;
    -webkit-text-fill-color:#b7c0ce !important;
    opacity:1 !important;
}

/* Strong text */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-tool-content strong,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-tool-content b {
    color:#eef2f8 !important;
    -webkit-text-fill-color:#eef2f8 !important;
}

/* Links */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-tool-content a {
    color:#a995ff !important;
    -webkit-text-fill-color:#a995ff !important;
}

/* Lists */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-tool-content ul,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-tool-content ol {
    color:#b7c0ce !important;
}

/* Markers */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-tool-content li::marker {
    color:#8f75ff !important;
}


/* =========================================================
   AUTO CONTENT SECTIONS
   ========================================================= */

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-auto-content {
    background:#171b24 !important;
    border:1px solid #343b49 !important;
    color:#f5f7fb !important;
    border-radius:20px !important;
    box-shadow:0 14px 38px rgba(0,0,0,.18) !important;
    padding:28px !important;
}

/* Auto content headings */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-auto-content h1,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-auto-content h2,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-auto-content h3,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-auto-content h4 {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

/* Auto content text */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-auto-content p,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-auto-content li {
    color:#b7c0ce !important;
    -webkit-text-fill-color:#b7c0ce !important;
}

/* Auto strong */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-auto-content strong,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-auto-content b {
    color:#eef2f8 !important;
    -webkit-text-fill-color:#eef2f8 !important;
}

/* Auto links */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-auto-content a {
    color:#a995ff !important;
    -webkit-text-fill-color:#a995ff !important;
}

/* Markers */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-auto-content li::marker {
    color:#8f75ff !important;
}


/* =========================================================
   GENERIC IMAGE TOOL ARTICLE CARDS
   ========================================================= */

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.tool-info-card {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.tool-info-card h2,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.tool-info-card h3 {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.tool-info-card p,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.tool-info-card small {
    color:#b7c0ce !important;
    -webkit-text-fill-color:#b7c0ce !important;
}


/* =========================================================
   IMAGE TOOL STEPS
   ========================================================= */

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.tool-steps > div {
    background:#11151d !important;
    border-color:#343b49 !important;
}

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.tool-steps b {
    color:#eef2f8 !important;
    -webkit-text-fill-color:#eef2f8 !important;
}


/* =========================================================
   RELATED IMAGE TOOL CARDS
   ========================================================= */

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.tool-related-grid > a {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.tool-related-grid > a b {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.tool-related-grid > a small {
    color:#aeb7c6 !important;
    -webkit-text-fill-color:#aeb7c6 !important;
}


/* =========================================================
   DO NOT ALTER IMAGE / CANVAS PREVIEWS
   ========================================================= */

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
canvas,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.preview-area img,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.canvas-stage img {
    filter:none !important;
    opacity:1 !important;
}

/* NUJIZ ALL IMAGE TOOLS CONTENT DARK END */


/* =========================================================
   ALL IMAGE TOOLS — SETTINGS / CONTROLS — DARK MODE
   ========================================================= */

/* Main settings panel */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.controls-panel {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}

/* File row */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.file-row {
    background:#11151d !important;
    border-color:#343b49 !important;
}

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.file-row span,
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.file-row strong {
    color:#eef2f8 !important;
    -webkit-text-fill-color:#eef2f8 !important;
}

/* Control labels */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.control-list label,
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.control-list .field label,
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.controls-panel label {
    color:#e7ebf2 !important;
    -webkit-text-fill-color:#e7ebf2 !important;
    opacity:1 !important;
}

/* Inputs / selects */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.controls-panel input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.controls-panel select,
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.controls-panel textarea {
    background:#10141c !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    border-color:#465063 !important;
}

/* Placeholder text */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.controls-panel input::placeholder,
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.controls-panel textarea::placeholder {
    color:#8f99a8 !important;
    -webkit-text-fill-color:#8f99a8 !important;
    opacity:1 !important;
}

/* Generic notes / help boxes */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.note-box,
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
[class*="note"],
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
[class*="hint"],
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
[class*="help"] {
    background:#211c30 !important;
    border-color:#3b3156 !important;
    color:#c4bdd4 !important;
    -webkit-text-fill-color:#c4bdd4 !important;
    opacity:1 !important;
}

/* Manual crop and similar action/info cards */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.control-list > div,
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
[class*="manual"],
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
[class*="instruction"] {
    border-color:#343b49 !important;
}

/* Text inside those cards */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.control-list small,
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.control-list p,
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
[class*="manual"] small,
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
[class*="manual"] p {
    color:#aeb7c6 !important;
    -webkit-text-fill-color:#aeb7c6 !important;
    opacity:1 !important;
}

/* Strong text inside controls */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.control-list strong,
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.control-list b {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

/* Privacy strip */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.privacy-line {
    background:#11151d !important;
    border:1px solid #343b49 !important;
    color:#aeb7c6 !important;
    -webkit-text-fill-color:#aeb7c6 !important;
    opacity:1 !important;
}

/* Disabled buttons */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
button:disabled {
    background:#252b36 !important;
    color:#8f99a8 !important;
    -webkit-text-fill-color:#8f99a8 !important;
    border-color:#3b4352 !important;
    opacity:1 !important;
}

/* Primary action buttons */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.process-btn {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

/* Crop specific note / manual card */
html[data-theme="dark"]
body[data-tool-id="crop"]
.note-box,
html[data-theme="dark"]
body[data-tool-id="crop"]
.control-list > div {
    color:#c4bdd4 !important;
}

/* Preserve canvas/image area */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.canvas-stage,
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.canvas-stage canvas {
    filter:none !important;
}

/* NUJIZ IMAGE DOWNLOAD BUTTONS START */

/* =========================================================
   ALL IMAGE TOOLS — DOWNLOAD BUTTON VISIBILITY
   ========================================================= */

/* Standard green download button */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.download-btn {
    background:linear-gradient(135deg,#c9f45b,#9bea20) !important;
    color:#101318 !important;
    -webkit-text-fill-color:#101318 !important;
    border:1px solid rgba(201,244,91,.65) !important;
    font-weight:900 !important;
    opacity:1 !important;
    text-shadow:none !important;
}

/* Everything inside the button */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.download-btn *,
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.download-btn b,
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.download-btn span {
    color:#101318 !important;
    -webkit-text-fill-color:#101318 !important;
    opacity:1 !important;
}

/* Hover */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.download-btn:hover {
    background:linear-gradient(135deg,#d5ff6a,#a9f42d) !important;
    color:#0b0f14 !important;
    -webkit-text-fill-color:#0b0f14 !important;
    box-shadow:0 8px 24px rgba(170,240,45,.18) !important;
}

/* Keyboard focus */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.download-btn:focus-visible {
    outline:3px solid rgba(169,149,255,.55) !important;
    outline-offset:3px !important;
}


/* =========================================================
   SPECIAL IMAGE TOOLS USING .download
   Keep purple background + white readable text
   ========================================================= */

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
a.download {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-weight:900 !important;
    opacity:1 !important;
}

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
a.download * {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* =========================================================
   FACE SWAP DOWNLOAD
   ========================================================= */

html[data-theme="dark"] .face-swap-page .face-swap-download {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-weight:900 !important;
    opacity:1 !important;
}

html[data-theme="dark"] .face-swap-page .face-swap-download * {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* =========================================================
   PREVENT MUTED/DISABLED TEXT RULES FROM WASHING IT OUT
   ========================================================= */

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.download-btn:not([hidden]) {
    opacity:1 !important;
    filter:none !important;
}

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.download-btn:not([hidden])::before,
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.download-btn:not([hidden])::after {
    opacity:1 !important;
}

/* NUJIZ IMAGE DOWNLOAD BUTTONS END */


/* =========================================================
   INSPECT IMAGE QUALITY — DARK MODE FINAL
   ========================================================= */

/* Main generated quality report */
html[data-theme="dark"] body[data-tool-id="quality"]
.controls-panel #dynamicControls > div,

html[data-theme="dark"] body[data-tool-id="quality"]
.controls-panel [class*="quality"],

html[data-theme="dark"] body[data-tool-id="quality"]
.controls-panel [class*="report"] {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}

/* Report cards / metric boxes */
html[data-theme="dark"] body[data-tool-id="quality"]
.controls-panel [class*="metric"],

html[data-theme="dark"] body[data-tool-id="quality"]
.controls-panel [class*="score"] > div,

html[data-theme="dark"] body[data-tool-id="quality"]
.controls-panel [class*="report"] > div {
    background:#11151d !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}

/* Main headings / score */
html[data-theme="dark"] body[data-tool-id="quality"]
#dynamicControls h1,

html[data-theme="dark"] body[data-tool-id="quality"]
#dynamicControls h2,

html[data-theme="dark"] body[data-tool-id="quality"]
#dynamicControls h3,

html[data-theme="dark"] body[data-tool-id="quality"]
#dynamicControls strong,

html[data-theme="dark"] body[data-tool-id="quality"]
#dynamicControls b {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

/* Secondary text */
html[data-theme="dark"] body[data-tool-id="quality"]
#dynamicControls p,

html[data-theme="dark"] body[data-tool-id="quality"]
#dynamicControls span,

html[data-theme="dark"] body[data-tool-id="quality"]
#dynamicControls small,

html[data-theme="dark"] body[data-tool-id="quality"]
#dynamicControls label {
    color:#b7c0ce !important;
    -webkit-text-fill-color:#b7c0ce !important;
    opacity:1 !important;
}

/* Score number — keep prominent */
html[data-theme="dark"] body[data-tool-id="quality"]
#dynamicControls [class*="score"] {
    color:#c9f45b !important;
    -webkit-text-fill-color:#c9f45b !important;
}

/* Metric names */
html[data-theme="dark"] body[data-tool-id="quality"]
#dynamicControls [class*="metric"] span,
html[data-theme="dark"] body[data-tool-id="quality"]
#dynamicControls [class*="metric"] small {
    color:#aeb7c6 !important;
    -webkit-text-fill-color:#aeb7c6 !important;
}

/* Metric values */
html[data-theme="dark"] body[data-tool-id="quality"]
#dynamicControls [class*="metric"] b,
html[data-theme="dark"] body[data-tool-id="quality"]
#dynamicControls [class*="metric"] strong {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* Separators */
html[data-theme="dark"] body[data-tool-id="quality"]
#dynamicControls hr {
    border-color:#343b49 !important;
}

/* Advisory note */
html[data-theme="dark"] body[data-tool-id="quality"]
.note-box {
    background:#211c30 !important;
    border-color:#3b3156 !important;
    color:#c9c1d9 !important;
    -webkit-text-fill-color:#c9c1d9 !important;
}

/* Privacy bar */
html[data-theme="dark"] body[data-tool-id="quality"]
.privacy-line {
    background:#11151d !important;
    border:1px solid #343b49 !important;
    color:#aeb7c6 !important;
    -webkit-text-fill-color:#aeb7c6 !important;
}

/* Keep main action purple */
html[data-theme="dark"] body[data-tool-id="quality"]
.process-btn {
    background:linear-gradient(135deg,#7251f5,#8149f5) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

/* Keep download button lime + dark text */
html[data-theme="dark"] body[data-tool-id="quality"]
.download-btn {
    background:linear-gradient(135deg,#c9f45b,#9bea20) !important;
    color:#101318 !important;
    -webkit-text-fill-color:#101318 !important;
}

html[data-theme="dark"] body[data-tool-id="quality"]
.download-btn * {
    color:#101318 !important;
    -webkit-text-fill-color:#101318 !important;
}


/* =========================================================
   NUJIZ - IMAGE FILTERS UNIQUE SEO CARD
   ========================================================= */

html[data-theme="dark"]
body[data-tool-id="image-filters"]
.nujiz-unique-seo-content,
html[data-theme="dark"]
body[data-tool-page="true"]
.nujiz-unique-seo-content[data-nujiz-unique-seo="image-filters-en"] {
    width: auto !important;
    max-width: 980px !important;
    margin: 32px auto !important;
    padding: 0 20px !important;
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

html[data-theme="dark"]
body[data-tool-id="image-filters"]
.nujiz-unique-seo-content .nujiz-seo-inner,
html[data-theme="dark"]
.nujiz-unique-seo-content[data-nujiz-unique-seo="image-filters-en"]
.nujiz-seo-inner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 28px 32px !important;

    background: #171b24 !important;
    border: 1px solid #343b49 !important;
    border-radius: 22px !important;

    box-shadow:
        0 16px 40px rgba(0,0,0,.18) !important;

    box-sizing: border-box !important;
}

/* Main heading */
html[data-theme="dark"]
.nujiz-unique-seo-content[data-nujiz-unique-seo="image-filters-en"]
h2 {
    color: #f7f8fc !important;
    -webkit-text-fill-color: #f7f8fc !important;
    font-size: 24px !important;
    line-height: 1.35 !important;
    margin: 0 0 16px !important;
}

/* Sub headings */
html[data-theme="dark"]
.nujiz-unique-seo-content[data-nujiz-unique-seo="image-filters-en"]
h3 {
    color: #f5f7fb !important;
    -webkit-text-fill-color: #f5f7fb !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    margin: 24px 0 8px !important;
}

/* Paragraphs */
html[data-theme="dark"]
.nujiz-unique-seo-content[data-nujiz-unique-seo="image-filters-en"]
p {
    color: #c8d0df !important;
    -webkit-text-fill-color: #c8d0df !important;
    opacity: 1 !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    margin: 0 !important;
}

/* Mobile */
@media (max-width: 768px) {

    html[data-theme="dark"]
    .nujiz-unique-seo-content[data-nujiz-unique-seo="image-filters-en"] {
        margin: 22px auto !important;
        padding: 0 14px !important;
    }

    html[data-theme="dark"]
    .nujiz-unique-seo-content[data-nujiz-unique-seo="image-filters-en"]
    .nujiz-seo-inner {
        padding: 22px 18px !important;
        border-radius: 18px !important;
    }

    html[data-theme="dark"]
    .nujiz-unique-seo-content[data-nujiz-unique-seo="image-filters-en"]
    h2 {
        font-size: 21px !important;
    }
}



/* NUJIZ ALL IMAGE UNIQUE SEO START */

/* =========================================================
   ALL IMAGE TOOLS — UNIQUE SEO CONTENT CARD
   ========================================================= */

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content {
    width:auto !important;
    max-width:1050px !important;
    margin:32px auto !important;
    padding:0 20px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
}

/* Inner card */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content .nujiz-seo-inner {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;

    padding:28px 32px !important;

    background:#171b24 !important;
    border:1px solid #343b49 !important;
    border-radius:22px !important;

    box-shadow:
        0 16px 40px rgba(0,0,0,.18) !important;

    color:#f5f7fb !important;
    box-sizing:border-box !important;
}

/* If some pages do not use .nujiz-seo-inner */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content:not(:has(.nujiz-seo-inner)) {
    padding:28px 32px !important;

    background:#171b24 !important;
    border:1px solid #343b49 !important;
    border-radius:22px !important;

    box-shadow:
        0 16px 40px rgba(0,0,0,.18) !important;

    color:#f5f7fb !important;
}

/* Main headings */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content h1,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content h2 {
    color:#f7f8fc !important;
    -webkit-text-fill-color:#f7f8fc !important;

    font-size:24px !important;
    line-height:1.4 !important;

    margin-top:0 !important;
    margin-bottom:14px !important;

    opacity:1 !important;
}

/* Sub headings */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content h3,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content h4 {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;

    font-size:17px !important;
    line-height:1.5 !important;

    margin-top:24px !important;
    margin-bottom:8px !important;

    opacity:1 !important;
}

/* Paragraphs */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content p {
    color:#c8d0df !important;
    -webkit-text-fill-color:#c8d0df !important;

    font-size:15px !important;
    line-height:1.85 !important;

    margin-top:0 !important;
    margin-bottom:12px !important;

    opacity:1 !important;
}

/* Lists */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content ul,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content ol {
    color:#c8d0df !important;
    margin:12px 0 !important;
}

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content li {
    color:#c8d0df !important;
    -webkit-text-fill-color:#c8d0df !important;

    line-height:1.8 !important;
    opacity:1 !important;
}

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content li::marker {
    color:#8f75ff !important;
}

/* Strong text */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content strong,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content b {
    color:#eef2f8 !important;
    -webkit-text-fill-color:#eef2f8 !important;
}

/* Links */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content a {
    color:#aa96ff !important;
    -webkit-text-fill-color:#aa96ff !important;
}

/* Articles/cards if present */
html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content article,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content .card,

html[data-theme="dark"]
body.tool-page[data-tool-scope="image"]
.nujiz-unique-seo-content [class*="card"] {
    background:#11151d !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:768px) {

    html[data-theme="dark"]
    body.tool-page[data-tool-scope="image"]
    .nujiz-unique-seo-content {
        margin:22px auto !important;
        padding:0 14px !important;
    }

    html[data-theme="dark"]
    body.tool-page[data-tool-scope="image"]
    .nujiz-unique-seo-content .nujiz-seo-inner {
        padding:22px 18px !important;
        border-radius:18px !important;
    }

    html[data-theme="dark"]
    body.tool-page[data-tool-scope="image"]
    .nujiz-unique-seo-content:not(:has(.nujiz-seo-inner)) {
        padding:22px 18px !important;
        border-radius:18px !important;
    }

    html[data-theme="dark"]
    body.tool-page[data-tool-scope="image"]
    .nujiz-unique-seo-content h1,

    html[data-theme="dark"]
    body.tool-page[data-tool-scope="image"]
    .nujiz-unique-seo-content h2 {
        font-size:21px !important;
    }

    html[data-theme="dark"]
    body.tool-page[data-tool-scope="image"]
    .nujiz-unique-seo-content p,

    html[data-theme="dark"]
    body.tool-page[data-tool-scope="image"]
    .nujiz-unique-seo-content li {
        font-size:14px !important;
    }
}

/* NUJIZ ALL IMAGE UNIQUE SEO END */


/* =========================================================
   AI VIDEO GENERATOR — DARK SEO CONTENT FIX
   ========================================================= */

html[data-theme="dark"]
body[data-tool-id="ai-video-generator"] .nujiz-unique-seo-content,
html[data-theme="dark"]
body[data-tool-id="ai-video-generator"] .nujiz-seo-inner,

html[data-theme="dark"]
body[data-tool-id="ai-video"] .nujiz-unique-seo-content,
html[data-theme="dark"]
body[data-tool-id="ai-video"] .nujiz-seo-inner {
    background:#171b24 !important;
    border:1px solid #343b49 !important;
    border-radius:22px !important;
    color:#f5f7fb !important;
    box-shadow:0 16px 40px rgba(0,0,0,.18) !important;
}

/* العناوين */
html[data-theme="dark"]
body[data-tool-id="ai-video-generator"] .nujiz-unique-seo-content h1,
html[data-theme="dark"]
body[data-tool-id="ai-video-generator"] .nujiz-unique-seo-content h2,
html[data-theme="dark"]
body[data-tool-id="ai-video-generator"] .nujiz-unique-seo-content h3,
html[data-theme="dark"]
body[data-tool-id="ai-video-generator"] .nujiz-unique-seo-content h4,

html[data-theme="dark"]
body[data-tool-id="ai-video"] .nujiz-unique-seo-content h1,
html[data-theme="dark"]
body[data-tool-id="ai-video"] .nujiz-unique-seo-content h2,
html[data-theme="dark"]
body[data-tool-id="ai-video"] .nujiz-unique-seo-content h3,
html[data-theme="dark"]
body[data-tool-id="ai-video"] .nujiz-unique-seo-content h4 {
    color:#f7f8fc !important;
    -webkit-text-fill-color:#f7f8fc !important;
    opacity:1 !important;
}

/* الفقرات والقوائم */
html[data-theme="dark"]
body[data-tool-id="ai-video-generator"] .nujiz-unique-seo-content p,
html[data-theme="dark"]
body[data-tool-id="ai-video-generator"] .nujiz-unique-seo-content li,

html[data-theme="dark"]
body[data-tool-id="ai-video"] .nujiz-unique-seo-content p,
html[data-theme="dark"]
body[data-tool-id="ai-video"] .nujiz-unique-seo-content li {
    color:#c8d0df !important;
    -webkit-text-fill-color:#c8d0df !important;
    opacity:1 !important;
}

/* إزالة أي خلفية بيضاء داخل القسم */
html[data-theme="dark"]
body[data-tool-id="ai-video-generator"] .nujiz-unique-seo-content article,
html[data-theme="dark"]
body[data-tool-id="ai-video-generator"] .nujiz-unique-seo-content section,

html[data-theme="dark"]
body[data-tool-id="ai-video"] .nujiz-unique-seo-content article,
html[data-theme="dark"]
body[data-tool-id="ai-video"] .nujiz-unique-seo-content section {
    background:transparent !important;
    color:inherit !important;
}


/* =========================================================
   AI VIDEO GENERATOR — SEO CONTENT REAL DARK FIX
   ========================================================= */

html[data-theme="dark"] #nujiz-video-seo-content {
    background:transparent !important;
    color:#f5f7fb !important;
}

html[data-theme="dark"] #nujiz-video-seo-content .nujiz-seo-inner {
    background:#171b24 !important;
    border:1px solid #343b49 !important;
    border-radius:22px !important;
    color:#f5f7fb !important;
    box-shadow:0 16px 40px rgba(0,0,0,.20) !important;

    max-width:1050px !important;
    margin:32px auto !important;
    padding:30px 34px !important;
}

/* Headings */
html[data-theme="dark"] #nujiz-video-seo-content h1,
html[data-theme="dark"] #nujiz-video-seo-content h2,
html[data-theme="dark"] #nujiz-video-seo-content h3,
html[data-theme="dark"] #nujiz-video-seo-content h4 {
    color:#f7f8fc !important;
    -webkit-text-fill-color:#f7f8fc !important;
    opacity:1 !important;
}

/* Paragraphs */
html[data-theme="dark"] #nujiz-video-seo-content p {
    color:#c8d0df !important;
    -webkit-text-fill-color:#c8d0df !important;
    opacity:1 !important;
    line-height:1.85 !important;
}

/* Lists */
html[data-theme="dark"] #nujiz-video-seo-content ul,
html[data-theme="dark"] #nujiz-video-seo-content ol {
    color:#c8d0df !important;
}

html[data-theme="dark"] #nujiz-video-seo-content li {
    color:#c8d0df !important;
    -webkit-text-fill-color:#c8d0df !important;
    opacity:1 !important;
    line-height:1.8 !important;
}

html[data-theme="dark"] #nujiz-video-seo-content li::marker {
    color:#8f75ff !important;
}

/* Strong text */
html[data-theme="dark"] #nujiz-video-seo-content strong,
html[data-theme="dark"] #nujiz-video-seo-content b {
    color:#eef2f8 !important;
    -webkit-text-fill-color:#eef2f8 !important;
}

/* Links */
html[data-theme="dark"] #nujiz-video-seo-content a {
    color:#aa96ff !important;
    -webkit-text-fill-color:#aa96ff !important;
}

@media(max-width:768px){
    html[data-theme="dark"] #nujiz-video-seo-content .nujiz-seo-inner {
        margin:22px 14px !important;
        padding:22px 18px !important;
        border-radius:18px !important;
    }
}


/* =========================================================
   AI VIDEO GENERATOR — RELATED VIDEO TOOLS
   ========================================================= */

html[data-theme="dark"]
#nujiz-video-seo-content .tool-related-grid > a,
html[data-theme="dark"]
.tool-related-section .tool-related-grid > a {
    background:#171b24 !important;
    border:1px solid #343b49 !important;
    color:#f5f7fb !important;
    box-shadow:none !important;
}

/* Card title */
html[data-theme="dark"]
#nujiz-video-seo-content .tool-related-grid > a b,
html[data-theme="dark"]
.tool-related-section .tool-related-grid > a b {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

/* Card description */
html[data-theme="dark"]
#nujiz-video-seo-content .tool-related-grid > a small,
html[data-theme="dark"]
.tool-related-section .tool-related-grid > a small {
    color:#aeb7c6 !important;
    -webkit-text-fill-color:#aeb7c6 !important;
    opacity:1 !important;
}

/* Icon */
html[data-theme="dark"]
#nujiz-video-seo-content .tool-related-grid > a > span,
html[data-theme="dark"]
.tool-related-section .tool-related-grid > a > span {
    color:#a995ff !important;
    -webkit-text-fill-color:#a995ff !important;
    opacity:1 !important;
}

/* Arrow */
html[data-theme="dark"]
#nujiz-video-seo-content .tool-related-grid > a i,
html[data-theme="dark"]
.tool-related-section .tool-related-grid > a i {
    color:#8f99a8 !important;
    -webkit-text-fill-color:#8f99a8 !important;
    opacity:1 !important;
}

/* Hover */
html[data-theme="dark"]
#nujiz-video-seo-content .tool-related-grid > a:hover,
html[data-theme="dark"]
.tool-related-section .tool-related-grid > a:hover {
    background:#1d222c !important;
    border-color:#7657f6 !important;
}

html[data-theme="dark"]
.tool-related-section .tool-related-grid > a:hover b {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* Heading */
html[data-theme="dark"]
.tool-related-head h2,
html[data-theme="dark"]
#nujiz-video-seo-content .tool-related-head h2 {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}



/* NUJIZ ALL VIDEO UNIQUE SEO START */

/* =========================================================
   ALL VIDEO TOOLS — LAST UNIQUE SEO CONTENT CARD
   ========================================================= */

/*
   Covers video pages using:
   - body.video-tool-page
   - body[data-tool-scope="video"]
*/

html[data-theme="dark"]
body.video-tool-page
.nujiz-unique-seo-content,

html[data-theme="dark"]
body[data-tool-scope="video"]
.nujiz-unique-seo-content {
    width:auto !important;
    max-width:1050px !important;

    margin:32px auto !important;
    padding:0 20px !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;

    box-sizing:border-box !important;
}


/* Inner professional card */
html[data-theme="dark"]
body.video-tool-page
.nujiz-unique-seo-content .nujiz-seo-inner,

html[data-theme="dark"]
body[data-tool-scope="video"]
.nujiz-unique-seo-content .nujiz-seo-inner {
    width:100% !important;
    max-width:100% !important;

    margin:0 !important;
    padding:28px 32px !important;

    background:#171b24 !important;
    border:1px solid #343b49 !important;
    border-radius:22px !important;

    color:#f5f7fb !important;

    box-shadow:
        0 16px 40px rgba(0,0,0,.18) !important;

    box-sizing:border-box !important;
}


/* Video pages where content has no .nujiz-seo-inner */
html[data-theme="dark"]
body.video-tool-page
.nujiz-unique-seo-content:not(:has(.nujiz-seo-inner)),

html[data-theme="dark"]
body[data-tool-scope="video"]
.nujiz-unique-seo-content:not(:has(.nujiz-seo-inner)) {
    padding:28px 32px !important;

    background:#171b24 !important;
    border:1px solid #343b49 !important;
    border-radius:22px !important;

    color:#f5f7fb !important;

    box-shadow:
        0 16px 40px rgba(0,0,0,.18) !important;
}


/* Main heading */
html[data-theme="dark"]
body.video-tool-page
.nujiz-unique-seo-content h1,

html[data-theme="dark"]
body.video-tool-page
.nujiz-unique-seo-content h2,

html[data-theme="dark"]
body[data-tool-scope="video"]
.nujiz-unique-seo-content h1,

html[data-theme="dark"]
body[data-tool-scope="video"]
.nujiz-unique-seo-content h2 {
    color:#f7f8fc !important;
    -webkit-text-fill-color:#f7f8fc !important;

    font-size:24px !important;
    line-height:1.4 !important;

    margin-top:0 !important;
    margin-bottom:14px !important;

    opacity:1 !important;
}


/* Sub headings */
html[data-theme="dark"]
body.video-tool-page
.nujiz-unique-seo-content h3,

html[data-theme="dark"]
body.video-tool-page
.nujiz-unique-seo-content h4,

html[data-theme="dark"]
body[data-tool-scope="video"]
.nujiz-unique-seo-content h3,

html[data-theme="dark"]
body[data-tool-scope="video"]
.nujiz-unique-seo-content h4 {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;

    font-size:17px !important;
    line-height:1.5 !important;

    margin-top:24px !important;
    margin-bottom:8px !important;

    opacity:1 !important;
}


/* Paragraphs */
html[data-theme="dark"]
body.video-tool-page
.nujiz-unique-seo-content p,

html[data-theme="dark"]
body[data-tool-scope="video"]
.nujiz-unique-seo-content p {
    color:#c8d0df !important;
    -webkit-text-fill-color:#c8d0df !important;

    font-size:15px !important;
    line-height:1.85 !important;

    margin-top:0 !important;
    margin-bottom:12px !important;

    opacity:1 !important;
}


/* Lists */
html[data-theme="dark"]
body.video-tool-page
.nujiz-unique-seo-content ul,

html[data-theme="dark"]
body.video-tool-page
.nujiz-unique-seo-content ol,

html[data-theme="dark"]
body[data-tool-scope="video"]
.nujiz-unique-seo-content ul,

html[data-theme="dark"]
body[data-tool-scope="video"]
.nujiz-unique-seo-content ol {
    color:#c8d0df !important;
    margin:12px 0 !important;
}

html[data-theme="dark"]
body.video-tool-page
.nujiz-unique-seo-content li,

html[data-theme="dark"]
body[data-tool-scope="video"]
.nujiz-unique-seo-content li {
    color:#c8d0df !important;
    -webkit-text-fill-color:#c8d0df !important;

    line-height:1.8 !important;
    opacity:1 !important;
}

html[data-theme="dark"]
body.video-tool-page
.nujiz-unique-seo-content li::marker,

html[data-theme="dark"]
body[data-tool-scope="video"]
.nujiz-unique-seo-content li::marker {
    color:#8f75ff !important;
}


/* Strong */
html[data-theme="dark"]
body.video-tool-page
.nujiz-unique-seo-content strong,

html[data-theme="dark"]
body.video-tool-page
.nujiz-unique-seo-content b,

html[data-theme="dark"]
body[data-tool-scope="video"]
.nujiz-unique-seo-content strong,

html[data-theme="dark"]
body[data-tool-scope="video"]
.nujiz-unique-seo-content b {
    color:#eef2f8 !important;
    -webkit-text-fill-color:#eef2f8 !important;
}


/* Links */
html[data-theme="dark"]
body.video-tool-page
.nujiz-unique-seo-content a,

html[data-theme="dark"]
body[data-tool-scope="video"]
.nujiz-unique-seo-content a {
    color:#aa96ff !important;
    -webkit-text-fill-color:#aa96ff !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:768px){

    html[data-theme="dark"]
    body.video-tool-page
    .nujiz-unique-seo-content,

    html[data-theme="dark"]
    body[data-tool-scope="video"]
    .nujiz-unique-seo-content {
        margin:22px auto !important;
        padding:0 14px !important;
    }

    html[data-theme="dark"]
    body.video-tool-page
    .nujiz-unique-seo-content .nujiz-seo-inner,

    html[data-theme="dark"]
    body[data-tool-scope="video"]
    .nujiz-unique-seo-content .nujiz-seo-inner {
        padding:22px 18px !important;
        border-radius:18px !important;
    }

    html[data-theme="dark"]
    body.video-tool-page
    .nujiz-unique-seo-content:not(:has(.nujiz-seo-inner)),

    html[data-theme="dark"]
    body[data-tool-scope="video"]
    .nujiz-unique-seo-content:not(:has(.nujiz-seo-inner)) {
        padding:22px 18px !important;
        border-radius:18px !important;
    }

    html[data-theme="dark"]
    body.video-tool-page
    .nujiz-unique-seo-content h2,

    html[data-theme="dark"]
    body[data-tool-scope="video"]
    .nujiz-unique-seo-content h2 {
        font-size:21px !important;
    }
}

/* NUJIZ ALL VIDEO UNIQUE SEO END */


/* =========================================================
   ALL VIDEO TOOLS — SETTINGS / CONTROLS DARK MODE
   ========================================================= */

/* Main controls panel */
html[data-theme="dark"] body.video-tool-page .video-controls-panel,
html[data-theme="dark"] body[data-tool-scope="video"] .video-controls-panel,
html[data-theme="dark"] body.video-tool-page .controls-panel,
html[data-theme="dark"] body[data-tool-scope="video"] .controls-panel {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}

/* Uploaded clip/file rows */
html[data-theme="dark"] body.video-tool-page .video-file-row,
html[data-theme="dark"] body[data-tool-scope="video"] .video-file-row,
html[data-theme="dark"] body.video-tool-page .file-row,
html[data-theme="dark"] body[data-tool-scope="video"] .file-row {
    background:#11151d !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}

/* Text inside rows */
html[data-theme="dark"] body.video-tool-page .video-file-row *,
html[data-theme="dark"] body[data-tool-scope="video"] .video-file-row *,
html[data-theme="dark"] body.video-tool-page .file-row *,
html[data-theme="dark"] body[data-tool-scope="video"] .file-row * {
    color:#dce2ec !important;
    -webkit-text-fill-color:#dce2ec !important;
    opacity:1 !important;
}

/* Labels */
html[data-theme="dark"] body.video-tool-page .controls-panel label,
html[data-theme="dark"] body[data-tool-scope="video"] .controls-panel label,
html[data-theme="dark"] body.video-tool-page .video-controls-panel label,
html[data-theme="dark"] body[data-tool-scope="video"] .video-controls-panel label {
    color:#eef2f8 !important;
    -webkit-text-fill-color:#eef2f8 !important;
    opacity:1 !important;
}

/* Selects / inputs */
html[data-theme="dark"] body.video-tool-page .controls-panel select,
html[data-theme="dark"] body.video-tool-page .controls-panel input:not([type="range"]),
html[data-theme="dark"] body.video-tool-page .controls-panel textarea,
html[data-theme="dark"] body[data-tool-scope="video"] .controls-panel select,
html[data-theme="dark"] body[data-tool-scope="video"] .controls-panel input:not([type="range"]),
html[data-theme="dark"] body[data-tool-scope="video"] .controls-panel textarea {
    background:#10141c !important;
    border-color:#465063 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

/* Options */
html[data-theme="dark"] body.video-tool-page select option,
html[data-theme="dark"] body[data-tool-scope="video"] select option {
    background:#171b24 !important;
    color:#f5f7fb !important;
}

/* Notes/help cards */
html[data-theme="dark"] body.video-tool-page .note-box,
html[data-theme="dark"] body[data-tool-scope="video"] .note-box,
html[data-theme="dark"] body.video-tool-page [class*="note-box"],
html[data-theme="dark"] body[data-tool-scope="video"] [class*="note-box"] {
    background:#211c30 !important;
    border:1px solid #3b3156 !important;
    color:#c8c1d6 !important;
    -webkit-text-fill-color:#c8c1d6 !important;
    opacity:1 !important;
}

/* Text nested in notes */
html[data-theme="dark"] body.video-tool-page .note-box *,
html[data-theme="dark"] body[data-tool-scope="video"] .note-box * {
    color:#c8c1d6 !important;
    -webkit-text-fill-color:#c8c1d6 !important;
    opacity:1 !important;
}

/* Privacy bar */
html[data-theme="dark"] body.video-tool-page .privacy-line,
html[data-theme="dark"] body[data-tool-scope="video"] .privacy-line {
    background:#11151d !important;
    border:1px solid #343b49 !important;
    color:#aeb7c6 !important;
    -webkit-text-fill-color:#aeb7c6 !important;
    opacity:1 !important;
}

html[data-theme="dark"] body.video-tool-page .privacy-line *,
html[data-theme="dark"] body[data-tool-scope="video"] .privacy-line * {
    color:#aeb7c6 !important;
    -webkit-text-fill-color:#aeb7c6 !important;
}

/* Add another video / upload card */
html[data-theme="dark"] body.video-tool-page .video-add-more,
html[data-theme="dark"] body.video-tool-page .video-add-card,
html[data-theme="dark"] body.video-tool-page .video-upload-card,
html[data-theme="dark"] body[data-tool-scope="video"] .video-add-more,
html[data-theme="dark"] body[data-tool-scope="video"] .video-add-card,
html[data-theme="dark"] body[data-tool-scope="video"] .video-upload-card {
    background:#171b24 !important;
    border-color:#7657f6 !important;
    color:#f5f7fb !important;
}

html[data-theme="dark"] body.video-tool-page .video-add-more *,
html[data-theme="dark"] body.video-tool-page .video-add-card *,
html[data-theme="dark"] body.video-tool-page .video-upload-card *,
html[data-theme="dark"] body[data-tool-scope="video"] .video-add-more *,
html[data-theme="dark"] body[data-tool-scope="video"] .video-add-card *,
html[data-theme="dark"] body[data-tool-scope="video"] .video-upload-card * {
    color:#eef2f8 !important;
    -webkit-text-fill-color:#eef2f8 !important;
    opacity:1 !important;
}

/* Reorder / remove buttons */
html[data-theme="dark"] body.video-tool-page .video-file-row button,
html[data-theme="dark"] body[data-tool-scope="video"] .video-file-row button {
    background:#171b24 !important;
    border-color:#465063 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

/* Keep destructive/remove button distinguishable */
html[data-theme="dark"] body.video-tool-page .video-file-row button:last-child,
html[data-theme="dark"] body[data-tool-scope="video"] .video-file-row button:last-child {
    color:#ff9e9e !important;
    -webkit-text-fill-color:#ff9e9e !important;
}

/* Primary action */
html[data-theme="dark"] body.video-tool-page .process-btn,
html[data-theme="dark"] body[data-tool-scope="video"] .process-btn {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

/* Do not alter actual video */
html[data-theme="dark"] body.video-tool-page video,
html[data-theme="dark"] body[data-tool-scope="video"] video,
html[data-theme="dark"] body.video-tool-page canvas,
html[data-theme="dark"] body[data-tool-scope="video"] canvas {
    filter:none !important;
    opacity:1 !important;
}



/* =========================================================
   NUJIZ — MERGE VIDEOS DARK MODE
   ========================================================= */

html[data-theme="dark"] body[data-tool-id="merge-videos"] .video-merge-picker,
html[data-theme="dark"] body[data-tool-id="merge"] .video-merge-picker {
    background:#171b24 !important;
    border-color:#6d42f5 !important;
    color:#f5f7fb !important;
}

html[data-theme="dark"] body[data-tool-id="merge-videos"] .video-merge-picker b,
html[data-theme="dark"] body[data-tool-id="merge"] .video-merge-picker b {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

html[data-theme="dark"] body[data-tool-id="merge-videos"] .video-merge-picker small,
html[data-theme="dark"] body[data-tool-id="merge"] .video-merge-picker small {
    color:#b8c2d4 !important;
    -webkit-text-fill-color:#b8c2d4 !important;
    opacity:1 !important;
}


/* قائمة المقاطع */
html[data-theme="dark"] body[data-tool-id="merge-videos"] .video-merge-list,
html[data-theme="dark"] body[data-tool-id="merge"] .video-merge-list {
    background:transparent !important;
}

html[data-theme="dark"] body[data-tool-id="merge-videos"] .video-merge-item,
html[data-theme="dark"] body[data-tool-id="merge"] .video-merge-item {
    background:#11161f !important;
    border:1px solid #343b49 !important;
    color:#f5f7fb !important;
    box-shadow:none !important;
}


/* رقم المقطع */
html[data-theme="dark"] body[data-tool-id="merge-videos"] .video-merge-item > span,
html[data-theme="dark"] body[data-tool-id="merge"] .video-merge-item > span {
    background:#20283a !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* اسم الملف */
html[data-theme="dark"] body[data-tool-id="merge-videos"] .video-merge-item b,
html[data-theme="dark"] body[data-tool-id="merge"] .video-merge-item b {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}


/* حجم الملف */
html[data-theme="dark"] body[data-tool-id="merge-videos"] .video-merge-item small,
html[data-theme="dark"] body[data-tool-id="merge"] .video-merge-item small {
    color:#aeb9ca !important;
    -webkit-text-fill-color:#aeb9ca !important;
    opacity:1 !important;
}


/* أسهم الترتيب */
html[data-theme="dark"] body[data-tool-id="merge-videos"] .video-merge-item button,
html[data-theme="dark"] body[data-tool-id="merge"] .video-merge-item button {
    background:#202633 !important;
    border:1px solid #465064 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}


/* زر الحذف */
html[data-theme="dark"] body[data-tool-id="merge-videos"] .video-merge-item button.danger,
html[data-theme="dark"] body[data-tool-id="merge"] .video-merge-item button.danger {
    background:#2a171d !important;
    border-color:#71333e !important;
    color:#ff8b98 !important;
    -webkit-text-fill-color:#ff8b98 !important;
}


/* =========================================================
   الملاحظات أسفل الإعدادات
   ========================================================= */

html[data-theme="dark"] body[data-tool-id="merge-videos"] .video-note,
html[data-theme="dark"] body[data-tool-id="merge"] .video-note {
    background:#211b31 !important;
    border:1px solid #403657 !important;
    color:#d8d0eb !important;
    -webkit-text-fill-color:#d8d0eb !important;
    opacity:1 !important;
}


/* أي عناصر نصية داخل الملاحظة */
html[data-theme="dark"] body[data-tool-id="merge-videos"] .video-note *,
html[data-theme="dark"] body[data-tool-id="merge"] .video-note * {
    color:#d8d0eb !important;
    -webkit-text-fill-color:#d8d0eb !important;
    opacity:1 !important;
}


/* Labels */
html[data-theme="dark"] body[data-tool-id="merge-videos"] .video-controls-panel label,
html[data-theme="dark"] body[data-tool-id="merge"] .video-controls-panel label {
    color:#f1f4fa !important;
    -webkit-text-fill-color:#f1f4fa !important;
}


/* Select */
html[data-theme="dark"] body[data-tool-id="merge-videos"] .video-controls-panel select,
html[data-theme="dark"] body[data-tool-id="merge"] .video-controls-panel select {
    background:#10151d !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    border-color:#4a5568 !important;
}


/* حماية الصور والفيديو من أي تغيير */
html[data-theme="dark"] body[data-tool-id="merge-videos"] video,
html[data-theme="dark"] body[data-tool-id="merge-videos"] img,
html[data-theme="dark"] body[data-tool-id="merge"] video,
html[data-theme="dark"] body[data-tool-id="merge"] img {
    filter:none !important;
}



/* =========================================================
   NUJIZ — ALL VIDEO TOOLS
   DOWNLOAD / RESULT BUTTONS — DARK MODE
   ========================================================= */

/* أزرار وروابط التنزيل في جميع أدوات الفيديو */
html[data-theme="dark"] body[data-tool-scope="video"] a[download],
html[data-theme="dark"] body[data-tool-scope="video"] [id*="Download"],
html[data-theme="dark"] body[data-tool-scope="video"] [id*="download"],
html[data-theme="dark"] body[data-tool-scope="video"] [class*="download"],
html[data-theme="dark"] body[data-tool-scope="video"] [class*="Download"],

html[data-theme="dark"] body.tool-page a[download][href*="blob:"],
html[data-theme="dark"] body.tool-page a[download][href*="video"],
html[data-theme="dark"] body.tool-page .video-download-button,
html[data-theme="dark"] body.tool-page .video-download,
html[data-theme="dark"] body.tool-page .download-video {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}


/* النصوص داخل زر التنزيل */
html[data-theme="dark"] body[data-tool-scope="video"] [id*="Download"] *,
html[data-theme="dark"] body[data-tool-scope="video"] [id*="download"] *,
html[data-theme="dark"] body[data-tool-scope="video"] [class*="download"] *,
html[data-theme="dark"] body[data-tool-scope="video"] a[download] * {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}


/* SVG / أيقونة التنزيل */
html[data-theme="dark"] body[data-tool-scope="video"] [id*="Download"] svg,
html[data-theme="dark"] body[data-tool-scope="video"] [id*="download"] svg,
html[data-theme="dark"] body[data-tool-scope="video"] [class*="download"] svg,
html[data-theme="dark"] body[data-tool-scope="video"] a[download] svg {
    color:#f5f7fb !important;
    fill:currentColor !important;
    stroke:currentColor !important;
    opacity:1 !important;
}


/* زر التنزيل الداكن */
html[data-theme="dark"] body[data-tool-scope="video"] button[id*="Download"],
html[data-theme="dark"] body[data-tool-scope="video"] button[id*="download"],
html[data-theme="dark"] body[data-tool-scope="video"] a[id*="Download"],
html[data-theme="dark"] body[data-tool-scope="video"] a[id*="download"],
html[data-theme="dark"] body[data-tool-scope="video"] .video-download-button,
html[data-theme="dark"] body[data-tool-scope="video"] .download-video {
    background:#151b25 !important;
    border:1px solid #465166 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-weight:700 !important;
}


/* Hover */
html[data-theme="dark"] body[data-tool-scope="video"] button[id*="Download"]:hover,
html[data-theme="dark"] body[data-tool-scope="video"] button[id*="download"]:hover,
html[data-theme="dark"] body[data-tool-scope="video"] a[id*="Download"]:hover,
html[data-theme="dark"] body[data-tool-scope="video"] a[id*="download"]:hover,
html[data-theme="dark"] body[data-tool-scope="video"] .video-download-button:hover,
html[data-theme="dark"] body[data-tool-scope="video"] .download-video:hover {
    background:#20283a !important;
    border-color:#7251f5 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* =========================================================
   أزرار العودة / النتيجة الثانوية
   يمنع النص الأبيض فوق الخلفية البيضاء
   ========================================================= */

html[data-theme="dark"] body[data-tool-scope="video"] [class*="back-button"],
html[data-theme="dark"] body[data-tool-scope="video"] [class*="back-btn"],
html[data-theme="dark"] body[data-tool-scope="video"] [id*="Back"],
html[data-theme="dark"] body[data-tool-scope="video"] [id*="back"] {
    background:#171b24 !important;
    border:1px solid #465166 !important;
    color:#dce3ef !important;
    -webkit-text-fill-color:#dce3ef !important;
    opacity:1 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] [class*="back-button"] *,
html[data-theme="dark"] body[data-tool-scope="video"] [class*="back-btn"] *,
html[data-theme="dark"] body[data-tool-scope="video"] [id*="Back"] *,
html[data-theme="dark"] body[data-tool-scope="video"] [id*="back"] * {
    color:#dce3ef !important;
    -webkit-text-fill-color:#dce3ef !important;
    opacity:1 !important;
}


/* =========================================================
   Disabled
   يبقى واضحا ولكن يظهر أنه غير نشط
   ========================================================= */

html[data-theme="dark"] body[data-tool-scope="video"] button:disabled,
html[data-theme="dark"] body[data-tool-scope="video"] a[aria-disabled="true"] {
    color:#8f9bad !important;
    -webkit-text-fill-color:#8f9bad !important;
}


/* =========================================================
   NUJIZ — VIDEO DOWNLOAD BUTTON — FINAL DARK MODE FIX
   Applies to ALL shared video tools
   ========================================================= */

html[data-theme="dark"]
body[data-tool-scope="video"] .video-download-btn,
html[data-theme="dark"]
body[data-tool-scope="video"] #videoDownloadButton {
    background:#b8f52d !important;
    background-image:none !important;
    border:1px solid #b8f52d !important;

    color:#10151d !important;
    -webkit-text-fill-color:#10151d !important;

    opacity:1 !important;
    visibility:visible;
}

/* النص الحقيقي داخل الزر */
html[data-theme="dark"]
body[data-tool-scope="video"] .video-download-btn b,
html[data-theme="dark"]
body[data-tool-scope="video"] #videoDownloadButton b {
    color:#10151d !important;
    -webkit-text-fill-color:#10151d !important;
    opacity:1 !important;
    visibility:visible !important;
    font-weight:800 !important;
    text-shadow:none !important;
}

/* سهم التنزيل */
html[data-theme="dark"]
body[data-tool-scope="video"] .video-download-btn span,
html[data-theme="dark"]
body[data-tool-scope="video"] #videoDownloadButton span {
    color:#10151d !important;
    -webkit-text-fill-color:#10151d !important;
    opacity:1 !important;
    visibility:visible !important;
    font-weight:900 !important;
}

/* hover */
html[data-theme="dark"]
body[data-tool-scope="video"] .video-download-btn:hover,
html[data-theme="dark"]
body[data-tool-scope="video"] #videoDownloadButton:hover {
    background:#c8ff43 !important;
    border-color:#c8ff43 !important;
    color:#0b1016 !important;
}

/* لا تجعل النص باهتا بعد ظهور النتيجة */
html[data-theme="dark"]
body[data-tool-scope="video"] .video-download-btn.visible,
html[data-theme="dark"]
body[data-tool-scope="video"] #videoDownloadButton.visible {
    opacity:1 !important;
}

/* حماية الفيديو والصور */
html[data-theme="dark"]
body[data-tool-scope="video"] video,
html[data-theme="dark"]
body[data-tool-scope="video"] img,
html[data-theme="dark"]
body[data-tool-scope="video"] canvas {
    filter:none !important;
}


/* =========================================================
   NUJIZ — ALL VIDEO TOOLS
   BACK TO VIDEO BUTTON — DARK MODE
   ========================================================= */

html[data-theme="dark"]
body[data-tool-scope="video"] .video-preview-btn,
html[data-theme="dark"]
body[data-tool-scope="video"] #videoPreviewButton {
    background:#202632 !important;
    background-image:none !important;
    border:1px solid #465064 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

/* Back to video */
html[data-theme="dark"]
body[data-tool-scope="video"] .video-preview-btn b,
html[data-theme="dark"]
body[data-tool-scope="video"] #videoPreviewButton b {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
    font-weight:800 !important;
    text-shadow:none !important;
}

/* السهم */
html[data-theme="dark"]
body[data-tool-scope="video"] .video-preview-btn span,
html[data-theme="dark"]
body[data-tool-scope="video"] #videoPreviewButton span {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
    font-weight:900 !important;
}

/* عند ظهور الزر */
html[data-theme="dark"]
body[data-tool-scope="video"] .video-preview-btn.visible,
html[data-theme="dark"]
body[data-tool-scope="video"] #videoPreviewButton.visible {
    background:#202632 !important;
    border-color:#465064 !important;
    color:#f5f7fb !important;
    opacity:1 !important;
}

/* Hover */
html[data-theme="dark"]
body[data-tool-scope="video"] .video-preview-btn:hover,
html[data-theme="dark"]
body[data-tool-scope="video"] #videoPreviewButton:hover {
    background:#293140 !important;
    border-color:#7558ed !important;
}


/* =========================================================
   ALL VIDEO TOOLS — NUMBER INPUTS DARK MODE
   Start / End / Width / Height / Time / etc.
   ========================================================= */

html[data-theme="dark"]
body[data-tool-scope="video"]
.video-controls-panel input[type="number"],

html[data-theme="dark"]
body[data-tool-scope="video"]
.video-control-list input[type="number"],

html[data-theme="dark"]
body.video-tool-page
.video-controls-panel input[type="number"],

html[data-theme="dark"]
body.video-tool-page
.video-control-list input[type="number"] {
    background:#10151d !important;
    background-color:#10151d !important;

    border:1px solid #465166 !important;

    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;

    caret-color:#ffffff !important;

    opacity:1 !important;
    box-shadow:none !important;
}

/* Placeholder */
html[data-theme="dark"]
body[data-tool-scope="video"]
.video-controls-panel input[type="number"]::placeholder,
html[data-theme="dark"]
body[data-tool-scope="video"]
.video-control-list input[type="number"]::placeholder {
    color:#8f9bad !important;
    -webkit-text-fill-color:#8f9bad !important;
    opacity:1 !important;
}

/* Focus */
html[data-theme="dark"]
body[data-tool-scope="video"]
.video-controls-panel input[type="number"]:focus,
html[data-theme="dark"]
body[data-tool-scope="video"]
.video-control-list input[type="number"]:focus {
    background:#111823 !important;
    border-color:#7657f6 !important;
    outline:none !important;
    box-shadow:0 0 0 2px rgba(118,87,246,.18) !important;
}

/* Labels above numeric inputs */
html[data-theme="dark"]
body[data-tool-scope="video"]
.video-control-grid label,
html[data-theme="dark"]
body[data-tool-scope="video"]
.video-control-field label {
    color:#eef2f8 !important;
    -webkit-text-fill-color:#eef2f8 !important;
    opacity:1 !important;
}

/* Chrome number spinner icons */
html[data-theme="dark"]
body[data-tool-scope="video"]
input[type="number"] {
    color-scheme:dark !important;
}


/* =========================================================
   ADD VIDEO WATERMARK — DARK MODE FINAL
   ========================================================= */

/* Dynamic watermark controls */
html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoDynamicControls {
    color:#f5f7fb !important;
}

/* Any special container holding watermark mode controls */
html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoDynamicControls > div:has(#videoWatermarkMode),

html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoDynamicControls div:has(> #videoWatermarkMode) {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}


/* =========================================================
   TEXT / IMAGE-LOGO SELECTOR
   ========================================================= */

html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoDynamicControls button {
    background:#171b24 !important;
    border:1px solid #465064 !important;
    color:#eef2f8 !important;
    -webkit-text-fill-color:#eef2f8 !important;
    opacity:1 !important;
}

/* Selected mode */
html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoDynamicControls button.active,

html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoDynamicControls button[aria-pressed="true"] {
    background:#7251f5 !important;
    border-color:#8065f3 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* =========================================================
   WATERMARK TEXT
   ========================================================= */

html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoWatermarkText {
    background:#10151d !important;
    border:1px solid #465166 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    caret-color:#ffffff !important;
    opacity:1 !important;
}

html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoWatermarkText::placeholder {
    color:#8f9bad !important;
    -webkit-text-fill-color:#8f9bad !important;
    opacity:1 !important;
}


/* =========================================================
   POSITION / QUALITY SELECTS
   ========================================================= */

html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoWatermarkPosition,

html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoExportQuality {
    background:#10151d !important;
    border-color:#465166 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}


/* Keep colour swatch actual colour */
html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoWatermarkColor {
    background:#ffffff !important;
    border:1px solid #465166 !important;
    opacity:1 !important;
}


/* =========================================================
   LABELS / SIZE / OPACITY
   ========================================================= */

html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoDynamicControls label,

html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoDynamicControls strong,

html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoDynamicControls b {
    color:#eef2f8 !important;
    -webkit-text-fill-color:#eef2f8 !important;
    opacity:1 !important;
}

html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoDynamicControls p,

html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoDynamicControls small {
    color:#b7c0ce !important;
    -webkit-text-fill-color:#b7c0ce !important;
    opacity:1 !important;
}


/* =========================================================
   RESET WATERMARK POSITION
   ========================================================= */

html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoDynamicControls button:not(.active):hover {
    background:#222936 !important;
    border-color:#7251f5 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* =========================================================
   IMAGE / LOGO UPLOAD MODE
   ========================================================= */

/* File chooser generated after switching mode */
html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoDynamicControls label:has(input[type="file"]) {
    background:#11161f !important;
    border-color:#7657f6 !important;
    color:#f5f7fb !important;
}

/* Text inside upload card */
html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
#videoDynamicControls label:has(input[type="file"]) * {
    color:#dce2ec !important;
    -webkit-text-fill-color:#dce2ec !important;
    opacity:1 !important;
}


/* =========================================================
   NOTES
   ========================================================= */

html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
.video-note {
    background:#211b31 !important;
    border:1px solid #403657 !important;
    color:#d8d0eb !important;
    -webkit-text-fill-color:#d8d0eb !important;
    opacity:1 !important;
}


/* =========================================================
   PRIVACY
   ========================================================= */

html[data-theme="dark"]
body[data-tool-id="watermark"][data-tool-scope="video"]
.video-privacy-line {
    background:#11151d !important;
    border:1px solid #343b49 !important;
    color:#aeb7c6 !important;
    -webkit-text-fill-color:#aeb7c6 !important;
    opacity:1 !important;
}


/* =========================================================
   ALL VIDEO TOOLS — ERROR / WARNING MESSAGE
   ========================================================= */

/* Hide empty alert cleanly */
html[data-theme="dark"]
body[data-tool-scope="video"] .video-message:empty {
    display:none !important;
}

/* Visible warning */
html[data-theme="dark"]
body[data-tool-scope="video"] .video-message:not(:empty) {
    display:block !important;

    margin:16px 0 !important;
    padding:13px 16px !important;

    background:#2b181c !important;
    background-image:none !important;

    border:1px solid #7d3541 !important;
    border-inline-start:4px solid #ff6b7a !important;
    border-radius:12px !important;

    color:#ffd7dc !important;
    -webkit-text-fill-color:#ffd7dc !important;

    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.65 !important;

    opacity:1 !important;
    visibility:visible !important;

    box-shadow:0 8px 24px rgba(0,0,0,.16) !important;
}

/* Add clear warning icon */
html[data-theme="dark"]
body[data-tool-scope="video"] .video-message:not(:empty)::before {
    content:"⚠";
    display:inline-block;
    margin-inline-end:8px;

    color:#ff8b96 !important;
    -webkit-text-fill-color:#ff8b96 !important;

    font-size:16px !important;
    font-weight:900 !important;
}

/* Any nested text */
html[data-theme="dark"]
body[data-tool-scope="video"] .video-message:not(:empty) * {
    color:#ffd7dc !important;
    -webkit-text-fill-color:#ffd7dc !important;
    opacity:1 !important;
}

/* Light mode also gets a clearer warning */
html:not([data-theme="dark"])
body[data-tool-scope="video"] .video-message:not(:empty) {
    background:#fff4f5 !important;
    border:1px solid #f0b2ba !important;
    border-inline-start:4px solid #d94b5b !important;

    color:#8a2633 !important;
    -webkit-text-fill-color:#8a2633 !important;

    font-weight:700 !important;
    opacity:1 !important;
}


/* =========================================================
   CONCEAL VIDEO WATERMARK — CONSENT VISIBILITY
   ========================================================= */

html[data-theme="dark"]
body[data-tool-scope="video"]
.cleanmark-consent,

html[data-theme="dark"]
body[data-tool-scope="video"]
[class*="consent"] {
    background:#1b2530 !important;
    border:1px solid #46566b !important;
    color:#eef3fa !important;
    -webkit-text-fill-color:#eef3fa !important;
    opacity:1 !important;
}

/* Consent text */
html[data-theme="dark"]
body[data-tool-scope="video"]
.cleanmark-consent label,

html[data-theme="dark"]
body[data-tool-scope="video"]
.cleanmark-consent span,

html[data-theme="dark"]
body[data-tool-scope="video"]
.cleanmark-consent p,

html[data-theme="dark"]
body[data-tool-scope="video"]
[class*="consent"] label,

html[data-theme="dark"]
body[data-tool-scope="video"]
[class*="consent"] span,

html[data-theme="dark"]
body[data-tool-scope="video"]
[class*="consent"] p {
    color:#eef3fa !important;
    -webkit-text-fill-color:#eef3fa !important;
    opacity:1 !important;
    font-weight:600 !important;
}

/* Checkbox */
html[data-theme="dark"]
body[data-tool-scope="video"]
.cleanmark-consent input[type="checkbox"],

html[data-theme="dark"]
body[data-tool-scope="video"]
[class*="consent"] input[type="checkbox"] {
    accent-color:#7657f6 !important;
    opacity:1 !important;
}

/* When checked */
html[data-theme="dark"]
body[data-tool-scope="video"]
.cleanmark-consent:has(input[type="checkbox"]:checked),

html[data-theme="dark"]
body[data-tool-scope="video"]
[class*="consent"]:has(input[type="checkbox"]:checked) {
    background:#1d2a32 !important;
    border-color:#5e7188 !important;
}


/* =========================================================
   SMART CLEANMARK — RIGHTS CONFIRMATION
   FINAL DARK MODE FIX
   ========================================================= */

/* Exact consent container */
html[data-theme="dark"]
body[data-tool-scope="video"]
label:has(#smartRemoveRights),

html[data-theme="dark"]
body[data-tool-scope="video"]
div:has(> #smartRemoveRights) {
    background:#17212b !important;
    background-color:#17212b !important;
    border:1px solid #405267 !important;
    border-radius:10px !important;

    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;

    opacity:1 !important;
}

/* Exact text beside checkbox */
html[data-theme="dark"]
body[data-tool-scope="video"]
label:has(#smartRemoveRights) span,

html[data-theme="dark"]
body[data-tool-scope="video"]
label:has(#smartRemoveRights) p,

html[data-theme="dark"]
body[data-tool-scope="video"]
label:has(#smartRemoveRights) small,

html[data-theme="dark"]
body[data-tool-scope="video"]
label:has(#smartRemoveRights) strong,

html[data-theme="dark"]
body[data-tool-scope="video"]
label:has(#smartRemoveRights) b {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;

    opacity:1 !important;
    font-weight:600 !important;
    text-shadow:none !important;
}

/* If text is directly inside label */
html[data-theme="dark"]
body[data-tool-scope="video"]
label:has(#smartRemoveRights) {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    font-weight:600 !important;
}

/* Checkbox itself */
html[data-theme="dark"]
body[data-tool-scope="video"]
#smartRemoveRights {
    accent-color:#7657f6 !important;
    opacity:1 !important;
    filter:none !important;
}

/* Checked state */
html[data-theme="dark"]
body[data-tool-scope="video"]
label:has(#smartRemoveRights:checked) {
    background:#192832 !important;
    border-color:#637b96 !important;
}

/* Hover */
html[data-theme="dark"]
body[data-tool-scope="video"]
label:has(#smartRemoveRights):hover {
    background:#1b2833 !important;
    border-color:#52677e !important;
}


/* =========================================================
   PDF EDITOR TOOLBAR — DARK MODE
   ========================================================= */

html[data-theme="dark"] body.tool-page .pdf-editor-toolbar {
    background:#171b24 !important;
    border:1px solid #343b49 !important;
    color:#f5f7fb !important;
}

/* All editor buttons */
html[data-theme="dark"] body.tool-page
.pdf-editor-toolbar button:not(.pdf-save-btn) {
    background:#242a35 !important;
    background-color:#242a35 !important;
    border:1px solid #465166 !important;

    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;

    opacity:1 !important;
    box-shadow:none !important;
}

/* Make symbols very clear */
html[data-theme="dark"] body.tool-page
.pdf-editor-toolbar button[data-action] {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    font-weight:800 !important;
    opacity:1 !important;
}

/* Hover */
html[data-theme="dark"] body.tool-page
.pdf-editor-toolbar button:not(.pdf-save-btn):hover {
    background:#303849 !important;
    border-color:#7251f5 !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* Selected editing tool */
html[data-theme="dark"] body.tool-page
.pdf-editor-toolbar button.is-active:not(.pdf-save-btn) {
    background:#7251f5 !important;
    background-color:#7251f5 !important;
    border-color:#8b73ff !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    box-shadow:0 0 0 2px rgba(114,81,245,.18) !important;
}

/* Drawing and signature active state */
html[data-theme="dark"] body.tool-page
.pdf-editor-toolbar button[data-action="draw"].is-active,

html[data-theme="dark"] body.tool-page
.pdf-editor-toolbar button[data-action="sign"].is-active {
    background:#7251f5 !important;
    border-color:#8b73ff !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* Delete button — visually distinguish it */
html[data-theme="dark"] body.tool-page
.pdf-editor-toolbar button[data-action="delete"] {
    background:#2a1b20 !important;
    border-color:#6d3541 !important;
    color:#ff8d9a !important;
    -webkit-text-fill-color:#ff8d9a !important;
}

html[data-theme="dark"] body.tool-page
.pdf-editor-toolbar button[data-action="delete"]:hover {
    background:#3a2028 !important;
    border-color:#ff7182 !important;
    color:#ffd6dc !important;
    -webkit-text-fill-color:#ffd6dc !important;
}

/* Save button stays purple */
html[data-theme="dark"] body.tool-page
.pdf-editor-toolbar .pdf-save-btn {
    background:#7251f5 !important;
    background-color:#7251f5 !important;
    border-color:#7251f5 !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    opacity:1 !important;
    font-weight:800 !important;
}

/* Tooltip */
html[data-theme="dark"] body.tool-page
.pdf-editor-toolbar button[data-tooltip]::before {
    background:#0f131b !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border:1px solid #3d4656 !important;
}

/* Disabled */
html[data-theme="dark"] body.tool-page
.pdf-editor-toolbar button:disabled {
    background:#1d222c !important;
    color:#7f8999 !important;
    -webkit-text-fill-color:#7f8999 !important;
    border-color:#303744 !important;
    opacity:.65 !important;
}


/* =========================================================
   PDF SIGNATURE MODAL — DARK MODE
   ========================================================= */

html[data-theme="dark"] .pdf-signature-modal {
    background:rgba(4,7,13,.78) !important;
    backdrop-filter:blur(7px) !important;
}

/* Main signature dialog */
html[data-theme="dark"] .pdf-signature-modal .pdf-signature-box {
    background:#171b24 !important;
    background-color:#171b24 !important;
    border:1px solid #3b4352 !important;
    color:#f5f7fb !important;

    box-shadow:
        0 25px 80px rgba(0,0,0,.55),
        0 0 0 1px rgba(255,255,255,.02) !important;
}

/* Title */
html[data-theme="dark"]
.pdf-signature-modal
.pdf-signature-head strong {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
}

/* Description */
html[data-theme="dark"]
.pdf-signature-modal
.pdf-signature-box > p {
    color:#b9c2d0 !important;
    -webkit-text-fill-color:#b9c2d0 !important;
    opacity:1 !important;
}

/* Close X */
html[data-theme="dark"]
.pdf-signature-modal
.pdf-signature-head button {
    background:#252b37 !important;
    border:1px solid #3d4657 !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    opacity:1 !important;
}

html[data-theme="dark"]
.pdf-signature-modal
.pdf-signature-head button:hover {
    background:#343c4b !important;
    border-color:#7251f5 !important;
}

/*
   Keep drawing canvas white intentionally.
   This preserves dark signature strokes.
*/
html[data-theme="dark"]
.pdf-signature-modal
.pdf-signature-canvas {
    background:#ffffff !important;
    background-color:#ffffff !important;

    border:2px dashed #8170d9 !important;
    box-shadow:
        inset 0 0 0 1px rgba(114,81,245,.08),
        0 4px 15px rgba(0,0,0,.15) !important;
}

/* Clear button */
html[data-theme="dark"]
.pdf-signature-modal
.pdf-signature-actions button:not(.primary) {
    background:#252b37 !important;
    background-color:#252b37 !important;

    border:1px solid #465166 !important;

    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;

    opacity:1 !important;
    font-weight:800 !important;
}

html[data-theme="dark"]
.pdf-signature-modal
.pdf-signature-actions button:not(.primary):hover {
    background:#303849 !important;
    border-color:#7251f5 !important;
}

/* Add signature */
html[data-theme="dark"]
.pdf-signature-modal
.pdf-signature-actions .primary {
    background:#7251f5 !important;
    background-color:#7251f5 !important;

    border-color:#7251f5 !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    opacity:1 !important;
    font-weight:800 !important;

    box-shadow:0 8px 22px rgba(114,81,245,.25) !important;
}

html[data-theme="dark"]
.pdf-signature-modal
.pdf-signature-actions .primary:hover {
    background:#8165f7 !important;
    border-color:#8165f7 !important;
}


/* =========================================================
   UNLOCK PDF — DARK MODE
   ========================================================= */

html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-panel {
    background:#171b24 !important;
    background-color:#171b24 !important;
    border:1px solid #343d4d !important;
    color:#f5f7fb !important;
    box-shadow:0 18px 45px rgba(0,0,0,.28) !important;
}

/* Header */
html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-head h3 {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
}

html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-head p {
    color:#b9c3d2 !important;
    -webkit-text-fill-color:#b9c3d2 !important;
    opacity:1 !important;
}

/* Remove protection badge */
html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-kicker {
    background:#292240 !important;
    color:#a993ff !important;
    -webkit-text-fill-color:#a993ff !important;
    border:1px solid #493c73 !important;
    opacity:1 !important;
}

/* Uploaded file card */
html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-file {
    background:#111720 !important;
    background-color:#111720 !important;
    border:1px solid #394354 !important;
    color:#f5f7fb !important;
}

/* File name */
html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-file-copy strong {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

/* File size/type */
html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-file-copy small {
    color:#9da9ba !important;
    -webkit-text-fill-color:#9da9ba !important;
    opacity:1 !important;
}

/* PDF icon */
html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-file-icon {
    background:#7251f5 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* Field label */
html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-field > span {
    color:#dce3ed !important;
    -webkit-text-fill-color:#dce3ed !important;
    opacity:1 !important;
    font-weight:700 !important;
}

/* Password input */
html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-password-wrap {
    background:#0f141c !important;
    border-color:#465166 !important;
}

html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-password-wrap input {
    background:#0f141c !important;
    background-color:#0f141c !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    caret-color:#ffffff !important;
}

html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-password-wrap input::placeholder {
    color:#8e99aa !important;
    -webkit-text-fill-color:#8e99aa !important;
    opacity:1 !important;
}

/* Eye button */
html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-password-wrap button {
    background:#252c38 !important;
    border-color:#465166 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* Authorization notice */
html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-note {
    background:#18222d !important;
    background-color:#18222d !important;
    border:1px solid #3c4b5e !important;
}

html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-note p {
    color:#c7d0dd !important;
    -webkit-text-fill-color:#c7d0dd !important;
    opacity:1 !important;
}

/* Main button enabled */
html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-primary:not(:disabled) {
    background:linear-gradient(135deg,#6845f5,#825ef7) !important;
    border-color:#7657f6 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
}

/* Disabled button — still readable */
html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-primary:disabled {
    background:#303744 !important;
    background-color:#303744 !important;
    border-color:#424b5a !important;
    color:#aeb8c7 !important;
    -webkit-text-fill-color:#aeb8c7 !important;
    opacity:1 !important;
    cursor:not-allowed !important;
}

/* Status text */
html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-status {
    color:#b9c3d2 !important;
    -webkit-text-fill-color:#b9c3d2 !important;
    opacity:1 !important;
}

html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-status.is-error {
    color:#ff9ba7 !important;
    -webkit-text-fill-color:#ff9ba7 !important;
}

html[data-theme="dark"]
[data-pdf-tool="unlock-pdf"] .unlockpdf-status.is-success {
    color:#70e2ad !important;
    -webkit-text-fill-color:#70e2ad !important;
}


/* =========================================================
   PROTECT PDF — DARK MODE
   ========================================================= */

/* Main panel */
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-panel {
    background:#171b24 !important;
    background-color:#171b24 !important;
    border:1px solid #343d4d !important;
    color:#f5f7fb !important;
    box-shadow:0 18px 45px rgba(0,0,0,.30) !important;
}

/* Header */
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-head h3 {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
}

html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-head p {
    color:#b9c3d2 !important;
    -webkit-text-fill-color:#b9c3d2 !important;
    opacity:1 !important;
}

/* AES badge */
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-kicker {
    background:#292240 !important;
    border:1px solid #493c73 !important;
    color:#aa96ff !important;
    -webkit-text-fill-color:#aa96ff !important;
    opacity:1 !important;
}

/* Lock icon */
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-lock {
    background:#7251f5 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    box-shadow:0 10px 25px rgba(114,81,245,.28) !important;
}

/* Uploaded PDF */
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-file-card {
    background:#111720 !important;
    background-color:#111720 !important;
    border:1px solid #394354 !important;
    color:#f5f7fb !important;
}

html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-file-icon {
    background:#7251f5 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-file-copy strong {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-file-copy small {
    color:#9da9ba !important;
    -webkit-text-fill-color:#9da9ba !important;
    opacity:1 !important;
}

/* Password field labels */
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-fields label > span {
    color:#dce3ed !important;
    -webkit-text-fill-color:#dce3ed !important;
    opacity:1 !important;
    font-weight:700 !important;
}

/* Password containers */
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-password-wrap {
    background:#0f141c !important;
    background-color:#0f141c !important;
    border:1px solid #465166 !important;
}

/* Password inputs */
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-password-wrap input {
    background:#0f141c !important;
    background-color:#0f141c !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    caret-color:#ffffff !important;
}

html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-password-wrap input::placeholder {
    color:#929daf !important;
    -webkit-text-fill-color:#929daf !important;
    opacity:1 !important;
}

/* Focus */
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-password-wrap:focus-within {
    border-color:#8067f6 !important;
    box-shadow:0 0 0 3px rgba(114,81,245,.15) !important;
}

/* Eye buttons */
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-eye {
    background:#252c38 !important;
    border:1px solid #465166 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-eye:hover {
    background:#303849 !important;
    border-color:#7251f5 !important;
}

/* Password strength */
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-strength-head span,
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-strength-head strong {
    color:#dce3ed !important;
    -webkit-text-fill-color:#dce3ed !important;
    opacity:1 !important;
}

html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-strength-track {
    background:#2a303c !important;
    border:1px solid #343d4d !important;
}

/* Feature cards */
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-features > div {
    background:#18212b !important;
    background-color:#18212b !important;
    border:1px solid #3a4656 !important;
    color:#dce3ed !important;
}

html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-features span {
    color:#dce3ed !important;
    -webkit-text-fill-color:#dce3ed !important;
    opacity:1 !important;
}

html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-features b {
    opacity:1 !important;
}

/* Main button enabled */
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-primary:not(:disabled) {
    background:linear-gradient(135deg,#6845f5,#825ef7) !important;
    border-color:#7657f6 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
    box-shadow:0 9px 22px rgba(114,81,245,.25) !important;
}

/* Disabled button */
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-primary:disabled {
    background:#303744 !important;
    background-color:#303744 !important;
    border-color:#424b5a !important;
    color:#b6c0cf !important;
    -webkit-text-fill-color:#b6c0cf !important;
    opacity:1 !important;
    cursor:not-allowed !important;
}

/* Status */
html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-status {
    color:#b9c3d2 !important;
    -webkit-text-fill-color:#b9c3d2 !important;
    opacity:1 !important;
}

html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-status.is-error {
    color:#ff9ba7 !important;
    -webkit-text-fill-color:#ff9ba7 !important;
}

html[data-theme="dark"]
[data-pdf-tool="protect-pdf"] .protectpdf-status.is-success {
    color:#70e2ad !important;
    -webkit-text-fill-color:#70e2ad !important;
}


/* =========================================================
   ALL PDF TOOLS — CUSTOM PANELS / CARDS — DARK MODE
   ========================================================= */

/* Main generated settings panels */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] :where(
    [class$="-panel"],
    [class*="pdf-panel"]
) {
    background:#171b24 !important;
    background-color:#171b24 !important;
    border-color:#343d4d !important;
    color:#f5f7fb !important;
}

/* Headings inside PDF custom panels */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] :where(
    [class$="-panel"],
    [class*="pdf-panel"]
) :where(h2,h3,h4,strong) {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

/* Normal descriptions */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] :where(
    [class$="-panel"],
    [class*="pdf-panel"]
) p {
    color:#b8c2d0 !important;
    -webkit-text-fill-color:#b8c2d0 !important;
    opacity:1 !important;
}

/* Labels */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] label > span {
    color:#dce3ed !important;
    -webkit-text-fill-color:#dce3ed !important;
    opacity:1 !important;
}

/* Uploaded file cards / inner option cards */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] :where(
    [class$="-file-card"],
    [class*="-file-card"],
    [class$="-option-card"],
    [class$="-setting-card"],
    [class$="-settings-card"],
    [class$="-preview-card"]
) {
    background:#111720 !important;
    background-color:#111720 !important;
    border-color:#394354 !important;
    color:#f5f7fb !important;
}

/* File names */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] :where(
    [class*="-file-copy"],
    [class*="-file-info"]
) strong {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

/* File metadata */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] :where(
    [class*="-file-copy"],
    [class*="-file-info"]
) small {
    color:#99a5b7 !important;
    -webkit-text-fill-color:#99a5b7 !important;
    opacity:1 !important;
}

/* Text/password/number inputs */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] input:is(
    [type="text"],
    [type="password"],
    [type="number"],
    [type="email"],
    [type="url"]
),
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] textarea,
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] select {
    background:#0f141c !important;
    background-color:#0f141c !important;
    border-color:#465166 !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    caret-color:#ffffff !important;
    color-scheme:dark !important;
}

/* Placeholder */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] input::placeholder,
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] textarea::placeholder {
    color:#8f9bad !important;
    -webkit-text-fill-color:#8f9bad !important;
    opacity:1 !important;
}

/* Focus */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] input:focus,
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] textarea:focus,
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] select:focus {
    border-color:#8067f6 !important;
    outline:none !important;
    box-shadow:0 0 0 3px rgba(114,81,245,.15) !important;
}

/* Feature / information mini cards */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] :where(
    [class$="-features"],
    [class*="-features"]
) > div {
    background:#18212b !important;
    background-color:#18212b !important;
    border-color:#3a4656 !important;
    color:#dce3ed !important;
}

html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] :where(
    [class$="-features"],
    [class*="-features"]
) span {
    color:#dce3ed !important;
    -webkit-text-fill-color:#dce3ed !important;
    opacity:1 !important;
}

/* Notes / warnings */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] :where(
    [class$="-note"],
    [class*="-notice"],
    [class*="-hint"]
) {
    background:#18222d !important;
    background-color:#18222d !important;
    border-color:#3c4b5e !important;
    color:#c7d0dd !important;
}

html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] :where(
    [class$="-note"],
    [class*="-notice"],
    [class*="-hint"]
) :where(p,span,small) {
    color:#c7d0dd !important;
    -webkit-text-fill-color:#c7d0dd !important;
    opacity:1 !important;
}

/* Secondary buttons */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] button:not(
    .pdf-main-btn,
    .pdf-save-btn,
    [class*="primary"]
) {
    border-color:#465166;
}

/* Generic primary buttons */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] button[class*="primary"]:not(:disabled) {
    background:linear-gradient(135deg,#6845f5,#825ef7) !important;
    border-color:#7657f6 !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    opacity:1 !important;
}

/* Disabled action button remains readable */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] button[class*="primary"]:disabled {
    background:#303744 !important;
    background-color:#303744 !important;
    border-color:#424b5a !important;

    color:#b6c0cf !important;
    -webkit-text-fill-color:#b6c0cf !important;

    opacity:1 !important;
}

/* Status messages */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] [class$="-status"] {
    color:#b9c3d2 !important;
    -webkit-text-fill-color:#b9c3d2 !important;
    opacity:1 !important;
}

html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] [class$="-status"].is-error {
    color:#ff9ba7 !important;
    -webkit-text-fill-color:#ff9ba7 !important;
}

html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] [class$="-status"].is-success {
    color:#70e2ad !important;
    -webkit-text-fill-color:#70e2ad !important;
}

/* Small badges / kickers */
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] :where(
    [class$="-kicker"],
    [class*="-badge"]
) {
    color:#aa96ff !important;
    -webkit-text-fill-color:#aa96ff !important;
    opacity:1 !important;
}

/*
   IMPORTANT:
   Do not modify main PDF upload area or rendered PDF pages.
*/
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] .pdf-drop {
    /* keep existing global upload styling */
}

html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] canvas,
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] iframe,
html[data-theme="dark"]
.pdf-workspace[data-pdf-tool] embed {
    filter:none !important;
}


/* =========================================================
   NUJIZ — GLOBAL REMOVE / DELETE BUTTONS
   Dark Mode
   ========================================================= */

html[data-theme="dark"] :where(
    body.tool-page,
    body[data-tool-page="true"],
    .pdf-workspace[data-pdf-tool]
) :where(
    #removeFile,
    #videoRemoveFile,
    .video-remove-btn,
    .text-btn#removeFile,

    button[data-action="delete"],
    button[data-action="remove"],
    button[data-delete],
    button[data-remove],

    button[class~="delete-btn"],
    button[class~="remove-btn"],
    button[class$="-delete-btn"],
    button[class$="-remove-btn"],

    button[class*="item-delete"],
    button[class*="item-remove"],
    button[class*="file-delete"],
    button[class*="file-remove"],
    button[class*="page-delete"],
    button[class*="page-remove"],

    button[aria-label*="delete" i],
    button[aria-label*="remove" i],
    button[title*="delete" i],
    button[title*="remove" i]
) {
    background:#3a1f27 !important;
    background-color:#3a1f27 !important;

    border:1px solid #8b3c4d !important;
    border-radius:9px !important;

    color:#ff9daa !important;
    -webkit-text-fill-color:#ff9daa !important;

    opacity:1 !important;
    visibility:visible !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.02),
        0 3px 10px rgba(0,0,0,.16) !important;

    font-weight:800 !important;
    text-shadow:none !important;
}

/* Icons/SVG inside delete buttons */
html[data-theme="dark"] :where(
    body.tool-page,
    body[data-tool-page="true"],
    .pdf-workspace[data-pdf-tool]
) :where(
    #removeFile,
    #videoRemoveFile,
    button[data-action="delete"],
    button[data-action="remove"],
    button[data-delete],
    button[data-remove],
    button[class$="-delete-btn"],
    button[class$="-remove-btn"],
    button[class*="item-delete"],
    button[class*="item-remove"],
    button[aria-label*="delete" i],
    button[aria-label*="remove" i],
    button[title*="delete" i],
    button[title*="remove" i]
) :where(svg,path,i,span,b) {
    color:#ff9daa !important;
    -webkit-text-fill-color:#ff9daa !important;
    fill:currentColor !important;
    stroke:currentColor !important;
    opacity:1 !important;
}

/* Hover */
html[data-theme="dark"] :where(
    body.tool-page,
    body[data-tool-page="true"],
    .pdf-workspace[data-pdf-tool]
) :where(
    #removeFile,
    #videoRemoveFile,
    .video-remove-btn,
    button[data-action="delete"],
    button[data-action="remove"],
    button[data-delete],
    button[data-remove],
    button[class$="-delete-btn"],
    button[class$="-remove-btn"],
    button[class*="item-delete"],
    button[class*="item-remove"],
    button[class*="file-delete"],
    button[class*="file-remove"],
    button[aria-label*="delete" i],
    button[aria-label*="remove" i],
    button[title*="delete" i],
    button[title*="remove" i]
):hover {
    background:#b93e54 !important;
    background-color:#b93e54 !important;

    border-color:#e8677c !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    transform:translateY(-1px);
}

/* Hover icon */
html[data-theme="dark"] :where(
    body.tool-page,
    body[data-tool-page="true"],
    .pdf-workspace[data-pdf-tool]
) :where(
    button[data-action="delete"],
    button[data-action="remove"],
    button[data-delete],
    button[data-remove],
    button[class$="-delete-btn"],
    button[class$="-remove-btn"],
    button[class*="item-delete"],
    button[class*="item-remove"],
    button[aria-label*="delete" i],
    button[aria-label*="remove" i]
):hover :where(svg,path,i,span,b) {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    fill:currentColor !important;
    stroke:currentColor !important;
}

/* =========================================================
   LIGHT MODE — same destructive meaning
   ========================================================= */

html:not([data-theme="dark"]) :where(
    body.tool-page,
    body[data-tool-page="true"],
    .pdf-workspace[data-pdf-tool]
) :where(
    #removeFile,
    #videoRemoveFile,
    .video-remove-btn,
    button[data-action="delete"],
    button[data-action="remove"],
    button[data-delete],
    button[data-remove],
    button[class$="-delete-btn"],
    button[class$="-remove-btn"],
    button[class*="item-delete"],
    button[class*="item-remove"],
    button[class*="file-delete"],
    button[class*="file-remove"],
    button[aria-label*="delete" i],
    button[aria-label*="remove" i],
    button[title*="delete" i],
    button[title*="remove" i]
) {
    background:#fff0f2 !important;
    border:1px solid #ef9eaa !important;

    color:#b4233b !important;
    -webkit-text-fill-color:#b4233b !important;

    opacity:1 !important;
    font-weight:800 !important;
}

html:not([data-theme="dark"]) :where(
    body.tool-page,
    body[data-tool-page="true"],
    .pdf-workspace[data-pdf-tool]
) :where(
    #removeFile,
    #videoRemoveFile,
    .video-remove-btn,
    button[data-action="delete"],
    button[data-action="remove"],
    button[data-delete],
    button[data-remove],
    button[class$="-delete-btn"],
    button[class$="-remove-btn"],
    button[class*="item-delete"],
    button[class*="item-remove"],
    button[aria-label*="delete" i],
    button[aria-label*="remove" i]
):hover {
    background:#c43f55 !important;
    border-color:#c43f55 !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* =========================================================
   NUJIZ — PDF TO IMAGES — DARK MODE FINAL
   ========================================================= */

html[data-theme="dark"] body.tool-page .pti-card,
html[data-theme="dark"] body[data-tool-page="true"] .pti-card {
    background:#171b24 !important;
    border:1px solid #343b49 !important;
    color:#f5f7fb !important;
    box-shadow:0 18px 45px rgba(0,0,0,.28) !important;
}

/* Heading */
html[data-theme="dark"] .pti-heading h2 {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

html[data-theme="dark"] .pti-heading p {
    color:#b8c2d1 !important;
    -webkit-text-fill-color:#b8c2d1 !important;
    opacity:1 !important;
}

/* File information */
html[data-theme="dark"] .pti-file {
    background:#11161f !important;
    border:1px solid #343b49 !important;
    color:#f5f7fb !important;
}

html[data-theme="dark"] .pti-file strong {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"] .pti-file span {
    color:#aeb9c9 !important;
    -webkit-text-fill-color:#aeb9c9 !important;
}

/* Field labels */
html[data-theme="dark"] .pti-grid label > span {
    color:#d9e0ea !important;
    -webkit-text-fill-color:#d9e0ea !important;
    opacity:1 !important;
    font-weight:700 !important;
}

/* Selects and custom page input */
html[data-theme="dark"] .pti-grid select,
html[data-theme="dark"] .pti-grid input {
    background:#10151d !important;
    border:1px solid #465166 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    color-scheme:dark !important;
}

html[data-theme="dark"] .pti-grid input::placeholder {
    color:#8995a8 !important;
    -webkit-text-fill-color:#8995a8 !important;
    opacity:1 !important;
}

/* Preview section */
html[data-theme="dark"] .pti-preview-wrap {
    background:#141922 !important;
    border-top:1px solid #343b49 !important;
    border-bottom:1px solid #343b49 !important;
}

html[data-theme="dark"] .pti-preview-title,
html[data-theme="dark"] .pti-preview-title strong {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

html[data-theme="dark"] .pti-preview-title span {
    color:#aeb9c9 !important;
    -webkit-text-fill-color:#aeb9c9 !important;
    opacity:1 !important;
}

html[data-theme="dark"] .pti-preview {
    background:#141922 !important;
}

/* Keep actual PDF thumbnails untouched */
html[data-theme="dark"] .pti-preview canvas,
html[data-theme="dark"] .pti-preview img {
    background:#fff !important;
    filter:none !important;
}

/* Page captions and dynamically generated text */
html[data-theme="dark"] .pti-preview *:not(canvas):not(img) {
    color:#cbd4e1 !important;
}

/* Progress */
html[data-theme="dark"] .pti-progress-wrap {
    color:#d9e0ea !important;
}

html[data-theme="dark"] .pti-progress {
    background:#2a303c !important;
}

html[data-theme="dark"] #ptiStatus {
    color:#cbd4e1 !important;
    -webkit-text-fill-color:#cbd4e1 !important;
}

/* Main action stays purple */
html[data-theme="dark"] .pti-convert,
html[data-theme="dark"] #ptiConvert {
    background:linear-gradient(135deg,#6841f5,#8758ff) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    border-color:transparent !important;
}

/* Disabled state remains readable */
html[data-theme="dark"] .pti-convert:disabled,
html[data-theme="dark"] #ptiConvert:disabled {
    background:#3a404c !important;
    color:#aeb7c5 !important;
    -webkit-text-fill-color:#aeb7c5 !important;
    opacity:1 !important;
}

/* Icon remains purple */
html[data-theme="dark"] .pti-icon {
    background:#7448ff !important;
}

/* Prevent faded text inherited from light theme */
html[data-theme="dark"] .pti-card h2,
html[data-theme="dark"] .pti-card strong,
html[data-theme="dark"] .pti-card label,
html[data-theme="dark"] .pti-card p,
html[data-theme="dark"] .pti-card span {
    opacity:1;
}


/* =========================================================
   ADD PDF WATERMARK — DARK MODE FINAL
   ========================================================= */

html[data-theme="dark"] .pdfwm-panel {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}

/* Header */
html[data-theme="dark"] .pdfwm-head h3 {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"] .pdfwm-head p {
    color:#aeb9c9 !important;
    -webkit-text-fill-color:#aeb9c9 !important;
}

html[data-theme="dark"] .pdfwm-kicker {
    color:#a98aff !important;
    -webkit-text-fill-color:#a98aff !important;
}

/* Page badge */
html[data-theme="dark"] .pdfwm-page-badge {
    background:#202631 !important;
    border-color:#414a5a !important;
}

html[data-theme="dark"] .pdfwm-page-badge strong {
    color:#f5f7fb !important;
}

html[data-theme="dark"] .pdfwm-page-badge span {
    color:#aeb9c9 !important;
}

/* Left document workspace - dark shell only */
html[data-theme="dark"] .pdfwm-document {
    background:#11161f !important;
    border-color:#343b49 !important;
}

html[data-theme="dark"] .pdfwm-toolbar {
    background:#171c25 !important;
    border-color:#343b49 !important;
}

html[data-theme="dark"] .pdfwm-toolbar button {
    background:#272e3a !important;
    border-color:#465166 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"] .pdfwm-toolbar span {
    color:#d6deea !important;
}

/* Keep the real PDF page white */
html[data-theme="dark"] .pdfwm-preview {
    background:#252b35 !important;
}

html[data-theme="dark"] .pdfwm-preview canvas {
    background:#fff !important;
    filter:none !important;
}

/* RIGHT SETTINGS PANEL */
html[data-theme="dark"] .pdfwm-controls {
    background:#171b24 !important;
    border:1px solid #343b49 !important;
    color:#f5f7fb !important;
}

/* Text / Image tabs */
html[data-theme="dark"] .pdfwm-tabs {
    background:#11161f !important;
    border-color:#343b49 !important;
}

html[data-theme="dark"] .pdfwm-tabs button {
    background:#202631 !important;
    border-color:#465166 !important;
    color:#d6deea !important;
    -webkit-text-fill-color:#d6deea !important;
    opacity:1 !important;
}

html[data-theme="dark"] .pdfwm-tabs button.active {
    background:#6f49f7 !important;
    border-color:#825fff !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

/* ALL labels */
html[data-theme="dark"] .pdfwm-controls label,
html[data-theme="dark"] .pdfwm-controls label > span {
    color:#dce3ed !important;
    -webkit-text-fill-color:#dce3ed !important;
    opacity:1 !important;
}

/* Textarea / numbers / selects */
html[data-theme="dark"] .pdfwm-controls textarea,
html[data-theme="dark"] .pdfwm-controls input[type="text"],
html[data-theme="dark"] .pdfwm-controls input[type="number"],
html[data-theme="dark"] .pdfwm-controls select {
    background:#0f141c !important;
    border:1px solid #465166 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
    color-scheme:dark !important;
}

html[data-theme="dark"] .pdfwm-controls textarea::placeholder,
html[data-theme="dark"] .pdfwm-controls input::placeholder {
    color:#8996aa !important;
    -webkit-text-fill-color:#8996aa !important;
    opacity:1 !important;
}

/* Color picker */
html[data-theme="dark"] .pdfwm-controls input[type="color"] {
    background:#10151d !important;
    border-color:#465166 !important;
}

/* Range controls */
html[data-theme="dark"] .pdfwm-controls input[type="range"] {
    accent-color:#7651f7 !important;
}

/* Grid */
html[data-theme="dark"] .pdfwm-grid {
    color:#f5f7fb !important;
}

/* Image watermark upload */
html[data-theme="dark"] .pdfwm-upload {
    background:#11161f !important;
    border-color:#596477 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"] .pdfwm-upload small {
    color:#aeb9c9 !important;
    -webkit-text-fill-color:#aeb9c9 !important;
}

/* Uploaded watermark image preview */
html[data-theme="dark"] .pdfwm-image-preview {
    background:#11161f !important;
    border-color:#343b49 !important;
}

/* Do not alter uploaded logo/image */
html[data-theme="dark"] .pdfwm-image-preview img {
    filter:none !important;
}

/* Apply to all pages */
html[data-theme="dark"] .pdfwm-all-pages {
    background:#11161f !important;
    border:1px solid #3d4656 !important;
    color:#f5f7fb !important;
}

html[data-theme="dark"] .pdfwm-all-pages span {
    color:#dce3ed !important;
    -webkit-text-fill-color:#dce3ed !important;
    opacity:1 !important;
}

html[data-theme="dark"] .pdfwm-all-pages input[type="checkbox"] {
    accent-color:#7651f7 !important;
}

/* Primary button */
html[data-theme="dark"] .pdfwm-primary {
    background:linear-gradient(135deg,#6841f5,#8758ff) !important;
    border-color:transparent !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    opacity:1 !important;
}

html[data-theme="dark"] .pdfwm-primary:disabled {
    background:#353c48 !important;
    color:#aab4c3 !important;
    -webkit-text-fill-color:#aab4c3 !important;
    opacity:1 !important;
}

/* Status */
html[data-theme="dark"] .pdfwm-status {
    color:#b9c4d3 !important;
    -webkit-text-fill-color:#b9c4d3 !important;
    opacity:1 !important;
}

/* Catch faded inherited text specifically inside this tool */
html[data-theme="dark"] .pdfwm-controls strong,
html[data-theme="dark"] .pdfwm-controls b,
html[data-theme="dark"] .pdfwm-controls p,
html[data-theme="dark"] .pdfwm-controls small {
    opacity:1 !important;
}


/* =========================================================
   NUJIZ — ADD TEXT TO PDF — DARK MODE FINAL
   ========================================================= */

/* Main tool panel */
html[data-theme="dark"] .pdf-workspace[data-pdf-tool="add-text-to-pdf"] .addtext-pdf-panel {
    background:#171b24 !important;
    border:1px solid #343b49 !important;
    color:#f5f7fb !important;
    box-shadow:0 18px 45px rgba(0,0,0,.25) !important;
}

/* Header */
html[data-theme="dark"] .addtext-head h3 {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

html[data-theme="dark"] .addtext-head p {
    color:#b6c0cf !important;
    -webkit-text-fill-color:#b6c0cf !important;
    opacity:1 !important;
}

html[data-theme="dark"] .addtext-kicker {
    color:#a98aff !important;
    -webkit-text-fill-color:#a98aff !important;
}

/* Page badge */
html[data-theme="dark"] .addtext-page-badge {
    background:#202631 !important;
    border:1px solid #414a5a !important;
}

html[data-theme="dark"] .addtext-page-badge strong {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"] .addtext-page-badge span {
    color:#aeb9c9 !important;
    -webkit-text-fill-color:#aeb9c9 !important;
}

/* PDF preview shell */
html[data-theme="dark"] .addtext-preview-wrap {
    background:#11161f !important;
    border:1px solid #343b49 !important;
}

html[data-theme="dark"] .addtext-preview-toolbar {
    background:#171c25 !important;
    border-color:#343b49 !important;
}

html[data-theme="dark"] .addtext-preview-toolbar button {
    background:#272e3a !important;
    border:1px solid #465166 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"] .addtext-preview-toolbar button:disabled {
    background:#252b35 !important;
    color:#7f8998 !important;
    -webkit-text-fill-color:#7f8998 !important;
}

html[data-theme="dark"] .addtext-preview-toolbar span {
    color:#d6deea !important;
    -webkit-text-fill-color:#d6deea !important;
}

/* Preview area */
html[data-theme="dark"] .addtext-preview-stage {
    background:#252b35 !important;
}

/* Actual PDF page must stay white */
html[data-theme="dark"] .addtext-preview-stage canvas {
    background:#fff !important;
    filter:none !important;
}

/* RIGHT CONTROL PANEL */
html[data-theme="dark"] .pdf-workspace[data-pdf-tool="add-text-to-pdf"] .addtext-controls {
    background:#151a23 !important;
    border:1px solid #343b49 !important;
    color:#f5f7fb !important;
}

/* Labels */
html[data-theme="dark"] .addtext-controls label,
html[data-theme="dark"] .addtext-controls label > span {
    color:#dce3ed !important;
    -webkit-text-fill-color:#dce3ed !important;
    opacity:1 !important;
    font-weight:700 !important;
}

/* Textarea */
html[data-theme="dark"] .addtext-controls textarea {
    background:#0f141c !important;
    border:1px solid #465166 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
    color-scheme:dark !important;
}

html[data-theme="dark"] .addtext-controls textarea::placeholder {
    color:#9aa6b8 !important;
    -webkit-text-fill-color:#9aa6b8 !important;
    opacity:1 !important;
}

/* Number + select fields */
html[data-theme="dark"] .addtext-controls input[type="number"],
html[data-theme="dark"] .addtext-controls select {
    background:#0f141c !important;
    border:1px solid #465166 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    color-scheme:dark !important;
    opacity:1 !important;
}

/* Focus */
html[data-theme="dark"] .addtext-controls textarea:focus,
html[data-theme="dark"] .addtext-controls input:focus,
html[data-theme="dark"] .addtext-controls select:focus {
    border-color:#8060ff !important;
    box-shadow:0 0 0 3px rgba(128,96,255,.15) !important;
    outline:none !important;
}

/* Color picker */
html[data-theme="dark"] .addtext-controls input[type="color"] {
    background:#10151d !important;
    border:1px solid #465166 !important;
}

/* Position/settings grid */
html[data-theme="dark"] .addtext-control-grid {
    color:#f5f7fb !important;
}

/* Add to all pages */
html[data-theme="dark"] .addtext-all-pages {
    background:#11161f !important;
    border:1px solid #3d4656 !important;
    color:#f5f7fb !important;
}

html[data-theme="dark"] .addtext-all-pages span {
    color:#dce3ed !important;
    -webkit-text-fill-color:#dce3ed !important;
    opacity:1 !important;
}

html[data-theme="dark"] .addtext-all-pages input[type="checkbox"] {
    accent-color:#7651f7 !important;
}

/* Main action */
html[data-theme="dark"] .addtext-primary {
    background:linear-gradient(135deg,#6841f5,#8758ff) !important;
    border-color:transparent !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    opacity:1 !important;
}

html[data-theme="dark"] .addtext-primary:hover:not(:disabled) {
    filter:brightness(1.08) !important;
}

html[data-theme="dark"] .addtext-primary:disabled {
    background:#353c48 !important;
    color:#aeb7c5 !important;
    -webkit-text-fill-color:#aeb7c5 !important;
    opacity:1 !important;
}

/* Status/help text */
html[data-theme="dark"] .addtext-status {
    color:#b9c4d3 !important;
    -webkit-text-fill-color:#b9c4d3 !important;
    opacity:1 !important;
}

/* Remove any faded inherited text */
html[data-theme="dark"] .addtext-controls p,
html[data-theme="dark"] .addtext-controls small,
html[data-theme="dark"] .addtext-controls strong,
html[data-theme="dark"] .addtext-controls b {
    color:#c4cedb !important;
    -webkit-text-fill-color:#c4cedb !important;
    opacity:1 !important;
}


/* =========================================================
   NUJIZ — MERGE PDF — DARK MODE
   ========================================================= */

html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-pdf-panel {
    background: transparent !important;
}

/* قائمة الملفات */
html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-pdf-list {
    background: transparent !important;
}

/* بطاقة كل ملف */
html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-pdf-item {
    background: #171b24 !important;
    border: 1px solid #343b49 !important;
    box-shadow: none !important;
    color: #f5f7fb !important;
}

html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-pdf-item:hover {
    background: #1c212c !important;
    border-color: #59657a !important;
}

/* اسم الملف */
html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-file-info,
html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-file-info strong {
    color: #f5f7fb !important;
    -webkit-text-fill-color: #f5f7fb !important;
    opacity: 1 !important;
}

/* حجم الملف */
html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-file-info small {
    color: #aeb8c8 !important;
    -webkit-text-fill-color: #aeb8c8 !important;
    opacity: 1 !important;
}

/* أزرار التحريك */
html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-file-controls button {
    background: #242a36 !important;
    border: 1px solid #465166 !important;
    color: #f5f7fb !important;
    -webkit-text-fill-color: #f5f7fb !important;
    box-shadow: none !important;
}

html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-file-controls button:hover:not(:disabled) {
    background: #303746 !important;
    border-color: #68758b !important;
}

/* زر الحذف */
html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-file-controls button[data-remove] {
    background: #351d24 !important;
    border-color: #7d3541 !important;
    color: #ff9ba7 !important;
    -webkit-text-fill-color: #ff9ba7 !important;
}

html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-file-controls button[data-remove]:hover {
    background: #48232c !important;
    border-color: #ff6b7a !important;
}

/* الزر المعطل */
html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-file-controls button:disabled {
    background: #20252f !important;
    border-color: #303744 !important;
    color: #697487 !important;
    -webkit-text-fill-color: #697487 !important;
    opacity: .7 !important;
}

/* زر Add PDF files */
html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-pdf-actions button:not(:first-child) {
    background: #202630 !important;
    border: 1px solid #465166 !important;
    color: #d9cfff !important;
    -webkit-text-fill-color: #d9cfff !important;
}

html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-pdf-actions button:not(:first-child):hover {
    background: #292f3c !important;
    border-color: #7657f6 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* زر Merge الرئيسي يبقى بنفسجي */
html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-pdf-actions button:first-child {
    background: linear-gradient(135deg,#7047f5,#8a5cf6) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* رسالة الحالة */
html[data-theme="dark"] [data-pdf-tool="merge-pdf"] .merge-pdf-status {
    color: #c2cad7 !important;
    -webkit-text-fill-color: #c2cad7 !important;
}


/* =========================================================
   MERGE PDF — ADD PDF FILES BUTTON — FINAL FIX
   ========================================================= */

html[data-theme="dark"]
[data-pdf-tool="merge-pdf"]
.merge-pdf-actions > :nth-child(2) {
    background:#202630 !important;
    background-color:#202630 !important;

    border:1px solid #7657f6 !important;
    border-radius:10px !important;

    color:#d9cfff !important;
    -webkit-text-fill-color:#d9cfff !important;

    opacity:1 !important;
    box-shadow:none !important;

    font-weight:800 !important;
    cursor:pointer !important;
}

/* Any text/icon inside */
html[data-theme="dark"]
[data-pdf-tool="merge-pdf"]
.merge-pdf-actions > :nth-child(2) * {
    color:#d9cfff !important;
    -webkit-text-fill-color:#d9cfff !important;
    fill:currentColor !important;
    stroke:currentColor !important;
    opacity:1 !important;
}

/* Hover */
html[data-theme="dark"]
[data-pdf-tool="merge-pdf"]
.merge-pdf-actions > :nth-child(2):hover {
    background:#2b2340 !important;
    background-color:#2b2340 !important;

    border-color:#956fff !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    box-shadow:0 0 0 3px rgba(118,87,246,.13) !important;
}

html[data-theme="dark"]
[data-pdf-tool="merge-pdf"]
.merge-pdf-actions > :nth-child(2):hover * {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    fill:currentColor !important;
    stroke:currentColor !important;
}

/* If the file input itself sits inside the second control */
html[data-theme="dark"]
[data-pdf-tool="merge-pdf"]
.merge-pdf-actions > :nth-child(2) input[type="file"] {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* First action remains purple */
html[data-theme="dark"]
[data-pdf-tool="merge-pdf"]
.merge-pdf-actions > :first-child {
    background:linear-gradient(135deg,#6841f5,#8758ff) !important;
    border-color:transparent !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* =========================================================
   MERGE PDF — ADD PDF FILES — HARD FINAL FIX
   ========================================================= */

html[data-theme="dark"]
body
[data-pdf-tool="merge-pdf"]
.merge-pdf-actions button:last-of-type,

html[data-theme="dark"]
body
[data-pdf-tool="merge-pdf"]
.merge-pdf-actions button + button {
    appearance:none !important;
    -webkit-appearance:none !important;

    background:#202630 !important;
    background-color:#202630 !important;
    background-image:none !important;

    border:1px solid #7657f6 !important;
    border-radius:10px !important;

    color:#d9cfff !important;
    -webkit-text-fill-color:#d9cfff !important;

    opacity:1 !important;
    box-shadow:none !important;

    font-weight:800 !important;
    text-shadow:none !important;
}

/* Content inside second action */
html[data-theme="dark"]
body
[data-pdf-tool="merge-pdf"]
.merge-pdf-actions button:last-of-type * {
    color:#d9cfff !important;
    -webkit-text-fill-color:#d9cfff !important;
    fill:currentColor !important;
    stroke:currentColor !important;
    opacity:1 !important;
}

/* Hover */
html[data-theme="dark"]
body
[data-pdf-tool="merge-pdf"]
.merge-pdf-actions button:last-of-type:hover {
    background:#2b2340 !important;
    background-color:#2b2340 !important;
    background-image:none !important;

    border-color:#956fff !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    box-shadow:0 0 0 3px rgba(118,87,246,.15) !important;
}

/* Keep FIRST/Merge button purple */
html[data-theme="dark"]
body
[data-pdf-tool="merge-pdf"]
.merge-pdf-actions button:first-of-type {
    background:linear-gradient(135deg,#6841f5,#8758ff) !important;
    background-color:#6841f5 !important;

    border-color:transparent !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* =========================================================
   MERGE PDF — EXACT ADD FILES BUTTON FIX
   ========================================================= */

html[data-theme="dark"]
[data-pdf-tool="merge-pdf"]
#mergePdfAdd {
    appearance:none !important;
    -webkit-appearance:none !important;

    background:#202630 !important;
    background-color:#202630 !important;
    background-image:none !important;

    border:1px solid #7657f6 !important;
    border-radius:13px !important;

    color:#d9cfff !important;
    -webkit-text-fill-color:#d9cfff !important;

    opacity:1 !important;

    box-shadow:
        0 5px 16px rgba(0,0,0,.18),
        inset 0 0 0 1px rgba(118,87,246,.08) !important;

    font-weight:800 !important;
    text-shadow:none !important;
}

html[data-theme="dark"]
[data-pdf-tool="merge-pdf"]
#mergePdfAdd:hover {
    background:#2c2440 !important;
    background-color:#2c2440 !important;
    background-image:none !important;

    border-color:#986fff !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    box-shadow:
        0 0 0 3px rgba(118,87,246,.15),
        0 7px 18px rgba(0,0,0,.22) !important;

    transform:translateY(-1px) !important;
}

/* Keep merge button purple */
html[data-theme="dark"]
[data-pdf-tool="merge-pdf"]
#mergePdfRun:not(:disabled) {
    background:linear-gradient(135deg,#6841f5,#8758ff) !important;
    background-color:#6841f5 !important;
    border-color:transparent !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    opacity:1 !important;
}

/* Disabled merge button */
html[data-theme="dark"]
[data-pdf-tool="merge-pdf"]
#mergePdfRun:disabled {
    background:#343b48 !important;
    background-color:#343b48 !important;

    border-color:#454e5e !important;

    color:#aeb8c7 !important;
    -webkit-text-fill-color:#aeb8c7 !important;

    opacity:1 !important;
}


/* =========================================================
   NUJIZ — SPLIT PDF — DARK MODE FINAL
   ========================================================= */

/* Main panel */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-pdf-panel {
    background:#171b24 !important;
    background-color:#171b24 !important;

    border:1px solid #343b49 !important;

    color:#f5f7fb !important;

    box-shadow:0 18px 45px rgba(0,0,0,.26) !important;
}

/* Split mode area */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-pdf-mode {
    background:transparent !important;
}

/* Mode cards */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-mode-option {
    background:#111720 !important;
    background-color:#111720 !important;

    border:1px solid #394354 !important;

    color:#f5f7fb !important;

    opacity:1 !important;
}

/* Hover */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-mode-option:hover {
    background:#19202b !important;
    border-color:#5d6980 !important;
}

/* Active option */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-mode-option.active {
    background:#241f3a !important;
    background-color:#241f3a !important;

    border-color:#7657f6 !important;

    box-shadow:0 0 0 2px rgba(118,87,246,.12) !important;
}

/* Radio buttons */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-mode-option input[type="radio"] {
    accent-color:#7657f6 !important;
    opacity:1 !important;
}

/* Titles */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-mode-option strong {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;

    opacity:1 !important;
}

/* Descriptions */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-mode-option small {
    color:#aeb9c9 !important;
    -webkit-text-fill-color:#aeb9c9 !important;

    opacity:1 !important;
}

/* Generic label text */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-pdf-panel label {
    color:#dce3ed !important;
    -webkit-text-fill-color:#dce3ed !important;

    opacity:1 !important;
}

/* Pages range */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
#splitPdfRange {
    background:#0f141c !important;
    background-color:#0f141c !important;

    border:1px solid #465166 !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    caret-color:#ffffff !important;

    opacity:1 !important;

    color-scheme:dark !important;
}

/* Placeholder */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
#splitPdfRange::placeholder {
    color:#929daf !important;
    -webkit-text-fill-color:#929daf !important;

    opacity:1 !important;
}

/* Focus */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
#splitPdfRange:focus {
    background:#10161f !important;

    border-color:#8067f6 !important;

    outline:none !important;

    box-shadow:0 0 0 3px rgba(114,81,245,.15) !important;
}

/* Disabled range field */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
#splitPdfRange:disabled {
    background:#1d222c !important;

    border-color:#343b49 !important;

    color:#707b8d !important;
    -webkit-text-fill-color:#707b8d !important;

    opacity:1 !important;
}

/* File information box */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-pdf-file-info {
    background:#111720 !important;
    background-color:#111720 !important;

    border:1px solid #394354 !important;

    color:#f5f7fb !important;
}

/* File info labels */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-pdf-file-info small {
    color:#aeb9c9 !important;
    -webkit-text-fill-color:#aeb9c9 !important;

    opacity:1 !important;
}

/* File/page info value */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-pdf-file-info strong,

html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
#splitPdfPages {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;

    opacity:1 !important;
}

/* Any right/secondary section inside file info */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-pdf-file-info > div:last-child {
    color:#dce3ed !important;
    -webkit-text-fill-color:#dce3ed !important;
}

/* Main Split button */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
#splitPdfRun:not(:disabled) {
    background:linear-gradient(135deg,#6841f5,#8758ff) !important;
    background-color:#6841f5 !important;

    border-color:transparent !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    opacity:1 !important;

    box-shadow:0 8px 20px rgba(114,81,245,.22) !important;
}

/* Disabled button must still be readable */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
#splitPdfRun:disabled {
    background:#343b48 !important;
    background-color:#343b48 !important;

    border:1px solid #454e5e !important;

    color:#aeb8c7 !important;
    -webkit-text-fill-color:#aeb8c7 !important;

    opacity:1 !important;

    cursor:not-allowed !important;
}

/* Hover */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
#splitPdfRun:hover:not(:disabled) {
    filter:brightness(1.08) !important;
    transform:translateY(-1px) !important;
}

/* Status */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-pdf-status {
    color:#b9c3d2 !important;
    -webkit-text-fill-color:#b9c3d2 !important;

    opacity:1 !important;
}

/* Error */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-pdf-status.is-error {
    color:#ff9ba7 !important;
    -webkit-text-fill-color:#ff9ba7 !important;
}

/* Success */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-pdf-status.is-success {
    color:#70e2ad !important;
    -webkit-text-fill-color:#70e2ad !important;
}

/* Catch any faded text inherited from light theme */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"]
.split-pdf-panel :where(
    p,
    span,
    label,
    small,
    strong,
    b
) {
    opacity:1 !important;
}


/* =========================================================
   NUJIZ — COMPRESS PDF — DARK MODE FINAL
   ========================================================= */

html[data-theme="dark"] .compress-pdf-panel{
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}

/* Header */
html[data-theme="dark"] .compress-pdf-head h3{
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"] .compress-pdf-head p{
    color:#b9c2d0 !important;
    -webkit-text-fill-color:#b9c2d0 !important;
}

html[data-theme="dark"] .compress-pdf-kicker{
    color:#a98cff !important;
    -webkit-text-fill-color:#a98cff !important;
}


/* =========================================================
   COMPRESSION LEVEL CARDS
   ========================================================= */

html[data-theme="dark"] .compress-level-option{
    background:#202631 !important;
    border-color:#3c4555 !important;
    color:#f5f7fb !important;
    box-shadow:none !important;
}

html[data-theme="dark"] .compress-level-option:hover{
    background:#252c38 !important;
    border-color:#7251f5 !important;
}

html[data-theme="dark"] .compress-level-option.active{
    background:#211c36 !important;
    border-color:#815cff !important;
    box-shadow:
        0 0 0 1px rgba(129,92,255,.30),
        0 8px 24px rgba(0,0,0,.20) !important;
}

html[data-theme="dark"] .compress-level-copy strong{
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

html[data-theme="dark"] .compress-level-copy small{
    color:#b8c1cf !important;
    -webkit-text-fill-color:#b8c1cf !important;
    opacity:1 !important;
}


/* Radio */
html[data-theme="dark"] .compress-level-radio{
    background:#11161e !important;
    border-color:#6f7a8c !important;
}

html[data-theme="dark"] .compress-level-option.active .compress-level-radio{
    border-color:#825cff !important;
    background:#825cff !important;
}


/* =========================================================
   ORIGINAL FILE / PAGES / PROCESSING
   ========================================================= */

html[data-theme="dark"] .compress-pdf-info > div{
    background:#11161e !important;
    border:1px solid #343d4c !important;
    color:#f5f7fb !important;
    box-shadow:none !important;
}

html[data-theme="dark"] .compress-pdf-info span{
    color:#aeb8c7 !important;
    -webkit-text-fill-color:#aeb8c7 !important;
    opacity:1 !important;
}

html[data-theme="dark"] .compress-pdf-info strong{
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}


/* =========================================================
   BUTTON
   ========================================================= */

html[data-theme="dark"] .compress-pdf-button{
    background:linear-gradient(135deg,#6840ef,#8b5cff) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    border-color:transparent !important;
}

html[data-theme="dark"] .compress-pdf-button:disabled{
    background:#303643 !important;
    color:#9fa9b8 !important;
    -webkit-text-fill-color:#9fa9b8 !important;
    opacity:.72 !important;
}


/* =========================================================
   PROGRESS / RESULT
   ========================================================= */

html[data-theme="dark"] .compress-pdf-progress{
    background:#11161e !important;
    border-color:#343d4c !important;
    color:#eef2f8 !important;
}

html[data-theme="dark"] .compress-pdf-progress p{
    color:#c5ceda !important;
    -webkit-text-fill-color:#c5ceda !important;
}

html[data-theme="dark"] .compress-pdf-result{
    background:#11161e !important;
    border-color:#343d4c !important;
    color:#f5f7fb !important;
}

html[data-theme="dark"] .compress-pdf-result strong,
html[data-theme="dark"] .compress-pdf-result b{
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"] .compress-pdf-result span,
html[data-theme="dark"] .compress-pdf-result small{
    color:#b8c1cf !important;
    -webkit-text-fill-color:#b8c1cf !important;
}


/* Recommended badge */
html[data-theme="dark"] .compress-pdf-badge{
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}


/* =========================================================
   ADD IMAGE TO PDF — DARK MODE
   ========================================================= */

html[data-theme="dark"] .addimage-controls {
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}

/* Labels */
html[data-theme="dark"] .addimage-controls label,
html[data-theme="dark"] .addimage-controls label > span,
html[data-theme="dark"] .addimage-controls strong,
html[data-theme="dark"] .addimage-controls b {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

html[data-theme="dark"] .addimage-controls small,
html[data-theme="dark"] .addimage-controls p {
    color:#aeb8c7 !important;
    -webkit-text-fill-color:#aeb8c7 !important;
    opacity:1 !important;
}

/* Image upload area */
html[data-theme="dark"] .addimage-upload-box {
    background:#121720 !important;
    border-color:#6851d9 !important;
    color:#f5f7fb !important;
}

html[data-theme="dark"] .addimage-upload-box span,
html[data-theme="dark"] .addimage-upload-box strong,
html[data-theme="dark"] .addimage-upload-box b,
html[data-theme="dark"] .addimage-upload-box small {
    color:#d8d2ff !important;
    -webkit-text-fill-color:#d8d2ff !important;
    opacity:1 !important;
}

/* Selects */
html[data-theme="dark"] .addimage-controls select {
    background:#0f141c !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    border-color:#465166 !important;
    color-scheme:dark;
}

html[data-theme="dark"] .addimage-controls select option {
    background:#171b24 !important;
    color:#f5f7fb !important;
}

/* Range */
html[data-theme="dark"] .addimage-controls input[type="range"] {
    accent-color:#7251f5 !important;
}

/* Checkbox row */
html[data-theme="dark"] .addimage-controls input[type="checkbox"] {
    accent-color:#7251f5 !important;
}

html[data-theme="dark"] .addimage-controls .check-row,
html[data-theme="dark"] .addimage-controls [class*="check"] {
    color:#e8edf5 !important;
    -webkit-text-fill-color:#e8edf5 !important;
}

/* Generic nested boxes inside controls */
html[data-theme="dark"] .addimage-controls > div:not(.addimage-upload-box),
html[data-theme="dark"] .addimage-controls > section {
    border-color:#343b49 !important;
}

/* Disabled states must still be readable */
html[data-theme="dark"] .addimage-controls :disabled {
    color:#8f9aaa !important;
    -webkit-text-fill-color:#8f9aaa !important;
    opacity:.7 !important;
}

/* Main action remains purple */
html[data-theme="dark"] .addimage-controls button:not(:disabled) {
    color:#fff;
}

/*
   IMPORTANT:
   Do NOT darken .addimage-preview-stage or its canvas.
   The real PDF page must retain its original appearance.
*/


/* =========================================================
   ADD IMAGE TO PDF — PAGE BADGE VISIBILITY
   ========================================================= */

html[data-theme="dark"]
[data-pdf-tool="add-image-to-pdf"]
.addimage-pdf-panel
[class*="page-badge"],

html[data-theme="dark"]
[data-pdf-tool="add-image-to-pdf"]
.addimage-pdf-panel
[class*="page-count"] {
    background:#242a36 !important;
    background-color:#242a36 !important;

    border:1px solid #7251f5 !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    opacity:1 !important;

    box-shadow:0 4px 14px rgba(0,0,0,.20) !important;
}

/* Number */
html[data-theme="dark"]
[data-pdf-tool="add-image-to-pdf"]
.addimage-pdf-panel
[class*="page-badge"] strong,

html[data-theme="dark"]
[data-pdf-tool="add-image-to-pdf"]
.addimage-pdf-panel
[class*="page-count"] strong {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    opacity:1 !important;
    font-weight:800 !important;
}

/* Page label */
html[data-theme="dark"]
[data-pdf-tool="add-image-to-pdf"]
.addimage-pdf-panel
[class*="page-badge"] span,

html[data-theme="dark"]
[data-pdf-tool="add-image-to-pdf"]
.addimage-pdf-panel
[class*="page-count"] span {
    color:#bfaeff !important;
    -webkit-text-fill-color:#bfaeff !important;

    opacity:1 !important;
    font-weight:700 !important;
}


/* =========================================================
   NUJIZ — SIGN PDF — DARK MODE FINAL
   ========================================================= */

/* Main panel */
html[data-theme="dark"] .signpdf-panel{
    background:#171b24 !important;
    border-color:#343b49 !important;
    color:#f5f7fb !important;
}

/* Header */
html[data-theme="dark"] .signpdf-head h3{
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    opacity:1 !important;
}

html[data-theme="dark"] .signpdf-head p{
    color:#b8c2d0 !important;
    -webkit-text-fill-color:#b8c2d0 !important;
    opacity:1 !important;
}

html[data-theme="dark"] .signpdf-kicker{
    color:#a98cff !important;
    -webkit-text-fill-color:#a98cff !important;
}

/* Page badge */
html[data-theme="dark"] .signpdf-page-badge{
    background:#242a36 !important;
    border:1px solid #7251f5 !important;
    color:#fff !important;
}

html[data-theme="dark"] .signpdf-page-badge strong{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    opacity:1 !important;
}

html[data-theme="dark"] .signpdf-page-badge span{
    color:#bfaeff !important;
    -webkit-text-fill-color:#bfaeff !important;
    opacity:1 !important;
}

/* Left document shell */
html[data-theme="dark"] .signpdf-document{
    background:#11161f !important;
    border-color:#343b49 !important;
}

html[data-theme="dark"] .signpdf-toolbar{
    background:#171c25 !important;
    border-color:#343b49 !important;
}

html[data-theme="dark"] .signpdf-toolbar button{
    background:#272e3a !important;
    border-color:#465166 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"] .signpdf-toolbar button:disabled{
    background:#20252e !important;
    color:#727d8f !important;
    -webkit-text-fill-color:#727d8f !important;
    opacity:1 !important;
}

html[data-theme="dark"] .signpdf-toolbar span{
    color:#d6deea !important;
    -webkit-text-fill-color:#d6deea !important;
}

/* Preview area shell */
html[data-theme="dark"] .signpdf-page{
    background:#252b35 !important;
}

/* Keep the real PDF page untouched */
html[data-theme="dark"] .signpdf-page canvas{
    background:#fff !important;
    filter:none !important;
}

/* Right control panel */
html[data-theme="dark"] .signpdf-controls{
    background:#171b24 !important;
    border:1px solid #343b49 !important;
    color:#f5f7fb !important;
}

/* Tabs container */
html[data-theme="dark"] .signpdf-tabs{
    background:#11161f !important;
    border-color:#343b49 !important;
}

/* Tabs */
html[data-theme="dark"] .signpdf-tabs button{
    background:#202630 !important;
    border-color:#465166 !important;
    color:#d7deea !important;
    -webkit-text-fill-color:#d7deea !important;
    opacity:1 !important;
}

html[data-theme="dark"] .signpdf-tabs button.active{
    background:#2a2242 !important;
    border-color:#815cff !important;
    color:#cbbcff !important;
    -webkit-text-fill-color:#cbbcff !important;
}

/* Signature drawing area */
html[data-theme="dark"] .signpdf-signature-wrap{
    background:#10151d !important;
    border-color:#6655a8 !important;
}

/* The drawing canvas itself */
html[data-theme="dark"] #signatureCanvas{
    background:#fff !important;
    filter:none !important;
}

/* Mini action buttons */
html[data-theme="dark"] .signpdf-mini-actions button{
    background:#242b37 !important;
    border-color:#465166 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"] .signpdf-mini-actions button:hover{
    background:#303746 !important;
    border-color:#7657f6 !important;
}

/* Upload signature */
html[data-theme="dark"] .signpdf-upload{
    background:#11161f !important;
    border-color:#6655a8 !important;
    color:#f5f7fb !important;
}

html[data-theme="dark"] .signpdf-upload small{
    color:#aeb9c9 !important;
    -webkit-text-fill-color:#aeb9c9 !important;
    opacity:1 !important;
}

/* Uploaded signature preview */
html[data-theme="dark"] .signpdf-upload-preview{
    background:#11161f !important;
    border-color:#343b49 !important;
}

html[data-theme="dark"] .signpdf-upload-preview img{
    filter:none !important;
}

/* Labels */
html[data-theme="dark"] .signpdf-controls label,
html[data-theme="dark"] .signpdf-controls label > span{
    color:#dce3ed !important;
    -webkit-text-fill-color:#dce3ed !important;
    opacity:1 !important;
}

/* Selects */
html[data-theme="dark"] .signpdf-controls select{
    background:#0f141c !important;
    border-color:#465166 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
    color-scheme:dark !important;
}

/* Range */
html[data-theme="dark"] .signpdf-controls input[type="range"]{
    accent-color:#7651f7 !important;
}

/* Grid */
html[data-theme="dark"] .signpdf-grid{
    color:#f5f7fb !important;
}

/* Add to all pages */
html[data-theme="dark"] .signpdf-all-pages{
    background:#11161f !important;
    border:1px solid #3d4656 !important;
    color:#f5f7fb !important;
}

html[data-theme="dark"] .signpdf-all-pages span{
    color:#dce3ed !important;
    -webkit-text-fill-color:#dce3ed !important;
    opacity:1 !important;
}

html[data-theme="dark"] .signpdf-all-pages input[type="checkbox"]{
    accent-color:#7651f7 !important;
}

/* Main action button */
html[data-theme="dark"] .signpdf-primary{
    background:linear-gradient(135deg,#6841f5,#8758ff) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    border-color:transparent !important;
    opacity:1 !important;
}

html[data-theme="dark"] .signpdf-primary:disabled{
    background:#353c48 !important;
    color:#aeb7c5 !important;
    -webkit-text-fill-color:#aeb7c5 !important;
    opacity:1 !important;
}

/* Status */
html[data-theme="dark"] .signpdf-status{
    color:#b9c4d3 !important;
    -webkit-text-fill-color:#b9c4d3 !important;
    opacity:1 !important;
}


/* =========================================================
   NUJIZ — ADD PAGE NUMBERS TO PDF — DARK MODE FINAL
   ========================================================= */

html[data-theme="dark"] .pagenum-panel{
  background:#171b24 !important;
  border-color:#343b49 !important;
  color:#f5f7fb !important;
}

html[data-theme="dark"] .pagenum-head h3{
  color:#f5f7fb !important;
  -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"] .pagenum-head p{
  color:#aeb8c7 !important;
  -webkit-text-fill-color:#aeb8c7 !important;
}

html[data-theme="dark"] .pagenum-kicker{
  color:#a98cff !important;
  -webkit-text-fill-color:#a98cff !important;
}

/* Page badge */
html[data-theme="dark"] .pagenum-page-badge{
  background:#242a36 !important;
  border:1px solid #7251f5 !important;
  color:#fff !important;
}

html[data-theme="dark"] .pagenum-page-badge strong{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

html[data-theme="dark"] .pagenum-page-badge span{
  color:#c3b4ff !important;
  -webkit-text-fill-color:#c3b4ff !important;
}

/* Left document area */
html[data-theme="dark"] .pagenum-document{
  background:#11161f !important;
  border-color:#343b49 !important;
}

html[data-theme="dark"] .pagenum-toolbar{
  background:#171c25 !important;
  border-color:#343b49 !important;
}

html[data-theme="dark"] .pagenum-toolbar button{
  background:#242b37 !important;
  border-color:#465166 !important;
  color:#f5f7fb !important;
  -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"] .pagenum-toolbar button:disabled{
  background:#20252e !important;
  color:#727d8f !important;
  -webkit-text-fill-color:#727d8f !important;
  opacity:1 !important;
}

html[data-theme="dark"] .pagenum-toolbar span{
  color:#d9e0eb !important;
  -webkit-text-fill-color:#d9e0eb !important;
}

/* PDF preview shell */
html[data-theme="dark"] .pagenum-preview{
  background:#252b35 !important;
}

/* Keep real PDF page white */
html[data-theme="dark"] .pagenum-preview canvas{
  background:#fff !important;
  filter:none !important;
}

/* Right controls panel */
html[data-theme="dark"] .pagenum-controls{
  background:#171b24 !important;
  border:1px solid #343b49 !important;
  color:#f5f7fb !important;
}

html[data-theme="dark"] .pagenum-controls label{
  color:#dce3ed !important;
  -webkit-text-fill-color:#dce3ed !important;
}

html[data-theme="dark"] .pagenum-controls label > span{
  color:#dce3ed !important;
  -webkit-text-fill-color:#dce3ed !important;
}

/* Selects + number inputs */
html[data-theme="dark"] .pagenum-controls select,
html[data-theme="dark"] .pagenum-controls input[type="number"]{
  background:#0f141c !important;
  border-color:#465166 !important;
  color:#f5f7fb !important;
  -webkit-text-fill-color:#f5f7fb !important;
  color-scheme:dark !important;
}

/* Color input */
html[data-theme="dark"] .pagenum-controls input[type="color"]{
  background:#0f141c !important;
  border-color:#465166 !important;
}

/* Grid */
html[data-theme="dark"] .pagenum-grid{
  color:#f5f7fb !important;
}

/* Skip first page */
html[data-theme="dark"] .pagenum-range-option{
  background:#11161f !important;
  border:1px solid #3d4656 !important;
  color:#f5f7fb !important;
}

html[data-theme="dark"] .pagenum-range-option span{
  color:#dce3ed !important;
  -webkit-text-fill-color:#dce3ed !important;
}

html[data-theme="dark"] .pagenum-range-option input[type="checkbox"]{
  accent-color:#7251f5 !important;
}

/* Primary button */
html[data-theme="dark"] .pagenum-primary{
  background:linear-gradient(135deg,#6841f5,#8758ff) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border-color:transparent !important;
}

html[data-theme="dark"] .pagenum-primary:disabled{
  background:#353c48 !important;
  color:#aeb7c5 !important;
  -webkit-text-fill-color:#aeb7c5 !important;
  opacity:1 !important;
}

/* Status */
html[data-theme="dark"] .pagenum-status{
  color:#b9c4d3 !important;
  -webkit-text-fill-color:#b9c4d3 !important;
  opacity:1 !important;
}


/* =========================================================
   NUJIZ LOGIN MODAL — FINAL LIGHT + DARK
   ========================================================= */

/* ---------- Shared ---------- */

#nujizLoginModal.nujiz-login-modal {
    position:fixed !important;
    inset:0 !important;
    z-index:999999 !important;
    display:grid !important;
    place-items:center !important;
    padding:20px !important;
}

#nujizLoginModal.nujiz-login-modal[hidden] {
    display:none !important;
}

#nujizLoginModal .nujiz-login-backdrop {
    position:absolute !important;
    inset:0 !important;
    background:rgba(15,23,42,.56) !important;
    backdrop-filter:blur(7px) !important;
    -webkit-backdrop-filter:blur(7px) !important;
}

#nujizLoginModal .nujiz-login-box {
    position:relative !important;
    z-index:2 !important;

    width:min(420px,100%) !important;
    box-sizing:border-box !important;

    padding:34px 30px 27px !important;

    background:#ffffff !important;
    background-image:none !important;

    border:1px solid #e6e8ef !important;
    border-radius:24px !important;

    color:#172033 !important;
    text-align:center !important;

    box-shadow:
        0 28px 75px rgba(15,23,42,.20),
        0 4px 16px rgba(15,23,42,.06) !important;
}

/* ---------- Close ---------- */

#nujizLoginModal .nujiz-login-close {
    position:absolute !important;
    top:14px !important;
    right:14px !important;

    width:34px !important;
    height:34px !important;

    display:grid !important;
    place-items:center !important;

    padding:0 !important;
    margin:0 !important;

    border:1px solid #e7e9ef !important;
    border-radius:50% !important;

    background:#f6f7fa !important;
    color:#475467 !important;

    font-size:23px !important;
    font-weight:400 !important;
    line-height:1 !important;

    cursor:pointer !important;
    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease !important;
}

#nujizLoginModal .nujiz-login-close:hover {
    background:#eceef4 !important;
    color:#172033 !important;
    border-color:#d9dde7 !important;
}

#nujizLoginModal .nujiz-login-close:active {
    transform:scale(.94) !important;
}

[dir="rtl"] #nujizLoginModal .nujiz-login-close {
    right:auto !important;
    left:14px !important;
}

/* ---------- Brand ---------- */

#nujizLoginModal .nujiz-login-brand {
    width:58px !important;
    height:58px !important;

    margin:0 auto 17px !important;

    display:grid !important;
    place-items:center !important;

    border-radius:18px !important;

    background:linear-gradient(145deg,#7251f5,#8b68ff) !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    font-size:28px !important;
    font-weight:900 !important;
    line-height:1 !important;

    box-shadow:0 10px 26px rgba(114,81,245,.24) !important;
}

/* ---------- Typography ---------- */

#nujizLoginModal .nujiz-login-box h2 {
    margin:0 0 10px !important;

    color:#172033 !important;
    -webkit-text-fill-color:#172033 !important;

    font-size:24px !important;
    font-weight:800 !important;
    line-height:1.35 !important;

    opacity:1 !important;
    visibility:visible !important;
}

#nujizLoginModal .nujiz-login-box > p {
    max-width:350px !important;

    margin:0 auto 23px !important;

    color:#667085 !important;
    -webkit-text-fill-color:#667085 !important;

    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.75 !important;

    opacity:1 !important;
    visibility:visible !important;
}

/* ---------- Google ---------- */

#nujizLoginModal #nujizGoogleButton {
    width:100% !important;
    min-height:44px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 auto 19px !important;

    background:transparent !important;
}

#nujizLoginModal #nujizGoogleButton > div {
    max-width:100% !important;
}

/* ---------- Privacy ---------- */

#nujizLoginModal .nujiz-login-privacy {
    display:block !important;

    max-width:350px !important;
    margin:0 auto !important;

    color:#8a94a6 !important;
    -webkit-text-fill-color:#8a94a6 !important;

    font-size:11px !important;
    font-weight:400 !important;
    line-height:1.65 !important;

    opacity:1 !important;
    visibility:visible !important;
}

/* =========================================================
   DARK MODE
   ========================================================= */

html[data-theme="dark"] #nujizLoginModal .nujiz-login-backdrop {
    background:rgba(3,6,12,.76) !important;
}

html[data-theme="dark"] #nujizLoginModal .nujiz-login-box {
    background:#171b24 !important;
    background-image:none !important;

    border-color:#343b49 !important;

    color:#e8edf5 !important;

    box-shadow:
        0 30px 80px rgba(0,0,0,.52),
        0 0 0 1px rgba(255,255,255,.015) !important;
}

html[data-theme="dark"] #nujizLoginModal .nujiz-login-brand {
    background:linear-gradient(145deg,#7251f5,#946fff) !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    box-shadow:0 12px 28px rgba(114,81,245,.30) !important;
}

html[data-theme="dark"] #nujizLoginModal .nujiz-login-box h2 {
    color:#f8f9fc !important;
    -webkit-text-fill-color:#f8f9fc !important;
}

html[data-theme="dark"] #nujizLoginModal .nujiz-login-box > p {
    color:#c5cdd8 !important;
    -webkit-text-fill-color:#c5cdd8 !important;
}

html[data-theme="dark"] #nujizLoginModal .nujiz-login-privacy {
    color:#aeb7c5 !important;
    -webkit-text-fill-color:#aeb7c5 !important;
}

html[data-theme="dark"] #nujizLoginModal .nujiz-login-close {
    background:#222833 !important;
    border-color:#3b4453 !important;

    color:#e8edf5 !important;
    -webkit-text-fill-color:#e8edf5 !important;
}

html[data-theme="dark"] #nujizLoginModal .nujiz-login-close:hover {
    background:#2c3441 !important;
    border-color:#4a5567 !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

html[data-theme="dark"] #nujizLoginModal #nujizGoogleButton {
    background:transparent !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:650px) {

    #nujizLoginModal.nujiz-login-modal {
        padding:16px !important;
    }

    #nujizLoginModal .nujiz-login-box {
        width:100% !important;
        max-width:390px !important;

        padding:31px 20px 24px !important;

        border-radius:21px !important;
    }

    #nujizLoginModal .nujiz-login-brand {
        width:54px !important;
        height:54px !important;

        border-radius:16px !important;

        margin-bottom:15px !important;

        font-size:26px !important;
    }

    #nujizLoginModal .nujiz-login-box h2 {
        font-size:21px !important;
    }

    #nujizLoginModal .nujiz-login-box > p {
        margin-bottom:20px !important;

        font-size:13px !important;
        line-height:1.7 !important;
    }

    #nujizLoginModal .nujiz-login-close {
        top:11px !important;
        right:11px !important;
    }

    [dir="rtl"] #nujizLoginModal .nujiz-login-close {
        right:auto !important;
        left:11px !important;
    }

    #nujizLoginModal .nujiz-login-privacy {
        font-size:10.5px !important;
    }
}


/* =========================================================
   AI FACE SWAP — DARK MODE BADGE FIX
   ========================================================= */

html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .hero .eyebrow,
html[data-theme="dark"] .sub-hero .eyebrow {
    background:#f3efff !important;
    color:#6b4ce6 !important;
    -webkit-text-fill-color:#6b4ce6 !important;
    border-color:#ded5ff !important;
    opacity:1 !important;
}

html[data-theme="dark"] .eyebrow * {
    color:#6b4ce6 !important;
    -webkit-text-fill-color:#6b4ce6 !important;
}


/* =========================================================
   NUJIZ GUIDE NAV — DARK HEADER FINAL FIX
   Make Guide link identical to normal header navigation
   ========================================================= */

html[data-theme="dark"] body .site-header .main-nav > a.nujiz-guide-nav,
html[data-theme="dark"] body.tool-page .site-header .main-nav > a.nujiz-guide-nav,
html[data-theme="dark"] body .site-header a[href="/guide/"],
html[data-theme="dark"] body .site-header a[href="/en/guide/"] {
    background:transparent !important;
    border:0 !important;
    border-bottom:2px solid transparent !important;
    border-radius:0 !important;

    color:#E7ECF4 !important;
    -webkit-text-fill-color:#E7ECF4 !important;

    box-shadow:none !important;
    filter:none !important;
    opacity:1 !important;
    font-weight:800 !important;
}

/* Hover — same behavior as the other navigation links */
html[data-theme="dark"] body .site-header .main-nav > a.nujiz-guide-nav:hover,
html[data-theme="dark"] body.tool-page .site-header .main-nav > a.nujiz-guide-nav:hover,
html[data-theme="dark"] body .site-header a[href="/guide/"]:hover,
html[data-theme="dark"] body .site-header a[href="/en/guide/"]:hover {
    background:#1D222C !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    border-color:transparent !important;
    box-shadow:none !important;
}


/* =========================================================
   AI IMAGE GENERATOR — EXHAUSTED CREDIT VISIBILITY
   ========================================================= */

html[data-theme="dark"] body.tool-page #nujizAiCredits.is-exhausted,
body.tool-page #nujizAiCredits.is-exhausted {
    display:block !important;

    background:#252B38 !important;
    border:1px solid #4B5565 !important;
    border-radius:14px !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    opacity:1 !important;
    visibility:visible !important;

    font-weight:900 !important;
    text-align:center !important;

    padding:14px 16px !important;
    box-shadow:none !important;
}



/* =========================================================
   SPLIT PDF — DARK MODE FINAL FIX
   ========================================================= */

html[data-theme="dark"]
[data-pdf-tool="split-pdf"] .split-pdf-card {
    background:#171b24 !important;
    background-color:#171b24 !important;
    border-color:#343d4d !important;
    color:#f5f7fb !important;
    box-shadow:0 18px 45px rgba(0,0,0,.28) !important;
}

/* خيارات طريقة التقسيم */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"] .split-mode-option {
    background:#111720 !important;
    background-color:#111720 !important;
    border-color:#394354 !important;
    color:#f5f7fb !important;
}

html[data-theme="dark"]
[data-pdf-tool="split-pdf"] .split-mode-option.active {
    background:#29213f !important;
    background-color:#29213f !important;
    border-color:#8165f7 !important;
}

/* العناوين والنصوص */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"] .split-mode-option strong,
html[data-theme="dark"]
[data-pdf-tool="split-pdf"] .split-range-wrap label,
html[data-theme="dark"]
[data-pdf-tool="split-pdf"] .split-pdf-file-info strong {
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"]
[data-pdf-tool="split-pdf"] .split-mode-option small,
html[data-theme="dark"]
[data-pdf-tool="split-pdf"] .split-pdf-file-info small {
    color:#aeb8c7 !important;
    -webkit-text-fill-color:#aeb8c7 !important;
}

/* حقل الصفحات */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"] #splitPdfRange {
    background:#10151d !important;
    background-color:#10151d !important;
    border-color:#394354 !important;
    color:#f5f7fb !important;
    -webkit-text-fill-color:#f5f7fb !important;
}

html[data-theme="dark"]
[data-pdf-tool="split-pdf"] #splitPdfRange::placeholder {
    color:#8f99aa !important;
    -webkit-text-fill-color:#8f99aa !important;
}

/* معلومات الملف */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"] .split-pdf-file-info {
    background:#111720 !important;
    background-color:#111720 !important;
    border-color:#394354 !important;
}

/* زر التنفيذ عند التعطيل */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"] #splitPdfRun:disabled {
    background:#353b48 !important;
    background-color:#353b48 !important;
    color:#aeb6c4 !important;
    -webkit-text-fill-color:#aeb6c4 !important;
}

/* زر التنفيذ عند التفعيل */
html[data-theme="dark"]
[data-pdf-tool="split-pdf"] #splitPdfRun:not(:disabled) {
    background:#7251f5 !important;
    background-color:#7251f5 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* ===== NUJIZ ELEVENLABS PARTNER CARD ===== */

body .nujiz-partner-card{
    max-width:900px;
    margin:36px auto 42px !important;
    padding:24px 28px !important;
    border:1px solid #e5e7eb;
    border-radius:18px;
    background:#ffffff;
    color:#111827;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

body .nujiz-partner-card .nujiz-partner-title{
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
}

body .nujiz-partner-card p{
    color:#667085 !important;
    -webkit-text-fill-color:#667085 !important;
}

body .nujiz-partner-card small{
    color:#7b8494 !important;
    -webkit-text-fill-color:#7b8494 !important;
    opacity:1 !important;
}

body .nujiz-partner-card .nujiz-partner-btn{
    background:#7251f5 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border:none !important;
    padding:11px 20px !important;
    border-radius:10px !important;
}

/* Dark mode */
html[data-theme="dark"] body .nujiz-partner-card,
body.dark-mode .nujiz-partner-card,
body.dark .nujiz-partner-card{
    background:#171b25 !important;
    border-color:#303747 !important;
    color:#f8fafc !important;
    box-shadow:0 12px 35px rgba(0,0,0,.22);
}

html[data-theme="dark"] body .nujiz-partner-card .nujiz-partner-title,
body.dark-mode .nujiz-partner-card .nujiz-partner-title,
body.dark .nujiz-partner-card .nujiz-partner-title{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

html[data-theme="dark"] body .nujiz-partner-card p,
body.dark-mode .nujiz-partner-card p,
body.dark .nujiz-partner-card p{
    color:#cbd5e1 !important;
    -webkit-text-fill-color:#cbd5e1 !important;
}

html[data-theme="dark"] body .nujiz-partner-card small,
body.dark-mode .nujiz-partner-card small,
body.dark .nujiz-partner-card small{
    color:#9ca3af !important;
    -webkit-text-fill-color:#9ca3af !important;
    opacity:1 !important;
}

@media(max-width:600px){
    body .nujiz-partner-card{
        margin:24px 16px 32px !important;
        padding:20px !important;
        border-radius:16px;
    }
}

/* ===== END ELEVENLABS PARTNER CARD ===== */

/* =========================================================
   NUJIZ — ElevenLabs Partner + Audio Rating Dark Mode
   ========================================================= */

/* ElevenLabs partner card */
html.dark .nujiz-partner-card,
body.dark-mode .nujiz-partner-card,
body.dark .nujiz-partner-card,
[data-theme="dark"] .nujiz-partner-card {
    background:#171b25 !important;
    border-color:#303748 !important;
    box-shadow:0 12px 32px rgba(0,0,0,.22) !important;
    color:#f8fafc !important;
}

html.dark .nujiz-partner-title,
body.dark-mode .nujiz-partner-title,
body.dark .nujiz-partner-title,
[data-theme="dark"] .nujiz-partner-title {
    color:#f8fafc !important;
}

html.dark .nujiz-partner-content p,
body.dark-mode .nujiz-partner-content p,
body.dark .nujiz-partner-content p,
[data-theme="dark"] .nujiz-partner-content p {
    color:#cbd5e1 !important;
}

html.dark .nujiz-partner-content small,
body.dark-mode .nujiz-partner-content small,
body.dark .nujiz-partner-content small,
[data-theme="dark"] .nujiz-partner-content small {
    color:#94a3b8 !important;
    opacity:1 !important;
}

html.dark .nujiz-partner-btn,
body.dark-mode .nujiz-partner-btn,
body.dark .nujiz-partner-btn,
[data-theme="dark"] .nujiz-partner-btn {
    background:#7251f5 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border:1px solid #8065f6 !important;
}

html.dark .nujiz-partner-btn:hover,
body.dark-mode .nujiz-partner-btn:hover,
body.dark .nujiz-partner-btn:hover,
[data-theme="dark"] .nujiz-partner-btn:hover {
    background:#8065f6 !important;
    opacity:1 !important;
}


/* Audio rating box */
html.dark .hlg-rating-box,
body.dark-mode .hlg-rating-box,
body.dark .hlg-rating-box,
[data-theme="dark"] .hlg-rating-box {
    background:#171b25 !important;
    border-color:#303748 !important;
    box-shadow:0 12px 32px rgba(0,0,0,.22) !important;
}

html.dark .hlg-rating-title,
body.dark-mode .hlg-rating-title,
body.dark .hlg-rating-title,
[data-theme="dark"] .hlg-rating-title {
    color:#f8fafc !important;
}

html.dark .hlg-rating-subtitle,
body.dark-mode .hlg-rating-subtitle,
body.dark .hlg-rating-subtitle,
[data-theme="dark"] .hlg-rating-subtitle {
    color:#aeb8c8 !important;
}

html.dark .hlg-rating-value,
html.dark .hlg-rating-count,
body.dark-mode .hlg-rating-value,
body.dark-mode .hlg-rating-count,
body.dark .hlg-rating-value,
body.dark .hlg-rating-count,
[data-theme="dark"] .hlg-rating-value,
[data-theme="dark"] .hlg-rating-count {
    color:#cbd5e1 !important;
}



/* =========================================================
   NUJIZ DARK MODE — VIDEO TOOL WORKSPACE FIX
   Fix light controls / notices / cards inside video tools
   ========================================================= */

html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace .tool-panel,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace .panel,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace .card {
    background-color:#171c25 !important;
    border-color:#343c4a !important;
    color:#f1f5f9 !important;
}


/* Inputs / selects */

html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace select,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace textarea {
    background-color:#151a23 !important;
    color:#f1f5f9 !important;
    border-color:#566071 !important;
}


/* Color picker — remove the large white surround */

html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace input[type="color"] {
    background:#151a23 !important;
    border-color:#566071 !important;
    color-scheme:dark;
}


/* Generic notices / help / information boxes */

html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace .notice,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace .hint,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace .help,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace .info,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace .message,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace .privacy-note {
    background:#202634 !important;
    color:#cbd5e1 !important;
    border-color:#3b4555 !important;
}


/* Labels and secondary text */

html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace label {
    color:#e5e7eb !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace small,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace .muted {
    color:#aeb8c7 !important;
}


/* Native controls */

html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace select,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace input {
    color-scheme:dark;
}


/* Disabled controls should remain readable */

html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace button:disabled,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace input:disabled,
html[data-theme="dark"] body[data-tool-scope="video"] .tool-workspace select:disabled {
    opacity:.65;
}


/* =========================================================
   SEO + Rating sections that contain hard-coded light colors
   ========================================================= */

html[data-theme="dark"] body[data-tool-scope="video"] .seo-tool-content,
html[data-theme="dark"] body[data-tool-scope="video"] .nujiz-unique-seo-content {
    background:#10151d !important;
    border-color:#2d3542 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .seo-tool-content h2,
html[data-theme="dark"] body[data-tool-scope="video"] .seo-tool-content h3,
html[data-theme="dark"] body[data-tool-scope="video"] .nujiz-unique-seo-content h2,
html[data-theme="dark"] body[data-tool-scope="video"] .nujiz-unique-seo-content h3 {
    color:#f1f5f9 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .seo-tool-content p,
html[data-theme="dark"] body[data-tool-scope="video"] .seo-tool-content li,
html[data-theme="dark"] body[data-tool-scope="video"] .nujiz-unique-seo-content p,
html[data-theme="dark"] body[data-tool-scope="video"] .nujiz-unique-seo-content li {
    color:#b8c2d1 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .seo-tool-content ol,
html[data-theme="dark"] body[data-tool-scope="video"] .seo-tool-content ul,
html[data-theme="dark"] body[data-tool-scope="video"] .seo-faq h3,
html[data-theme="dark"] body[data-tool-scope="video"] .seo-faq h3 + p,
html[data-theme="dark"] body[data-tool-scope="video"] .nujiz-pdf-card {
    background:#171d27 !important;
    border-color:#303947 !important;
    color:#e5e7eb !important;
}


/* Rating */

html[data-theme="dark"] body[data-tool-scope="video"] .hlg-rating-box {
    background:#171d27 !important;
    border-color:#303947 !important;
    color:#f1f5f9 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .hlg-rating-title {
    color:#f1f5f9 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .hlg-rating-subtitle {
    color:#aeb8c7 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .hlg-rating-star {
    background:#202734 !important;
    border-color:#3b4555 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .hlg-rating-star:hover,
html[data-theme="dark"] body[data-tool-scope="video"] .hlg-rating-star.active {
    background:#332b18 !important;
    border-color:#b98627 !important;
}



/* =========================================================
   NUJIZ VIDEO TOOLS — COMPLETE DARK CONTROLS FIX
   2026-09-18
   ========================================================= */

/* Main video studio */
html[data-theme="dark"] body[data-tool-scope="video"] .video-studio {
    background:#111720 !important;
    color:#f1f5f9 !important;
    border-color:#343d4b !important;
}

/* Editor panels */
html[data-theme="dark"] body[data-tool-scope="video"] .video-preview-panel,
html[data-theme="dark"] body[data-tool-scope="video"] .video-controls-panel {
    background:#171d27 !important;
    border-color:#343d4b !important;
    color:#f1f5f9 !important;
}

/* File information separator */
html[data-theme="dark"] body[data-tool-scope="video"] .video-file-row {
    border-color:#343d4b !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .video-file-row span {
    color:#aeb8c7 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .video-file-row strong {
    color:#f1f5f9 !important;
}

/* Control labels */
html[data-theme="dark"] body[data-tool-scope="video"] .video-control-list label {
    color:#dce3ec !important;
}

/* Text / number / select controls */
html[data-theme="dark"] body[data-tool-scope="video"] .video-control-list input[type="text"],
html[data-theme="dark"] body[data-tool-scope="video"] .video-control-list input[type="number"],
html[data-theme="dark"] body[data-tool-scope="video"] .video-control-list select {
    background:#111720 !important;
    color:#f1f5f9 !important;
    border-color:#505b6b !important;
    color-scheme:dark;
}

/* =========================================================
   COLOR PICKER
   This is the white box visible in Change Video Shape
   ========================================================= */

html[data-theme="dark"] body[data-tool-scope="video"] .video-control-list input[type="color"] {
    width:100% !important;
    min-height:44px !important;
    padding:5px !important;
    background:#111720 !important;
    border:1px solid #505b6b !important;
    color:#f1f5f9 !important;
    color-scheme:dark;
}

/* Chrome/WebKit color picker inner parts */
html[data-theme="dark"] body[data-tool-scope="video"] input[type="color"]::-webkit-color-swatch-wrapper {
    padding:4px !important;
    background:#111720 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] input[type="color"]::-webkit-color-swatch {
    border:0 !important;
    border-radius:5px !important;
}

/* Firefox */
html[data-theme="dark"] body[data-tool-scope="video"] input[type="color"]::-moz-color-swatch {
    border:0 !important;
    border-radius:5px !important;
}

/* =========================================================
   NOTES
   ========================================================= */

html[data-theme="dark"] body[data-tool-scope="video"] .video-note {
    background:#222938 !important;
    color:#cbd5e1 !important;
    border:1px solid #394454 !important;
}

/* Instruction boxes */
html[data-theme="dark"] body[data-tool-scope="video"] .video-mark-instruction {
    background:#211d38 !important;
    color:#ddd7ff !important;
    border-color:#7251f5 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .video-mark-instruction span {
    color:#c7c1df !important;
}

/* Background upload */
html[data-theme="dark"] body[data-tool-scope="video"] .video-background-upload {
    background:#211d38 !important;
    color:#eeeaff !important;
    border-color:#7251f5 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .video-background-upload small {
    color:#bcb5d5 !important;
}

/* =========================================================
   PRIVACY LINE
   The bottom light strip shown in screenshot
   ========================================================= */

html[data-theme="dark"] body[data-tool-scope="video"] .video-privacy-line {
    background:#202631 !important;
    color:#aeb8c7 !important;
    border:1px solid #343e4c !important;
    border-radius:10px !important;
}

/* =========================================================
   REPORT / STATUS
   ========================================================= */

html[data-theme="dark"] body[data-tool-scope="video"] .video-report div {
    background:#202631 !important;
    border-color:#343e4c !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .video-report span {
    color:#9faabc !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .video-report b {
    color:#f1f5f9 !important;
}

/* Error / status message */
html[data-theme="dark"] body[data-tool-scope="video"] .video-message {
    background:#33201f !important;
    border-color:#70433d !important;
    color:#ffb4a8 !important;
}

/* =========================================================
   DROPZONE
   ========================================================= */

html[data-theme="dark"] body[data-tool-scope="video"] .video-dropzone {
    background:#171d27 !important;
    border-color:#566171 !important;
    color:#f1f5f9 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .video-drop-content small {
    color:#aeb8c7 !important;
}

/* =========================================================
   PREVIEW BUTTON
   ========================================================= */

html[data-theme="dark"] body[data-tool-scope="video"] .video-preview-btn {
    background:#202631 !important;
    color:#f1f5f9 !important;
    border-color:#465160 !important;
}

/* =========================================================
   Remove button
   ========================================================= */

html[data-theme="dark"] body[data-tool-scope="video"] .video-remove-btn {
    background:#34201e !important;
    color:#ffb4a8 !important;
    border-color:#a85445 !important;
}

/* Secondary headings */
html[data-theme="dark"] body[data-tool-scope="video"] .video-active-title p {
    color:#aeb8c7 !important;
}

/* Range values */
html[data-theme="dark"] body[data-tool-scope="video"] .video-range-value {
    color:#a995ff !important;
}



/* =========================================================
   NUJIZ VIDEO DARK MODE — TEXT CONTRAST FINAL FIX
   ========================================================= */

/* Notes: force readable text including nested elements */
html[data-theme="dark"] body[data-tool-scope="video"] .video-note,
html[data-theme="dark"] body[data-tool-scope="video"] .video-note *,
html[data-theme="dark"] body[data-tool-scope="video"] .video-note p,
html[data-theme="dark"] body[data-tool-scope="video"] .video-note span,
html[data-theme="dark"] body[data-tool-scope="video"] .video-note small,
html[data-theme="dark"] body[data-tool-scope="video"] .video-note b,
html[data-theme="dark"] body[data-tool-scope="video"] .video-note strong {
    color:#d8e0eb !important;
    opacity:1 !important;
}

/* Keep note background dark */
html[data-theme="dark"] body[data-tool-scope="video"] .video-note {
    background:#202735 !important;
    border:1px solid #3d4858 !important;
}

/* Privacy line */
html[data-theme="dark"] body[data-tool-scope="video"] .video-privacy-line,
html[data-theme="dark"] body[data-tool-scope="video"] .video-privacy-line *,
html[data-theme="dark"] body[data-tool-scope="video"] .video-privacy-line span,
html[data-theme="dark"] body[data-tool-scope="video"] .video-privacy-line small {
    color:#c7d0dc !important;
    opacity:1 !important;
}

/* All labels inside controls */
html[data-theme="dark"] body[data-tool-scope="video"] .video-control-list label,
html[data-theme="dark"] body[data-tool-scope="video"] .video-control-list label > span {
    color:#e4eaf2 !important;
    opacity:1 !important;
}

/* Secondary text */
html[data-theme="dark"] body[data-tool-scope="video"] .video-controls-panel small,
html[data-theme="dark"] body[data-tool-scope="video"] .video-controls-panel p {
    color:#b9c3d1 !important;
}

/* File / metadata */
html[data-theme="dark"] body[data-tool-scope="video"] .video-file-row span,
html[data-theme="dark"] body[data-tool-scope="video"] .video-stats span {
    color:#aeb9c8 !important;
    opacity:1 !important;
}

/* Report text */
html[data-theme="dark"] body[data-tool-scope="video"] .video-report span {
    color:#b6c0ce !important;
    opacity:1 !important;
}

html[data-theme="dark"] body[data-tool-scope="video"] .video-report b,
html[data-theme="dark"] body[data-tool-scope="video"] .video-report strong {
    color:#f1f5f9 !important;
    opacity:1 !important;
}



/* =========================================================
   NUJIZ VIDEO NOTES — CHROME TEXT FILL FIX
   ========================================================= */

html[data-theme="dark"] body[data-tool-scope="video"] .video-note,
html[data-theme="dark"] body[data-tool-scope="video"] .video-note *,
html[data-theme="dark"] body[data-tool-scope="video"] .video-note p,
html[data-theme="dark"] body[data-tool-scope="video"] .video-note span,
html[data-theme="dark"] body[data-tool-scope="video"] .video-note small,
html[data-theme="dark"] body[data-tool-scope="video"] .video-note b,
html[data-theme="dark"] body[data-tool-scope="video"] .video-note strong {
    color:#dce4ef !important;
    -webkit-text-fill-color:#dce4ef !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* Main note container */
html[data-theme="dark"] body[data-tool-scope="video"] .video-note {
    background:#202735 !important;
    border:1px solid #414c5d !important;
}

/* Privacy text */
html[data-theme="dark"] body[data-tool-scope="video"] .video-privacy-line,
html[data-theme="dark"] body[data-tool-scope="video"] .video-privacy-line * {
    color:#cbd4df !important;
    -webkit-text-fill-color:#cbd4df !important;
    opacity:1 !important;
}

/* Labels */
html[data-theme="dark"] body[data-tool-scope="video"] .video-control-list label,
html[data-theme="dark"] body[data-tool-scope="video"] .video-control-list label span {
    color:#eef2f7 !important;
    -webkit-text-fill-color:#eef2f7 !important;
    opacity:1 !important;
}