/**
 * Easy Padhai v1.65 — Layout de-clutter fix
 * Fixes crushed form grids, nested window layers, and overflow across dashboard tools.
 */

/* ===== Form grids: never crush labels into vertical letters ===== */
.ai-study-table-controls,
.ai-study-table-controls--wide,
.ai-study-table-controls--english,
.ai-study-tool-actions,
.ai-study-english-tool-controls,
.ai-study-premium-fields,
.ai-study-inline-form,
.ai-study-filter-bar {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 12px !important;
    align-items: end !important;
    width: 100% !important;
    min-width: 0 !important;
}

.ai-study-table-controls > .ai-study-primary-button,
.ai-study-table-controls > .ai-study-secondary-button,
.ai-study-tool-actions > .ai-study-primary-button,
.ai-study-tool-actions > .ai-study-secondary-button,
.ai-study-tool-actions > .ai-study-upload-button {
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    white-space: normal !important;
}

.ai-study-field-label,
.ai-study-compact-label {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

.ai-study-field-label input,
.ai-study-field-label select,
.ai-study-field-label textarea,
.ai-study-compact-label select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* ===== Section headers: stop heading overlap ===== */
.ai-study-section__header {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin-bottom: 14px !important;
    min-width: 0 !important;
}

.ai-study-section__header h2,
.ai-study-section__header h3,
.ai-study-section__header h4 {
    margin: 0 !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
}

.ai-study-section__header .ai-study-muted,
.ai-study-section__header p {
    margin: 0 !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
}

/* ===== Flatten nested window layers (box inside box) ===== */
.ai-study-table-builder .ai-study-output-window,
.ai-study-table-builder .ai-study-input-window,
.ai-study-master-card .ai-study-output-window,
.ai-study-english-tool-card .ai-study-output-window,
.ai-study-tool-panel .ai-study-output-window.ai-study-tool-output {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 12px !important;
}

.ai-study-table-builder .ai-study-output-window__head,
.ai-study-master-card .ai-study-output-window__head {
    margin-bottom: 8px !important;
    padding: 0 !important;
}

.ai-study-table-builder .ai-study-table-output,
.ai-study-master-card .ai-study-table-output,
.ai-study-english-tool-card .ai-study-table-output {
    margin-top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
}

/* Live avatar strip: inline action, not another full card layer */
.ai-study-table-output .ai-study-live-agent-sync-bar,
.ai-study-output-window .ai-study-live-agent-sync-bar,
.ai-study-answer-box .ai-study-live-agent-sync-bar,
[data-ai-study-calculation-output] .ai-study-live-agent-sync-bar,
[data-ai-study-formula-output] .ai-study-live-agent-sync-bar {
    margin-top: 10px !important;
    padding: 8px 0 0 !important;
    border: none !important;
    border-top: 1px dashed #d0d9e6 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.ai-study-live-agent-sync-bar button {
    max-width: 100% !important;
    white-space: normal !important;
}

/* ===== Tool grid / main panel: prevent horizontal crush ===== */
.ai-study-main,
.ai-study-panel,
.ai-study-table-builder,
.ai-study-master-card,
.ai-study-english-tool-card,
.ai-study-tool-panel {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.ai-study-tool-grid,
.ai-study-tool-grid--reading-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
}

/* ===== Header dropdown action buttons ===== */
.ep-seo-user-actions .ep-seo-user-btn {
    width: 100% !important;
    font: inherit !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.ep-seo-user-actions button.ep-seo-user-btn {
    cursor: pointer !important;
}

/* ===== Mobile: single column everywhere ===== */
@media (max-width: 720px) {
    .ai-study-table-controls,
    .ai-study-table-controls--wide,
    .ai-study-table-controls--english,
    .ai-study-tool-actions,
    .ai-study-english-tool-controls {
        grid-template-columns: 1fr !important;
    }

    .ai-study-main {
        padding: 12px 10px !important;
    }

    .ai-study-table-builder,
    .ai-study-master-card,
    .ai-study-english-tool-card {
        padding: 14px 12px !important;
    }
}


/* ===== Easy Padhai v1.65.1 — Upgrade / Buy Credits single-layer cleanup =====
   Scope: subscription/upgrade panel only. Payment buttons, gateway selects and JS hooks stay unchanged. */
.ai-study-panel[data-ai-study-panel="subscription"],
.ai-study-section--subscription-clean,
.ai-study-section--subscription-clean * {
    box-sizing: border-box !important;
}

.ai-study-panel[data-ai-study-panel="subscription"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
}

/* Keep only one clean outer dashboard surface for the Upgrade page. */
.ai-study-section.ai-study-section--subscription-clean {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: clamp(14px, 2vw, 24px) !important;
    margin: 0 !important;
    border: 1px solid var(--card-border, #dce4ec) !important;
    border-radius: 24px !important;
    background: var(--card-bg, #ffffff) !important;
    box-shadow: var(--shadow, 0 12px 30px rgba(15, 23, 42, 0.08)) !important;
    transform: none !important;
}

.ai-study-section.ai-study-section--subscription-clean:hover {
    transform: none !important;
}

.ai-study-section--subscription-clean > .ai-study-section__header {
    padding: 0 !important;
    margin: 0 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ai-study-section--subscription-clean > .ai-study-muted {
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Flatten duplicate parent cards/wrappers inside Buy Credits. */
.ai-study-section--subscription-clean .ai-study-buy-credits-box,
.ai-study-section--subscription-clean .ai-study-subscription-current {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

.ai-study-section--subscription-clean .ai-study-buy-credits-box {
    margin: 18px 0 20px !important;
}

.ai-study-section--subscription-clean .ai-study-subscription-current {
    margin-top: 16px !important;
    padding-top: 14px !important;
    border-top: 1px solid var(--card-border, #dce4ec) !important;
}

.ai-study-section--subscription-clean .ai-study-buy-credits-box:hover,
.ai-study-section--subscription-clean .ai-study-subscription-current:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Inner content stays transparent; only real plan/credit cards keep card styling. */
.ai-study-section--subscription-clean .ai-study-credit-pack-grid,
.ai-study-section--subscription-clean .ai-study-subscription-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.ai-study-section--subscription-clean .ai-study-credit-pack-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    gap: 14px !important;
    margin: 14px 0 0 !important;
}

.ai-study-section--subscription-clean .ai-study-subscription-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
    gap: 14px !important;
    margin: 18px 0 16px !important;
}

.ai-study-section--subscription-clean .ai-study-credit-pack-card,
.ai-study-section--subscription-clean .ai-study-subscription-grid > .ai-study-subscription-box {
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 16px !important;
    border: 1px solid var(--card-border, rgba(148, 163, 184, 0.28)) !important;
    border-radius: 18px !important;
    background: var(--card-bg, #ffffff) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07) !important;
    overflow: hidden !important;
}

.ai-study-section--subscription-clean .ai-study-credit-pack-card:hover,
.ai-study-section--subscription-clean .ai-study-subscription-grid > .ai-study-subscription-box:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10) !important;
}

.ai-study-section--subscription-clean .ai-study-gateway-row {
    display: grid !important;
    grid-template-columns: minmax(118px, 0.9fr) minmax(130px, auto) !important;
    gap: 10px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
}

.ai-study-section--subscription-clean .ai-study-gateway-row select,
.ai-study-section--subscription-clean .ai-study-gateway-row .ai-study-pay-now-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    justify-content: center !important;
    white-space: normal !important;
}

.ai-study-section--subscription-clean .ai-study-payment-status,
.ai-study-section--subscription-clean .ai-study-payment-mode,
.ai-study-section--subscription-clean .ai-study-credit-balance-pill {
    max-width: 100% !important;
}

@media (max-width: 900px) {
    .ai-study-section.ai-study-section--subscription-clean {
        padding: 16px 14px !important;
        border-radius: 20px !important;
    }

    .ai-study-section--subscription-clean .ai-study-credit-pack-grid,
    .ai-study-section--subscription-clean .ai-study-subscription-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
        gap: 12px !important;
    }
}

@media (max-width: 620px) {
    .ai-study-section.ai-study-section--subscription-clean {
        padding: 12px 10px !important;
        border-radius: 16px !important;
    }

    .ai-study-section--subscription-clean .ai-study-credit-pack-grid,
    .ai-study-section--subscription-clean .ai-study-subscription-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .ai-study-section--subscription-clean .ai-study-credit-pack-card,
    .ai-study-section--subscription-clean .ai-study-subscription-grid > .ai-study-subscription-box {
        padding: 14px 12px !important;
        border-radius: 14px !important;
    }

    .ai-study-section--subscription-clean .ai-study-gateway-row {
        grid-template-columns: 1fr !important;
    }

    .ai-study-section--subscription-clean .ai-study-price {
        font-size: 22px !important;
        line-height: 1.2 !important;
    }
}

@media (max-width: 420px) {
    .ai-study-section.ai-study-section--subscription-clean {
        padding: 10px 8px !important;
    }
}


/* ===== Easy Padhai v1.65.2 — Upgrade tab deeper layer + clipped button fix =====
   Scope: only when the Upgrade / Subscription tab is active. Payment JS hooks and backend logic untouched. */
.ai-study-dashboard.ai-study-dashboard--subscription-active,
.ai-study-dashboard[data-ai-study-active-panel="subscription"] {
    background: transparent !important;
    overflow-x: clip !important;
}

.ai-study-dashboard.ai-study-dashboard--subscription-active .ai-study-shell,
.ai-study-dashboard[data-ai-study-active-panel="subscription"] .ai-study-shell {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.ai-study-dashboard.ai-study-dashboard--subscription-active .ai-study-main,
.ai-study-dashboard[data-ai-study-active-panel="subscription"] .ai-study-main {
    background: transparent !important;
    padding: clamp(10px, 1.6vw, 18px) !important;
    overflow: visible !important;
}

/* Modern-browser fallback even before JS adds the active dashboard class. */
.ai-study-dashboard:has(.ai-study-panel[data-ai-study-panel="subscription"].is-active) {
    background: transparent !important;
    overflow-x: clip !important;
}
.ai-study-dashboard:has(.ai-study-panel[data-ai-study-panel="subscription"].is-active) .ai-study-shell {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}
.ai-study-dashboard:has(.ai-study-panel[data-ai-study-panel="subscription"].is-active) .ai-study-main {
    background: transparent !important;
    padding: clamp(10px, 1.6vw, 18px) !important;
    overflow: visible !important;
}

/* If the dashboard shortcode is inside the SEO homepage card, flatten that wrapper too when Upgrade is open. */
.ep-seo-section--top-dashboard .ep-seo-app:has(.ai-study-dashboard.ai-study-dashboard--subscription-active),
.ep-seo-section--top-dashboard .ep-seo-app:has(.ai-study-dashboard[data-ai-study-active-panel="subscription"]),
.ep-seo-section--top-dashboard .ep-seo-app:has(.ai-study-panel[data-ai-study-panel="subscription"].is-active) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding-left: clamp(4px, 1vw, 12px) !important;
    padding-right: clamp(4px, 1vw, 12px) !important;
    overflow: visible !important;
}

/* Keep one visible Upgrade content card only; reduce right blank strips. */
.ai-study-section.ai-study-section--subscription-clean {
    overflow: visible !important;
    padding: clamp(16px, 2.2vw, 28px) !important;
}

.ai-study-section--subscription-clean .ai-study-credit-pack-grid {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
    align-items: stretch !important;
}

.ai-study-section--subscription-clean .ai-study-subscription-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    align-items: stretch !important;
}

.ai-study-section--subscription-clean .ai-study-credit-pack-card,
.ai-study-section--subscription-clean .ai-study-subscription-grid > .ai-study-subscription-box {
    overflow: visible !important;
}

.ai-study-section--subscription-clean .ai-study-gateway-row {
    grid-template-columns: minmax(104px, 0.8fr) minmax(112px, 1fr) !important;
    gap: 10px !important;
    overflow: visible !important;
}

.ai-study-section--subscription-clean .ai-study-gateway-row select {
    min-width: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 14px !important;
    text-overflow: ellipsis !important;
}

.ai-study-section--subscription-clean .ai-study-gateway-row .ai-study-pay-now-btn {
    min-width: 0 !important;
    padding: 9px 12px !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

@media (max-width: 900px) {
    .ai-study-dashboard.ai-study-dashboard--subscription-active .ai-study-main,
    .ai-study-dashboard[data-ai-study-active-panel="subscription"] .ai-study-main,
    .ai-study-dashboard:has(.ai-study-panel[data-ai-study-panel="subscription"].is-active) .ai-study-main {
        padding: 12px !important;
    }
    .ai-study-section--subscription-clean .ai-study-credit-pack-grid,
    .ai-study-section--subscription-clean .ai-study-subscription-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    .ai-study-dashboard.ai-study-dashboard--subscription-active .ai-study-main,
    .ai-study-dashboard[data-ai-study-active-panel="subscription"] .ai-study-main,
    .ai-study-dashboard:has(.ai-study-panel[data-ai-study-panel="subscription"].is-active) .ai-study-main {
        padding: 8px 4px !important;
    }
    .ai-study-section.ai-study-section--subscription-clean {
        padding: 12px 10px !important;
        border-radius: 16px !important;
    }
    .ai-study-section--subscription-clean .ai-study-credit-pack-grid,
    .ai-study-section--subscription-clean .ai-study-subscription-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 360px) {
    .ai-study-section--subscription-clean .ai-study-gateway-row {
        grid-template-columns: 1fr !important;
    }
    .ai-study-section--subscription-clean .ai-study-gateway-row .ai-study-pay-now-btn {
        white-space: normal !important;
    }
}


/* ===== Easy Padhai v1.65.3 — Global outer-card cleanup + header profile status =====
   Goal: remove repeated outer cards/layers across the public dashboard without touching payment/backend logic. */

/* SEO page dashboard wrapper: no card around the plugin. Keep title text, remove the extra white/gray box. */
.ep-seo-section--top-dashboard {
    padding-top: clamp(10px, 1.6vw, 22px) !important;
}

.ep-seo-section--top-dashboard .ep-seo-app {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

.ep-seo-section--top-dashboard .ep-seo-app > h2,
.ep-seo-section--top-dashboard .ep-seo-app > p {
    max-width: 100% !important;
}

/* Dashboard shell: remove the large container/card around sidebar + content across all tabs. */
.ai-study-dashboard {
    background: transparent !important;
    overflow-x: clip !important;
}

.ai-study-dashboard .ai-study-shell {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    gap: clamp(12px, 1.6vw, 20px) !important;
    align-items: start !important;
}

.ai-study-dashboard .ai-study-main {
    background: transparent !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Sidebar becomes the only left-side card instead of being inside another outer shell. */
.ai-study-dashboard .ai-study-tabs.ai-study-desktop-only {
    transform: none !important;
    align-self: start !important;
    position: sticky;
    top: 88px;
    background: var(--card-bg, #ffffff) !important;
    border: 1px solid var(--card-border, #dbe3ef) !important;
    border-radius: 22px !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
    padding: 14px !important;
    overflow: visible !important;
}

.ai-study-dashboard .ai-study-panel {
    min-width: 0 !important;
}

/* Inner feature cards should stay as real cards, but avoid aggressive hover enlarging that creates layer/overflow feel. */
.ai-study-dashboard .ai-study-section:hover,
.ai-study-dashboard .ai-study-master-card:hover,
.ai-study-dashboard .ai-study-english-tool-card:hover,
.ai-study-dashboard .ai-study-vocab-card:hover,
.ai-study-dashboard .ai-study-mobile-quick-card:hover {
    transform: translateY(-1px) !important;
}

/* Header: logged-in state replaces brand text with Profile button + visible plan/limit info. */
.ep-seo-nav--profile-status .ep-seo-nav-inner--clean {
    gap: 14px !important;
}

.ep-seo-profile-strip {
    display: flex !important;
    align-items: stretch !important;
    gap: 12px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.ep-seo-profile-main-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 52px !important;
    border: 0 !important;
    border-radius: 16px !important;
    padding: 8px 14px 8px 8px !important;
    background: linear-gradient(135deg, #2563eb, #4f46e5, #7c3aed) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22) !important;
    cursor: pointer !important;
    flex: 0 0 auto !important;
}

.ep-seo-profile-main-btn__avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.ep-seo-profile-main-btn__copy {
    display: grid !important;
    text-align: left !important;
    line-height: 1.12 !important;
    min-width: 0 !important;
}

.ep-seo-profile-main-btn__copy strong {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.ep-seo-profile-main-btn__copy em {
    color: rgba(255, 255, 255, 0.82) !important;
    font-style: normal !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    max-width: 190px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.ep-seo-header-info-cards {
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.ep-seo-header-plan-card,
.ep-seo-header-limit-card {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 1px solid #dbeafe !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #ffffff, #f8fbff) !important;
    color: #0f172a !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05) !important;
    text-align: left !important;
    cursor: pointer !important;
    min-height: 52px !important;
    padding: 8px 12px !important;
    min-width: 0 !important;
}

.ep-seo-header-plan-card {
    display: grid !important;
    align-content: center !important;
    gap: 2px !important;
    flex: 0 1 230px !important;
}

.ep-seo-header-plan-card span,
.ep-seo-header-limit-head i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    border-radius: 999px !important;
    padding: 2px 9px !important;
    background: #fff7ed !important;
    border: 1px solid #fdba74 !important;
    color: #9a3412 !important;
    font-style: normal !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

.ep-seo-header-plan-card strong {
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
}

.ep-seo-header-plan-card p {
    margin: 0 !important;
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ep-seo-header-limit-card {
    display: grid !important;
    gap: 3px !important;
    flex: 1 1 330px !important;
}

.ep-seo-header-limit-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-width: 0 !important;
}

.ep-seo-header-limit-head b {
    color: #1f2937 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
}

.ep-seo-header-limit-line {
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ep-seo-header-limit-card small {
    display: inline-flex !important;
    width: fit-content !important;
    border-radius: 999px !important;
    padding: 2px 8px !important;
    background: #dbeafe !important;
    color: #1d4ed8 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

.ep-seo-header-limit-track {
    display: block !important;
    height: 5px !important;
    width: 100% !important;
    border-radius: 999px !important;
    background: #d7deea !important;
    overflow: hidden !important;
}

.ep-seo-header-limit-track i {
    display: block !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #2563eb, #7c3aed) !important;
}

.ep-seo-clean-actions--logout-only {
    flex: 0 0 auto !important;
}

@media (max-width: 1180px) {
    .ep-seo-header-plan-card {
        flex-basis: 190px !important;
    }
    .ep-seo-header-limit-card {
        flex-basis: 260px !important;
    }
    .ep-seo-profile-main-btn__copy em {
        max-width: 130px !important;
    }
}

@media (max-width: 980px) {
    .ep-seo-header-info-cards {
        overflow-x: auto !important;
        padding-bottom: 2px !important;
    }
    .ep-seo-header-plan-card,
    .ep-seo-header-limit-card {
        flex: 0 0 220px !important;
    }
    .ep-seo-profile-main-btn__copy em {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .ai-study-dashboard .ai-study-tabs.ai-study-desktop-only {
        position: static !important;
        top: auto !important;
    }
    .ep-seo-section--top-dashboard .ep-seo-app {
        padding: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

/* ===== Easy Padhai v1.65.4 — Full dashboard shell flatten + responsive fit =====
   Goal: remove the remaining outer/sidebar/shell layer and make every dashboard area fit without clipping. */

/* Top SEO dashboard area: no card wrapper, no right-side strip, compact page width. */
.ep-seo-section--top-dashboard,
.ep-seo-section--top-dashboard .ep-seo-wrap,
.ep-seo-section--top-dashboard .ep-seo-app {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.ep-seo-section--top-dashboard {
    padding: clamp(8px, 1.5vw, 18px) 0 clamp(28px, 4vw, 54px) !important;
    background: transparent !important;
    overflow-x: hidden !important;
}

.ep-seo-section--top-dashboard .ep-seo-wrap {
    width: min(1260px, calc(100% - clamp(12px, 2.2vw, 32px))) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ep-seo-section--top-dashboard .ep-seo-app {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Dashboard root and shell: remove all remaining wrapper/card layer. */
.ai-study-dashboard,
.ai-study-dashboard * {
    box-sizing: border-box !important;
}

.ai-study-dashboard {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow-x: hidden !important;
}

.ai-study-dashboard .ai-study-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(200px, 236px) minmax(0, 1fr) !important;
    gap: clamp(12px, 1.8vw, 22px) !important;
    align-items: start !important;
    min-height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.ai-study-dashboard .ai-study-main,
.ai-study-dashboard .ai-study-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Sidebar: remove the outside box and the profile wrapper box. Keep only real info cards/buttons. */
.ai-study-dashboard .ai-study-tabs.ai-study-desktop-only {
    width: 100% !important;
    max-width: 236px !important;
    min-width: 0 !important;
    align-self: start !important;
    position: sticky !important;
    top: 88px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.ai-study-dashboard .ai-study-student-profile {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 0 2px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.ai-study-dashboard .ai-study-brand-mark {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 2px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ai-study-dashboard .ai-study-tabs .ai-theme-toggle,
.ai-study-dashboard .ai-study-tabs .ai-study-tab,
.ai-study-dashboard .ai-study-tabs .ai-study-logout-button,
.ai-study-dashboard .ai-study-tabs .ai-study-primary-button,
.ai-study-dashboard .ai-study-tabs .ai-study-secondary-button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.ai-study-dashboard .ai-study-tabs .ai-theme-toggle {
    margin: 0 !important;
}

.ai-study-dashboard .ai-study-tabs .ai-study-tab {
    margin: 0 !important;
}

/* Prevent any dashboard card/content from forcing horizontal overflow. */
.ai-study-dashboard :where(.ai-study-hero,.ai-study-scan-hero,.ai-study-buddy-card,.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-vocab-card,.ai-study-question-card,.ai-study-advanced-card,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-result-box,.ai-study-output-window,.ai-study-input-window,.ai-study-answer-box,.ai-study-table-builder,.ai-study-table-output,.ai-study-history-item,.ai-study-streak-badge,.ai-study-subscription-box,.ai-study-credit-pack-card) {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
}

.ai-study-dashboard :where(h1,h2,h3,h4,h5,h6,p,span,strong,small,em,label,legend,summary,li,td,th,button,a) {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
}

.ai-study-dashboard :where(input,textarea,select,button) {
    max-width: 100% !important;
    min-width: 0 !important;
}

.ai-study-dashboard :where(.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-pay-now-btn) {
    white-space: normal !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

.ai-study-dashboard .ai-study-hero--compact,
.ai-study-dashboard .ai-study-buddy-card--compact {
    width: 100% !important;
    min-width: 0 !important;
}

.ai-study-dashboard .ai-study-hero--compact {
    display: flex !important;
    align-items: flex-start !important;
    gap: clamp(10px, 1.4vw, 16px) !important;
    padding: clamp(18px, 2.4vw, 28px) !important;
}

.ai-study-dashboard .ai-study-hero__body {
    min-width: 0 !important;
    flex: 1 1 220px !important;
}

.ai-study-dashboard .ai-study-buddy-card--compact {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: clamp(16px, 2vw, 22px) !important;
}

.ai-study-dashboard .ai-study-buddy-actions,
.ai-study-dashboard .ai-study-tool-actions,
.ai-study-dashboard .ai-study-camera-voice-bar,
.ai-study-dashboard .ai-study-form-actions,
.ai-study-dashboard .ai-study-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.ai-study-dashboard .ai-study-buddy-actions > *,
.ai-study-dashboard .ai-study-tool-actions > *,
.ai-study-dashboard .ai-study-camera-voice-bar > *,
.ai-study-dashboard .ai-study-form-actions > *,
.ai-study-dashboard .ai-study-actions > * {
    min-width: 0 !important;
}

.ai-study-dashboard .ai-study-stat-grid,
.ai-study-dashboard .ai-study-streak-grid,
.ai-study-dashboard .ai-study-mobile-quick-grid,
.ai-study-dashboard .ai-study-subscription-grid,
.ai-study-dashboard .ai-study-credit-pack-grid,
.ai-study-dashboard .ai-study-feature-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)) !important;
    gap: clamp(10px, 1.4vw, 14px) !important;
}

.ai-study-dashboard .ai-study-table-output,
.ai-study-dashboard .ai-study-history-list,
.ai-study-dashboard .ai-study-answer-output {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Tablet width: keep desktop layout, but make the sidebar slimmer and prevent content squeeze. */
@media (max-width: 1180px) {
    .ai-study-dashboard .ai-study-shell {
        grid-template-columns: minmax(188px, 220px) minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    .ai-study-dashboard .ai-study-tabs.ai-study-desktop-only {
        max-width: 220px !important;
    }

    .ai-study-dashboard .ai-study-tabs .ai-study-tab,
    .ai-study-dashboard .ai-study-tabs .ai-theme-toggle,
    .ai-study-dashboard .ai-study-tabs .ai-study-logout-button {
        font-size: 13px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width: 940px) {
    .ep-seo-section--top-dashboard .ep-seo-wrap {
        width: min(100% - 18px, 1260px) !important;
    }

    .ai-study-dashboard .ai-study-shell {
        grid-template-columns: minmax(172px, 196px) minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    .ai-study-dashboard .ai-study-tabs.ai-study-desktop-only {
        max-width: 196px !important;
    }

    .ai-study-dashboard .ai-study-brand-mark {
        font-size: 12px !important;
    }

    .ai-study-dashboard .ai-study-hero--compact {
        flex-wrap: wrap !important;
    }

    .ai-study-dashboard .ai-study-buddy-actions > button {
        flex: 1 1 150px !important;
    }
}

/* Mobile: remove every shell/sidebar layer and make all cards/buttons full-width safe. */
@media (max-width: 768px) {
    .ep-seo-section--top-dashboard .ep-seo-wrap {
        width: min(100% - 14px, 1260px) !important;
    }

    .ep-seo-section--top-dashboard .ep-seo-app > h2,
    .ep-seo-section--top-dashboard .ep-seo-app > p {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ai-study-dashboard {
        padding: 0 !important;
        overflow-x: hidden !important;
    }

    .ai-study-dashboard .ai-study-shell {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    .ai-study-dashboard .ai-study-main,
    .ai-study-dashboard .ai-study-panel {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .ai-study-dashboard .ai-study-mobile-only {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .ai-study-dashboard .ai-study-header-card {
        padding: 12px !important;
        border-radius: 18px !important;
        overflow: visible !important;
    }

    .ai-study-dashboard .ai-study-header-top {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .ai-study-dashboard .ai-study-dashboard-title {
        text-align: left !important;
        font-size: clamp(18px, 5vw, 22px) !important;
    }

    .ai-study-dashboard .ai-study-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .ai-study-dashboard .ai-study-hero--compact,
    .ai-study-dashboard .ai-study-buddy-card--compact {
        padding: 14px 12px !important;
        border-radius: 18px !important;
    }

    .ai-study-dashboard .ai-study-hero--compact {
        flex-direction: column !important;
    }

    .ai-study-dashboard .ai-study-buddy-card--compact {
        grid-template-columns: 1fr !important;
    }

    .ai-study-dashboard .ai-study-buddy-actions > *,
    .ai-study-dashboard .ai-study-tool-actions > *,
    .ai-study-dashboard .ai-study-camera-voice-bar > *,
    .ai-study-dashboard .ai-study-form-actions > * {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    .ai-study-dashboard .ai-study-stat-grid,
    .ai-study-dashboard .ai-study-streak-grid,
    .ai-study-dashboard .ai-study-subscription-grid,
    .ai-study-dashboard .ai-study-credit-pack-grid,
    .ai-study-dashboard .ai-study-feature-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 440px) {
    .ep-seo-section--top-dashboard .ep-seo-wrap {
        width: min(100% - 10px, 1260px) !important;
    }

    .ai-study-dashboard .ai-study-menu {
        grid-template-columns: 1fr !important;
    }

    .ai-study-dashboard :where(.ai-study-hero,.ai-study-scan-hero,.ai-study-buddy-card,.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-subscription-box,.ai-study-credit-pack-card) {
        border-radius: 14px !important;
    }

    .ai-study-dashboard :where(.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-pay-now-btn) {
        width: 100% !important;
        min-height: 44px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* Header profile/status strip must wrap instead of overflowing on small screens. */
@media (max-width: 820px) {
    .ep-seo-profile-strip {
        flex-wrap: wrap !important;
        width: 100% !important;
    }

    .ep-seo-profile-main-btn {
        flex: 1 1 190px !important;
    }

    .ep-seo-header-info-cards {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)) !important;
        width: 100% !important;
        overflow: visible !important;
    }

    .ep-seo-header-plan-card,
    .ep-seo-header-limit-card {
        flex: none !important;
        width: 100% !important;
    }

    .ep-seo-clean-actions--logout-only {
        width: 100% !important;
    }
}


/* ===== Easy Padhai v1.65.5 — Mobile profile/menu responsive repair =====
   Fixes: desktop sidebar leaking into mobile, duplicate Dashboard menu, vertical text in limit card,
   and nested mobile header/card feeling. Backend/payment logic untouched. */

/* v65.4 made the desktop sidebar flex with high specificity; force-hide it on phones. */
@media (max-width: 768px) {
    .ai-study-dashboard > .ai-study-shell > .ai-study-tabs.ai-study-desktop-only,
    .ai-study-dashboard .ai-study-shell > aside.ai-study-tabs.ai-study-desktop-only {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        max-height: 0 !important;
        width: 0 !important;
        max-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
    }

    .ai-study-dashboard .ai-study-shell {
        display: block !important;
        grid-template-columns: 1fr !important;
    }

    /* The mobile header is only a holder; keep it flat so the profile panel is the only visible top card. */
    .ai-study-dashboard .ai-study-header-card {
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    .ai-study-dashboard .ai-study-header-top {
        display: none !important;
    }

    /* Compact, clean mobile profile card. */
    .ai-study-mobile-only .ep-profile-panel {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
        padding: 12px !important;
        border-radius: 22px !important;
        overflow: hidden !important;
    }

    .ai-study-mobile-only .ep-profile-panel.is-collapsed,
    .ai-study-mobile-only .ep-profile-panel.is-expanded {
        padding: 12px !important;
    }

    .ai-study-mobile-only .ep-profile-collapsed-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 42px !important;
        gap: 10px !important;
        align-items: center !important;
    }

    .ai-study-mobile-only .ep-profile-collapsed-row .ep-user-left {
        display: grid !important;
        grid-template-columns: 56px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
        min-width: 0 !important;
    }

    .ai-study-mobile-only .ep-avatar {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        min-height: 54px !important;
        border-radius: 18px !important;
    }

    .ai-study-mobile-only .ep-profile-summary,
    .ai-study-mobile-only .ep-profile-name,
    .ai-study-mobile-only .ep-profile-meta,
    .ai-study-mobile-only .ep-role-label,
    .ai-study-mobile-only .ep-plan-badge-inline {
        min-width: 0 !important;
        max-width: 100% !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        white-space: normal !important;
    }

    .ai-study-mobile-only .ep-profile-name {
        font-size: clamp(17px, 4.7vw, 21px) !important;
        line-height: 1.15 !important;
    }

    .ai-study-mobile-only .ep-profile-meta {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

    .ai-study-mobile-only .ep-profile-toggle {
        width: 40px !important;
        height: 40px !important;
        border-radius: 14px !important;
    }

    .ai-study-mobile-only .ep-mobile-details,
    .ai-study-mobile-only .ep-profile-expand {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .ai-study-mobile-only .ep-profile-panel.is-expanded .ep-mobile-details,
    .ai-study-mobile-only .ep-profile-panel.is-expanded .ep-profile-expand {
        margin-top: 12px !important;
    }

    .ai-study-mobile-only .ep-premium-status {
        margin: 0 0 12px !important;
        padding: 12px !important;
        border-radius: 16px !important;
    }

    /* Stack limit + premium actions on mobile. This stops the narrow 2-column layout that caused vertical letters. */
    .ai-study-mobile-only .ep-limit-grid,
    .ai-study-mobile-only .ep-limit-grid.is-split,
    .ai-study-mobile-only .limit-upgrade-wrap,
    .ai-study-mobile-only .limit-upgrade-wrap.is-split,
    .ai-study-mobile-only .limit-upgrade-wrap.is-premium-plan {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .ai-study-mobile-only .ep-limit-card,
    .ai-study-mobile-only .ep-upgrade-card,
    .ai-study-mobile-only .limit-card,
    .ai-study-mobile-only .upgrade-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 13px !important;
        border-radius: 18px !important;
        overflow: visible !important;
    }

    .ai-study-mobile-only .ep-limit-card .ai-study-usage-meter,
    .ai-study-mobile-only .limit-card__meter {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    .ai-study-mobile-only .ep-card-top,
    .ai-study-mobile-only .ep-limit-card .ep-card-top,
    .ai-study-mobile-only .ep-limit-card .ai-study-usage-meter__head {
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) auto !important;
        gap: 10px !important;
        align-items: start !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .ai-study-mobile-only .ep-card-copy {
        min-width: 0 !important;
        max-width: 100% !important;
        display: grid !important;
        gap: 4px !important;
    }

    .ai-study-mobile-only .ep-card-top h3,
    .ai-study-mobile-only .ep-card-top .ai-study-usage-meter__label,
    .ai-study-mobile-only .ep-usage-line,
    .ai-study-mobile-only .ai-study-usage-meter__text,
    .ai-study-mobile-only .ai-study-credit-inline,
    .ai-study-mobile-only .ai-study-usage-meter__hint,
    .ai-study-mobile-only .ep-premium-status *,
    .ai-study-mobile-only .ep-actions *,
    .ai-study-mobile-only .ep-buy-btn,
    .ai-study-mobile-only .ep-upgrade-btn {
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        letter-spacing: normal !important;
    }

    .ai-study-mobile-only .ep-card-top h3,
    .ai-study-mobile-only .ep-card-top .ai-study-usage-meter__label {
        font-size: 15px !important;
        line-height: 1.22 !important;
        white-space: normal !important;
    }

    .ai-study-mobile-only .ep-usage-line,
    .ai-study-mobile-only .ai-study-usage-meter__text {
        display: block !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
    }

    .ai-study-mobile-only .ep-usage-line strong,
    .ai-study-mobile-only .ai-study-usage-meter__text strong {
        display: inline !important;
        font-size: 18px !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
    }

    .ai-study-mobile-only .ai-study-credit-inline {
        display: inline-flex !important;
        align-items: center !important;
        width: fit-content !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        padding: 6px 10px !important;
        line-height: 1.2 !important;
        border-radius: 999px !important;
    }

    .ai-study-mobile-only .ep-plan-badge,
    .ai-study-mobile-only .ai-study-usage-meter__plan,
    .ai-study-mobile-only .ai-study-plan-pill {
        width: auto !important;
        max-width: 92px !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    .ai-study-mobile-only .ep-progress,
    .ai-study-mobile-only .ep-limit-card .ai-study-usage-meter__track {
        width: 100% !important;
        max-width: 100% !important;
        height: 8px !important;
        margin: 12px 0 8px !important;
    }

    .ai-study-mobile-only .ep-actions,
    .ai-study-mobile-only .ep-actions--premium,
    .ai-study-mobile-only .upgrade-actions,
    .ai-study-mobile-only .ai-study-limit-cta-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .ai-study-mobile-only .ep-buy-btn,
    .ai-study-mobile-only .ep-upgrade-btn,
    .ai-study-mobile-only .ai-study-limit-cta-btn,
    .ai-study-mobile-only .ai-study-manage-plan-btn {
        width: 100% !important;
        min-height: 48px !important;
        padding: 11px 12px !important;
        border-radius: 16px !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        text-align: center !important;
    }

    .ai-study-mobile-only .ep-profile-expand-footer {
        margin-top: 12px !important;
    }

    .ai-study-mobile-only .ep-logout-form,
    .ai-study-mobile-only .ep-logout-btn {
        width: 100% !important;
    }

    .ai-study-mobile-only .ep-logout-btn {
        min-height: 52px !important;
        border-radius: 16px !important;
        background: #dc2626 !important;
        color: #ffffff !important;
        border-color: #dc2626 !important;
    }

    /* Mobile menu should be a single clean menu, not duplicated by the desktop sidebar. */
    .ai-study-dashboard .ai-study-menu {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin: 10px 0 14px !important;
    }

    .ai-study-dashboard .ai-study-menu-card,
    .ai-study-dashboard .ai-study-menu .ai-study-tab {
        min-width: 0 !important;
        min-height: 58px !important;
        padding: 10px 12px !important;
        border-radius: 16px !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .ai-study-dashboard .ai-study-menu-card .title {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        line-height: 1.15 !important;
        font-size: 14px !important;
    }
}

@media (max-width: 420px) {
    .ep-seo-section--top-dashboard .ep-seo-wrap {
        width: min(100% - 8px, 1260px) !important;
    }

    .ai-study-dashboard {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ai-study-mobile-only .ep-profile-panel {
        border-radius: 18px !important;
        padding: 10px !important;
    }

    .ai-study-mobile-only .ep-profile-collapsed-row .ep-user-left {
        grid-template-columns: 48px minmax(0, 1fr) !important;
    }

    .ai-study-mobile-only .ep-avatar {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
    }

    .ai-study-mobile-only .ep-card-top,
    .ai-study-mobile-only .ep-limit-card .ep-card-top,
    .ai-study-mobile-only .ep-limit-card .ai-study-usage-meter__head {
        grid-template-columns: 40px minmax(0, 1fr) !important;
    }

    .ai-study-mobile-only .ep-plan-badge,
    .ai-study-mobile-only .ai-study-usage-meter__plan {
        justify-self: start !important;
        grid-column: 2 !important;
        max-width: 120px !important;
    }

    .ai-study-mobile-only .ep-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    .ai-study-dashboard .ai-study-menu {
        grid-template-columns: 1fr !important;
    }
}


/* ===== Easy Padhai v1.65.7 — Brand crop fix =====
   The italic E was getting clipped inside the flattened sidebar/header. */
.ai-study-dashboard .ai-study-student-profile,
.ai-study-dashboard .ai-study-brand-mark,
.ai-study-dashboard .ai-study-brand-easy,
.ai-study-dashboard .ai-study-brand-padhai {
    overflow: visible !important;
}
.ai-study-dashboard .ai-study-brand-mark {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    width: auto !important;
    min-height: 32px !important;
    line-height: 1.25 !important;
    padding: 3px 8px 4px 8px !important;
    margin: 0 0 4px 0 !important;
}
.ai-study-dashboard .ai-study-brand-easy,
.ai-study-dashboard .ai-study-brand-padhai {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1.25 !important;
    min-height: 28px !important;
    padding: 0 1px !important;
    white-space: nowrap !important;
}
.ai-study-dashboard .ai-study-brand-easy {
    margin-left: 0 !important;
    padding-left: 3px !important;
}

/* ===== Easy Padhai v1.65.8 — Desktop payment button/select fit fix =====
   Mobile layout was already OK. These rules apply only on desktop/tablet widths
   to stop Razorpay/Cashfree and Pay buttons from wrapping/cutting. */
@media (min-width: 901px) {
    .ai-study-dashboard .ai-study-section--subscription-clean .ai-study-credit-pack-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
        gap: 16px !important;
        align-items: stretch !important;
    }

    .ai-study-dashboard .ai-study-section--subscription-clean .ai-study-subscription-grid {
        grid-template-columns: repeat(auto-fit, minmax(315px, 1fr)) !important;
        gap: 16px !important;
        align-items: stretch !important;
    }

    .ai-study-dashboard .ai-study-section--subscription-clean .ai-study-credit-pack-card,
    .ai-study-dashboard .ai-study-section--subscription-clean .ai-study-subscription-grid > .ai-study-subscription-box {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    .ai-study-dashboard .ai-study-section--subscription-clean .ai-study-gateway-row {
        display: grid !important;
        grid-template-columns: minmax(118px, .82fr) minmax(142px, 1fr) !important;
        gap: 8px !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    .ai-study-dashboard .ai-study-section--subscription-clean .ai-study-gateway-row select,
    .ai-study-dashboard .ai-study-section--subscription-clean .ai-study-gateway-row .ai-study-pay-now-btn {
        min-height: 42px !important;
        height: 42px !important;
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        line-height: 1.1 !important;
        font-size: 13px !important;
    }

    .ai-study-dashboard .ai-study-section--subscription-clean .ai-study-gateway-row select {
        padding: 0 28px 0 10px !important;
        text-overflow: clip !important;
        appearance: auto !important;
    }

    .ai-study-dashboard .ai-study-section--subscription-clean .ai-study-gateway-row .ai-study-pay-now-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 12px !important;
        border-radius: 999px !important;
    }
}

@media (min-width: 901px) and (max-width: 1180px) {
    .ai-study-dashboard .ai-study-section--subscription-clean .ai-study-credit-pack-grid,
    .ai-study-dashboard .ai-study-section--subscription-clean .ai-study-subscription-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    }

    .ai-study-dashboard .ai-study-section--subscription-clean .ai-study-gateway-row {
        grid-template-columns: minmax(112px, .8fr) minmax(132px, 1fr) !important;
    }
}

/* ===== Easy Padhai v1.66.12 — Mobile select/dropdown height fix =====
   Fixes oversized language/class/options selects on mobile without changing tool logic. */
@media (max-width: 768px) {
    .ai-study-dashboard .ai-study-tool-actions {
        align-items: stretch !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .ai-study-dashboard .ai-study-tool-actions select,
    .ai-study-dashboard .ai-study-form-actions select,
    .ai-study-dashboard .ai-study-actions select,
    .ai-study-dashboard .ai-study-inline-form select,
    .ai-study-dashboard .ai-study-premium-fields select,
    .ai-study-dashboard .ai-study-table-controls select,
    .ai-study-dashboard .ai-study-table-controls--wide select,
    .ai-study-dashboard .ai-study-table-controls--english select,
    .ai-study-dashboard .ai-study-english-tool-controls select,
    .ai-study-dashboard .ai-study-compact-label select,
    .ai-study-dashboard .ai-study-field-label select {
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 48px !important;
        padding: 0 38px 0 14px !important;
        border-radius: 14px !important;
        line-height: 46px !important;
        font-size: 15px !important;
        font-weight: 650 !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        background-color: #ffffff !important;
        color: #111827 !important;
        border: 1px solid #cbd5e1 !important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .05) !important;
        appearance: auto !important;
        -webkit-appearance: menulist !important;
        -moz-appearance: menulist !important;
    }

    .ai-study-dashboard .ai-study-tool-actions > select,
    .ai-study-dashboard .ai-study-tool-actions > .ai-study-primary-button,
    .ai-study-dashboard .ai-study-tool-actions > .ai-study-secondary-button {
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
    }

    .ai-study-dashboard .ai-study-tool-actions .ai-study-primary-button,
    .ai-study-dashboard .ai-study-tool-actions .ai-study-secondary-button,
    .ai-study-dashboard .ai-study-form-actions .ai-study-primary-button,
    .ai-study-dashboard .ai-study-form-actions .ai-study-secondary-button {
        min-height: 44px !important;
        max-height: none !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .ai-study-dashboard .ai-study-tool-actions .ai-study-primary-button,
    .ai-study-dashboard .ai-study-tool-actions .ai-study-secondary-button {
        width: 100% !important;
    }

    .ai-study-dashboard .ai-study-field-label,
    .ai-study-dashboard .ai-study-compact-label {
        height: auto !important;
        min-height: 0 !important;
    }
}

@media (max-width: 480px) {
    .ai-study-dashboard .ai-study-tool-actions select,
    .ai-study-dashboard .ai-study-form-actions select,
    .ai-study-dashboard .ai-study-actions select,
    .ai-study-dashboard .ai-study-inline-form select,
    .ai-study-dashboard .ai-study-premium-fields select,
    .ai-study-dashboard .ai-study-table-controls select,
    .ai-study-dashboard .ai-study-table-controls--wide select,
    .ai-study-dashboard .ai-study-table-controls--english select,
    .ai-study-dashboard .ai-study-english-tool-controls select,
    .ai-study-dashboard .ai-study-compact-label select,
    .ai-study-dashboard .ai-study-field-label select {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 46px !important;
        line-height: 44px !important;
        font-size: 14px !important;
        border-radius: 13px !important;
        padding-left: 12px !important;
        padding-right: 34px !important;
    }
}

.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-tool-actions select,
html[data-theme="dark"] .ai-study-dashboard .ai-study-tool-actions select,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-tool-actions select,
body.dark-mode .ai-study-dashboard .ai-study-tool-actions select,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-form-actions select,
html[data-theme="dark"] .ai-study-dashboard .ai-study-form-actions select,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-form-actions select,
body.dark-mode .ai-study-dashboard .ai-study-form-actions select,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-compact-label select,
html[data-theme="dark"] .ai-study-dashboard .ai-study-compact-label select,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-compact-label select,
body.dark-mode .ai-study-dashboard .ai-study-compact-label select,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-field-label select,
html[data-theme="dark"] .ai-study-dashboard .ai-study-field-label select,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-field-label select,
body.dark-mode .ai-study-dashboard .ai-study-field-label select {
    background-color: #111827 !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}


/* ===== Easy Padhai v1.66.13 — Mobile action buttons + compact controls =====
   Keeps desktop unchanged. On mobile, Get Answer/Solve buttons stay visible near the question area
   and language/class/dropdown controls cannot expand into oversized boxes. */
@media (max-width: 768px) {
    .ai-study-tool-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
        margin-top: 12px !important;
    }

    .ai-study-tool-actions > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .ai-study-tool-actions > .ai-study-primary-button,
    .ai-study-form-actions > .ai-study-primary-button,
    .ai-study-actions > .ai-study-primary-button {
        order: -2 !important;
        grid-column: 1 / -1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 46px !important;
        height: 46px !important;
        max-height: 48px !important;
        padding: 0 16px !important;
        border-radius: 999px !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
        white-space: normal !important;
    }

    .ai-study-tool-actions > select,
    .ai-study-form-actions > select,
    .ai-study-actions > select,
    .ai-study-inline-form > select,
    .ai-study-premium-fields select,
    .ai-study-english-tool-controls select,
    .ai-study-table-controls select,
    .ai-study-table-controls--wide select,
    .ai-study-table-controls--english select,
    .ai-study-compact-label select,
    .ai-study-field-label select,
    .ai-study-dashboard select[data-ai-study-language],
    .ai-study-dashboard select[data-ai-study-class-level],
    .ai-study-dashboard select[data-ai-study-extra-field] {
        display: block !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 46px !important;
        padding: 0 34px 0 12px !important;
        border-radius: 14px !important;
        line-height: normal !important;
        font-size: 14px !important;
        font-weight: 650 !important;
        box-sizing: border-box !important;
        background-color: #ffffff !important;
        color: #111827 !important;
        border: 1px solid #cbd5e1 !important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .05) !important;
        appearance: auto !important;
        -webkit-appearance: menulist !important;
        -moz-appearance: menulist !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .ai-study-tool-actions > .ai-study-secondary-button,
    .ai-study-form-actions > .ai-study-secondary-button,
    .ai-study-actions > .ai-study-secondary-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 44px !important;
        height: auto !important;
        padding: 8px 12px !important;
        border-radius: 999px !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        white-space: normal !important;
    }

    .ai-study-tool-actions > select[data-ai-study-language] {
        order: 1 !important;
    }

    .ai-study-tool-actions > select[data-ai-study-class-level] {
        order: 2 !important;
    }

    .ai-study-tool-actions > .ai-study-secondary-button {
        order: 3 !important;
    }

    .ai-study-voice-field {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 430px) {
    .ai-study-tool-actions {
        grid-template-columns: 1fr !important;
    }

    .ai-study-tool-actions > .ai-study-primary-button,
    .ai-study-tool-actions > .ai-study-secondary-button,
    .ai-study-tool-actions > select {
        width: 100% !important;
    }
}

.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-tool-actions > select,
html[data-theme="dark"] .ai-study-dashboard .ai-study-tool-actions > select,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-tool-actions > select,
body.dark-mode .ai-study-dashboard .ai-study-tool-actions > select,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-form-actions > select,
html[data-theme="dark"] .ai-study-dashboard .ai-study-form-actions > select,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-form-actions > select,
body.dark-mode .ai-study-dashboard .ai-study-form-actions > select {
    background-color: #111827 !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}


/* ===== Easy Padhai v1.66.14 — Mobile Get Answer button compact align fix =====
   Fixes oversized Get Answer/Solve buttons on mobile. Keeps them compact like Voice buttons
   and applies to all tool action rows without touching desktop layout or backend logic. */
@media (max-width: 768px) {
    .ai-study-dashboard .ai-study-tool-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: center !important;
        justify-items: stretch !important;
        margin-top: 12px !important;
        overflow: visible !important;
    }

    .ai-study-dashboard .ai-study-tool-actions > select,
    .ai-study-dashboard .ai-study-tool-actions > .ai-study-primary-button,
    .ai-study-dashboard .ai-study-tool-actions > .ai-study-secondary-button,
    .ai-study-dashboard .ai-study-tool-actions > .ai-study-upload-button {
        grid-column: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        align-self: center !important;
        justify-self: stretch !important;
        aspect-ratio: auto !important;
        transform: none !important;
    }

    .ai-study-dashboard .ai-study-tool-actions > .ai-study-primary-button,
    .ai-study-dashboard .ai-study-form-actions > .ai-study-primary-button,
    .ai-study-dashboard .ai-study-actions > .ai-study-primary-button,
    .ai-study-dashboard .ai-study-tool-actions > .ai-study-secondary-button,
    .ai-study-dashboard .ai-study-form-actions > .ai-study-secondary-button,
    .ai-study-dashboard .ai-study-actions > .ai-study-secondary-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 46px !important;
        height: 46px !important;
        max-height: 46px !important;
        padding: 0 14px !important;
        border-radius: 16px !important;
        font-size: 14px !important;
        font-weight: 850 !important;
        line-height: 1.1 !important;
        white-space: normal !important;
        text-align: center !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .ai-study-dashboard .ai-study-tool-actions > .ai-study-primary-button {
        order: 3 !important;
    }

    .ai-study-dashboard .ai-study-tool-actions > .ai-study-secondary-button,
    .ai-study-dashboard .ai-study-tool-actions > .ai-study-upload-button {
        order: 4 !important;
    }

    .ai-study-dashboard .ai-study-tool-actions > select[data-ai-study-language] {
        order: 1 !important;
    }

    .ai-study-dashboard .ai-study-tool-actions > select[data-ai-study-class-level] {
        order: 2 !important;
    }

    .ai-study-dashboard .ai-study-tool-actions > select {
        min-height: 46px !important;
        height: 46px !important;
        max-height: 46px !important;
    }
}

@media (max-width: 430px) {
    .ai-study-dashboard .ai-study-tool-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .ai-study-dashboard .ai-study-tool-actions > .ai-study-primary-button,
    .ai-study-dashboard .ai-study-tool-actions > .ai-study-secondary-button,
    .ai-study-dashboard .ai-study-tool-actions > .ai-study-upload-button,
    .ai-study-dashboard .ai-study-tool-actions > select {
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 13px !important;
        border-radius: 14px !important;
    }
}


/* ===== Easy Padhai v1.66.15 — Mobile profile action button only =====
   Adds a compact Profile button in the mobile user card without touching the rest of the panel. */
@media (max-width: 782px) {
    .ai-study-mobile-only .ep-profile-collapsed-row {
        grid-template-columns: minmax(0, 1fr) auto 42px !important;
    }

    .ai-study-mobile-only .ep-mobile-profile-action {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 36px !important;
        min-width: 86px !important;
        padding: 0 12px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
        color: #ffffff !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        box-shadow: 0 8px 18px rgba(37, 99, 235, .22) !important;
        cursor: pointer !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .ai-study-mobile-only .ep-mobile-profile-action:hover,
    .ai-study-mobile-only .ep-mobile-profile-action:focus {
        filter: saturate(1.08) !important;
        outline: 2px solid rgba(37, 99, 235, .22) !important;
        outline-offset: 2px !important;
    }
}

@media (max-width: 420px) {
    .ai-study-mobile-only .ep-profile-collapsed-row {
        grid-template-columns: minmax(0, 1fr) 42px !important;
    }

    .ai-study-mobile-only .ep-mobile-profile-action {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 8px !important;
    }
}


/* ===== Easy Padhai v1.66.17 — Dark mode contrast rescue (light theme untouched) =====
   Fixes invisible/faded sidebar menu, dashboard cards, hero windows and buttons in dark mode only. */
.ai-study-dashboard[data-ai-study-theme="dark"],
html[data-theme="dark"] .ai-study-dashboard,
body[data-ai-study-theme="dark"] .ai-study-dashboard,
body.dark-mode .ai-study-dashboard {
    --ep-dark-bg: #07111f;
    --ep-dark-surface: #0f1d31;
    --ep-dark-surface-2: #13243c;
    --ep-dark-border: rgba(96, 165, 250, .45);
    --ep-dark-border-soft: rgba(148, 163, 184, .24);
    --ep-dark-text: #f8fafc;
    --ep-dark-text-soft: #dbeafe;
    --ep-dark-muted: #b8c7e0;
    --ep-dark-blue: #60a5fa;
    --ep-dark-shadow: 0 16px 36px rgba(0, 0, 0, .35);
    background: var(--ep-dark-bg) !important;
    color: var(--ep-dark-text) !important;
    -webkit-text-fill-color: initial !important;
}

/* Main shells and cards */
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-shell,.ai-study-main,.ai-study-tabs,.ai-study-panel,.ai-study-header-card,.ai-study-student-profile,.ai-study-card,.ai-study-section,.ai-study-hero,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-stat-card,.ai-study-streak-badge,.ai-study-output-window,.ai-study-output-block,.ai-study-input-window,.ai-study-answer-box,.ai-study-result-box,.ai-study-table-builder,.ai-study-table-output,.ai-study-empty-state,.ai-study-live-agent-sync-bar,.ai-study-history-item,.recent-answer-card),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-shell,.ai-study-main,.ai-study-tabs,.ai-study-panel,.ai-study-header-card,.ai-study-student-profile,.ai-study-card,.ai-study-section,.ai-study-hero,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-stat-card,.ai-study-streak-badge,.ai-study-output-window,.ai-study-output-block,.ai-study-input-window,.ai-study-answer-box,.ai-study-result-box,.ai-study-table-builder,.ai-study-table-output,.ai-study-empty-state,.ai-study-live-agent-sync-bar,.ai-study-history-item,.recent-answer-card),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-shell,.ai-study-main,.ai-study-tabs,.ai-study-panel,.ai-study-header-card,.ai-study-student-profile,.ai-study-card,.ai-study-section,.ai-study-hero,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-stat-card,.ai-study-streak-badge,.ai-study-output-window,.ai-study-output-block,.ai-study-input-window,.ai-study-answer-box,.ai-study-result-box,.ai-study-table-builder,.ai-study-table-output,.ai-study-empty-state,.ai-study-live-agent-sync-bar,.ai-study-history-item,.recent-answer-card),
body.dark-mode .ai-study-dashboard :where(.ai-study-shell,.ai-study-main,.ai-study-tabs,.ai-study-panel,.ai-study-header-card,.ai-study-student-profile,.ai-study-card,.ai-study-section,.ai-study-hero,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-stat-card,.ai-study-streak-badge,.ai-study-output-window,.ai-study-output-block,.ai-study-input-window,.ai-study-answer-box,.ai-study-result-box,.ai-study-table-builder,.ai-study-table-output,.ai-study-empty-state,.ai-study-live-agent-sync-bar,.ai-study-history-item,.recent-answer-card) {
    background: var(--ep-dark-surface) !important;
    color: var(--ep-dark-text) !important;
    border-color: var(--ep-dark-border-soft) !important;
    box-shadow: var(--ep-dark-shadow) !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Highlight/hero cards need their own dark gradient so white text is readable. */
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-hero,.ai-study-hero--compact,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-hero,.ai-study-hero--compact,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-hero,.ai-study-hero--compact,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class),
body.dark-mode .ai-study-dashboard :where(.ai-study-hero,.ai-study-hero--compact,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class) {
    background: linear-gradient(135deg, #0d1b2f 0%, #111f35 58%, #0b1628 100%) !important;
    border: 1px solid rgba(96, 165, 250, .52) !important;
    color: #ffffff !important;
}

/* Headings, descriptions and helper text */
.ai-study-dashboard[data-ai-study-theme="dark"] :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,summary,.ai-study-kicker,.ai-study-section__header h3,.ai-study-stat-card__label,.recent-answers-title),
html[data-theme="dark"] .ai-study-dashboard :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,summary,.ai-study-kicker,.ai-study-section__header h3,.ai-study-stat-card__label,.recent-answers-title),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,summary,.ai-study-kicker,.ai-study-section__header h3,.ai-study-stat-card__label,.recent-answers-title),
body.dark-mode .ai-study-dashboard :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,summary,.ai-study-kicker,.ai-study-section__header h3,.ai-study-stat-card__label,.recent-answers-title) {
    color: var(--ep-dark-text) !important;
    -webkit-text-fill-color: var(--ep-dark-text) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(p,li,span,small,em,td,th,div,.ai-study-muted,.ai-study-description,.ai-study-card-desc,.ai-study-buddy-message,.answer-excerpt),
html[data-theme="dark"] .ai-study-dashboard :where(p,li,span,small,em,td,th,div,.ai-study-muted,.ai-study-description,.ai-study-card-desc,.ai-study-buddy-message,.answer-excerpt),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(p,li,span,small,em,td,th,div,.ai-study-muted,.ai-study-description,.ai-study-card-desc,.ai-study-buddy-message,.answer-excerpt),
body.dark-mode .ai-study-dashboard :where(p,li,span,small,em,td,th,div,.ai-study-muted,.ai-study-description,.ai-study-card-desc,.ai-study-buddy-message,.answer-excerpt) {
    color: var(--ep-dark-text-soft) !important;
    -webkit-text-fill-color: var(--ep-dark-text-soft) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* Sidebar/menu visibility */
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-tabs,.ai-study-menu),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs,.ai-study-menu),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs,.ai-study-menu),
body.dark-mode .ai-study-dashboard :where(.ai-study-tabs,.ai-study-menu) {
    background: #07111f !important;
    border-color: rgba(96, 165, 250, .32) !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card),
body.dark-mode .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card) {
    background: rgba(15, 29, 49, .96) !important;
    border: 1px solid rgba(96, 165, 250, .20) !important;
    color: #eaf2ff !important;
    -webkit-text-fill-color: #eaf2ff !important;
    opacity: 1 !important;
    filter: none !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card) :where(.icon,.title,span,strong,small),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card) :where(.icon,.title,span,strong,small),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card) :where(.icon,.title,span,strong,small),
body.dark-mode .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card) :where(.icon,.title,span,strong,small) {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    opacity: 1 !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-tabs .ai-study-tab.is-active,.ai-study-tabs .ai-study-tab.active,.ai-study-menu-card.is-active,.ai-study-menu-card.active,.ai-study-feature-card.active),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab.is-active,.ai-study-tabs .ai-study-tab.active,.ai-study-menu-card.is-active,.ai-study-menu-card.active,.ai-study-feature-card.active),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab.is-active,.ai-study-tabs .ai-study-tab.active,.ai-study-menu-card.is-active,.ai-study-menu-card.active,.ai-study-feature-card.active),
body.dark-mode .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab.is-active,.ai-study-tabs .ai-study-tab.active,.ai-study-menu-card.is-active,.ai-study-menu-card.active,.ai-study-feature-card.active) {
    background: linear-gradient(135deg, rgba(37, 99, 235, .48), rgba(124, 58, 237, .42)) !important;
    border-color: #60a5fa !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Buttons and badges */
.ai-study-dashboard[data-ai-study-theme="dark"] :where(button,.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle,.ai-study-chip,.ai-study-badge,.ai-study-pill),
html[data-theme="dark"] .ai-study-dashboard :where(button,.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle,.ai-study-chip,.ai-study-badge,.ai-study-pill),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(button,.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle,.ai-study-chip,.ai-study-badge,.ai-study-pill),
body.dark-mode .ai-study-dashboard :where(button,.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle,.ai-study-chip,.ai-study-badge,.ai-study-pill) {
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-primary-button,.ai-study-pay-now-btn,.ai-study-submit-btn,.ai-study-voice-btn),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-primary-button,.ai-study-pay-now-btn,.ai-study-submit-btn,.ai-study-voice-btn),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-primary-button,.ai-study-pay-now-btn,.ai-study-submit-btn,.ai-study-voice-btn),
body.dark-mode .ai-study-dashboard :where(.ai-study-primary-button,.ai-study-pay-now-btn,.ai-study-submit-btn,.ai-study-voice-btn) {
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%) !important;
    border-color: rgba(147, 197, 253, .65) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(37, 99, 235, .28) !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle),
body.dark-mode .ai-study-dashboard :where(.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle) {
    background: #0f1d31 !important;
    border: 1px solid rgba(96, 165, 250, .55) !important;
    color: #eaf2ff !important;
    -webkit-text-fill-color: #eaf2ff !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(button,.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle) :where(span,strong,b,small,svg),
html[data-theme="dark"] .ai-study-dashboard :where(button,.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle) :where(span,strong,b,small,svg),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(button,.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle) :where(span,strong,b,small,svg),
body.dark-mode .ai-study-dashboard :where(button,.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle) :where(span,strong,b,small,svg) {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    fill: currentColor !important;
    opacity: 1 !important;
}

/* Forms/outputs in dark mode */
.ai-study-dashboard[data-ai-study-theme="dark"] :where(input,textarea,select,.ai-study-form-control),
html[data-theme="dark"] .ai-study-dashboard :where(input,textarea,select,.ai-study-form-control),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(input,textarea,select,.ai-study-form-control),
body.dark-mode .ai-study-dashboard :where(input,textarea,select,.ai-study-form-control) {
    background-color: #0b1628 !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    border-color: rgba(96, 165, 250, .42) !important;
    box-shadow: none !important;
    opacity: 1 !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(input::placeholder,textarea::placeholder),
html[data-theme="dark"] .ai-study-dashboard :where(input::placeholder,textarea::placeholder),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(input::placeholder,textarea::placeholder),
body.dark-mode .ai-study-dashboard :where(input::placeholder,textarea::placeholder) {
    color: #93a4bd !important;
    -webkit-text-fill-color: #93a4bd !important;
    opacity: 1 !important;
}

/* Light theme is intentionally not targeted above. */


/* V66.18 — Camera Scan only: make One Click Revision button visible in light theme.
   Strict scope: only the Generate Revision Pack button inside Camera Scan revision box. */
.ai-study-dashboard:not([data-ai-study-theme="dark"]) .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision],
body:not([data-ai-study-theme="dark"]):not(.dark-mode) .ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision],
html:not([data-theme="dark"]) .ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision] {
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%) !important;
    border: 1px solid rgba(37, 99, 235, .65) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: 0 12px 26px rgba(37, 99, 235, .18) !important;
}
.ai-study-dashboard:not([data-ai-study-theme="dark"]) .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision] :where(span,strong,b,small,svg),
body:not([data-ai-study-theme="dark"]):not(.dark-mode) .ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision] :where(span,strong,b,small,svg),
html:not([data-theme="dark"]) .ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision] :where(span,strong,b,small,svg) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: currentColor !important;
    opacity: 1 !important;
}
.ai-study-dashboard:not([data-ai-study-theme="dark"]) .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision]:hover,
body:not([data-ai-study-theme="dark"]):not(.dark-mode) .ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision]:hover,
html:not([data-theme="dark"]) .ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision]:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 30px rgba(37, 99, 235, .24) !important;
}