/**
 * QILegal Forum - Mobile & Tablet Responsive Light Theme
 *
 * Applied strictly on Tablet & Mobile screens (max-width: 768px).
 * Color Palette grounded directly from Figma (QiWatch App UI Design System):
 * - Primary Brand Blue: #2C6AEE (Light: #5C93FF, Dark: #1B4299)
 * - Backgrounds: #F5F8FF (Primary Light), #EEF3FF (Secondary), #E6EDFF (Tertiary), #FFFFFF (White)
 * - Text: #0F172A (Primary Dark), #475569 (Secondary), #94A3B8 (Tertiary/Muted), #CBD5E1 (Disabled)
 * - Borders: #E2E8F0, #CBD5E1
 * - Status: Success #10B981, Warning #F59E0B, Error #EF4444, Info #3B82F6
 */

@media screen and (max-width: 768px) {
    /* ═══════════════════════════════════════════════
       1. GLOBAL MOBILE LAYOUT & BACKGROUNDS (NO BLACK)
       ═══════════════════════════════════════════════ */
    html, body,
    .qiforum-wrapper,
    #qilegal-forum-app,
    .qiforum-container,
    #qiforum-root,
    .qiforum-main,
    .qiforum-main-wrap,
    .qiforum-layout,
    .qiforum-content,
    .qiforum-sidebar,
    .qiforum-mobile-tabs,
    .qiforum-tab-panel,
    .qiforum-questions-list,
    .qiforum-tab-toolbar,
    .qiforum-filters,
    #qiTab-all,
    #qiTab-my-questions,
    #qiTab-my-answers,
    #qiTab-bookmarks,
    #qiTab-categories,
    #qiTab-notifications,
    #qiTab-profile,
    #qiTab-question-detail,
    #qiQuestionDetail {
        background: #F5F8FF !important;
        background-color: #F5F8FF !important;
        color: #0F172A !important;
    }

    /* ═══════════════════════════════════════════════
       2. TOP HERO SECTION (Vibrant Blue Gradient as in Figma)
       ═══════════════════════════════════════════════ */
    #qilegal-forum-app .qiforum-hero,
    .qiforum-hero {
        background: linear-gradient(180deg, #2563EB 0%, #3B82F6 45%, #60A5FA 75%, #F5F8FF 100%) !important;
        border-bottom: 1px solid #E2E8F0 !important;
        padding: 32px 16px 24px !important;
        margin: 0 !important;
    }

    #qilegal-forum-app .qiforum-hero-bg,
    .qiforum-hero-bg {
        display: none !important;
    }

    #qilegal-forum-app .qiforum-hero h1,
    .qiforum-hero h1 {
        color: #FFFFFF !important;
        font-size: 24px !important;
        line-height: 32px !important;
        font-weight: 700 !important;
        margin-bottom: 8px !important;
        text-align: center !important;
    }

    #qilegal-forum-app .qiforum-hero p,
    .qiforum-hero p {
        color: rgba(255, 255, 255, 0.92) !important;
        font-size: 14px !important;
        line-height: 20px !important;
        margin-bottom: 18px !important;
        text-align: center !important;
    }

    #qilegal-forum-app .qiforum-hero-buttons,
    .qiforum-hero-buttons {
        display: flex !important;
        justify-content: center !important;
        gap: 10px !important;
        margin-bottom: 18px !important;
    }

    #qilegal-forum-app .qiforum-hero-buttons .qiforum-btn-primary,
    .qiforum-hero-buttons .qiforum-btn-primary {
        background: #FFFFFF !important;
        color: #2563EB !important;
        font-weight: 700 !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
        border: none !important;
        padding: 10px 20px !important;
        border-radius: 9999px !important;
        font-size: 13.5px !important;
    }

    #qilegal-forum-app .qiforum-hero-buttons .qiforum-btn-outline,
    #qilegal-forum-app .qiforum-btn-outline,
    .qiforum-hero-buttons .qiforum-btn-outline,
    .qiforum-btn-outline {
        background: rgba(255, 255, 255, 0.2) !important;
        background-color: rgba(255, 255, 255, 0.2) !important;
        color: #FFFFFF !important;
        border: 1px solid rgba(255, 255, 255, 0.4) !important;
        padding: 10px 20px !important;
        border-radius: 9999px !important;
        font-size: 13.5px !important;
        font-weight: 600 !important;
    }

    /* Search Bar in Mobile Hero */
    #qilegal-forum-app .qi-hero-search-wrapper,
    .qi-hero-search-wrapper {
        max-width: 100% !important;
        padding: 0 !important;
    }

    #qilegal-forum-app .qi-hero-search-form,
    .qi-hero-search-form {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 1px solid #E2E8F0 !important;
        border-radius: 9999px !important;
        height: 48px !important;
        box-shadow: 0 4px 20px rgba(37, 99, 235, 0.1) !important;
        padding: 0 5px 0 16px !important;
    }

    #qilegal-forum-app .qi-hero-search-form:focus-within,
    .qi-hero-search-form:focus-within {
        border-color: #2C6AEE !important;
        box-shadow: 0 4px 24px rgba(44, 106, 238, 0.25) !important;
        background: #FFFFFF !important;
    }

    #qilegal-forum-app .qi-hero-search-icon,
    .qi-hero-search-icon {
        color: #64748B !important;
    }

    #qilegal-forum-app .qi-hero-search-form:focus-within .qi-hero-search-icon,
    .qi-hero-search-form:focus-within .qi-hero-search-icon {
        color: #2C6AEE !important;
    }

    #qilegal-forum-app .qi-hero-search-input,
    .qi-hero-search-input {
        color: #0F172A !important;
        font-size: 14px !important;
    }

    #qilegal-forum-app .qi-hero-search-input::placeholder,
    .qi-hero-search-input::placeholder {
        color: #94A3B8 !important;
    }

    #qilegal-forum-app .qi-hero-search-clear,
    .qi-hero-search-clear {
        color: #94A3B8 !important;
    }

    #qilegal-forum-app .qi-hero-search-btn,
    .qi-hero-search-btn {
        background: #2C6AEE !important;
        background-color: #2C6AEE !important;
        color: #FFFFFF !important;
        border-radius: 9999px !important;
        font-weight: 600 !important;
        font-size: 13px !important;
        padding: 0 16px !important;
        height: 38px !important;
        box-shadow: 0 2px 8px rgba(44, 106, 238, 0.3) !important;
    }

    #qilegal-forum-app .qi-hero-search-btn svg,
    .qi-hero-search-btn svg {
        stroke: #FFFFFF !important;
    }

    /* ═══════════════════════════════════════════════
       3. NAVIGATION TABS (All Questions / My Questions)
       ═══════════════════════════════════════════════ */
    #qilegal-forum-app .qiforum-sidebar,
    .qiforum-sidebar {
        display: none !important;
    }

    #qilegal-forum-app .qiforum-mobile-tabs,
    .qiforum-mobile-tabs {
        display: flex !important;
        gap: 8px !important;
        overflow-x: auto !important;
        padding: 14px 16px 8px !important;
        background: #F5F8FF !important;
        border: none !important;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .qiforum-mobile-tabs::-webkit-scrollbar {
        display: none;
    }

    #qilegal-forum-app .qiforum-tab-btn,
    .qiforum-wrapper .qiforum-tab-btn,
    .qiforum-mobile-tabs .qiforum-tab-btn,
    .qiforum-tab-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 8px 16px !important;
        border-radius: 12px !important;
        height: 40px !important;
        min-height: 40px !important;
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        color: #475569 !important;
        border: 1px solid #E2E8F0 !important;
        font-weight: 500 !important;
        font-size: 13.5px !important;
        white-space: nowrap !important;
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
        width: auto !important;
        flex-shrink: 0 !important;
    }

    #qilegal-forum-app .qiforum-tab-btn svg,
    .qiforum-wrapper .qiforum-tab-btn svg,
    .qiforum-tab-btn svg {
        color: #64748B !important;
        stroke: #64748B !important;
        width: 16px !important;
        height: 16px !important;
    }

    #qilegal-forum-app .qiforum-tab-btn.active,
    #qilegal-forum-app .qiforum-tab-btn.active:hover,
    .qiforum-wrapper .qiforum-tab-btn.active,
    .qiforum-wrapper .qiforum-tab-btn.active:hover,
    .qiforum-mobile-tabs .qiforum-tab-btn.active,
    .qiforum-tab-btn.active {
        background: #2C6AEE !important;
        background-color: #2C6AEE !important;
        color: #FFFFFF !important;
        border: 1px solid #2C6AEE !important;
        box-shadow: 0 4px 12px rgba(44, 106, 238, 0.3) !important;
    }

    #qilegal-forum-app .qiforum-tab-btn.active svg,
    #qilegal-forum-app .qiforum-tab-btn.active:hover svg,
    .qiforum-wrapper .qiforum-tab-btn.active svg,
    .qiforum-tab-btn.active svg {
        color: #FFFFFF !important;
        stroke: #FFFFFF !important;
    }

    /* ═══════════════════════════════════════════════
       4. TOOLBAR, FILTERS & ASK BUTTON
       ═══════════════════════════════════════════════ */
    #qilegal-forum-app .qiforum-tab-toolbar,
    .qiforum-tab-toolbar {
        padding: 8px 16px !important;
        background: #F5F8FF !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-bottom: 8px !important;
    }

    #qilegal-forum-app .qiforum-filters,
    .qiforum-filters {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }

    #qilegal-forum-app .qiforum-filter-btn,
    .qiforum-wrapper .qiforum-filter-btn,
    .qiforum-filters .qiforum-filter-btn,
    .qiforum-filter-btn {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        color: #475569 !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 8px !important;
        padding: 6px 14px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    }

    #qilegal-forum-app .qiforum-filter-btn:hover,
    .qiforum-filter-btn:hover {
        background: #EEF3FF !important;
        color: #2C6AEE !important;
        border-color: #2C6AEE !important;
    }

    #qilegal-forum-app .qiforum-filter-btn.active,
    #qilegal-forum-app .qiforum-filter-btn.active:hover,
    .qiforum-wrapper .qiforum-filter-btn.active,
    .qiforum-filters .qiforum-filter-btn.active,
    .qiforum-filter-btn.active {
        background: #2C6AEE !important;
        background-color: #2C6AEE !important;
        color: #FFFFFF !important;
        border-color: #2C6AEE !important;
        box-shadow: 0 2px 8px rgba(44, 106, 238, 0.25) !important;
    }

    /* Ask Question Button */
    #qilegal-forum-app .qiforum-btn-primary,
    .qiforum-wrapper .qiforum-btn-primary,
    .qiforum-tab-toolbar .qiforum-btn-primary,
    .qiforum-btn-primary {
        background: #2C6AEE !important;
        background-color: #2C6AEE !important;
        color: #FFFFFF !important;
        border: none !important;
        border-radius: 10px !important;
        padding: 8px 18px !important;
        font-size: 13.5px !important;
        font-weight: 600 !important;
        box-shadow: 0 4px 14px rgba(44, 106, 238, 0.3) !important;
    }

    #qilegal-forum-app .qiforum-btn-primary svg,
    .qiforum-btn-primary svg {
        stroke: #FFFFFF !important;
    }

    /* ═══════════════════════════════════════════════
       5. QUESTION CARDS (Soft Light Blue #E6EDFF Card Background)
       ═══════════════════════════════════════════════ */
    #qilegal-forum-app .qiforum-questions-list,
    .qiforum-questions-list {
        padding: 0 16px 24px !important;
        background: #F5F8FF !important;
    }

    #qilegal-forum-app .qiforum-question-card,
    #qilegal-forum-app .qiforum-card,
    .qiforum-question-card,
    .qiforum-card {
        background: #E6EDFF !important;
        background-color: #E6EDFF !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 14px !important;
        box-shadow: 0 2px 10px rgba(44, 106, 238, 0.06) !important;
        padding: 16px !important;
        margin-bottom: 12px !important;
        transition: all 0.2s ease !important;
    }

    #qilegal-forum-app .qiforum-question-card:hover,
    .qiforum-question-card:hover {
        border-color: #2C6AEE !important;
        box-shadow: 0 4px 16px rgba(44, 106, 238, 0.12) !important;
    }

    /* Question Title - Deep Dark Slate */
    #qilegal-forum-app .qiforum-question-title,
    #qilegal-forum-app .qiforum-question-card h3,
    .qiforum-question-title,
    .qiforum-question-card h3 {
        color: #0F172A !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
    }

    /* Question Description - Dark Slate */
    #qilegal-forum-app .qiforum-question-desc,
    #qilegal-forum-app .qiforum-question-card p,
    .qiforum-question-desc,
    .qiforum-question-card p,
    .qi-desc-short,
    .qi-desc-full {
        color: #475569 !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    #qilegal-forum-app .qi-show-more-toggle,
    .qi-show-more-toggle {
        color: #2C6AEE !important;
        font-weight: 500 !important;
    }

    /* Category Badge (Same Gold Theme as Desktop) */
    #qilegal-forum-app .qiforum-category-pill,
    .qiforum-category-pill {
        background: rgba(233, 187, 77, 0.12) !important;
        background-color: rgba(233, 187, 77, 0.12) !important;
        border: 1px solid rgba(233, 187, 77, 0.35) !important;
        color: #B48316 !important;
        font-weight: 600 !important;
        border-radius: 6px !important;
        padding: 3px 10px !important;
        font-size: 12px !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    /* Tag Pills (Same Gold Theme as Desktop) */
    #qilegal-forum-app .qiforum-tag,
    #qilegal-forum-app .qi-tag-pill,
    .qiforum-tag,
    .qi-tag-pill {
        background: rgba(233, 187, 77, 0.12) !important;
        background-color: rgba(233, 187, 77, 0.12) !important;
        border: 1px solid rgba(233, 187, 77, 0.35) !important;
        color: #B48316 !important;
        font-weight: 600 !important;
        border-radius: 20px !important;
        padding: 3px 12px !important;
        font-size: 12px !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    /* Author Info & Profession */
    #qilegal-forum-app .qi-author-name,
    #qilegal-forum-app .qiforum-card-author,
    .qi-author-name,
    .qiforum-card-author {
        color: #0F172A !important;
        font-weight: 600 !important;
        font-size: 13.5px !important;
    }

    /* Profession Badges (Legal Professional: Gold, Law Student: Blue, Other: Grey - Exact Desktop Mapping) */
    #qilegal-forum-app .qi-profession-badge,
    .qi-profession-badge {
        font-size: 11.5px !important;
        font-weight: 500 !important;
        border-radius: 4px !important;
        height: 21.33px !important;
        box-sizing: border-box !important;
        padding: 2px 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        line-height: 1 !important;
    }

    #qilegal-forum-app .qi-time,
    #qilegal-forum-app .qi-edited-badge,
    .qi-time,
    .qi-edited-badge {
        color: #64748B !important;
        font-size: 12.5px !important;
    }

    /* Upvote & Action Buttons on Card */
    #qilegal-forum-app .qi-upvote-btn,
    #qilegal-forum-app .qiforum-upvote-btn,
    .qi-upvote-btn,
    .qiforum-upvote-btn {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        color: #2C6AEE !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 8px !important;
        font-size: 12.5px !important;
        font-weight: 600 !important;
        padding: 3px 10px !important;
    }

    #qilegal-forum-app .qi-upvote-btn.voted,
    #qilegal-forum-app .qiforum-upvote-btn.voted,
    .qi-upvote-btn.voted,
    .qiforum-upvote-btn.voted {
        background: #2C6AEE !important;
        background-color: #2C6AEE !important;
        color: #FFFFFF !important;
        border-color: #2C6AEE !important;
    }

    #qilegal-forum-app .qiforum-bookmark-btn,
    .qiforum-bookmark-btn {
        background: transparent !important;
        color: #64748B !important;
    }

    #qilegal-forum-app .qiforum-bookmark-btn.bookmarked,
    .qiforum-bookmark-btn.bookmarked {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        color: #2C6AEE !important;
    }

    #qilegal-forum-app .qiforum-bookmark-btn.bookmarked svg,
    .qiforum-bookmark-btn.bookmarked svg {
        fill: #2C6AEE !important;
        stroke: #2C6AEE !important;
    }

    #qilegal-forum-app .qi-answers-count,
    #qilegal-forum-app .qi-views-count,
    .qi-answers-count,
    .qi-views-count {
        color: #334155 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    #qilegal-forum-app .qi-answers-count svg,
    #qilegal-forum-app .qi-views-count svg,
    .qi-answers-count svg,
    .qi-views-count svg {
        color: #334155 !important;
        stroke: #334155 !important;
    }

    /* ═══════════════════════════════════════════════
       3-DOTS MENU DROPDOWN (Clean White Menu, Clear Text)
       ═══════════════════════════════════════════════ */
    #qilegal-forum-app .qi-card-more-btn,
    .qi-card-more-btn {
        color: #64748B !important;
    }

    #qilegal-forum-app .qi-card-dropdown-menu,
    .qi-card-dropdown-menu {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 12px !important;
        box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.15), 0 8px 10px -6px rgba(15, 23, 42, 0.1) !important;
        padding: 4px !important;
        width: 160px !important;
        min-width: 160px !important;
        z-index: 100 !important;
    }

    #qilegal-forum-app .qi-card-dropdown-menu .qi-menu-item,
    #qilegal-forum-app .qi-menu-item,
    .qi-menu-item {
        background: transparent !important;
        color: #0F172A !important;
        font-size: 13.5px !important;
        font-weight: 600 !important;
        padding: 8px 12px !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        text-align: left !important;
    }

    #qilegal-forum-app .qi-card-dropdown-menu .qi-menu-item span,
    #qilegal-forum-app .qi-menu-item span,
    .qi-menu-item span {
        color: #0F172A !important;
        font-weight: 600 !important;
    }

    #qilegal-forum-app .qi-card-dropdown-menu .qi-menu-item:hover,
    #qilegal-forum-app .qi-menu-item:hover,
    .qi-menu-item:hover {
        background: #EEF3FF !important;
        background-color: #EEF3FF !important;
        color: #2C6AEE !important;
    }

    #qilegal-forum-app .qi-card-dropdown-menu .qi-menu-item-danger,
    #qilegal-forum-app .qi-menu-item-danger,
    .qi-menu-item-danger {
        color: #EF4444 !important;
    }

    #qilegal-forum-app .qi-card-dropdown-menu .qi-menu-item-danger span,
    #qilegal-forum-app .qi-menu-item-danger span,
    .qi-menu-item-danger span {
        color: #EF4444 !important;
    }

    #qilegal-forum-app .qi-card-dropdown-menu .qi-menu-item-danger:hover,
    #qilegal-forum-app .qi-menu-item-danger:hover,
    .qi-menu-item-danger:hover {
        background: #FEE2E2 !important;
        background-color: #FEE2E2 !important;
        color: #EF4444 !important;
    }

    /* ═══════════════════════════════════════════════
       6. QUESTION DETAIL VIEW (Answers & Replies)
       ═══════════════════════════════════════════════ */
    #qilegal-forum-app .qiforum-back-btn,
    #qilegal-forum-app .qi-back-to-questions-btn,
    .qiforum-back-btn,
    .qi-back-to-questions-btn {
        color: #2C6AEE !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    #qilegal-forum-app .qiforum-back-btn svg,
    #qilegal-forum-app .qi-back-to-questions-btn svg,
    .qiforum-back-btn svg,
    .qi-back-to-questions-btn svg {
        color: #2C6AEE !important;
        stroke: #2C6AEE !important;
    }

    #qilegal-forum-app #qiAnswersCountText,
    #qilegal-forum-app .qiforum-answers-header h3,
    #qilegal-forum-app #qiAnswersHeader,
    #qiAnswersCountText,
    .qiforum-answers-header h3 {
        color: #0F172A !important;
        font-weight: 700 !important;
    }

    #qilegal-forum-app #qiAnswersHeader svg,
    #qiAnswersHeader svg {
        stroke: #2C6AEE !important;
    }

    /* Main Question Detail Card */
    #qilegal-forum-app .qiforum-question-detail-card,
    #qilegal-forum-app #qiQuestionDetail > div:first-child,
    .qiforum-question-detail-card {
        background: #E6EDFF !important;
        background-color: #E6EDFF !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 14px !important;
        box-shadow: 0 2px 10px rgba(44, 106, 238, 0.06) !important;
        padding: 16px !important;
        margin-bottom: 12px !important;
    }

    #qilegal-forum-app .qiforum-question-detail-card h1,
    #qilegal-forum-app .qiforum-question-detail-card .qiforum-question-title {
        color: #0F172A !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
    }

    /* Inline Answer Submission Box */
    #qilegal-forum-app .qi-inline-answer-box,
    .qi-inline-answer-box {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 14px !important;
        padding: 10px 14px !important;
        margin-bottom: 12px !important;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
    }

    #qilegal-forum-app #qiAnswerForm,
    #qilegal-forum-app .qi-inline-answer-box > div,
    .qi-inline-answer-box form,
    .qi-inline-answer-box > div {
        background: #F8FAFC !important;
        background-color: #F8FAFC !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 10px !important;
    }

    #qilegal-forum-app #qiAnswerText,
    #qilegal-forum-app .qi-inline-answer-box input,
    .qi-inline-answer-box input {
        color: #0F172A !important;
        font-size: 13.5px !important;
    }

    #qilegal-forum-app #qiAnswerText::placeholder,
    #qilegal-forum-app .qi-inline-answer-box input::placeholder,
    .qi-inline-answer-box input::placeholder,
    .qi-inline-answer-box span {
        color: #94A3B8 !important;
    }

    #qilegal-forum-app #qiAnswerSubmitBtn,
    #qilegal-forum-app .qi-answer-submit-btn,
    .qi-answer-submit-btn {
        background: #2C6AEE !important;
        background-color: #2C6AEE !important;
        color: #FFFFFF !important;
        border: none !important;
        border-radius: 8px !important;
    }

    #qilegal-forum-app #qiAnswerSubmitBtn svg,
    #qilegal-forum-app .qi-answer-submit-btn svg,
    .qi-answer-submit-btn svg {
        stroke: #FFFFFF !important;
    }

    /* Answers Section Wrapper */
    #qilegal-forum-app .qi-answers-section-wrapper,
    #qilegal-forum-app #qiQuestionDetail > div:last-child {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 1px solid #E2E8F0 !important;
        border-radius: 14px !important;
        padding: 16px !important;
    }

    #qilegal-forum-app .qi-ans-sort-pills,
    .qi-ans-sort-pills {
        background: #EEF3FF !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 8px !important;
    }

    #qilegal-forum-app .qi-ans-sort-btn,
    .qi-ans-sort-btn {
        color: #475569 !important;
        background: transparent !important;
    }

    #qilegal-forum-app .qi-ans-sort-btn.active,
    .qi-ans-sort-btn.active {
        background: #2C6AEE !important;
        background-color: #2C6AEE !important;
        color: #FFFFFF !important;
        border-radius: 6px !important;
    }

    /* Answer Cards */
    #qilegal-forum-app .qiforum-answer-card,
    #qilegal-forum-app div[id^="answer-"],
    .qiforum-answer-card,
    div[id^="answer-"] {
        background: #E6EDFF !important;
        background-color: #E6EDFF !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 14px !important;
        box-shadow: 0 2px 8px rgba(44, 106, 238, 0.05) !important;
        padding: 16px !important;
        margin-bottom: 12px !important;
    }

    #qilegal-forum-app .qiforum-answer-body,
    .qiforum-answer-body {
        color: #475569 !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    /* Reply Toggle Button */
    #qilegal-forum-app .qi-reply-toggle-btn,
    .qi-reply-toggle-btn {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        color: #2C6AEE !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 8px !important;
        font-size: 12.5px !important;
        font-weight: 600 !important;
        padding: 3px 10px !important;
    }

    #qilegal-forum-app .qi-reply-toggle-btn svg,
    .qi-reply-toggle-btn svg {
        stroke: #2C6AEE !important;
    }

    /* Reply Form & Input */
    #qilegal-forum-app .qi-reply-box form,
    .qi-reply-box form {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 10px !important;
    }

    #qilegal-forum-app .qi-reply-input,
    .qi-reply-input {
        color: #0F172A !important;
        font-size: 13px !important;
    }

    #qilegal-forum-app .qi-reply-input::placeholder,
    .qi-reply-input::placeholder {
        color: #94A3B8 !important;
    }

    #qilegal-forum-app .qi-reply-submit-btn,
    .qi-reply-submit-btn {
        background: #2C6AEE !important;
        background-color: #2C6AEE !important;
        color: #FFFFFF !important;
        border-radius: 8px !important;
    }

    #qilegal-forum-app .qi-reply-submit-btn svg,
    .qi-reply-submit-btn svg {
        stroke: #FFFFFF !important;
    }

    /* Reply Connecting Line & Nested Items */
    #qilegal-forum-app .qi-replies-list,
    .qi-replies-list {
        border-left-color: #CBD5E1 !important;
    }

    #qilegal-forum-app .qiforum-reply-item,
    .qiforum-reply-item {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 10px !important;
        padding: 12px !important;
    }

    #qilegal-forum-app .qi-reply-author-name {
        color: #0F172A !important;
        font-weight: 600 !important;
    }

    #qilegal-forum-app .qiforum-reply-body,
    .qiforum-reply-body {
        color: #475569 !important;
        font-size: 13.5px !important;
    }

    /* ═══════════════════════════════════════════════
       7. CATEGORIES TAB (#qiTab-categories)
       ═══════════════════════════════════════════════ */
    #qilegal-forum-app #qiTab-categories,
    #qiTab-categories {
        background: #F5F8FF !important;
        padding: 12px 16px 24px !important;
    }

    #qilegal-forum-app .qiforum-category-card,
    .qiforum-category-card {
        background: #E6EDFF !important;
        background-color: #E6EDFF !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 14px !important;
        box-shadow: 0 2px 8px rgba(44, 106, 238, 0.05) !important;
        padding: 16px !important;
        margin-bottom: 10px !important;
    }

    #qilegal-forum-app .qiforum-category-card:hover,
    .qiforum-category-card:hover {
        border-color: #2C6AEE !important;
        box-shadow: 0 4px 14px rgba(44, 106, 238, 0.12) !important;
    }

    #qilegal-forum-app .qiforum-category-name,
    #qilegal-forum-app .qiforum-category-card h3,
    #qilegal-forum-app .qiforum-category-card h4,
    .qiforum-category-name {
        color: #0F172A !important;
        font-weight: 600 !important;
    }

    #qilegal-forum-app .qiforum-category-count,
    .qiforum-category-count {
        color: #64748B !important;
        font-size: 13px !important;
    }

    #qilegal-forum-app .qiforum-category-card svg {
        color: #2C6AEE !important;
        stroke: #2C6AEE !important;
    }

    /* ═══════════════════════════════════════════════
       8. NOTIFICATIONS TAB (#qiTab-notifications)
       ═══════════════════════════════════════════════ */
    #qilegal-forum-app #qiTab-notifications,
    #qiTab-notifications {
        background: #F5F8FF !important;
        padding: 12px 16px 24px !important;
    }

    #qilegal-forum-app .qiforum-tab-title,
    #qiTab-notifications .qiforum-tab-title {
        color: #0F172A !important;
    }

    #qilegal-forum-app .qiforum-tab-title svg,
    #qiTab-notifications .qiforum-tab-title svg {
        stroke: #2C6AEE !important;
    }

    #qilegal-forum-app .qiforum-notif-markall,
    #qiTab-notifications .qiforum-notif-markall {
        color: #2C6AEE !important;
        font-weight: 600 !important;
    }

    #qilegal-forum-app .qi-notif-card,
    #qilegal-forum-app .qiforum-notif-item,
    #qilegal-forum-app .qiforum-notification-item,
    .qi-notif-card,
    .qiforum-notif-item,
    .qiforum-notification-item {
        background: #E6EDFF !important;
        background-color: #E6EDFF !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 12px !important;
        padding: 14px 16px !important;
        margin-bottom: 10px !important;
        color: #0F172A !important;
        box-shadow: 0 2px 8px rgba(44, 106, 238, 0.05) !important;
    }

    #qilegal-forum-app .qi-notif-card.unread,
    .qi-notif-card.unread {
        background: #E6EDFF !important;
        background-color: #E6EDFF !important;
        border-left: 4px solid #2C6AEE !important;
    }

    #qilegal-forum-app .qi-notif-card:not(.unread),
    #qilegal-forum-app .qiforum-notif-item.read,
    .qi-notif-card:not(.unread),
    .qiforum-notif-item.read {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
    }

    #qilegal-forum-app .qi-notif-title,
    #qilegal-forum-app .qi-notif-card h4,
    #qilegal-forum-app .qiforum-notif-title,
    #qilegal-forum-app .notif-message,
    .qi-notif-title,
    .qi-notif-card h4,
    .notif-message {
        color: #0F172A !important;
        font-weight: 600 !important;
    }

    #qilegal-forum-app .qi-notif-card .qi-time,
    #qilegal-forum-app .qiforum-notif-time,
    #qilegal-forum-app .notif-time,
    .qi-notif-card .qi-time,
    .notif-time {
        color: #64748B !important;
    }

    #qilegal-forum-app .qi-notif-card svg,
    .qi-notif-card svg {
        stroke: #2C6AEE !important;
    }

    #qilegal-forum-app .qi-notif-dot,
    .qi-notif-dot {
        background: #2C6AEE !important;
    }

    /* ═══════════════════════════════════════════════
       9. PROFILE SETTINGS TAB (Exact Match to Screenshot 2)
       ═══════════════════════════════════════════════ */
    #qilegal-forum-app #qiTab-profile,
    #qiTab-profile {
        background: #F5F8FF !important;
        padding: 12px 16px 24px !important;
    }

    #qilegal-forum-app .qiforum-profile-wrapper,
    .qiforum-profile-wrapper {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 1px solid #E2E8F0 !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;
        padding: 20px 16px !important;
        color: #0F172A !important;
    }

    #qilegal-forum-app .qiforum-profile-wrapper h3,
    #qilegal-forum-app .qiforum-profile-wrapper h4,
    .qiforum-profile-wrapper h3,
    .qiforum-profile-wrapper h4 {
        color: #0F172A !important;
        font-weight: 700 !important;
    }

    #qilegal-forum-app .qiforum-profile-wrapper label,
    .qiforum-profile-wrapper label {
        color: #0F172A !important;
        font-weight: 600 !important;
        font-size: 13.5px !important;
        margin-bottom: 6px !important;
    }

    #qilegal-forum-app .qiforum-profile-wrapper input,
    #qilegal-forum-app .qiforum-profile-wrapper select,
    .qiforum-profile-wrapper input,
    .qiforum-profile-wrapper select {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 8px !important;
        color: #0F172A !important;
        font-size: 14px !important;
        padding: 10px 14px !important;
    }

    #qilegal-forum-app .qiforum-profile-wrapper input:focus,
    #qilegal-forum-app .qiforum-profile-wrapper select:focus,
    .qiforum-profile-wrapper input:focus,
    .qiforum-profile-wrapper select:focus {
        border-color: #2C6AEE !important;
        box-shadow: 0 0 0 3px rgba(44, 106, 238, 0.15) !important;
    }

    #qilegal-forum-app .qiforum-profile-wrapper input::placeholder,
    .qiforum-profile-wrapper input::placeholder {
        color: #94A3B8 !important;
    }

    #qilegal-forum-app #qiProfileSubmitBtn,
    .qiforum-profile-wrapper #qiProfileSubmitBtn {
        background: #2C6AEE !important;
        background-color: #2C6AEE !important;
        color: #FFFFFF !important;
        border: none !important;
        border-radius: 10px !important;
        width: 100% !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        padding: 13px !important;
        box-shadow: 0 4px 14px rgba(44, 106, 238, 0.35) !important;
    }

    /* Verification Status Banner on Profile */
    #qilegal-forum-app .qi-verification-pending,
    .qi-verification-pending {
        background: #FEF3C7 !important;
        background-color: #FEF3C7 !important;
        border: 1px solid #F59E0B !important;
        border-radius: 12px !important;
        padding: 16px !important;
    }

    #qilegal-forum-app .qi-verification-pending h4,
    .qi-verification-pending h4 {
        color: #92400E !important;
        font-weight: 700 !important;
    }

    #qilegal-forum-app .qi-verification-pending p,
    .qi-verification-pending p {
        color: #78350F !important;
        font-weight: 500 !important;
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    #qilegal-forum-app .qi-verification-pending svg,
    .qi-verification-pending svg {
        stroke: #D97706 !important;
        color: #D97706 !important;
    }

    #qilegal-forum-app .qi-verification-declined,
    .qi-verification-declined {
        background: #FEE2E2 !important;
        background-color: #FEE2E2 !important;
        border: 1px solid #EF4444 !important;
        border-radius: 12px !important;
    }

    #qilegal-forum-app .qi-verification-declined h4,
    .qi-verification-declined h4 {
        color: #991B1B !important;
        font-weight: 700 !important;
    }

    #qilegal-forum-app .qi-verification-declined p,
    .qi-verification-declined p {
        color: #7F1D1D !important;
    }

    /* Profile Stats Grid Cards (Questions Asked / Answers Given) */
    #qilegal-forum-app .qiforum-profile-wrapper .qiforum-stat-card,
    #qilegal-forum-app .qiforum-profile-wrapper div[style*="background:#0B0F14"],
    .qiforum-profile-wrapper div[style*="background:#0B0F14"] {
        background: #E6EDFF !important;
        background-color: #E6EDFF !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 14px !important;
        padding: 20px 16px !important;
    }

    #qilegal-forum-app #qiforum-questions-asked-count,
    #qilegal-forum-app #qiforum-answers-given-count,
    #qiforum-questions-asked-count,
    #qiforum-answers-given-count {
        color: #0F172A !important;
        font-weight: 700 !important;
        font-size: 28px !important;
    }

    #qilegal-forum-app .qiforum-profile-wrapper div[style*="color:#A0A4AB"],
    .qiforum-profile-wrapper div[style*="color:#A0A4AB"] {
        color: #475569 !important;
        font-weight: 500 !important;
    }

    /* ═══════════════════════════════════════════════
       10. MODALS (Ask / Edit / Verification / Report)
       ═══════════════════════════════════════════════ */
    /* ═══════════════════════════════════════════════
       10. MODALS (Ask / Edit / Verification / Report)
       ═══════════════════════════════════════════════ */
    .qiforum-modal,
    #qiAskModal,
    #qiEditModal,
    #qiVerificationModal,
    #qiLoginModal {
        background: rgba(15, 23, 42, 0.65) !important;
        backdrop-filter: blur(4px) !important;
        z-index: 99999 !important;
    }

    .qiforum-modal-content,
    .qiforum-modal-content.qiforum-modal-lg,
    .qiforum-modal-content.qiforum-modal-sm,
    #qiAskModal .qiforum-modal-content,
    #qiEditModal .qiforum-modal-content,
    #qiVerificationModal .qiforum-modal-content,
    #qiLoginModal .qiforum-modal-content,
    .qi-ask-modal,
    .qi-guidance-card,
    .qi-flagged-card {
        background: #F8FAFC !important;
        background-color: #F8FAFC !important;
        border: 1px solid #E2E8F0 !important;
        border-radius: 16px !important;
        box-shadow: 0 20px 40px rgba(15, 23, 42, 0.18) !important;
        color: #0F172A !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .qiforum-modal-header,
    #qiAskModal .qiforum-modal-header,
    #qiEditModal .qiforum-modal-header,
    #qiVerificationModal .qiforum-modal-header,
    .qi-ask-modal-header {
        border-bottom: 1px solid #E2E8F0 !important;
        padding: 16px 20px !important;
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .qiforum-modal-header h3,
    .qiforum-modal-title,
    #qiAskModal .qiforum-modal-header h3,
    #qiEditModal .qiforum-modal-header h3,
    #qiVerificationModal .qiforum-modal-title,
    .qi-ask-modal-header h3,
    .qi-guidance-card h3 {
        color: #0F172A !important;
        font-weight: 700 !important;
        font-size: 17.5px !important;
        margin: 0 !important;
    }

    .qiforum-modal-close,
    #qiAskModal .qiforum-modal-close,
    #qiEditModal .qiforum-modal-close,
    #qiVerificationModal .qiforum-modal-close {
        color: #64748B !important;
        background: transparent !important;
        border: none !important;
    }

    .qiforum-modal-body,
    #qiAskModal .qiforum-modal-body,
    #qiEditModal .qiforum-modal-body,
    #qiVerificationModal .qiforum-modal-body,
    .qi-ask-modal-body {
        padding: 18px 20px !important;
        background: #F8FAFC !important;
        background-color: #F8FAFC !important;
    }

    .qiforum-modal-body p,
    #qiAskModal .qiforum-modal-body p,
    #qiVerificationModal .qiforum-modal-body p {
        color: #475569 !important;
    }

    .qiforum-form-group,
    #qiAskModal .qiforum-form-group,
    #qiEditModal .qiforum-form-group {
        margin-bottom: 14px !important;
    }

    .qiforum-form-group label,
    .qiforum-modal-body label,
    #qiAskModal label,
    #qiEditModal label,
    #qiVerificationModal label {
        color: #0F172A !important;
        font-weight: 600 !important;
        font-size: 13.5px !important;
        display: block !important;
        margin-bottom: 6px !important;
    }

    .qi-word-counter,
    #qiAskTitleWordCount,
    #qiAskDescWordCount {
        color: #64748B !important;
        font-size: 12px !important;
        font-weight: 500 !important;
    }

    /* Modal Form Inputs - Pure White & Crisp Border */
    .qiforum-modal input.qiforum-input,
    .qiforum-modal input[type="text"],
    #qiAskModal input,
    #qiEditModal input,
    #qi_bar_council_input {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 10px !important;
        color: #0F172A !important;
        font-size: 14px !important;
        height: 44px !important;
        line-height: 44px !important;
        padding: 0 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        outline: none !important;
    }

    /* Category & State Select - No text clipping with custom dropdown arrow */
    .qiforum-modal select.qiforum-select,
    .qiforum-modal select,
    #qiAskModal select,
    #qiAskCategory,
    #qiEditCategory,
    #qiEditModal select,
    #qi_state_input {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right 14px center !important;
        background-size: 16px !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 10px !important;
        color: #0F172A !important;
        font-size: 14px !important;
        height: 44px !important;
        min-height: 44px !important;
        line-height: 1.4 !important;
        padding: 10px 40px 10px 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        outline: none !important;
        cursor: pointer !important;
    }

    .qiforum-modal select option,
    #qiAskModal select option,
    #qiAskCategory option {
        background: #FFFFFF !important;
        color: #0F172A !important;
        padding: 8px 12px !important;
        font-size: 14px !important;
    }

    /* Modal Textarea */
    .qiforum-modal textarea.qiforum-textarea,
    .qiforum-modal textarea,
    #qiAskModal textarea,
    #qiAskDesc,
    #qiEditModal textarea {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 10px !important;
        color: #0F172A !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        padding: 12px 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        outline: none !important;
        resize: vertical !important;
    }

    .qiforum-modal input::placeholder,
    .qiforum-modal textarea::placeholder,
    #qiAskModal input::placeholder,
    #qiAskModal textarea::placeholder,
    #qi_bar_council_input::placeholder {
        color: #94A3B8 !important;
    }

    .qiforum-modal input:focus,
    .qiforum-modal select:focus,
    .qiforum-modal textarea:focus,
    #qiAskModal input:focus,
    #qiAskModal select:focus,
    #qiAskModal textarea:focus {
        border-color: #2C6AEE !important;
        box-shadow: 0 0 0 3px rgba(44, 106, 238, 0.15) !important;
    }

    /* Bar council hints & helper text */
    #qi_bar_council_hint,
    .qi-location-wrapper button svg {
        color: #64748B !important;
        stroke: #2C6AEE !important;
    }

    /* Verification File Upload Box */
    #qiVerificationModal div[style*="background: #161B22"],
    #qiVerificationModal div[style*="background:#161B22"] {
        background: #F8FAFC !important;
        background-color: #F8FAFC !important;
        border: 1px solid #CBD5E1 !important;
        color: #0F172A !important;
    }

    #qiVerificationModal span#qi_upload_text {
        color: #0F172A !important;
        font-weight: 500 !important;
    }

    /* Modal Footer Buttons */
    .qiforum-modal-footer,
    #qiAskModal .qiforum-modal-footer,
    #qiEditModal .qiforum-modal-footer,
    .qi-ask-modal-footer {
        border-top: 1px solid #E2E8F0 !important;
        padding: 16px 20px !important;
        background: #F8FAFC !important;
        display: flex !important;
        justify-content: flex-end !important;
        gap: 10px !important;
    }

    .qiforum-modal-footer .qiforum-btn-primary,
    .qiforum-modal-footer button[type="submit"],
    #qiAskSubmitBtn,
    #qiEditSubmitBtn,
    #qiVerificationForm button[type="submit"],
    .qi-ask-submit-btn {
        background: #2C6AEE !important;
        background-color: #2C6AEE !important;
        color: #FFFFFF !important;
        border: none !important;
        border-radius: 10px !important;
        font-weight: 600 !important;
        padding: 10px 20px !important;
        box-shadow: 0 2px 8px rgba(44, 106, 238, 0.3) !important;
        font-size: 14px !important;
    }

    .qiforum-modal-footer .qiforum-btn-ghost,
    .qiforum-modal-footer button[type="button"],
    #qiVerificationModal button[onclick*="closeVerificationModal"],
    #qiAskModal .qi-ask-cancel-btn,
    .qi-ask-cancel-btn {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 1px solid #CBD5E1 !important;
        color: #475569 !important;
        border-radius: 10px !important;
        font-weight: 500 !important;
        padding: 10px 20px !important;
        font-size: 14px !important;
    }

    /* ═══════════════════════════════════════════════
       11. PAGINATION (Figma Light Theme)
       ═══════════════════════════════════════════════ */
    #qilegal-forum-app .qiforum-pagination,
    .qiforum-pagination,
    #qiPagination,
    #qiNotifPagination,
    #qiMyQuestionsPagination,
    #qiMyAnswersPagination,
    #qiBookmarksPagination {
        padding-top: 16px !important;
        margin-top: 8px !important;
    }

    #qilegal-forum-app .qiforum-pagination-count,
    .qiforum-pagination-count {
        color: #64748B !important;
        font-size: 13.5px !important;
        font-weight: 500 !important;
        text-align: center !important;
        margin-bottom: 12px !important;
    }

    #qilegal-forum-app .qiforum-page-btn,
    #qilegal-forum-app .qi-page-num,
    #qilegal-forum-app .qi-page-prev,
    #qilegal-forum-app .qi-page-next,
    .qiforum-page-btn,
    .qi-page-num,
    .qi-page-prev,
    .qi-page-next {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        color: #475569 !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 10px !important;
        min-width: 38px !important;
        height: 38px !important;
        padding: 0 12px !important;
        font-size: 13.5px !important;
        font-weight: 600 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
        transition: all 0.15s ease !important;
    }

    #qilegal-forum-app .qiforum-page-btn svg,
    .qiforum-page-btn svg {
        color: #475569 !important;
        stroke: #475569 !important;
    }

    #qilegal-forum-app .qiforum-page-btn:hover:not(:disabled):not(.active),
    .qiforum-page-btn:hover:not(:disabled):not(.active) {
        background: #EEF3FF !important;
        background-color: #EEF3FF !important;
        color: #2C6AEE !important;
        border-color: #2C6AEE !important;
    }

    #qilegal-forum-app .qiforum-page-btn:hover:not(:disabled):not(.active) svg,
    .qiforum-page-btn:hover:not(:disabled):not(.active) svg {
        color: #2C6AEE !important;
        stroke: #2C6AEE !important;
    }

    /* Active Page Number (Figma Royal Blue) */
    #qilegal-forum-app .qiforum-page-btn.active,
    #qilegal-forum-app .qi-page-num.active,
    .qiforum-page-btn.active,
    .qi-page-num.active {
        background: #2C6AEE !important;
        background-color: #2C6AEE !important;
        color: #FFFFFF !important;
        border: 1px solid #2C6AEE !important;
        font-weight: 700 !important;
        box-shadow: 0 4px 12px rgba(44, 106, 238, 0.3) !important;
    }

    /* Disabled Previous / Next State */
    #qilegal-forum-app .qiforum-page-btn:disabled,
    #qilegal-forum-app .qiforum-page-btn[disabled],
    .qiforum-page-btn:disabled,
    .qiforum-page-btn[disabled] {
        background: #F1F5F9 !important;
        background-color: #F1F5F9 !important;
        color: #94A3B8 !important;
        border-color: #E2E8F0 !important;
        opacity: 0.6 !important;
        cursor: not-allowed !important;
        box-shadow: none !important;
    }

    #qilegal-forum-app .qiforum-page-btn:disabled svg,
    .qiforum-page-btn:disabled svg {
        color: #94A3B8 !important;
        stroke: #94A3B8 !important;
    }

    /* ═══════════════════════════════════════════════
       12. HERO LIVE SEARCH RESULTS DROPDOWN (Mobile Light Theme)
       ═══════════════════════════════════════════════ */
    #qilegal-forum-app .qi-search-results-dropdown,
    .qi-search-results-dropdown {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 1px solid #E2E8F0 !important;
        border-radius: 16px !important;
        box-shadow: 0 12px 36px rgba(44, 106, 238, 0.14), 0 4px 14px rgba(15, 23, 42, 0.08) !important;
        max-height: 380px !important;
        padding: 6px 0 !important;
    }

    #qilegal-forum-app .qi-search-group,
    .qi-search-group {
        border-bottom: 1px solid #F1F5F9 !important;
        padding: 4px 0 6px !important;
    }

    #qilegal-forum-app .qi-search-group-header,
    .qi-search-group-header {
        color: #2C6AEE !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        padding: 6px 14px 4px !important;
        letter-spacing: 0.8px !important;
    }

    #qilegal-forum-app .qi-search-group-header svg,
    .qi-search-group-header svg {
        color: #2C6AEE !important;
        stroke: #2C6AEE !important;
    }

    #qilegal-forum-app .qi-search-item,
    .qi-search-item {
        background: #F8FAFC !important;
        background-color: #F8FAFC !important;
        border: 1px solid #E2E8F0 !important;
        color: #0F172A !important;
        border-radius: 10px !important;
        margin: 4px 8px !important;
        padding: 9px 12px !important;
        transition: all 0.15s ease !important;
    }

    #qilegal-forum-app .qi-search-item:hover,
    #qilegal-forum-app .qi-search-item.qi-selected,
    .qi-search-item:hover,
    .qi-search-item.qi-selected {
        background: #EEF3FF !important;
        background-color: #EEF3FF !important;
        border-color: #2C6AEE !important;
        color: #2C6AEE !important;
        transform: translateX(2px) !important;
    }

    #qilegal-forum-app .qi-search-item-title,
    .qi-search-item-title {
        color: #0F172A !important;
        font-size: 13.5px !important;
        font-weight: 500 !important;
    }

    #qilegal-forum-app .qi-search-item:hover .qi-search-item-title,
    #qilegal-forum-app .qi-search-item.qi-selected .qi-search-item-title,
    .qi-search-item:hover .qi-search-item-title,
    .qi-search-item.qi-selected .qi-search-item-title {
        color: #2C6AEE !important;
    }

    #qilegal-forum-app .qi-search-item mark.qi-search-highlight,
    .qi-search-item mark.qi-search-highlight {
        background: rgba(44, 106, 238, 0.15) !important;
        color: #2C6AEE !important;
        font-weight: 700 !important;
        padding: 1px 3px !important;
        border-radius: 3px !important;
    }

    #qilegal-forum-app .qi-search-item-badge,
    .qi-search-item-badge {
        background: #EEF3FF !important;
        color: #2C6AEE !important;
        border: 1px solid rgba(44, 106, 238, 0.25) !important;
        font-size: 10.5px !important;
        font-weight: 600 !important;
        padding: 2px 7px !important;
        border-radius: 6px !important;
    }

    #qilegal-forum-app .qi-search-item svg,
    .qi-search-item svg {
        color: #2C6AEE !important;
        stroke: #2C6AEE !important;
    }

    #qilegal-forum-app .qi-search-empty,
    .qi-search-empty {
        color: #64748B !important;
        font-size: 13.5px !important;
        padding: 20px 16px !important;
        text-align: center !important;
    }

    #qilegal-forum-app .qi-search-loading,
    .qi-search-loading {
        color: #64748B !important;
        font-size: 13px !important;
        padding: 18px 16px !important;
    }

    #qilegal-forum-app .qi-search-loading .qi-spinner,
    .qi-search-loading .qi-spinner {
        stroke: #2C6AEE !important;
    }

    /* ═══════════════════════════════════════════════
       13. LEGAL POLICY GUIDANCE NOTICE MODAL (Mobile Light Theme)
       ═══════════════════════════════════════════════ */
    #qiLegalGuidanceModal,
    .qi-legal-guidance-modal-wrap {
        background: rgba(15, 23, 42, 0.75) !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
        padding: 16px !important;
    }

    #qiLegalGuidanceModal .qi-legal-guidance-card,
    .qi-legal-guidance-modal-wrap .qi-legal-guidance-card {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 1px solid #E2E8F0 !important;
        border-radius: 18px !important;
        box-shadow: 0 24px 48px -12px rgba(15, 23, 42, 0.25) !important;
        color: #0F172A !important;
        padding: 24px 20px !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #qiLegalGuidanceModal .qi-legal-guidance-card h3,
    .qi-legal-guidance-card h3 {
        color: #0F172A !important;
        font-size: 18px !important;
        font-weight: 700 !important;
    }

    #qiLegalGuidanceModal .qi-legal-guidance-card div[style*="width:40px"],
    #qiLegalGuidanceModal .qi-legal-guidance-card div[style*="width:52px"] {
        background: rgba(44, 106, 238, 0.1) !important;
        border: 1.5px solid #2C6AEE !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 12px !important;
    }

    #qiLegalGuidanceModal .qi-legal-guidance-card div[style*="width:40px"] svg,
    #qiLegalGuidanceModal .qi-legal-guidance-card div[style*="width:52px"] svg {
        stroke: #2C6AEE !important;
        color: #2C6AEE !important;
    }

    #qiLegalGuidanceModal #qiLegalGuidanceFieldBadge div {
        background: #FEF2F2 !important;
        border: 1px solid rgba(239, 68, 68, 0.3) !important;
        color: #DC2626 !important;
    }

    #qiLegalGuidanceModal #qiLegalGuidanceFieldBadge strong {
        color: #991B1B !important;
    }

    #qiLegalGuidanceModal div[style*="background:rgba(239,68,68"] {
        background: #FEF2F2 !important;
        background-color: #FEF2F2 !important;
        border-left: 4px solid #EF4444 !important;
        border-radius: 8px !important;
    }

    #qiLegalGuidanceModal #qiLegalGuidanceReason {
        color: #991B1B !important;
        font-weight: 500 !important;
        font-size: 13.5px !important;
    }

    #qiLegalGuidanceModal div[style*="background:rgba(233,187,77"] {
        background: #F8FAFC !important;
        background-color: #F8FAFC !important;
        border: 1px solid #E2E8F0 !important;
        border-radius: 12px !important;
    }

    #qiLegalGuidanceModal div[style*="background:rgba(233,187,77"] svg {
        stroke: #2C6AEE !important;
        color: #2C6AEE !important;
    }

    #qiLegalGuidanceModal div[style*="background:rgba(233,187,77"] strong {
        color: #2C6AEE !important;
    }

    #qiLegalGuidanceModal div[style*="background:rgba(233,187,77"] p {
        color: #475569 !important;
        font-size: 12.5px !important;
    }

    #qiLegalGuidanceModal #qiLegalGuidanceEditBtn,
    .qi-legal-guidance-card #qiLegalGuidanceEditBtn {
        background: #2C6AEE !important;
        background-color: #2C6AEE !important;
        color: #FFFFFF !important;
        border-radius: 12px !important;
        font-weight: 700 !important;
        font-size: 14.5px !important;
        box-shadow: 0 4px 14px rgba(44, 106, 238, 0.35) !important;
    }

    #qiLegalGuidanceModal #qiLegalGuidanceEditBtn svg,
    .qi-legal-guidance-card #qiLegalGuidanceEditBtn svg {
        stroke: #FFFFFF !important;
        color: #FFFFFF !important;
    }

    /* ═══════════════════════════════════════════════
       14. DYNAMIC BREADCRUMB (Mobile Light Theme)
       ═══════════════════════════════════════════════ */
    #qilegal-forum-app .qiforum-breadcrumb,
    .qiforum-breadcrumb,
    #qiFilterBreadcrumb {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 1px solid #E2E8F0 !important;
        color: #64748B !important;
        border-radius: 10px !important;
        padding: 8px 12px !important;
        margin-bottom: 12px !important;
        font-size: 13px !important;
    }

    #qilegal-forum-app .qiforum-breadcrumb a,
    .qiforum-breadcrumb a,
    #qiFilterBreadcrumb a {
        color: #2C6AEE !important;
    }

    #qilegal-forum-app #qiBreadcrumbCurrent,
    #qiBreadcrumbCurrent {
        background: rgba(44, 106, 238, 0.08) !important;
        background-color: rgba(44, 106, 238, 0.08) !important;
        border: 1px solid rgba(44, 106, 238, 0.25) !important;
        color: #2C6AEE !important;
    }

    #qilegal-forum-app #qiBreadcrumbLabel,
    #qiBreadcrumbLabel {
        color: #0F172A !important;
    }

    #qilegal-forum-app #qiBreadcrumbLabel strong,
    #qiBreadcrumbLabel strong {
        color: #2C6AEE !important;
    }

    #qilegal-forum-app #qiBreadcrumbCurrent svg,
    #qiBreadcrumbCurrent svg {
        stroke: #2C6AEE !important;
    }
}