/**
 * Dark Mode CSS - TailAdmin Style
 * Màu sắc giống hệt TailAdmin dark theme
 * Version: 1.0.0
 */

/* ========== Dark Mode Variables ========== */
[data-theme="dark"],
body.dark-mode {
    /* Background Colors - Dark Blue/Grey */
    --bg-primary: #1e293b;
    --bg-secondary: #0f172a;
    --bg-tertiary: #1e293b;
    --bg-gradient: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);
    --bg-gradient-light: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    
    /* Text Colors - Light */
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-inverse: #0f172a;
    --text-muted: #64748b;
    
    /* Border Colors - Dark Grey */
    --border-light: #334155;
    --border-medium: #475569;
    --border-dark: #64748b;
    --color-border: var(--border-light);
    
    /* Sidebar & Header */
    --sidebar-bg: #1e293b;
    --sidebar-border: #334155;
    --header-bg: #1e293b;
    --header-border: #334155;
    --main-bg: #0f172a;
    
    /* Card Background */
    --card-bg: #1e293b;
    --card-border: #334155;
    --card-hover-bg: rgba(30, 41, 59, 0.5);
    
    /* Input & Form */
    --input-bg: #1e293b;
    --input-border: #334155;
    --input-text: #f1f5f9;
    --input-placeholder: #64748b;
    
    /* Table */
    --table-header-bg: rgba(30, 41, 59, 0.5);
    --table-row-hover-bg: rgba(30, 41, 59, 0.5);
    
    /* Button Colors - Keep gradients but adjust */
    --btn-primary-bg: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);
    --btn-secondary-bg: #334155;
    --btn-text: #f1f5f9;
    
    /* Link Colors */
    --link-color: #60a5fa;
    
    /* Error Colors */
    --color-error: #f87171;
    --error-color: #f87171;
    
    /* Shadow - Lighter shadows for dark mode */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.3);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.3);
    --shadow-card: 0 4px 6px rgba(0, 0, 0, 0.2);
    --shadow-card-hover: 0 10px 15px rgba(0, 0, 0, 0.3);
}

/* ========== Body & Layout ========== */
[data-theme="dark"] body,
body.dark-mode {
    background: var(--main-bg);
    color: var(--text-primary);
}

[data-theme="dark"] body.with-tailadmin-layout,
body.dark-mode.with-tailadmin-layout {
    background: var(--main-bg);
    color: var(--text-primary);
}

/* ========== Sidebar ========== */
[data-theme="dark"] .tailadmin-sidebar,
body.dark-mode .tailadmin-sidebar {
    background: var(--sidebar-bg);
    border-right-color: var(--sidebar-border);
}

[data-theme="dark"] .tailadmin-sidebar-logo,
body.dark-mode .tailadmin-sidebar-logo {
    border-bottom-color: var(--sidebar-border);
}

[data-theme="dark"] .tailadmin-logo-link,
body.dark-mode .tailadmin-logo-link {
    color: var(--text-primary);
}

[data-theme="dark"] .tailadmin-logo-text,
body.dark-mode .tailadmin-logo-text {
    color: var(--text-primary);
}

[data-theme="dark"] .tailadmin-nav-item,
body.dark-mode .tailadmin-nav-item {
    color: var(--text-secondary);
}

[data-theme="dark"] .tailadmin-nav-item:hover,
body.dark-mode .tailadmin-nav-item:hover {
    background: rgba(14, 165, 233, 0.1);
    color: var(--text-primary);
}

[data-theme="dark"] .tailadmin-nav-item.active,
body.dark-mode .tailadmin-nav-item.active {
    background: rgba(14, 165, 233, 0.15);
    color: #38bdf8;
    border-left-color: #0ea5e9;
}

[data-theme="dark"] .tailadmin-nav-section-title,
body.dark-mode .tailadmin-nav-section-title {
    color: var(--text-tertiary);
}

[data-theme="dark"] .tailadmin-sidebar-search-input,
body.dark-mode .tailadmin-sidebar-search-input {
    background: rgba(15, 23, 42, 0.5);
    border-color: var(--sidebar-border);
    color: var(--text-primary);
}

[data-theme="dark"] .tailadmin-sidebar-search-input:focus,
body.dark-mode .tailadmin-sidebar-search-input:focus {
    background: var(--sidebar-bg);
    border-color: #0ea5e9;
}

