@charset "UTF-8";

/* ===== LIGHT THEME — overrides redesign.css when data-theme="light" ===== */

/* ---- Root variables for light theme ---- */
html[data-theme="light"] {
    --bg: #f0f2f8;
    --surface: #ffffff;
    --surface-soft: #f5f6fb;
    --surface-glass: rgba(255, 255, 255, 0.85);
    --line: #e0e4f0;
    --line-strong: #c8cde0;
    --text: #0f172a;
    --muted: #64748b;
    --accent: #0066c5;
    --accent-hover: #1b1aa1;
    --accent-soft: #eaf6ff;
    --accent-dark: #051355;
    --accent-glow: rgba(0, 102, 197, 0.25);
    --success: #0066c5;
    --success-soft: #eaf6ff;
    --danger: #ef4444;
    --danger-soft: #fef2f2;
    --warning: #f59e0b;
    --warning-soft: #fffbeb;
    --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow: 0 4px 20px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.04);
    --shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.06);
    --shadow-xl: 0 20px 60px rgba(15, 23, 42, 0.15), 0 8px 20px rgba(15, 23, 42, 0.08);
    --shadow-glow: 0 0 40px rgba(0, 102, 197, 0.15);
    --radius-sm: 12px;
    --radius: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --sidebar-w: 280px;
    --sidebar-bg: linear-gradient(180deg, #f8f9fc 0%, #eef0f7 100%);
    --sidebar-text: #475569;
    --sidebar-text-active: #0066c5;
    --sidebar-accent: #0066c5;
    --sidebar-hover: rgba(0, 102, 197, 0.06);
    --sidebar-active: rgba(0, 102, 197, 0.1);
    --sidebar-border: #e0e4f0;
    --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);

    --ui-bg: #f0f2f8;
    --ui-bg-soft: #f5f6fb;
    --ui-surface: #ffffff;
    --ui-surface-strong: #ffffff;
    --ui-surface-tint: #f8f9ff;
    --ui-line: rgba(0, 102, 197, 0.1);
    --ui-line-strong: rgba(0, 102, 197, 0.18);
    --ui-text: #0f172a;
    --ui-muted: #64748b;
    --ui-primary: #0066c5;
    --ui-primary-strong: #1b1aa1;
    --ui-primary-soft: #eaf6ff;
    --ui-secondary: #1b1aa1;
    --ui-secondary-soft: #eaf6ff;
    --ui-danger-soft: #fef2f2;
    --ui-shadow: 0 12px 40px rgba(15, 23, 42, 0.08), 0 4px 12px rgba(15, 23, 42, 0.04);
    --ui-shadow-soft: 0 4px 16px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);
    --ui-radius-xl: 28px;
    --ui-radius-lg: 20px;
    --ui-radius-md: 14px;
    --ui-radius-sm: 10px;
}

/* ---- Base ---- */
html[data-theme="light"] {
    color-scheme: light;
    background: var(--bg);
}

html[data-theme="light"] body {
    background: var(--bg);
    color: var(--text);
}

html[data-theme="light"] ::selection {
    background: #b3d4fc;
    color: #0f172a;
}

/* ---- Sidebar ---- */
html[data-theme="light"] .site-sidebar {
    background: var(--sidebar-bg);
    border-right-color: var(--sidebar-border);
    box-shadow: 2px 0 24px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .sidebar-brand .site-brand {
    border-bottom-color: var(--sidebar-border);
}

html[data-theme="light"] .site-brand-mark {
    border-color: rgba(0, 102, 197, 0.2);
    background: #ffffff;
}

html[data-theme="light"] .site-brand-copy strong {
    color: #0f172a;
}

html[data-theme="light"] .sidebar-page-title::before {
    color: #94a3b8;
}

html[data-theme="light"] .sidebar-page-title h1 {
    color: #334155;
}

html[data-theme="light"] .site-nav-section-title {
    color: #94a3b8;
}

html[data-theme="light"] .site-nav-link {
    color: var(--sidebar-text);
}

html[data-theme="light"] .site-nav-link:hover,
html[data-theme="light"] .site-nav-link:focus-visible {
    border-color: var(--sidebar-border);
    background: var(--sidebar-hover);
    color: #0f172a;
}

html[data-theme="light"] .site-nav-link.is-current {
    border-color: rgba(0, 102, 197, 0.2);
    background: var(--sidebar-active);
    color: var(--sidebar-text-active);
    font-weight: 600;
}

html[data-theme="light"] .site-nav-link.is-current::after {
    background: var(--sidebar-accent);
}

html[data-theme="light"] .site-nav-link.is-current .site-nav-icon {
    border-color: rgba(0, 102, 197, 0.25);
    background: #eaf6ff;
    color: #0066c5;
}

html[data-theme="light"] .site-nav-icon {
    border-color: #e0e4f0;
    background: #f5f6fb;
}

/* ---- Sidebar toggle button ---- */
html[data-theme="light"] .desktop-sidebar-toggle {
    border-color: #e0e4f0;
    background: #ffffff;
    color: #64748b;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .desktop-sidebar-toggle:hover {
    border-color: #0066c5;
    background: #f0f5ff;
    color: #0066c5;
}

/* ---- Workspace header ---- */
html[data-theme="light"] .workspace-header {
    border-bottom-color: #e0e4f0;
}

html[data-theme="light"] .workspace-kicker {
    color: #0066c5;
}

html[data-theme="light"] .workspace-status {
    color: #64748b;
}

html[data-theme="light"] .workspace-status i {
    background: #0066c5;
}

html[data-theme="light"] .workspace-header h1 {
    color: #0f172a;
}

html[data-theme="light"] .workspace-header p {
    color: #64748b;
}

/* ---- Footer ---- */
html[data-theme="light"] .site-footer {
    border-color: #e0e4f0;
    background: #f8f9fc;
    color: #64748b;
}

html[data-theme="light"] .site-footer a {
    color: #0066c5;
}

/* ---- Tool panel: inputs ---- */
html[data-theme="light"] .tool-panel :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]),
    select,
    textarea
) {
    border-color: #d0d5e0 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] .tool-panel :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]),
    select,
    textarea
):hover {
    border-color: #b0b8c8 !important;
    background: #ffffff !important;
}

