/**
 * Friend Quiz — theme toggle (inner light + FAB).
 * Inner dark = body.mobile-dark-ui only.
 * Inner light = body.mobile-dark-ui.fq-theme-light
 */

/* --------------------------------------------------------------------------
   Header safety baseline (prevents unstyled bullet-menu regression)
   -------------------------------------------------------------------------- */
.modern-header .nav-menu,
.mobile-nav .mobile-nav-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mobile-nav {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}

.mobile-nav.active {
    opacity: 1;
    max-height: 360px;
}

/* Inner-page critical header/layout fallback */
body.mobile-dark-ui .content-wrapper {
    padding-top: 86px;
}

body.mobile-dark-ui .my-container {
    max-width: 560px;
    width: calc(100% - 20px);
    margin: 0 auto;
}

body.mobile-dark-ui .modern-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(10, 15, 25, 0.88);
    border-bottom: 1px solid #1d2a40;
    backdrop-filter: blur(12px);
}

body.mobile-dark-ui .modern-header.scrolled {
    background: rgba(8, 13, 22, 0.98);
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45);
}

body.mobile-dark-ui .header-container {
    min-height: 66px;
    padding: 10px 14px;
    max-width: 560px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 10px;
    box-sizing: border-box;
}

body.mobile-dark-ui .logo-wrapper {
    display: flex;
    align-items: center;
    gap: 11px;
    text-decoration: none;
    flex-shrink: 1;
    min-width: 0;
}

body.mobile-dark-ui .logo-bubble {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #6d7cff, #00c3ff);
}

body.mobile-dark-ui .logo-icon {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.3px;
}