[data-theme="dark"] .tailadmin-nav-subnav,
body.dark-mode .tailadmin-nav-subnav {
    border-left-color: var(--sidebar-border);
}

[data-theme="dark"] .tailadmin-sidebar-collapse-btn,
body.dark-mode .tailadmin-sidebar-collapse-btn {
    background: rgba(15, 23, 42, 0.5);
    border-color: var(--sidebar-border);
    color: var(--text-secondary);
}

[data-theme="dark"] .tailadmin-sidebar-collapse-btn:hover,
body.dark-mode .tailadmin-sidebar-collapse-btn:hover {
    background: rgba(14, 165, 233, 0.1);
    color: var(--text-primary);
}

[data-theme="dark"] .tailadmin-sidebar-footer,
body.dark-mode .tailadmin-sidebar-footer {
    border-top-color: var(--sidebar-border);
}

[data-theme="dark"] .tailadmin-sidebar-brand-text,
body.dark-mode .tailadmin-sidebar-brand-text {
    color: var(--text-tertiary);
}

[data-theme="dark"] .tailadmin-sidebar-no-results,
body.dark-mode .tailadmin-sidebar-no-results {
    color: var(--text-tertiary);
}

/* ========== Header ========== */
[data-theme="dark"] .tailadmin-header,
body.dark-mode .tailadmin-header {
    background: var(--header-bg);
    border-bottom-color: var(--header-border);
}

[data-theme="dark"] .tailadmin-header-action,
body.dark-mode .tailadmin-header-action {
    color: var(--text-secondary);
}

[data-theme="dark"] .tailadmin-header-action:hover,
body.dark-mode .tailadmin-header-action:hover {
    background: rgba(14, 165, 233, 0.1);
    color: var(--text-primary);
}

[data-theme="dark"] .tailadmin-user-name,
body.dark-mode .tailadmin-user-name {
    color: var(--text-primary);
}

[data-theme="dark"] .tailadmin-user-dropdown,
body.dark-mode .tailadmin-user-dropdown {
    background: var(--card-bg);
    border-color: var(--card-border);
    box-shadow: var(--shadow-lg);
}

[data-theme="dark"] .tailadmin-user-dropdown-item,
body.dark-mode .tailadmin-user-dropdown-item {
    color: var(--text-secondary);
}

[data-theme="dark"] .tailadmin-user-dropdown-item:hover,
body.dark-mode .tailadmin-user-dropdown-item:hover {
    background: rgba(14, 165, 233, 0.1);
    color: var(--text-primary);
}

[data-theme="dark"] .tailadmin-user-dropdown-divider,
body.dark-mode .tailadmin-user-dropdown-divider {
    border-color: var(--border-light);
}

/* ========== Main Content ========== */
[data-theme="dark"] .tailadmin-main-content,
body.dark-mode .tailadmin-main-content {
    background: var(--main-bg);
    color: var(--text-primary);
}

[data-theme="dark"] .tailadmin-page-title,
body.dark-mode .tailadmin-page-title {
    color: var(--text-primary);
}

[data-theme="dark"] .tailadmin-page-description,
body.dark-mode .tailadmin-page-description {
    color: var(--text-secondary);
}

[data-theme="dark"] .tailadmin-breadcrumbs,
body.dark-mode .tailadmin-breadcrumbs {
    color: var(--text-tertiary);
}

[data-theme="dark"] .tailadmin-breadcrumbs a,
body.dark-mode .tailadmin-breadcrumbs a {
    color: var(--text-secondary);
}

[data-theme="dark"] .tailadmin-breadcrumbs a:hover,
body.dark-mode .tailadmin-breadcrumbs a:hover {
    color: #38bdf8;
}

[data-theme="dark"] .tailadmin-breadcrumbs-current,
body.dark-mode .tailadmin-breadcrumbs-current {
    color: var(--text-primary);
}

/* ========== Cards ========== */
[data-theme="dark"] .card,
body.dark-mode .card {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
    box-shadow: var(--shadow-card);
}

[data-theme="dark"] .card:hover,
body.dark-mode .card:hover {
    box-shadow: var(--shadow-card-hover);
    border-color: var(--border-medium);
}

[data-theme="dark"] .card-header,
body.dark-mode .card-header {
    border-bottom-color: var(--border-light);
}

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