html[data-theme="light"] .tool-panel :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]),
    select,
    textarea
):focus {
    border-color: #0066c5 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 197, 0.12) !important;
}

html[data-theme="light"] .tool-panel input::placeholder,
html[data-theme="light"] .tool-panel textarea::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] .tool-panel input[readonly],
html[data-theme="light"] .tool-panel input:disabled,
html[data-theme="light"] .tool-panel select:disabled,
html[data-theme="light"] .tool-panel textarea:disabled {
    background: #f5f6fb !important;
    color: #94a3b8 !important;
}

html[data-theme="light"] .tool-panel :where(input[type="text"],
    input[type="email"], input[type="number"], input[type="search"],
    select, textarea) {
    border-color: #d0d5e0 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

html[data-theme="light"] .tool-panel :where(input[type="text"],
    input[type="email"], input[type="number"], input[type="search"],
    select, textarea):focus {
    border-color: #0066c5 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 197, 0.12) !important;
}

/* ---- Tool panel: primary buttons ---- */
html[data-theme="light"] .tool-panel :where(
    button[type="submit"], .primary-button, .btn-danger, .vietqr-button,
    .dc-btn-search, .dw-btn-search, .ssl-btn-search, .yt-thumb-btn-search,
    .genpass-button, .mst-button
) {
    border-color: transparent !important;
    background: linear-gradient(135deg, #0066c5 0%, #1b1aa1 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 102, 197, 0.25) !important;
}

html[data-theme="light"] .tool-panel :where(
    button[type="submit"], .primary-button, .btn-danger, .vietqr-button,
    .dc-btn-search, .dw-btn-search, .ssl-btn-search, .yt-thumb-btn-search,
    .genpass-button, .mst-button
):hover {
    border-color: transparent !important;
    background: linear-gradient(135deg, #1b1aa1 0%, #0066c5 100%) !important;
    box-shadow: 0 6px 20px rgba(0, 102, 197, 0.32) !important;
    transform: translateY(-1px);
}

html[data-theme="light"] .tool-panel :where(
    button, input[type="button"], input[type="submit"],
    .primary-button, .dc-btn-search, .dw-btn-search, .mst-button,
    .vietqr-button, .genpass-button, .yt-thumb-btn-search
) {
    border-color: transparent !important;
    background: linear-gradient(135deg, #0066c5 0%, #1b1aa1 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 102, 197, 0.25) !important;
}

html[data-theme="light"] .tool-panel :where(
    button, input[type="button"], input[type="submit"],
    .primary-button, .dc-btn-search, .dw-btn-search, .mst-button,
    .vietqr-button, .genpass-button, .yt-thumb-btn-search
):hover,
html[data-theme="light"] .tool-panel :where(
    button, input[type="button"], input[type="submit"],
    .primary-button, .dc-btn-search, .dw-btn-search, .mst-button,
    .vietqr-button, .genpass-button, .yt-thumb-btn-search
):focus-visible {
    border-color: transparent !important;
    background: linear-gradient(135deg, #1b1aa1 0%, #0066c5 100%) !important;
    box-shadow: 0 6px 20px rgba(0, 102, 197, 0.32) !important;
    transform: translateY(-1px);
}

/* ---- Tool panel: secondary buttons ---- */
html[data-theme="light"] .tool-panel :where(
    .secondary-button, .genpass-copy-button, .landing-toolbar-clear,
    .qr-clear-icon, .dc-btn-whois, .dc-btn-buy
) {
    border-color: #d0d5e0 !important;
    background: #ffffff !important;
    color: #334155 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .tool-panel :where(
    .secondary-button, .genpass-copy-button, .yt-thumb-btn-copy,
    .dc-btn-whois, .dc-btn-buy, .vietqr-download, .downloadqr
) {
    border-color: #d0d5e0 !important;
    background: #ffffff !important;
    color: #334155 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .tool-panel :where(
    .secondary-button, .genpass-copy-button, .yt-thumb-btn-copy,
    .dc-btn-whois, .dc-btn-buy, .vietqr-download, .downloadqr,
    .landing-toolbar-clear, .qr-clear-icon
):hover {
    border-color: #b0b8c8 !important;
    background: #f8f9fc !important;
}

/* ---- Tool panel: cards & containers ---- */
html[data-theme="light"] .tool-panel :where(
    .local-tool-card, .genpass-card, .check-form, .dc-search-section,
    .dw-search-section, .ssl-search-section, .qr-form, .vietqr-form,
    .vietqr-result, .vcard-form, .vcard-preview, .mst-lookup-container,
    .ads-preview-card, .yt-thumb-search-section, .result-box, .dc-domain-card
) {
    border-color: #e0e4f0 !important;
    background: #ffffff !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] .tool-panel :where(
    .check-form, .dc-search-section, .dw-search-section, .ssl-search-section,
    .genpass-card, .site-container.qr-form, .vietqr-form, .vietqr-result,
    .mst-lookup-container, .preview-card, .grid-form, .stack-form,
    .network-shell, .yt-thumb-card, .dc-domain-card, .result-box,
    .dc-modal-content, .mst-info-card
) {
    background: #ffffff !important;
}

/* ---- Labels & legends ---- */
html[data-theme="light"] .tool-panel label,
html[data-theme="light"] .tool-panel legend {
    color: #334155;
}

/* ---- Result boxes ---- */
html[data-theme="light"] .tool-panel :where(.result-box, .local-tool-result, .dc-whois-output, pre) {
    border-color: #e0e4f0 !important;
    background: #f8f9fc !important;
    color: #334155 !important;
}

/* ---- Counter stats ---- */
html[data-theme="light"] .counter-stat {
    border-color: #e0e4f0 !important;
    background: #f8f9fc !important;
}

/* ---- QR placeholders ---- */
html[data-theme="light"] .tool-panel .preview-placeholder,
html[data-theme="light"] .tool-panel .qrbox,
html[data-theme="light"] .tool-panel #vietqr-qrcode,
html[data-theme="light"] .tool-panel #qrCodeContainer,
html[data-theme="light"] .tool-panel #vcard-preview {
    border-color: rgba(0, 102, 197, 0.15) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%) !important;
    color: #64748b;
}

/* ---- Error messages ---- */
html[data-theme="light"] .tool-panel .vietqr-message,
html[data-theme="light"] .tool-panel .dc-error-section,
html[data-theme="light"] .tool-panel .dw-error-section,
html[data-theme="light"] .tool-panel .mst-error,
html[data-theme="light"] .tool-panel .yt-thumb-error {
    border-color: rgba(239, 68, 68, 0.15) !important;
    background: #fef2f2 !important;
    color: #b91c1c !important;
}

html[data-theme="light"] .tool-panel .vietqr-message.success {
    background: #eaf6ff !important;
    border-color: rgba(0, 102, 197, 0.15) !important;
    color: #1b1aa1 !important;
}

/* ---- Tables ---- */
html[data-theme="light"] .tool-panel .dw-results-table {
    border-color: #e0e4f0 !important;
    background: #ffffff !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .tool-panel :is(.dw-results-table th, .mst-table th, .mst-sectors-table th) {
    background: #f0f2f8;
    color: #475569;
}

html[data-theme="light"] .tool-panel :is(.dw-results-table td, .mst-table td, .mst-table th, .mst-sectors-table td) {
    border-bottom-color: rgba(0, 0, 0, 0.05);
}

/* ---- Status badges ---- */
html[data-theme="light"] .tool-panel .dc-status-badge.available,
html[data-theme="light"] .tool-panel .mst-status,
html[data-theme="light"] .tool-panel .mst-main-badge,
html[data-theme="light"] .tool-panel .dw-type-a,
html[data-theme="light"] .tool-panel .dw-type-ns {
    background: #eaf6ff;
    color: #0066c5;
}

html[data-theme="light"] .tool-panel .dc-status-badge.taken,
html[data-theme="light"] .tool-panel .dw-type-mx,
html[data-theme="light"] .tool-panel .dw-type-txt {
    background: #fef2f2;
    color: #b91c1c;
}

/* ---- Select2 overrides ---- */
html[data-theme="light"] .select2-container--default .select2-selection--single {
    border-color: #d0d5e0 !important;
    background: #ffffff !important;
}

html[data-theme="light"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #0f172a !important;
}

html[data-theme="light"] .select2-container--default.select2-container--focus .select2-selection--single,
html[data-theme="light"] .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #0066c5 !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 197, 0.12);
}

html[data-theme="light"] .select2-dropdown {
    border-color: #d0d5e0 !important;
    background: #ffffff !important;
}

html[data-theme="light"] .select2-results__option {
    color: #334155;
}

html[data-theme="light"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #eaf6ff !important;
    color: #0066c5 !important;
}

/* ---- Hints ---- */
html[data-theme="light"] .dc-hint,
html[data-theme="light"] .dw-hint {
    color: #64748b !important;
}

/* ---- Homepage hero ---- */
html[data-theme="light"] .home-hero {
    border-color: #e0e4f0;
    background: #ffffff;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .home-hero::before {
    display: block;
}

html[data-theme="light"] .home-hero-badge {
    border-color: rgba(0, 102, 197, 0.2);
    background: #eaf6ff;
    color: #0066c5;
}

html[data-theme="light"] .home-hero-title {
    color: #0f172a;
}

html[data-theme="light"] .home-hero-desc {
    color: #64748b;
}

html[data-theme="light"] .home-btn-primary {
    background: linear-gradient(135deg, #0066c5 0%, #1b1aa1 100%);
    color: #ffffff;
    box-shadow: 0 4px 14px rgba(0, 102, 197, 0.25);
}

html[data-theme="light"] .home-btn-primary:hover {
    background: linear-gradient(135deg, #1b1aa1 0%, #0066c5 100%);
}

html[data-theme="light"] .home-btn-ghost {
    border-color: #d0d5e0;
    background: #ffffff;
    color: #334155;
}

html[data-theme="light"] .home-stat {
    border-color: #e0e4f0;
    background: #f8f9fc;
}

html[data-theme="light"] .home-stat strong {
    color: #0066c5;
}

html[data-theme="light"] .home-stat span {
    color: #64748b;
}

/* ---- Homepage search ---- */
html[data-theme="light"] .home-search-box {
    border-color: #d0d5e0;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .home-search-box svg {
    color: #94a3b8;
}

html[data-theme="light"] .home-search-input {
    color: #0f172a;
}

html[data-theme="light"] .home-search-input::placeholder {
    color: #94a3b8;
}

html[data-theme="light"] .home-search-meta {
    color: #64748b;
}

/* ---- Homepage categories ---- */
html[data-theme="light"] .home-category {
    border-color: transparent;
    background: transparent;
}

html[data-theme="light"] .home-category-head h2 {
    color: #0f172a;
}

html[data-theme="light"] .home-card {
    border-color: #e0e4f0;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .home-card:hover {
    border-color: #b0b8c8;
    background: #f8f9ff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
}

html[data-theme="light"] .home-card-title {
    color: #0f172a;
}

html[data-theme="light"] .home-card-desc {
    color: #64748b;
}

html[data-theme="light"] .home-card-icon {
    border-color: #e0e4f0;
    background: #f5f6fb;
}

/* ---- Mobile topbar ---- */
html[data-theme="light"] .mobile-topbar {
    background: #ffffff;
    border-bottom-color: #e0e4f0;
    color: #0f172a;
}

html[data-theme="light"] .mobile-brand strong {
    color: #0f172a;
}

html[data-theme="light"] .mobile-current-tool {
    color: #64748b;
}

html[data-theme="light"] .mobile-menu-button {
    border-color: #e0e4f0;
    background: #f8f9fc;
    color: #334155;
}

/* ---- Mobile sheet ---- */
html[data-theme="light"] .mobile-sheet-handle {
    background: #d0d5e0;
}

html[data-theme="light"] .mobile-sheet-head span {
    color: #94a3b8;
}

html[data-theme="light"] .mobile-sheet-head strong {
    color: #0f172a;
}

html[data-theme="light"] .mobile-sheet-close {
    border-color: #e0e4f0;
    background: #f8f9fc;
    color: #64748b;
}

html[data-theme="light"] .mobile-nav-search {
    border-color: #e0e4f0;
    background: #f8f9fc;
}

html[data-theme="light"] .mobile-nav-search svg {
    color: #94a3b8;
}

html[data-theme="light"] .mobile-nav-search input {
    color: #0f172a;
}

html[data-theme="light"] .mobile-nav-search input::placeholder {
    color: #94a3b8;
}

/* ---- Eyebrow text ---- */
html[data-theme="light"] .eyebrow {
    color: #0066c5;
}

/* ---- Muted text override ---- */
html[data-theme="light"] .hero-text,
html[data-theme="light"] .panel-head p,
html[data-theme="light"] .landing-card p,
html[data-theme="light"] .tool-panel p,
html[data-theme="light"] .tool-panel .dw-note,
html[data-theme="light"] .tool-panel .dc-hint,
html[data-theme="light"] .tool-panel .dw-hint,
html[data-theme="light"] .tool-panel .mst-loading,
html[data-theme="light"] .tool-panel .genpass-note,
html[data-theme="light"] .tool-panel .yt-thumb-hint {
    color: #64748b !important;
}

/* ---- Brand action buttons ---- */
html[data-theme="light"] .tool-panel .vietqr-download,
html[data-theme="light"] .tool-panel .dc-btn-buy {
    background: linear-gradient(135deg, #1b1aa1 0%, #0066c5 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

/* ---- Tabs / segmented controls ---- */
html[data-theme="light"] .tab-button,
html[data-theme="light"] .segmented-control button {
    border-color: #e0e4f0;
    background: #f8f9fc;
    color: #64748b;
}

html[data-theme="light"] .tab-button.active,
html[data-theme="light"] .segmented-control button.active {
    border-color: rgba(0, 102, 197, 0.2);
    background: #eaf6ff;
    color: #0066c5;
}

/* ---- Copy / toast notifications ---- */
html[data-theme="light"] .copy-toast,
html[data-theme="light"] .toast {
    background: #0f172a;
    color: #ffffff;
}

/* ---- Scrollbar (webkit) ---- */
html[data-theme="light"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

html[data-theme="light"] ::-webkit-scrollbar-track {
    background: #f0f2f8;
}

html[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #c8cde0;
    border-radius: 4px;
}

html[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* ---- Modal overlay ---- */
html[data-theme="light"] .dc-modal-overlay {
    background: rgba(15, 23, 42, 0.4);
}

html[data-theme="light"] .dc-modal-content {
    border-color: #e0e4f0 !important;
    background: #ffffff !important;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15) !important;
}

/* ---- SSL / result cards ---- */
html[data-theme="light"] .ssl-result-card,
html[data-theme="light"] .ssl-info-grid {
    border-color: #e0e4f0;
    background: #ffffff;
}

html[data-theme="light"] .ssl-badge-valid {
    background: #eaf6ff;
    color: #0066c5;
}

html[data-theme="light"] .ssl-badge-expired {
    background: #fef2f2;
    color: #b91c1c;
}

html[data-theme="light"] .ssl-badge-warning {
    background: #fffbeb;
    color: #b45309;
}

/* ---- Final light-mode polish for high-specificity dark page rules ---- */
html[data-theme="light"] .landing-panel {
    background: transparent !important;
    color: var(--text) !important;
}

html[data-theme="light"] .check-ip-content {
    border-color: #d8deeb !important;
    background: #ffffff !important;
    color: #334155 !important;
    box-shadow: var(--shadow-sm) !important;
}

html[data-theme="light"] .check-ip-content .text-c00 {
    color: #0066c5 !important;
}

html[data-theme="light"] .check-ip-content::before {
    border-color: rgba(0, 102, 197, 0.22) !important;
    background: #eaf6ff !important;
    color: #0066c5 !important;
}

html[data-theme="light"] .page-checkip .result-box,
html[data-theme="light"] .page-dns .dw-results-section,
html[data-theme="light"] .page-ssl .ssl-card {
    border-color: #dfe5f0 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme="light"] .page-checkip .result-box > h3,
html[data-theme="light"] .page-ssl .ssl-card h3,
html[data-theme="light"] .page-dns .dw-results-table th,
html[data-theme="light"] .page-dns .dw-results-table td {
    color: #0f172a !important;
}

html[data-theme="light"] .page-checkip .result-box > h3::before {
    background: #0066c5 !important;
    box-shadow: 0 0 0 5px rgba(0, 102, 197, 0.12) !important;
}

html[data-theme="light"] .page-checkip .ip-result-list li,
html[data-theme="light"] .page-checkip .result-box ul li,
html[data-theme="light"] .page-ssl .ssl-detail-row {
    border-color: #e3e8f2 !important;
    background: #ffffff !important;
}

html[data-theme="light"] .page-checkip .ip-result-list li span:first-child,
html[data-theme="light"] .page-checkip .result-box ul li span:first-child,
html[data-theme="light"] .page-ssl .ssl-detail-row strong {
    border-color: #e3e8f2 !important;
    background: #f5f7fb !important;
    color: #5f6f86 !important;
}

html[data-theme="light"] .page-checkip .ip-result-list li span:last-child,
html[data-theme="light"] .page-checkip .result-box ul li span:last-child,
html[data-theme="light"] .page-ssl .ssl-detail-row span {
    color: #0f172a !important;
}

html[data-theme="light"] .page-checkip .ipmap {
    border-color: #dfe5f0 !important;
    background: #ffffff !important;
}

html[data-theme="light"] .page-checkip .ipmap-header {
    border-color: #e3e8f2 !important;
    background: #f5f7fb !important;
}

html[data-theme="light"] .page-checkip .ipmap-header span {
    color: #64748b !important;
}

html[data-theme="light"] .page-checkip .ipmap-header strong {
    color: #0066c5 !important;
}

html[data-theme="light"] .page-checkip .ipmap iframe {
    background: #eef3f9 !important;
}

html[data-theme="light"] .dw-note,
html[data-theme="light"] .dw-hint,
html[data-theme="light"] .dc-hint,
html[data-theme="light"] .ssl-hint,
html[data-theme="light"] .yt-thumb-hint,
html[data-theme="light"] .genpass-note,
html[data-theme="light"] .local-tool-output.is-compact,
html[data-theme="light"] #accent-status,
html[data-theme="light"] #case-status,
html[data-theme="light"] #md5-status,
html[data-theme="light"] #color-status,
html[data-theme="light"] .mst-loading {
    border-color: #dfe5f0 !important;
    background: #f7f9fd !important;
    color: #64748b !important;
}

html[data-theme="light"] .page-dns .dw-trace-output,
html[data-theme="light"] .dc-whois-output {
    border-color: #dfe5f0 !important;
    background: #f7f9fd !important;
    color: #334155 !important;
    box-shadow: var(--shadow-sm) !important;
}

html[data-theme="light"] .page-dns .dw-trace-section {
    border-color: #dfe5f0 !important;
    background: #ffffff !important;
    color: #334155 !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme="light"] .page-dns :is(.dw-trace-step, .dw-total-time-inline, .dw-server-info, .dw-ptr-header, .dw-fcrdns) {
    border-color: #dfe5f0 !important;
    background: #ffffff !important;
    color: #334155 !important;
}

html[data-theme="light"] .page-dns .dw-found-record {
    border-color: rgba(0, 102, 197, 0.22) !important;
    background: #eaf6ff !important;
    color: #075985 !important;
}

html[data-theme="light"] .page-dns .dw-no-ptr,
html[data-theme="light"] .page-dns .dw-fcrdns.not-verified {
    border-color: rgba(245, 158, 11, 0.28) !important;
    background: #fffbeb !important;
    color: #92400e !important;
}

html[data-theme="light"] .page-dns :is(.dw-trace-text, .dw-total-time-inline, .dw-server-info, .dw-found-record, .dw-ptr-header, .dw-no-ptr, .dw-fcrdns, .dw-fcrdns-detail) {
    color: #334155 !important;
}

html[data-theme="light"] .page-dns .dw-trace-divider {
    border-color: #dfe5f0 !important;
}

html[data-theme="light"] .page-dns .dw-results-table {
    border-color: #dfe5f0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

html[data-theme="light"] .page-dns .dw-results-table th {
    background: #f5f7fb !important;
    color: #64748b !important;
}

html[data-theme="light"] .page-dns .dw-results-table td {
    border-color: #e3e8f2 !important;
    background: #ffffff !important;
}

html[data-theme="light"] .page-dns .dw-answer {
    color: #0f172a !important;
}

html[data-theme="light"] .page-ssl .ssl-summary-card {
    border-color: #dfe5f0 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme="light"] .page-ssl .ssl-summary-card.is-ok {
    border-color: rgba(0, 102, 197, 0.2) !important;
    background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 100%) !important;
}

html[data-theme="light"] .page-ssl .ssl-summary-card.is-warning {
    border-color: rgba(245, 158, 11, 0.28) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%) !important;
}

html[data-theme="light"] .page-ssl .ssl-summary-card.is-danger {
    border-color: rgba(239, 68, 68, 0.25) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fff1f2 100%) !important;
}

html[data-theme="light"] .page-ssl .ssl-summary-card h3,
html[data-theme="light"] .page-ssl .ssl-summary-card p {
    color: #0f172a !important;
}

html[data-theme="light"] .page-ssl .ssl-summary-meta,
html[data-theme="light"] .page-ssl .ssl-summary-meta span {
    border-color: #dfe5f0 !important;
    background: #ffffff !important;
    color: #0066c5 !important;
}

html[data-theme="light"] .dc-domain-card {
    border-color: #dfe5f0 !important;
    background: #ffffff !important;
    color: #0f172a !important;
}

html[data-theme="light"] .dc-results-section h3 {
    color: #0f172a !important;
}

html[data-theme="light"] .dc-domain-card.available {
    border-color: rgba(0, 102, 197, 0.2) !important;
}

html[data-theme="light"] .dc-domain-card.taken {
    border-color: #dfe5f0 !important;
}

html[data-theme="light"] .dc-domain-name {
    color: #0f172a !important;
}

html[data-theme="light"] .dc-domain-info,
html[data-theme="light"] .dc-whois-item {
    border-color: #e3e8f2 !important;
    background: #f7f9fd !important;
    color: #334155 !important;
}

html[data-theme="light"] .dc-domain-info p,
html[data-theme="light"] .dc-whois-value {
    color: #334155 !important;
}

html[data-theme="light"] .dc-domain-info strong,
html[data-theme="light"] .dc-whois-label {
    color: #64748b !important;
}

html[data-theme="light"] .dc-btn-whois {
    border-color: #d0d5e0 !important;
    background: #ffffff !important;
    color: #0f172a !important;
}

html[data-theme="light"] .dc-whois-list li,
html[data-theme="light"] .dc-whois-value li {
    border-color: #dfe5f0 !important;
    background: #ffffff !important;
    color: #334155 !important;
}

html[data-theme="light"] .local-tool-card {
    border-color: #dfe5f0 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme="light"] .local-tool-result,
html[data-theme="light"] .local-tool-output,
html[data-theme="light"] .hash-output,
html[data-theme="light"] .text-output {
    border-color: #dfe5f0 !important;
    background: #f7f9fd !important;
    color: #334155 !important;
}

html[data-theme="light"] .case-buttons .local-tool-button,
html[data-theme="light"] .local-tool-button.secondary {
    border-color: #d0d5e0 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: var(--shadow-sm) !important;
}

html[data-theme="light"] .case-buttons .local-tool-button:hover,
html[data-theme="light"] .local-tool-button.secondary:hover {
    border-color: #b8c2d4 !important;
    background: #f7f9fd !important;
}

html[data-theme="light"] .color-preview-wrap,
html[data-theme="light"] .color-preview-meta,
html[data-theme="light"] .color-info-grid,
html[data-theme="light"] .color-harmonies,
html[data-theme="light"] .color-contrast-box {
    border-color: #dfe5f0 !important;
    background: #f7f9fd !important;
    color: #334155 !important;
}

html[data-theme="light"] .color-preview-meta strong {
    color: #0f172a !important;
}

html[data-theme="light"] #qrForm,
html[data-theme="light"] .qr-preview-panel,
html[data-theme="light"] .qr-result-box {
    border-color: #dfe5f0 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: var(--shadow) !important;
}

html[data-theme="light"] #qrForm label,
html[data-theme="light"] #qrForm .qr-field > span,
html[data-theme="light"] .qr-upload-copy strong,
html[data-theme="light"] .qr-result-copy h3 {
    color: #0f172a !important;
}

html[data-theme="light"] .qr-upload-copy small,
html[data-theme="light"] .qr-result-copy p,
html[data-theme="light"] .qrbox {
    color: #64748b !important;
}

html[data-theme="light"] .tool-panel #qrForm .qr-upload-box {
    border-color: rgba(0, 102, 197, 0.2) !important;
    background: #f7f9fd !important;
}

html[data-theme="light"] .tool-panel #qrForm .qr-upload-box:hover,
html[data-theme="light"] .tool-panel #qrForm .qr-file-input:focus-visible + .qr-upload-box {
    border-color: rgba(0, 102, 197, 0.4) !important;
    background: #ffffff !important;
}

html[data-theme="light"] .qr-upload-symbol {
    background: linear-gradient(135deg, #0066c5 0%, #1b1aa1 100%) !important;
    box-shadow: 0 10px 22px rgba(0, 102, 197, 0.18) !important;
}

html[data-theme="light"] .qr-empty-box {
    border-color: #cfe0f5 !important;
    background: #f7f9fd !important;
    color: #64748b !important;
}

html[data-theme="light"] .qr-result-stage,
html[data-theme="light"] .qr-icon-preview {
    border-color: #dfe5f0 !important;
    background: #f7f9fd !important;
    color: #334155 !important;
}

html[data-theme="light"] .vietqr-title,
html[data-theme="light"] .vietqr-result-title {
    color: #0f172a !important;
}

html[data-theme="light"] .vietqr-placeholder,
html[data-theme="light"] #vietqr-qrcode {
    color: #64748b !important;
}

@media (max-width: 560px) {
    html[data-theme="light"] .page-dns .dw-results-section {
        overflow-x: visible !important;
    }

    html[data-theme="light"] .page-dns .dw-results-table,
    html[data-theme="light"] .page-dns .dw-results-table thead,
    html[data-theme="light"] .page-dns .dw-results-table tbody,
    html[data-theme="light"] .page-dns .dw-results-table tr,
    html[data-theme="light"] .page-dns .dw-results-table th,
    html[data-theme="light"] .page-dns .dw-results-table td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    html[data-theme="light"] .page-dns .dw-results-table thead {
        display: none !important;
    }

    html[data-theme="light"] .page-dns .dw-results-table {
        border: 0 !important;
        background: transparent !important;
    }

    html[data-theme="light"] .page-dns .dw-results-table tbody {
        display: grid !important;
        gap: 12px;
    }

    html[data-theme="light"] .page-dns .dw-results-table tr {
        overflow: hidden;
        border: 1px solid #dfe5f0 !important;
        border-radius: 14px;
        background: #ffffff !important;
        box-shadow: var(--shadow-sm);
    }

    html[data-theme="light"] .page-dns .dw-results-table td {
        display: grid !important;
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 12px;
        border-bottom: 1px solid #e3e8f2 !important;
        padding: 12px 14px !important;
        word-break: break-word;
    }

    html[data-theme="light"] .page-dns .dw-results-table td:last-child {
        border-bottom: 0 !important;
    }

    html[data-theme="light"] .page-dns .dw-results-table td::before {
        color: #64748b;
        font-size: 0.74rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    html[data-theme="light"] .page-dns .dw-results-table td:nth-child(1)::before {
        content: "Domain";
    }

    html[data-theme="light"] .page-dns .dw-results-table td:nth-child(2)::before {
        content: "Type";
    }

    html[data-theme="light"] .page-dns .dw-results-table td:nth-child(3)::before {
        content: "TTL";
    }

    html[data-theme="light"] .page-dns .dw-results-table td:nth-child(4)::before {
        content: "Answer";
    }

    html[data-theme="light"] .page-ssl .ssl-detail-row strong,
    html[data-theme="light"] .page-checkip .ip-result-list li span:first-child,
    html[data-theme="light"] .page-checkip .result-box ul li span:first-child {
        border-right: 0 !important;
        border-bottom-color: #e3e8f2 !important;
    }
}

/* ---- Homepage final light pass ---- */
html[data-theme="light"] body.page-home .home-search {
    border-bottom-color: #dfe5f0 !important;
}

html[data-theme="light"] body.page-home .home-search-box {
    border-color: #d8deea !important;
    background: #ffffff !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] body.page-home .home-search-box:focus-within {
    border-color: rgba(0, 102, 197, 0.5) !important;
    box-shadow: 0 0 0 4px rgba(0, 102, 197, 0.12), 0 14px 34px rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] body.page-home .home-search-box svg {
    color: #64748b !important;
}

html[data-theme="light"] body.page-home .home-search-box:focus-within svg {
    color: #0066c5 !important;
}

html[data-theme="light"] body.page-home .home-search-input {
    color: #0f172a !important;
}

html[data-theme="light"] body.page-home .home-search-input::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] body.page-home .home-search-clear {
    border-color: #d8deea !important;
    background: #f7f9fd !important;
    color: #64748b !important;
}

html[data-theme="light"] body.page-home .home-search-clear:hover {
    border-color: rgba(0, 102, 197, 0.24) !important;
    background: #eaf6ff !important;
    color: #0066c5 !important;
}

html[data-theme="light"] body.page-home .home-search-meta,
html[data-theme="light"] body.page-home .home-search-empty {
    color: #64748b !important;
}

html[data-theme="light"] body.page-home .home-category {
    background: transparent !important;
}

html[data-theme="light"] body.page-home .home-category::before {
    background: #dfe5f0 !important;
}

html[data-theme="light"] body.page-home .home-category-head h2 {
    color: #0f172a !important;
}

html[data-theme="light"] body.page-home .home-category-icon {
    border-color: rgba(0, 102, 197, 0.14) !important;
    background: #eef6ff !important;
    color: var(--cat-color, #0066c5) !important;
}

html[data-theme="light"] body.page-home .home-card {
    border-color: #dfe5f0 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] body.page-home .home-card:hover,
html[data-theme="light"] body.page-home .home-card:focus-visible {
    border-color: rgba(0, 102, 197, 0.28) !important;
    background: #f8fbff !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] body.page-home .home-card-icon {
    border-color: #d8deea !important;
    background: #f1f6ff !important;
    color: #0066c5 !important;
}

html[data-theme="light"] body.page-home .home-card:hover .home-card-icon,
html[data-theme="light"] body.page-home .home-card:focus-visible .home-card-icon {
    border-color: rgba(0, 102, 197, 0.24) !important;
    background: #eaf6ff !important;
    color: #1b1aa1 !important;
}

html[data-theme="light"] body.page-home .home-card-body strong {
    color: #0f172a !important;
}

html[data-theme="light"] body.page-home .home-card-body p {
    color: #526174 !important;
}

html[data-theme="light"] body.page-home .home-card:hover .home-card-body strong,
html[data-theme="light"] body.page-home .home-card:focus-visible .home-card-body strong {
    color: #0066c5 !important;
}

html[data-theme="light"] body.page-home .home-card-arrow {
    border-color: #d8deea !important;
    background: #f7f9fd !important;
    color: #64748b !important;
}

html[data-theme="light"] body.page-home .home-card:hover .home-card-arrow,
html[data-theme="light"] body.page-home .home-card:focus-visible .home-card-arrow {
    border-color: #0066c5 !important;
    background: #0066c5 !important;
    color: #ffffff !important;
}

/* ---- Feature page final light pass ---- */
html[data-theme="light"] body.page-domain .dc-modal {
    background: rgba(15, 23, 42, 0.28) !important;
}

html[data-theme="light"] body.page-domain .dc-modal-content {
    border-color: #d8deea !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22) !important;
}

html[data-theme="light"] body.page-domain .dc-modal-head {
    border-bottom-color: #dfe5f0 !important;
    background: #f7f9fd !important;
    color: #0f172a !important;
}

html[data-theme="light"] body.page-domain .dc-modal-kicker {
    border-color: rgba(0, 102, 197, 0.22) !important;
    background: #eaf6ff !important;
    color: #0066c5 !important;
}

html[data-theme="light"] body.page-domain .dc-modal-head h3 {
    color: #0f172a !important;
}

html[data-theme="light"] body.page-domain .dc-modal-domain {
    color: #64748b !important;
}

html[data-theme="light"] body.page-domain .dc-modal .dc-close {
    border-color: rgba(0, 102, 197, 0.18) !important;
    background: #0066c5 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(0, 102, 197, 0.22) !important;
}

html[data-theme="light"] body.page-domain .dc-modal .dc-close:hover,
html[data-theme="light"] body.page-domain .dc-modal .dc-close:focus-visible {
    border-color: #1b1aa1 !important;
    background: #1b1aa1 !important;
    color: #ffffff !important;
}

html[data-theme="light"] body.page-domain .dc-whois-details > p,
html[data-theme="light"] body.page-domain .dc-whois-item {
    border-color: #d8deea !important;
    background: #f7f9fd !important;
    color: #334155 !important;
}

html[data-theme="light"] body.page-domain .dc-whois-label {
    color: #64748b !important;
}

html[data-theme="light"] body.page-domain .dc-whois-value {
    color: #334155 !important;
}

html[data-theme="light"] body.page-domain .dc-whois-list li,
html[data-theme="light"] body.page-domain .dc-whois-value li {
    border-color: #d8deea !important;
    background: #ffffff !important;
    color: #334155 !important;
}

html[data-theme="light"] body.page-dns .dw-results-section {
    border-color: #d8deea !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] body.page-dns .dw-results-section::before {
    border-bottom-color: #dfe5f0 !important;
    background: #f7f9fd !important;
    color: #0066c5 !important;
}

html[data-theme="light"] body.page-dns .dw-results-table {
    background: #ffffff !important;
    color: #0f172a !important;
}

html[data-theme="light"] body.page-dns .dw-results-table th {
    border-bottom-color: #d8deea !important;
    background: #f2f5fa !important;
    color: #64748b !important;
}

html[data-theme="light"] body.page-dns .dw-results-table td {
    border-bottom-color: #e3e8f2 !important;
    background: #ffffff !important;
    color: #0f172a !important;
}

html[data-theme="light"] body.page-dns .dw-results-table tr:last-child td {
    border-bottom-color: transparent !important;
}

html[data-theme="light"] body.page-dns .dw-answer {
    color: #0f172a !important;
}

html[data-theme="light"] body.page-dns .dw-no-results {
    color: #64748b !important;
}

html[data-theme="light"] body.page-dns .dw-type-badge {
    border-color: rgba(0, 102, 197, 0.2) !important;
    background: #eaf6ff !important;
    color: #0066c5 !important;
}

html[data-theme="light"] body.page-genpass .genpass-card {
    border-color: #d8deea !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] body.page-genpass .genpass-title {
    color: #0f172a !important;
}

html[data-theme="light"] body.page-genpass .genpass-output {
    border-color: #d0d7e5 !important;
    background: #f7f9fd !important;
    color: #0f172a !important;
}

html[data-theme="light"] body.page-genpass .genpass-output::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] body.page-genpass .genpass-settings {
    border-color: #d8deea !important;
    background: #f7f9fd !important;
    color: #0f172a !important;
}

html[data-theme="light"] body.page-genpass .genpass-settings legend {
    background: #f7f9fd !important;
    color: #0066c5 !important;
}

html[data-theme="light"] body.page-genpass .genpass-option {
    border-color: #d8deea !important;
    background: #ffffff !important;
    color: #334155 !important;
}

html[data-theme="light"] body.page-genpass .genpass-option span {
    color: #334155 !important;
}

html[data-theme="light"] body.page-genpass .genpass-length {
    border-color: #d0d7e5 !important;
    background: #ffffff !important;
    color: #0f172a !important;
}

html[data-theme="light"] body.page-genpass .genpass-note {
    border-color: #d8deea !important;
    background: #f7f9fd !important;
    color: #526174 !important;
}

html[data-theme="light"] body.page-genpass .genpass-status:not(:empty) {
    border-color: rgba(0, 102, 197, 0.18) !important;
    background: #eaf6ff !important;
    color: #1b1aa1 !important;
}

/* ---- MST and local status final light pass ---- */
html[data-theme="light"] body.page-mst .mst-lookup-container {
    border-color: #d8deea !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] body.page-mst .mst-search-box {
    border-color: #d8deea !important;
    background: #f7f9fd !important;
}

html[data-theme="light"] body.page-mst .mst-search-box .mst-input,
html[data-theme="light"] body.page-mst .mst-input {
    border-color: #d0d7e5 !important;
    background: #ffffff !important;
    color: #0f172a !important;
}

html[data-theme="light"] body.page-mst .mst-input::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] body.page-mst .mst-input:focus {
    border-color: rgba(0, 102, 197, 0.55) !important;
    box-shadow: 0 0 0 4px rgba(0, 102, 197, 0.12) !important;
}

html[data-theme="light"] body.page-mst .mst-info-card {
    border-color: #d8deea !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] body.page-mst .mst-info-card::before {
    display: none !important;
}

html[data-theme="light"] body.page-mst .mst-card-head {
    border-bottom-color: #dfe5f0 !important;
    background: #f7f9fd !important;
}

html[data-theme="light"] body.page-mst .mst-card-kicker {
    color: #0066c5 !important;
}

html[data-theme="light"] body.page-mst .mst-company-name,
html[data-theme="light"] body.page-mst .mst-section-title {
    color: #0f172a !important;
}

html[data-theme="light"] body.page-mst .mst-section-title::after {
    background: #dfe5f0 !important;
}

html[data-theme="light"] body.page-mst .mst-tax-chip,
html[data-theme="light"] body.page-mst .mst-status-chip,
html[data-theme="light"] body.page-mst .mst-detail-item,
html[data-theme="light"] body.page-mst .mst-table-scroll {
    border-color: #d8deea !important;
    background: #f7f9fd !important;
    color: #334155 !important;
}

html[data-theme="light"] body.page-mst .mst-status-chip.is-active {
    border-color: rgba(0, 102, 197, 0.24) !important;
    background: #eaf6ff !important;
    color: #0066c5 !important;
}

html[data-theme="light"] body.page-mst .mst-status-chip.is-active::before {
    background: #0066c5 !important;
}

html[data-theme="light"] body.page-mst .mst-status-chip.is-inactive {
    border-color: rgba(239, 68, 68, 0.24) !important;
    background: #fef2f2 !important;
    color: #b91c1c !important;
}

html[data-theme="light"] body.page-mst .mst-status-chip.is-inactive::before {
    background: #ef4444 !important;
}

html[data-theme="light"] body.page-mst .mst-detail-label {
    color: #64748b !important;
}

html[data-theme="light"] body.page-mst .mst-detail-value {
    color: #334155 !important;
}

html[data-theme="light"] body.page-mst .mst-sectors-table th,
html[data-theme="light"] body.page-mst .mst-sectors-table thead th {
    border-bottom-color: #d8deea !important;
    background: #f2f5fa !important;
    color: #64748b !important;
}

html[data-theme="light"] body.page-mst .mst-sectors-table td {
    border-bottom-color: #e3e8f2 !important;
    background: #ffffff !important;
    color: #334155 !important;
}

html[data-theme="light"] body.page-mst .mst-sectors-table tbody tr:hover td {
    background: #f8fbff !important;
}

html[data-theme="light"] body.page-mst .mst-main-sector td {
    background: #eaf6ff !important;
}

html[data-theme="light"] body.page-mst .mst-main-badge {
    border-color: rgba(0, 102, 197, 0.24) !important;
    background: #ffffff !important;
    color: #0066c5 !important;
}

html[data-theme="light"] body.page-mst .mst-loading {
    border-color: rgba(0, 102, 197, 0.18) !important;
    background: #eaf6ff !important;
    color: #1b1aa1 !important;
}

html[data-theme="light"] #case-status:empty,
html[data-theme="light"] #color-status:empty {
    display: none !important;
}

html[data-theme="light"] #case-status:not(:empty),
html[data-theme="light"] #color-status:not(:empty) {
    display: block !important;
}