body.mobile-dark-ui .brand-name {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

body.mobile-dark-ui .brand-tagline {
    color: #a7b9d7;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

body.mobile-dark-ui .nav-menu {
    display: none;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    flex-shrink: 0;
}

body.mobile-dark-ui .nav-link-modern,
body.mobile-dark-ui .mobile-nav-link {
    color: #d2def2 !important;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

body.mobile-dark-ui .nav-link-modern:hover,
body.mobile-dark-ui .mobile-nav-link:hover,
body.mobile-dark-ui .nav-link-modern.active,
body.mobile-dark-ui .mobile-nav-link.active {
    background: rgba(109, 124, 255, 0.22);
    color: #fff !important;
}

body.mobile-dark-ui .nav-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    white-space: nowrap !important;
    padding: 10px 14px;
    gap: 8px;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #6d7cff, #00c3ff) !important;
    color: #fff !important;
    font-weight: 700;
    border: none !important;
    text-decoration: none !important;
}

body.mobile-dark-ui .mobile-menu-toggle {
    width: 42px;
    height: 42px;
    border: 1px solid #273550;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.02);
}

body.mobile-dark-ui .mobile-menu-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    margin: 3px auto;
    background: #dce7ff;
    border-radius: 2px;
}

body.mobile-dark-ui .mobile-nav {
    position: fixed;
    top: 72px;
    left: 10px;
    right: 10px;
    z-index: 999;
    border: 1px solid #2b3b56;
    border-radius: 14px;
    background: #111a2b;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.45);
    padding: 0;
}

body.mobile-dark-ui .mobile-nav.active {
    padding: 10px;
}

body.mobile-dark-ui .mobile-nav-list {
    display: grid;
    gap: 7px;
}

@media (min-width: 769px) {
    body.mobile-dark-ui .nav-menu {
        display: flex;
        gap: 10px;
    }

    body.mobile-dark-ui .header-container {
        max-width: 1180px;
        padding: 10px 20px;
        gap: 14px;
    }

    body.mobile-dark-ui .nav-link-modern {
        padding: 10px 12px;
    }

    body.mobile-dark-ui .nav-cta {
        padding: 10px 12px;
    }

    body.mobile-dark-ui .brand-tagline {
        font-size: 11px;
    }

    body.mobile-dark-ui .mobile-menu-toggle {
        display: none;
    }
}

/* --------------------------------------------------------------------------
   Floating toggle (all pages)
   -------------------------------------------------------------------------- */
.fq-theme-fab {
    position: fixed;
    right: max(14px, env(safe-area-inset-right, 0px));
    bottom: max(14px, env(safe-area-inset-bottom, 0px));
    z-index: 10050;
    width: 52px;
    height: 52px;
    padding: 0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #fff !important;
    background: linear-gradient(135deg, #6d7cff 0%, #00c3ff 100%);
    box-shadow:
        0 10px 28px rgba(79, 110, 255, 0.45),
        0 2px 8px rgba(0, 0, 0, 0.15);
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.fq-theme-fab:hover {
    transform: scale(1.06);
    box-shadow:
        0 14px 34px rgba(79, 110, 255, 0.5),
        0 4px 12px rgba(0, 0, 0, 0.18);
}

.fq-theme-fab:focus-visible {
    outline: 3px solid rgba(109, 124, 255, 0.65);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .fq-theme-fab {
        transition: none;
    }
}

/* Landing dark: slightly softer halo */
body.fq-landing-page.fq-theme-dark .fq-theme-fab {
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.55),
        0 2px 10px rgba(109, 124, 255, 0.35);
}

/* --------------------------------------------------------------------------
   Inner pages — LIGHT mode (overrides mobile-dark-ui)
   -------------------------------------------------------------------------- */
body.mobile-dark-ui.fq-theme-light {
    --bg-primary: #fff8ef;
    --bg-surface: #ffffff;
    --bg-elevated: #f7faff;
    --bg-soft: #eef5ff;
    --border-soft: #e8ecf5;
    --text-primary: #1f2937;
    --text-secondary: #4b5563;
    --text-muted: #6b7280;
    --accent: #2f57d8;
    --accent-2: #7b61ff;
}

body.mobile-dark-ui.fq-theme-light {
    background:
        radial-gradient(circle at 12% -8%, rgba(123, 97, 255, 0.12), transparent 42%),
        radial-gradient(circle at 92% 0%, rgba(255, 138, 61, 0.1), transparent 38%),
        var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

body.mobile-dark-ui.fq-theme-light a {
    color: #2f57d8 !important;
}

body.mobile-dark-ui.fq-theme-light a:hover {
    color: #1e3faf !important;
}

body.mobile-dark-ui.fq-theme-light .modern-header {
    background: rgba(255, 248, 239, 0.94) !important;
    border-bottom: 1px solid var(--border-soft) !important;
    backdrop-filter: saturate(160%) blur(14px);
}

body.mobile-dark-ui.fq-theme-light .modern-header.scrolled {
    background: rgba(255, 255, 255, 0.97) !important;
    box-shadow: 0 8px 28px rgba(23, 33, 74, 0.08) !important;
}

body.mobile-dark-ui.fq-theme-light .logo-icon,
body.mobile-dark-ui.fq-theme-light .brand-name {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .brand-tagline {
    color: #6b7280 !important;
}

body.mobile-dark-ui.fq-theme-light .nav-link-modern,
body.mobile-dark-ui.fq-theme-light .mobile-nav-link {
    color: #374151 !important;
}

body.mobile-dark-ui.fq-theme-light .nav-link-modern:hover,
body.mobile-dark-ui.fq-theme-light .mobile-nav-link:hover,
body.mobile-dark-ui.fq-theme-light .nav-link-modern.active,
body.mobile-dark-ui.fq-theme-light .mobile-nav-link.active {
    background: rgba(47, 87, 216, 0.12) !important;
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .nav-cta,
body.mobile-dark-ui.fq-theme-light .modern-submit-btn,
body.mobile-dark-ui.fq-theme-light .button-24,
body.mobile-dark-ui.fq-theme-light .btn-success,
body.mobile-dark-ui.fq-theme-light .btn-warning,
body.mobile-dark-ui.fq-theme-light .button1 {
    color: #fff !important;
}

body.mobile-dark-ui.fq-theme-light .mobile-menu-toggle {
    border: 1px solid #d8dee9 !important;
    background: rgba(255, 255, 255, 0.85) !important;
}

body.mobile-dark-ui.fq-theme-light .mobile-menu-toggle span {
    background: #374151 !important;
}

body.mobile-dark-ui.fq-theme-light .mobile-nav {
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
    box-shadow: 0 18px 40px rgba(23, 33, 74, 0.12) !important;
}

body.mobile-dark-ui.fq-theme-light .hero-title {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .hero-subtitle {
    color: var(--text-secondary) !important;
}

body.mobile-dark-ui.fq-theme-light .hero-badge {
    border: 1px solid rgba(47, 87, 216, 0.35) !important;
    background: rgba(47, 87, 216, 0.08) !important;
    color: #2649bc !important;
}

body.mobile-dark-ui.fq-theme-light .steps-container {
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
    box-shadow: var(--fq-shadow-sm, 0 6px 18px rgba(23, 33, 74, 0.06)) !important;
}

body.mobile-dark-ui.fq-theme-light .card,
body.mobile-dark-ui.fq-theme-light .input-container,
body.mobile-dark-ui.fq-theme-light .article-content,
body.mobile-dark-ui.fq-theme-light .scoreboard,
body.mobile-dark-ui.fq-theme-light .result.card,
body.mobile-dark-ui.fq-theme-light .page-shell {
    border: 1px solid var(--border-soft) !important;
    background: var(--bg-surface) !important;
    box-shadow: 0 14px 36px rgba(23, 33, 74, 0.08) !important;
    color: var(--text-primary) !important;
}

body.mobile-dark-ui.fq-theme-light input[type="text"],
body.mobile-dark-ui.fq-theme-light textarea,
body.mobile-dark-ui.fq-theme-light #url {
    border: 1px solid #cfd8ea !important;
    background: #ffffff !important;
    color: #1f2937 !important;
}

body.mobile-dark-ui.fq-theme-light .modern-input::placeholder,
body.mobile-dark-ui.fq-theme-light input[type="text"]::placeholder {
    color: #9ca3af !important;
}

body.mobile-dark-ui.fq-theme-light .question {
    border: 1px solid #dce3f0 !important;
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
}

body.mobile-dark-ui.fq-theme-light .question-text {
    color: #111827 !important;
}

body.mobile-dark-ui.fq-theme-light .custom-card.qns {
    background: #f7faff !important;
    border: 1px solid #dce3f0 !important;
}

body.mobile-dark-ui.fq-theme-light .question-option {
    color: #374151 !important;
}

body.mobile-dark-ui.fq-theme-light .button-skip-ques {
    border: 1px solid #cbd5e8 !important;
    color: #4b5563 !important;
}

body.mobile-dark-ui.fq-theme-light #qNoList li a {
    border: 1px solid #cfe0f5;
    background: #eef5ff;
    color: #374151 !important;
}

body.mobile-dark-ui.fq-theme-light #process {
    border: 1px solid var(--border-soft) !important;
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
}

body.mobile-dark-ui.fq-theme-light #process h3,
body.mobile-dark-ui.fq-theme-light #process h4 {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light table,
body.mobile-dark-ui.fq-theme-light .table,
body.mobile-dark-ui.fq-theme-light .table-dark {
    color: var(--text-primary) !important;
}

body.mobile-dark-ui.fq-theme-light .table th,
body.mobile-dark-ui.fq-theme-light .table td {
    border-color: #e5e7eb !important;
}

body.mobile-dark-ui.fq-theme-light .thead-light th {
    background: #f3f4f6 !important;
    color: #111827 !important;
}

body.mobile-dark-ui.fq-theme-light .share-action {
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 20px rgba(23, 33, 74, 0.12) !important;
    min-height: 84px;
    padding: 14px 12px;
}

body.mobile-dark-ui.fq-theme-light .share-actions {
    gap: 12px;
}

body.mobile-dark-ui.fq-theme-light .share-action__icon {
    font-size: 30px;
}

body.mobile-dark-ui.fq-theme-light .share-action__label {
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

body.mobile-dark-ui.fq-theme-light .share-action--wa,
body.mobile-dark-ui.fq-theme-light .share-action--fb,
body.mobile-dark-ui.fq-theme-light .share-action--x,
body.mobile-dark-ui.fq-theme-light .share-action--ig,
body.mobile-dark-ui.fq-theme-light .share-action--mess,
body.mobile-dark-ui.fq-theme-light .share-action--tiktok,
body.mobile-dark-ui.fq-theme-light .share-action--tg,
body.mobile-dark-ui.fq-theme-light .share-action--line,
body.mobile-dark-ui.fq-theme-light .share-action--threads,
body.mobile-dark-ui.fq-theme-light .share-action--email,
body.mobile-dark-ui.fq-theme-light .share-action--sms {
    color: #ffffff !important;
}

body.mobile-dark-ui.fq-theme-light .share-action--snap {
    color: #111827 !important;
}

body.mobile-dark-ui.fq-theme-light .share-action--wa .share-action__icon,
body.mobile-dark-ui.fq-theme-light .share-action--fb .share-action__icon,
body.mobile-dark-ui.fq-theme-light .share-action--x .share-action__icon,
body.mobile-dark-ui.fq-theme-light .share-action--ig .share-action__icon,
body.mobile-dark-ui.fq-theme-light .share-action--mess .share-action__icon,
body.mobile-dark-ui.fq-theme-light .share-action--tiktok .share-action__icon,
body.mobile-dark-ui.fq-theme-light .share-action--tg .share-action__icon,
body.mobile-dark-ui.fq-theme-light .share-action--line .share-action__icon,
body.mobile-dark-ui.fq-theme-light .share-action--threads .share-action__icon,
body.mobile-dark-ui.fq-theme-light .share-action--email .share-action__icon,
body.mobile-dark-ui.fq-theme-light .share-action--sms .share-action__icon {
    color: inherit !important;
}

body.mobile-dark-ui.fq-theme-light .modal-content {
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
    color: var(--text-primary) !important;
}

body.mobile-dark-ui.fq-theme-light .page-intro h1 {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .page-intro p,
body.mobile-dark-ui.fq-theme-light .page-content p,
body.mobile-dark-ui.fq-theme-light .page-content li,
body.mobile-dark-ui.fq-theme-light .instructions {
    color: var(--text-secondary) !important;
}

body.mobile-dark-ui.fq-theme-light .page-content h2,
body.mobile-dark-ui.fq-theme-light .page-content h3,
body.mobile-dark-ui.fq-theme-light .page-content h4 {
    color: #111827 !important;
}

body.mobile-dark-ui.fq-theme-light .quiz-flow-card,
body.mobile-dark-ui.fq-theme-light .share-shell,
body.mobile-dark-ui.fq-theme-light .challenge-shell,
body.mobile-dark-ui.fq-theme-light .owner-shell,
body.mobile-dark-ui.fq-theme-light .result-shell,
body.mobile-dark-ui.fq-theme-light .return-result-shell,
body.mobile-dark-ui.fq-theme-light .noquiz-shell {
    border: 1px solid var(--border-soft) !important;
    background: var(--bg-surface) !important;
}

body.mobile-dark-ui.fq-theme-light .share-shell h2,
body.mobile-dark-ui.fq-theme-light .share-shell h3,
body.mobile-dark-ui.fq-theme-light .share-shell h4,
body.mobile-dark-ui.fq-theme-light .owner-shell h3,
body.mobile-dark-ui.fq-theme-light .result-shell h2,
body.mobile-dark-ui.fq-theme-light .result-shell h5,
body.mobile-dark-ui.fq-theme-light .challenge-shell h3 {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .challenge-shell .instructions {
    border: 1px solid var(--border-soft) !important;
    background: #f7faff !important;
}

body.mobile-dark-ui.fq-theme-light .challenge-shell .instructions .heading {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .challenge-shell .img_div h3 {
    border: 1px solid #dce3f0 !important;
    background: #ffffff !important;
}

body.mobile-dark-ui.fq-theme-light .share-shell #url,
body.mobile-dark-ui.fq-theme-light .owner-shell #url {
    border: 1px dashed #b8c5dc !important;
    background: #f7faff !important;
}

body.mobile-dark-ui.fq-theme-light .share-shell .share-story-block,
body.mobile-dark-ui.fq-theme-light .owner-shell .share-story-block {
    border: 1px solid rgba(47, 87, 216, 0.2) !important;
    background: linear-gradient(165deg, rgba(238, 245, 255, 0.95), rgba(255, 255, 255, 0.98)) !important;
}

body.mobile-dark-ui.fq-theme-light .share-shell .share-story-title,
body.mobile-dark-ui.fq-theme-light .owner-shell .share-story-title {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .share-shell .share-story-text strong,
body.mobile-dark-ui.fq-theme-light .owner-shell .share-story-text strong {
    color: #111827 !important;
}

body.mobile-dark-ui.fq-theme-light .share-inline-ad--editorial,
body.mobile-dark-ui.fq-theme-light .share-shell .share-inline-ad,
body.mobile-dark-ui.fq-theme-light .owner-shell .share-inline-ad {
    border: 1px solid var(--border-soft) !important;
    background: rgba(255, 255, 255, 0.92) !important;
}

body.mobile-dark-ui.fq-theme-light .share-long-read .share-story-block--deep {
    border: 1px solid rgba(47, 87, 216, 0.18) !important;
    background: #ffffff !important;
}

body.mobile-dark-ui.fq-theme-light .share-long-read .share-story-title {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .share-long-read .share-story-text {
    color: #4b5563 !important;
}

body.mobile-dark-ui.fq-theme-light .share-long-read .share-story-text strong {
    color: #111827 !important;
}

body.mobile-dark-ui.fq-theme-light .link-share-seo-inner {
    border: 1px solid var(--border-soft) !important;
    background: linear-gradient(180deg, rgba(238, 245, 255, 0.9), #ffffff) !important;
}

body.mobile-dark-ui.fq-theme-light .link-share-seo-title {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .link-share-seo-card {
    background: #f7faff !important;
    border: 1px solid #dce3f0 !important;
}

body.mobile-dark-ui.fq-theme-light .link-share-seo-card h3 {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .modern-footer {
    border-top: 1px solid var(--border-soft) !important;
    background: linear-gradient(180deg, #ffffff 0%, #fff8ef 100%) !important;
}

body.mobile-dark-ui.fq-theme-light .footer-block-title {
    color: #6b7280 !important;
}

body.mobile-dark-ui.fq-theme-light .footer-stat-card {
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
    box-shadow: 0 8px 22px rgba(23, 33, 74, 0.06) !important;
}

body.mobile-dark-ui.fq-theme-light .footer-stat-views .footer-stat-value {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .footer-stat-safe .footer-stat-value {
    color: #047857 !important;
}

body.mobile-dark-ui.fq-theme-light .footer-stat-created .footer-stat-value {
    color: #b45309 !important;
}

body.mobile-dark-ui.fq-theme-light .footer-stat-label {
    color: #6b7280 !important;
}

body.mobile-dark-ui.fq-theme-light .footer-social-btn {
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .footer-nav-links a {
    color: #374151 !important;
}

body.mobile-dark-ui.fq-theme-light .footer-divider {
    border-top: 1px solid var(--border-soft) !important;
}

body.mobile-dark-ui.fq-theme-light .footer-copyright {
    color: #6b7280 !important;
}

body.mobile-dark-ui.fq-theme-light .quiz-create-eyebrow {
    color: #5b6cb8 !important;
}

body.mobile-dark-ui.fq-theme-light .quiz-create-title {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .quiz-progress-track {
    background: rgba(238, 245, 255, 0.95) !important;
    border: 1px solid rgba(47, 87, 216, 0.18) !important;
}

body.mobile-dark-ui.fq-theme-light .quiz-create-flow .question {
    border: 1px solid rgba(47, 87, 216, 0.18) !important;
    background: #ffffff !important;
    box-shadow: 0 14px 32px rgba(23, 33, 74, 0.08) !important;
}

body.mobile-dark-ui.fq-theme-light .quiz-create-flow .question-text {
    color: #111827 !important;
}

body.mobile-dark-ui.fq-theme-light .quiz-skip-btn {
    background: rgba(47, 87, 216, 0.06) !important;
    border: 1px solid rgba(47, 87, 216, 0.22) !important;
    color: #374151 !important;
}

body.mobile-dark-ui.fq-theme-light .fq-answer-card {
    border: 2px solid #dce3f0 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
    box-shadow: 0 10px 26px rgba(23, 33, 74, 0.08) !important;
}

body.mobile-dark-ui.fq-theme-light .fq-answer-thumb {
    background: #eef2f7;
}

body.mobile-dark-ui.fq-theme-light .fq-answer-body .question-option {
    color: #1f2937 !important;
}

body.mobile-dark-ui.fq-theme-light .quiz-process-panel {
    background: linear-gradient(180deg, rgba(238, 245, 255, 0.95), #ffffff) !important;
    border: 1px solid rgba(47, 87, 216, 0.22) !important;
}

body.mobile-dark-ui.fq-theme-light .quiz-process-title {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .fq-section-title {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .fq-lead {
    color: var(--text-secondary) !important;
}

body.mobile-dark-ui.fq-theme-light .fq-pill-row {
    gap: 10px;
}

body.mobile-dark-ui.fq-theme-light .fq-pill {
    padding: 8px 13px;
    border: 1px solid rgba(47, 87, 216, 0.24);
    background: #eef3ff;
    color: #1b2b56 !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    box-shadow: 0 3px 10px rgba(23, 33, 74, 0.08);
}

body.mobile-dark-ui.fq-theme-light .fq-about-card {
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
}

body.mobile-dark-ui.fq-theme-light .fq-about-card h3 {
    color: #111827 !important;
}

body.mobile-dark-ui.fq-theme-light .fq-about-card p {
    color: var(--text-secondary) !important;
}

body.mobile-dark-ui.fq-theme-light .fq-about-card a {
    color: #2f57d8 !important;
}

body.mobile-dark-ui.fq-theme-light .fq-about-cta {
    border: 1px solid rgba(47, 87, 216, 0.35) !important;
    background: linear-gradient(145deg, rgba(238, 245, 255, 0.9), rgba(255, 255, 255, 0.95)) !important;
    box-shadow: 0 10px 26px rgba(23, 33, 74, 0.1) !important;
}

body.mobile-dark-ui.fq-theme-light .fq-about-cta-title {
    color: #111827 !important;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}

body.mobile-dark-ui.fq-theme-light .fq-about-cta-btn {
    background: linear-gradient(135deg, #2f57d8, #2347bc) !important;
    color: #ffffff !important;
    border: 1px solid rgba(22, 45, 120, 0.35);
    box-shadow: 0 10px 22px rgba(35, 71, 188, 0.3);
    font-size: 16px;
}

body.mobile-dark-ui.fq-theme-light .fq-about-cta-btn:hover {
    filter: brightness(1.04);
    color: #ffffff !important;
}

body.mobile-dark-ui.fq-theme-light .fq-alert--ok {
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.45) !important;
    color: #047857 !important;
}

body.mobile-dark-ui.fq-theme-light .fq-alert--err {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: rgba(239, 68, 68, 0.45) !important;
    color: #b91c1c !important;
}

body.mobile-dark-ui.fq-theme-light .fq-contact-form-card {
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
}

body.mobile-dark-ui.fq-theme-light .fq-form-heading {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .fq-contact-form label {
    color: #6b7280 !important;
}

body.mobile-dark-ui.fq-theme-light .fq-contact-form input,
body.mobile-dark-ui.fq-theme-light .fq-contact-form textarea {
    border: 1px solid #cfd8ea !important;
    background: #ffffff !important;
    color: #1f2937 !important;
}

body.mobile-dark-ui.fq-theme-light .fq-legal-page .fq-legal-body h2 {
    color: #17214a !important;
}

body.mobile-dark-ui.fq-theme-light .fq-legal-summary {
    border: 1px solid rgba(47, 87, 216, 0.22) !important;
    background: rgba(238, 245, 255, 0.65) !important;
}

body.mobile-dark-ui.fq-theme-light .fq-legal-page .fq-legal-body a {
    color: #2f57d8 !important;
}

body.mobile-dark-ui.fq-theme-light .ezad,
body.mobile-dark-ui.fq-theme-light .static_ads {
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
}

body.mobile-dark-ui.fq-theme-light .adv-ads-txt {
    color: #6b7280 !important;
}

body.mobile-dark-ui.fq-theme-light .text-danger,
body.mobile-dark-ui.fq-theme-light .error-message {
    color: #b91c1c !important;
}

body.mobile-dark-ui.fq-theme-light .result-shell iframe#ifrm {
    background: #eef2f7;
}