[data-theme="dark"] .card-subtitle,
body.dark-mode .card-subtitle {
    color: var(--text-secondary);
}

/* ========== Buttons ========== */
[data-theme="dark"] .btn-primary,
body.dark-mode .btn-primary {
    background: var(--btn-primary-bg);
    color: var(--btn-text);
}

[data-theme="dark"] .btn-secondary,
body.dark-mode .btn-secondary {
    background: var(--btn-secondary-bg);
    color: var(--btn-text);
    border-color: var(--border-medium);
}

[data-theme="dark"] .btn-secondary:hover,
body.dark-mode .btn-secondary:hover {
    background: #475569;
}

/* ========== Forms & Inputs ========== */
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] textarea,
[data-theme="dark"] select,
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode input[type="number"],
body.dark-mode input[type="search"],
body.dark-mode textarea,
body.dark-mode select {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--input-text);
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder,
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: var(--input-placeholder);
}

[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus,
body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1);
}

/* ========== Tables ========== */
[data-theme="dark"] table,
body.dark-mode table {
    color: var(--text-primary);
}

[data-theme="dark"] table th,
body.dark-mode table th {
    background: var(--card-bg);
    color: var(--text-primary);
    border-color: var(--border-light);
}

[data-theme="dark"] table td,
body.dark-mode table td {
    border-color: var(--border-light);
    color: var(--text-secondary);
}

[data-theme="dark"] table tr:nth-child(even),
body.dark-mode table tr:nth-child(even) {
    background: rgba(30, 41, 59, 0.3);
}

[data-theme="dark"] table tr:hover,
body.dark-mode table tr:hover {
    background: rgba(14, 165, 233, 0.1);
}

/* ========== Badges & Tags ========== */
[data-theme="dark"] .badge,
[data-theme="dark"] .tag,
body.dark-mode .badge,
body.dark-mode .tag {
    color: var(--text-secondary);
}

/* ========== Alerts ========== */
[data-theme="dark"] .alert,
body.dark-mode .alert {
    background: var(--card-bg);
    border-color: var(--border-light);
    color: var(--text-primary);
}

/* ========== Code Blocks ========== */
[data-theme="dark"] code,
[data-theme="dark"] pre,
body.dark-mode code,
body.dark-mode pre {
    background: var(--card-bg);
    color: var(--text-primary);
    border-color: var(--border-light);
}

/* ========== Links ========== */
[data-theme="dark"] a,
body.dark-mode a {
    color: #38bdf8;
}

[data-theme="dark"] a:hover,
body.dark-mode a:hover {
    color: #7dd3fc;
}

/* ========== Scrollbar ========== */
[data-theme="dark"] ::-webkit-scrollbar,
body.dark-mode ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track,
body.dark-mode ::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb,
body.dark-mode ::-webkit-scrollbar-thumb {
    background: var(--border-medium);
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover,
body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: var(--border-dark);
}

/* ========== Specific Components ========== */

/* Panel Wrapper */
[data-theme="dark"] .panel-wrapper,
body.dark-mode .panel-wrapper {
    background: var(--card-bg);
    border-color: var(--card-border);
}

/* Welcome Card */
[data-theme="dark"] .welcome-card,
body.dark-mode .welcome-card {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

/* Setting Card */
[data-theme="dark"] .setting-card,
body.dark-mode .setting-card {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

/* Plugin Card */
[data-theme="dark"] .plugin-card,
body.dark-mode .plugin-card {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .plugin-card-header,
body.dark-mode .plugin-card-header {
    border-bottom-color: var(--border-light);
}

/* Locked Card */
[data-theme="dark"] .locked-card,
body.dark-mode .locked-card {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

/* Error Box */
[data-theme="dark"] .error-box,
body.dark-mode .error-box {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: var(--text-primary);
}

/* SEO Doctor Cards */
[data-theme="dark"] .sdoc-card,
body.dark-mode .sdoc-card {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .sdoc-form,
body.dark-mode .sdoc-form {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .sdoc-modal-card,
body.dark-mode .sdoc-modal-card {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

/* Title Meta Set */
[data-theme="dark"] .title-meta-set,
body.dark-mode .title-meta-set {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .title-meta-set-header,
body.dark-mode .title-meta-set-header {
    border-bottom-color: var(--border-light);
}

/* SCP Header */
[data-theme="dark"] .scp-header,
body.dark-mode .scp-header {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    border-bottom-color: var(--border-light);
}

/* SCP Body */
[data-theme="dark"] .scp-body,
body.dark-mode .scp-body {
    background: var(--card-bg);
    color: var(--text-primary);
}

/* SCP Article */
[data-theme="dark"] .scp-article,
body.dark-mode .scp-article {
    background: rgba(30, 41, 59, 0.5);
    border-color: var(--border-light);
    color: var(--text-primary);
}

/* SCP Item */
[data-theme="dark"] .scp-item,
body.dark-mode .scp-item {
    background: rgba(30, 41, 59, 0.5);
    border-color: var(--border-light);
    color: var(--text-primary);
}

/* SCP Outline Box */
[data-theme="dark"] .scp-outline-box,
body.dark-mode .scp-outline-box {
    background: transparent;
}

[data-theme="dark"] .scp-outline-item,
body.dark-mode .scp-outline-item {
    background: rgba(30, 41, 59, 0.5);
    border-color: var(--border-light);
    color: var(--text-primary);
}

/* Result Card */
[data-theme="dark"] .result-card,
body.dark-mode .result-card {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

/* Domain Checkbox Container */
[data-theme="dark"] .domains-checkbox,
body.dark-mode .domains-checkbox {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

/* Empty State */
[data-theme="dark"] .scp-empty-state,
body.dark-mode .scp-empty-state {
    color: var(--text-secondary);
}

/* Action Buttons */
[data-theme="dark"] .action-btn,
body.dark-mode .action-btn {
    background: var(--btn-secondary-bg);
    color: var(--btn-text);
    border-color: var(--border-medium);
}

[data-theme="dark"] .action-btn:hover,
body.dark-mode .action-btn:hover {
    background: #475569;
}

/* Filter Tags */
[data-theme="dark"] .filter-tag,
body.dark-mode .filter-tag {
    background: var(--card-bg);
    border-color: var(--border-light);
    color: var(--text-secondary);
}

[data-theme="dark"] .filter-tag:hover,
body.dark-mode .filter-tag:hover {
    background: rgba(14, 165, 233, 0.1);
    border-color: #0ea5e9;
    color: var(--text-primary);
}

[data-theme="dark"] .filter-tag.active,
body.dark-mode .filter-tag.active {
    background: rgba(14, 165, 233, 0.15);
    border-color: #0ea5e9;
    color: #38bdf8;
}

/* ========== Additional Card Types ========== */

/* Welcome Card - Dashboard */
[data-theme="dark"] .welcome-card,
body.dark-mode .welcome-card {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .welcome-card h2,
body.dark-mode .welcome-card h2 {
    color: #38bdf8;
}

[data-theme="dark"] .welcome-card p,
body.dark-mode .welcome-card p {
    color: var(--text-secondary);
}

/* Setting Card - Dashboard */
[data-theme="dark"] .setting-card,
body.dark-mode .setting-card {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .setting-card.highlight,
body.dark-mode .setting-card.highlight {
    background: linear-gradient(145deg, #0284c7 0%, #0ea5e9 45%, #38bdf8 100%);
    color: #e0f2fe;
    border-color: #0ea5e9;
}

[data-theme="dark"] .setting-card h3,
body.dark-mode .setting-card h3 {
    color: #38bdf8;
}

[data-theme="dark"] .setting-card p,
body.dark-mode .setting-card p {
    color: var(--text-secondary);
}

[data-theme="dark"] .setting-list li,
body.dark-mode .setting-list li {
    color: var(--text-secondary);
}

/* Plugin Card */
[data-theme="dark"] .plugin-card,
body.dark-mode .plugin-card {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .plugin-card-header,
body.dark-mode .plugin-card-header {
    border-bottom-color: var(--border-light);
}

/* Locked Card */
[data-theme="dark"] .locked-card,
body.dark-mode .locked-card {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

/* Error Box */
[data-theme="dark"] .error-box,
body.dark-mode .error-box {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.3);
    color: var(--text-primary);
}

/* SEO Doctor Cards */
[data-theme="dark"] .sdoc-card,
body.dark-mode .sdoc-card {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .sdoc-form,
body.dark-mode .sdoc-form {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .sdoc-modal-card,
body.dark-mode .sdoc-modal-card {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .sdoc-grid > div,
body.dark-mode .sdoc-grid > div {
    background: rgba(30, 41, 59, 0.5);
    border-color: var(--border-light);
    color: var(--text-primary);
}

/* Title Meta Set */
[data-theme="dark"] .title-meta-set,
body.dark-mode .title-meta-set {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .title-meta-set-header,
body.dark-mode .title-meta-set-header {
    border-bottom-color: var(--border-light);
}

[data-theme="dark"] .title-meta-field-input,
body.dark-mode .title-meta-field-input {
    background: rgba(30, 41, 59, 0.5);
    border-color: var(--border-light);
    color: var(--text-primary);
}

[data-theme="dark"] .title-meta-copy-btn,
body.dark-mode .title-meta-copy-btn {
    background: var(--card-bg);
    border-color: var(--border-medium);
    color: var(--text-primary);
}

[data-theme="dark"] .title-meta-copy-btn:hover,
body.dark-mode .title-meta-copy-btn:hover {
    background: #475569;
    border-color: #0ea5e9;
    color: var(--text-primary);
}

/* Modal & Dialog */
[data-theme="dark"] [style*="background: white"],
body.dark-mode [style*="background: white"] {
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--card-border) !important;
}

[data-theme="dark"] [style*="background:#fff"],
body.dark-mode [style*="background:#fff"] {
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] [style*="background:#ffffff"],
body.dark-mode [style*="background:#ffffff"] {
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

/* Select & Input in Cards */
[data-theme="dark"] select[style*="background: white"],
[data-theme="dark"] select[style*="background:white"],
body.dark-mode select[style*="background: white"],
body.dark-mode select[style*="background:white"] {
    background: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--input-text) !important;
}

/* Textarea */
[data-theme="dark"] textarea[style*="background: white"],
[data-theme="dark"] textarea[style*="background:white"],
body.dark-mode textarea[style*="background: white"],
body.dark-mode textarea[style*="background:white"] {
    background: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--input-text) !important;
}

/* Code blocks in cards */
[data-theme="dark"] code[style*="background: #f1f5f9"],
body.dark-mode code[style*="background: #f1f5f9"] {
    background: rgba(30, 41, 59, 0.5) !important;
    color: var(--text-primary) !important;
}

/* Member Profile Page */
[data-theme="dark"] .info-box,
body.dark-mode .info-box {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .info-box p,
body.dark-mode .info-box p {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .alert-success,
body.dark-mode .alert-success {
    background: rgba(30, 64, 175, 0.2) !important;
    color: var(--text-primary) !important;
    border-left-color: #3b82f6 !important;
}

[data-theme="dark"] .alert-error,
body.dark-mode .alert-error {
    background: rgba(185, 28, 28, 0.2) !important;
    color: var(--text-primary) !important;
    border-left-color: #ef4444 !important;
}

[data-theme="dark"] .nav-links a,
body.dark-mode .nav-links a {
    color: var(--link-color, #60a5fa) !important;
}

/* Settings Page */
[data-theme="dark"] .section,
body.dark-mode .section {
    border-bottom-color: var(--border-light) !important;
}

[data-theme="dark"] .section h3,
body.dark-mode .section h3 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .form-group small,
body.dark-mode .form-group small {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .form-group code,
body.dark-mode .form-group code {
    background: rgba(30, 41, 59, 0.5) !important;
    color: var(--text-primary) !important;
}

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

/* Dashboard Welcome Card */
[data-theme="dark"] .welcome-card,
body.dark-mode .welcome-card {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

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

[data-theme="dark"] .welcome-card p,
body.dark-mode .welcome-card p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .setting-card,
body.dark-mode .setting-card {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

/* ========== Google Crawl Boost ========== */
[data-theme="dark"] .input-section,
body.dark-mode .input-section {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .results-section,
body.dark-mode .results-section {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .results-header,
body.dark-mode .results-header {
    border-bottom-color: var(--border-light);
}

[data-theme="dark"] .results-title,
body.dark-mode .results-title {
    color: var(--text-primary);
}

[data-theme="dark"] .stat-card,
body.dark-mode .stat-card {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .url-item,
body.dark-mode .url-item {
    background: rgba(30, 41, 59, 0.5);
    border-color: var(--border-light);
    color: var(--text-primary);
}

[data-theme="dark"] .url-item.actively-processing,
body.dark-mode .url-item.actively-processing {
    background: rgba(14, 165, 233, 0.15);
    border-left-color: #0ea5e9;
}

[data-theme="dark"] .batch-card,
body.dark-mode .batch-card {
    background: var(--card-bg);
    border-color: var(--border-light);
    color: var(--text-primary);
}

[data-theme="dark"] .batch-card:hover,
body.dark-mode .batch-card:hover {
    background: var(--card-hover-bg);
}

[data-theme="dark"] .drop-zone,
body.dark-mode .drop-zone {
    background: var(--card-bg);
    border-color: var(--border-medium);
}

[data-theme="dark"] .input-method-tab:not(.active),
body.dark-mode .input-method-tab:not(.active) {
    background: var(--input-bg);
    color: var(--text-secondary);
}

[data-theme="dark"] .url-text,
body.dark-mode .url-text {
    color: var(--text-primary);
}

[data-theme="dark"] .loading-content,
body.dark-mode .loading-content {
    background: var(--card-bg);
    color: var(--text-primary);
}

[data-theme="dark"] .loading-text,
body.dark-mode .loading-text {
    color: var(--text-primary);
}

[data-theme="dark"] .loading-subtext,
body.dark-mode .loading-subtext {
    color: var(--text-secondary);
}

/* ========== Text PBN ========== */
[data-theme="dark"] .page-container,
body.dark-mode .page-container {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .pbn-table-container,
body.dark-mode .pbn-table-container {
    background: var(--card-bg);
    border-color: var(--card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .pbn-table-header,
body.dark-mode .pbn-table-header {
    border-bottom-color: var(--border-light);
}

[data-theme="dark"] .alert-success,
body.dark-mode .alert-success {
    background: rgba(16, 185, 129, 0.15);
    border-color: rgba(16, 185, 129, 0.3);
    color: #6ee7b7;
}

[data-theme="dark"] .alert-error,
body.dark-mode .alert-error {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}

/* ========== SEO Doctor Enhanced ========== */
[data-theme="dark"] .sdoc-app,
body.dark-mode .sdoc-app {
    color: var(--text-primary);
}

[data-theme="dark"] .sdoc-form label,
body.dark-mode .sdoc-form label {
    color: var(--text-secondary);
}

[data-theme="dark"] .sdoc-row input[type="text"],
body.dark-mode .sdoc-row input[type="text"] {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--input-text);
}

[data-theme="dark"] .sdoc-btn-ghost,
body.dark-mode .sdoc-btn-ghost {
    background: var(--card-bg);
    border-color: var(--border-medium);
    color: var(--text-primary);
}

[data-theme="dark"] .sdoc-btn-ghost:hover,
body.dark-mode .sdoc-btn-ghost:hover {
    background: rgba(14, 165, 233, 0.1);
    border-color: #0ea5e9;
}

[data-theme="dark"] .sdoc-note,
body.dark-mode .sdoc-note {
    color: var(--text-tertiary);
}

[data-theme="dark"] .sdoc-progress,
body.dark-mode .sdoc-progress {
    color: var(--text-primary);
}

[data-theme="dark"] .sdoc-card-head,
body.dark-mode .sdoc-card-head {
    border-bottom-color: var(--border-light);
}

[data-theme="dark"] .sdoc-url,
body.dark-mode .sdoc-url {
    color: #38bdf8;
}

[data-theme="dark"] .sdoc-grid b,
body.dark-mode .sdoc-grid b {
    color: var(--text-secondary);
}

[data-theme="dark"] .sdoc-warn,
body.dark-mode .sdoc-warn {
    background: rgba(245, 158, 11, 0.15);
    border-color: rgba(245, 158, 11, 0.3);
    color: #fbbf24;
}

[data-theme="dark"] .sdoc-modal-head,
body.dark-mode .sdoc-modal-head {
    border-bottom-color: var(--border-light);
}

[data-theme="dark"] .sdoc-md h1,
[data-theme="dark"] .sdoc-md h2,
[data-theme="dark"] .sdoc-md h3,
body.dark-mode .sdoc-md h1,
body.dark-mode .sdoc-md h2,
body.dark-mode .sdoc-md h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .sdoc-code-inline,
body.dark-mode .sdoc-code-inline {
    background: rgba(30, 41, 59, 0.5);
    color: var(--text-primary);
}

/* ========== Pending Approval Page ========== */
[data-theme="dark"] .pending-approval .card,
body.dark-mode .pending-approval .card,
[data-theme="dark"] body .card:has(.status-badge),
body.dark-mode body .card:has(.status-badge) {
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

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

[data-theme="dark"] .pending-approval p,
body.dark-mode .pending-approval p,
[data-theme="dark"] body .card p,
body.dark-mode body .card p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .contact-box,
body.dark-mode .contact-box {
    background: var(--card-hover-bg) !important;
    color: var(--text-primary) !important;
}

/* ========== Login & Register Pages ========== */
[data-theme="dark"] .login-container,
body.dark-mode .login-container,
[data-theme="dark"] .register-container,
body.dark-mode .register-container {
    background: var(--main-bg) !important;
}

[data-theme="dark"] .login-container .card,
body.dark-mode .login-container .card,
[data-theme="dark"] .register-container .card,
body.dark-mode .register-container .card {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

[data-theme="dark"] .login-container h1,
body.dark-mode .login-container h1,
[data-theme="dark"] .register-container h1,
body.dark-mode .register-container h1 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .login-container label,
body.dark-mode .login-container label,
[data-theme="dark"] .register-container label,
body.dark-mode .register-container label {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .login-container input,
body.dark-mode .login-container input,
[data-theme="dark"] .register-container input,
body.dark-mode .register-container input {
    background: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--input-text) !important;
}

[data-theme="dark"] .error-message,
body.dark-mode .error-message {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] .success-message,
body.dark-mode .success-message {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
    color: #6ee7b7 !important;
}

/* ========== Google Crawl Analytics ========== */
[data-theme="dark"] .page-header h1,
body.dark-mode .page-header h1 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .page-header p,
body.dark-mode .page-header p {
    color: var(--text-secondary) !important;
}

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

[data-theme="dark"] .domain-name,
body.dark-mode .domain-name {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .filter-controls,
body.dark-mode .filter-controls {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

/* ========== Google Crawl Boost ========== */
[data-theme="dark"] .results-title,
body.dark-mode .results-title {
    color: var(--text-primary) !important;
}

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

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

/* ========== Google Crawl Report ========== */
[data-theme="dark"] .batch-info-label,
body.dark-mode .batch-info-label {
    color: var(--text-primary) !important;
}

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

/* ========== PBN Manage ========== */
[data-theme="dark"] .pbn-section h2,
body.dark-mode .pbn-section h2 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .pbn-table-wrapper,
body.dark-mode .pbn-table-wrapper {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

[data-theme="dark"] .pbn-table-wrapper thead,
body.dark-mode .pbn-table-wrapper thead {
    background: var(--table-header-bg) !important;
}

[data-theme="dark"] .pbn-table thead,
body.dark-mode .pbn-table thead {
    background: var(--table-header-bg) !important;
}

[data-theme="dark"] .pbn-table thead tr,
body.dark-mode .pbn-table thead tr {
    background: var(--table-header-bg) !important;
}

[data-theme="dark"] .pbn-table-wrapper thead th,
body.dark-mode .pbn-table-wrapper thead th {
    background: var(--table-header-bg) !important;
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-light) !important;
}

[data-theme="dark"] .pbn-table-wrapper thead tr,
body.dark-mode .pbn-table-wrapper thead tr {
    background: var(--table-header-bg) !important;
}

[data-theme="dark"] .pbn-table-wrapper thead tr,
body.dark-mode .pbn-table-wrapper thead tr {
    background: var(--table-header-bg) !important;
}

[data-theme="dark"] .pbn-table-wrapper thead th,
body.dark-mode .pbn-table-wrapper thead th,
[data-theme="dark"] .pbn-table thead th,
body.dark-mode .pbn-table thead th {
    background: var(--table-header-bg) !important;
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-light) !important;
}

[data-theme="dark"] .pbn-table th,
body.dark-mode .pbn-table th,
[data-theme="dark"] table.pbn-table th,
body.dark-mode table.pbn-table th,
[data-theme="dark"] .pbn-table-wrapper table.pbn-table thead th,
body.dark-mode .pbn-table-wrapper table.pbn-table thead th {
    background: var(--table-header-bg) !important;
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-light) !important;
}

/* Force override for inline styles in dark mode */
[data-theme="dark"] .pbn-table-wrapper thead[style],
body.dark-mode .pbn-table-wrapper thead[style],
[data-theme="dark"] .pbn-table-wrapper thead tr[style],
body.dark-mode .pbn-table-wrapper thead tr[style],
[data-theme="dark"] .pbn-table-wrapper thead th[style],
body.dark-mode .pbn-table-wrapper thead th[style] {
    background: var(--table-header-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .pbn-table td,
body.dark-mode .pbn-table td {
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-light) !important;
}

[data-theme="dark"] .pbn-table tbody tr:hover,
body.dark-mode .pbn-table tbody tr:hover {
    background: var(--table-row-hover-bg) !important;
}

[data-theme="dark"] .pbn-table-wrapper::-webkit-scrollbar-track,
body.dark-mode .pbn-table-wrapper::-webkit-scrollbar-track {
    background: var(--table-header-bg) !important;
}

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

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

/* ========== Text PBN ========== */
[data-theme="dark"] .pbn-table-title,
body.dark-mode .pbn-table-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .pbn-table th,
body.dark-mode .pbn-table th {
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-light) !important;
}

[data-theme="dark"] .pbn-table td,
body.dark-mode .pbn-table td {
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-light) !important;
}

[data-theme="dark"] .pbn-table-header,
body.dark-mode .pbn-table-header {
    border-bottom-color: var(--border-light) !important;
}

/* ========== Index.php (Homepage) ========== */
[data-theme="dark"] .pbn-header,
body.dark-mode .pbn-header {
    color: var(--text-primary) !important;
}

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

[data-theme="dark"] .pbn-header .subtitle,
body.dark-mode .pbn-header .subtitle {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .pbn-master-section,
body.dark-mode .pbn-master-section {
    background: var(--main-bg) !important;
}

[data-theme="dark"] .domains-checkbox,
body.dark-mode .domains-checkbox {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

[data-theme="dark"] .domains-table thead,
body.dark-mode .domains-table thead {
    background: var(--table-header-bg) !important;
}

[data-theme="dark"] .domains-table th,
body.dark-mode .domains-table th {
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-light) !important;
}

[data-theme="dark"] .domains-table tbody tr:hover,
body.dark-mode .domains-table tbody tr:hover {
    background: var(--table-row-hover-bg) !important;
}

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

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

[data-theme="dark"] .domains-table .domain-url,
body.dark-mode .domains-table .domain-url {
    color: var(--link-color, #60a5fa) !important;
}

/* Settings Floating Menu */
[data-theme="dark"] .settings-floating-menu,
body.dark-mode .settings-floating-menu {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .settings-floating-menu-header,
body.dark-mode .settings-floating-menu-header {
    background: var(--card-bg) !important;
    border-bottom-color: var(--border-light) !important;
}

[data-theme="dark"] .settings-floating-menu-header h3,
body.dark-mode .settings-floating-menu-header h3 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .settings-floating-menu-close,
body.dark-mode .settings-floating-menu-close {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .settings-floating-menu-close:hover,
body.dark-mode .settings-floating-menu-close:hover {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .settings-floating-menu-item,
body.dark-mode .settings-floating-menu-item {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .settings-floating-menu-item:hover,
body.dark-mode .settings-floating-menu-item:hover {
    background: var(--card-hover-bg) !important;
}

[data-theme="dark"] .settings-floating-menu-item.active,
body.dark-mode .settings-floating-menu-item.active {
    background: var(--card-hover-bg) !important;
    color: var(--link-color, #60a5fa) !important;
}

[data-theme="dark"] .settings-floating-menu-toggle,
body.dark-mode .settings-floating-menu-toggle {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .new-badge,
body.dark-mode .new-badge {
    background: #ef4444 !important;
    color: #fff !important;
}

[data-theme="dark"] .location-toggle .toggle-segment,
body.dark-mode .location-toggle .toggle-segment {
    background: var(--card-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .location-toggle .toggle-segment:hover,
body.dark-mode .location-toggle .toggle-segment:hover {
    background: var(--card-hover-bg) !important;
    color: var(--text-primary) !important;
}

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

[data-theme="dark"] .locked-card p,
body.dark-mode .locked-card p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .locked-note,
body.dark-mode .locked-note {
    color: var(--text-secondary) !important;
}