/* Help centre final visual contract. Page-specific styles keep their layout;
   this late layer aligns ink, surfaces and accessibility across the journey. */

:is(
    #helpCenterAnalyticsPage,
    #helpArticlePage,
    #helpCategoryPage,
    #helpContactPage,
    #helpCenterHomePage,
    #helpCenterSearchPage,
    #helpTicketDashboardPage,
    #innovation-root,
    #my-tickets-root,
    #help-roadmap-root,
    .hc-shell
) {
    --help-polish-bg: #f8fcfd;
    --help-polish-surface: #ffffff;
    --help-polish-soft: #f2f8fa;
    --help-polish-border: #d9e9ee;
    --help-polish-text: #1f3440;
    --help-polish-muted: #5d707c;
    --help-polish-primary: #356f85;
    --help-polish-primary-soft: #eaf5f9;
    --help-polish-focus: #17627d;
    color: var(--help-polish-text);
}

:is(
    #helpCenterAnalyticsPage,
    #helpArticlePage,
    #helpCategoryPage,
    #helpContactPage,
    #helpCenterHomePage,
    #helpCenterSearchPage,
    #helpTicketDashboardPage,
    #innovation-root,
    #my-tickets-root,
    #help-roadmap-root,
    .hc-shell
) :is(
    .text-muted,
    .text-secondary,
    .form-text,
    .hc-stat-label,
    .hc-action-desc,
    .hc-ticket-meta,
    .hc-empty,
    .stat-label,
    .ticket-meta
) {
    color: var(--help-polish-muted) !important;
    opacity: 1;
}

:is(
    #helpCenterAnalyticsPage,
    #helpArticlePage,
    #helpCategoryPage,
    #helpContactPage,
    #helpCenterHomePage,
    #helpCenterSearchPage,
    #helpTicketDashboardPage,
    #innovation-root,
    #my-tickets-root,
    #help-roadmap-root,
    .hc-shell
) :is(
    .card,
    .list-group-item,
    .modal-content,
    .hc-stat-card,
    .hc-grid-card,
    .hc-action-card,
    .hc-ticket-item,
    .hc-idea-item,
    .hc-empty,
    .roadmap-section,
    .idea-card,
    .ticket-card
) {
    background: var(--help-polish-surface) !important;
    border-color: var(--help-polish-border) !important;
    color: var(--help-polish-text) !important;
}

:is(
    #helpCenterAnalyticsPage,
    #helpArticlePage,
    #helpCategoryPage,
    #helpContactPage,
    #helpCenterHomePage,
    #helpCenterSearchPage,
    #helpTicketDashboardPage,
    #innovation-root,
    #my-tickets-root,
    #help-roadmap-root,
    .hc-shell
) :is(
    a,
    button,
    input,
    select,
    textarea,
    summary,
    [role="button"],
    [tabindex]:not([tabindex="-1"])
):focus-visible {
    outline: 3px solid var(--help-polish-focus) !important;
    outline-offset: 2px;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) :is(
    #helpCenterAnalyticsPage,
    #helpArticlePage,
    #helpCategoryPage,
    #helpContactPage,
    #helpCenterHomePage,
    #helpCenterSearchPage,
    #helpTicketDashboardPage,
    #innovation-root,
    #my-tickets-root,
    #help-roadmap-root,
    .hc-shell
) {
    --help-polish-bg: #0d1622;
    --help-polish-surface: #172332;
    --help-polish-soft: #1d2c3d;
    --help-polish-border: #3b4d60;
    --help-polish-text: #edf3f8;
    --help-polish-muted: #b8c5d1;
    --help-polish-primary: #b7e3ef;
    --help-polish-primary-soft: #193747;
    --help-polish-focus: #8bd6e7;
    background: var(--help-polish-bg) !important;
    color: var(--help-polish-text) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) :is(
    #helpCenterAnalyticsPage,
    #helpArticlePage,
    #helpCategoryPage,
    #helpContactPage,
    #helpCenterHomePage,
    #helpCenterSearchPage,
    #helpTicketDashboardPage,
    #innovation-root,
    #my-tickets-root,
    #help-roadmap-root,
    .hc-shell
) :is(
    .hc-hero,
    .page-header,
    .card-header,
    .card-footer,
    .modal-header,
    .modal-footer,
    .bg-light,
    .table th
) {
    background: var(--help-polish-soft) !important;
    border-color: var(--help-polish-border) !important;
    color: var(--help-polish-text) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) :is(
    #helpCenterAnalyticsPage,
    #helpArticlePage,
    #helpCategoryPage,
    #helpContactPage,
    #helpCenterHomePage,
    #helpCenterSearchPage,
    #helpTicketDashboardPage,
    #innovation-root,
    #my-tickets-root,
    #help-roadmap-root,
    .hc-shell
) :is(.form-control, .form-select, .input-group-text, textarea) {
    background-color: #101b29 !important;
    border-color: var(--help-polish-border) !important;
    color: var(--help-polish-text) !important;
    -webkit-text-fill-color: var(--help-polish-text);
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) :is(
    #helpCenterAnalyticsPage,
    #helpArticlePage,
    #helpCategoryPage,
    #helpContactPage,
    #helpCenterHomePage,
    #helpCenterSearchPage,
    #helpTicketDashboardPage,
    #innovation-root,
    #my-tickets-root,
    #help-roadmap-root,
    .hc-shell
) :is(input, textarea)::placeholder {
    color: var(--help-polish-muted);
    opacity: 1;
}

/* Page-level pastel tokens are intentionally light in their source sheets.
   Re-map them here so the resolved dark theme never pairs those pale fills
   with inherited light copy. This file is loaded after every help route. */
:is(html[data-theme="dark"], html[data-user-theme="dark"]) .hc-shell {
    --hch-ink: #edf3f8;
    --hch-muted: #b8c5d1;
    --hch-sky: #1b3545;
    --hch-sky-border: #49697b;
    --hch-sky-text: #d8f1f7;
    --hch-mint: #19382f;
    --hch-mint-border: #416b5d;
    --hch-mint-text: #d3f2e2;
    --hch-amber: #3a301f;
    --hch-amber-text: #ffe3a5;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterHomePage {
    --hc-ink: #edf3f8;
    --hc-muted: #b8c5d1;
    --hc-sky: #1b3545;
    --hc-sky-border: #49697b;
    --hc-sky-text: #d8f1f7;
    --hc-mint: #19382f;
    --hc-mint-border: #416b5d;
    --hc-mint-text: #d3f2e2;
    --hc-amber: #3a301f;
    --hc-amber-text: #ffe3a5;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #help-roadmap-root {
    --hcr-ink: #edf3f8;
    --hcr-muted: #b8c5d1;
    --hcr-sky: #1b3545;
    --hcr-sky-border: #49697b;
    --hcr-sky-text: #d8f1f7;
    --hcr-mint: #19382f;
    --hcr-mint-border: #416b5d;
    --hcr-mint-text: #d3f2e2;
    --hcr-amber: #3a301f;
    --hcr-amber-text: #ffe3a5;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #innovation-root {
    --hci-ink: #edf3f8;
    --hci-muted: #b8c5d1;
    --hci-sky: #1b3545;
    --hci-sky-border: #49697b;
    --hci-sky-text: #d8f1f7;
    --hci-mint: #19382f;
    --hci-mint-border: #416b5d;
    --hci-mint-text: #d3f2e2;
    --hci-amber: #3a301f;
    --hci-amber-text: #ffe3a5;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #my-tickets-root {
    --hct-ink: #edf3f8;
    --hct-muted: #b8c5d1;
    --hct-sky: #1b3545;
    --hct-sky-border: #49697b;
    --hct-sky-text: #d8f1f7;
    --hct-mint: #19382f;
    --hct-mint-border: #416b5d;
    --hct-mint-text: #d3f2e2;
    --hct-amber: #3a301f;
    --hct-amber-text: #ffe3a5;
    --hct-rose: #432733;
    --hct-rose-text: #ffd4e2;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterAnalyticsPage {
    --hca-ink: #edf3f8;
    --hca-muted: #b8c5d1;
    --hca-sky: #1b3545;
    --hca-sky-border: #49697b;
    --hca-sky-text: #d8f1f7;
    --hca-mint: #19382f;
    --hca-mint-text: #d3f2e2;
    --hca-amber: #3a301f;
    --hca-amber-text: #ffe3a5;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpTicketDashboardPage {
    --hctd-ink: #edf3f8;
    --hctd-muted: #b8c5d1;
    --hctd-sky: #1b3545;
    --hctd-sky-border: #49697b;
    --hctd-sky-text: #d8f1f7;
    --hctd-mint: #19382f;
    --hctd-mint-text: #d3f2e2;
    --hctd-amber: #3a301f;
    --hctd-amber-text: #ffe3a5;
    --hctd-rose: #432733;
    --hctd-rose-text: #ffd4e2;
}

/* Hub and home: quiet solid shells replace the light pastel gradients. */
:is(html[data-theme="dark"], html[data-user-theme="dark"]) .hc-shell :is(
    .hc-hero,
    .hc-hero-ribbon__item,
    .hc-hero-chip,
    .hc-stat-card,
    .hc-grid-card,
    .hc-action-card,
    .hc-ticket-item,
    .hc-idea-item,
    .hc-empty
),
:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterHomePage :is(
    .help-home-hero,
    .assistant-card-gradient,
    .assistant-card,
    .contact-card,
    .help-home-stat,
    .help-home-inline-badge,
    .help-home-kicker,
    .cat-card-neutral,
    .bg-white
) {
    background: var(--help-polish-surface) !important;
    border-color: var(--help-polish-border) !important;
    color: var(--help-polish-text) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) .hc-shell .hc-hero,
:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterHomePage :is(
    .help-home-hero,
    .assistant-card-gradient
) {
    background: var(--help-polish-soft) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) .hc-shell .hc-stat-icon {
    background: var(--help-polish-primary-soft) !important;
    color: var(--help-polish-primary) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) .hc-shell :is(
    .hc-hero-chip:hover,
    .hc-action-card:hover
) {
    background: #24465a !important;
    border-color: #5c7d8e !important;
    color: #edf8fb !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterHomePage :is(
    .help-home-title,
    .card-title,
    .assistant-card h5,
    .contact-card h5,
    .text-dark
) {
    color: var(--help-polish-text) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterHomePage :is(
    .help-home-subtitle,
    .text-muted,
    .text-secondary
) {
    color: var(--help-polish-muted) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterHomePage .list-group-item-action:hover {
    background: var(--help-polish-soft) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterHomePage :is(
    .btn-primary,
    .btn-success
) {
    background: var(--help-polish-primary-soft) !important;
    border-color: #49697b !important;
    color: #d8f1f7 !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterHomePage :is(
    .btn-primary:hover,
    .btn-primary:focus-visible,
    .btn-success:hover,
    .btn-success:focus-visible
) {
    background: #24465a !important;
    border-color: #6a8a9a !important;
    color: #f4fbfd !important;
}

/* Roadmap: header, metrics and idea sections own a coherent dark surface. */
:is(html[data-theme="dark"], html[data-user-theme="dark"]) #help-roadmap-root .roadmap-header {
    background: var(--help-polish-soft) !important;
    border-color: var(--help-polish-border) !important;
    color: var(--help-polish-text) !important;
    box-shadow: none !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #help-roadmap-root .roadmap-section {
    background: transparent !important;
    border-color: transparent !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #help-roadmap-root :is(
    .stat-card,
    .section-title,
    .idea-card,
    .empty-state
) {
    background: var(--help-polish-surface) !important;
    border-color: var(--help-polish-border) !important;
    color: var(--help-polish-text) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #help-roadmap-root :is(
    .idea-title,
    .section-title,
    .empty-state h3
) {
    color: var(--help-polish-text) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #help-roadmap-root :is(
    .stat-label,
    .idea-meta,
    .idea-description,
    .empty-state p
) {
    color: var(--help-polish-muted) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #help-roadmap-root :is(
    .stat-number,
    .vote-count
) {
    color: var(--help-polish-primary) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #help-roadmap-root .vote-section {
    border-color: var(--help-polish-border) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #help-roadmap-root .vote-btn {
    background: var(--help-polish-primary-soft) !important;
    border-color: #49697b !important;
    color: #d8f1f7 !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #help-roadmap-root .vote-btn:hover:not(:disabled) {
    background: #24465a !important;
    border-color: #6a8a9a !important;
    color: #f4fbfd !important;
}

/* Innovation: solid hero/filter states, including the body-level modal. */
:is(html[data-theme="dark"], html[data-user-theme="dark"]) #innovation-root .hero-section {
    background: var(--help-polish-soft) !important;
    border-color: var(--help-polish-border) !important;
    color: var(--help-polish-text) !important;
    box-shadow: none !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #innovation-root :is(
    .idea-card,
    .stat-card,
    .filter-tabs,
    .empty-state
) {
    background: var(--help-polish-surface) !important;
    border-color: var(--help-polish-border) !important;
    color: var(--help-polish-text) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #innovation-root :is(
    .idea-title,
    .empty-state h3
) {
    color: var(--help-polish-text) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #innovation-root :is(
    .stat-label,
    .meta-item,
    .text-muted,
    .empty-state p
) {
    color: var(--help-polish-muted) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #innovation-root .filter-tab {
    background: transparent !important;
    color: var(--help-polish-muted) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #innovation-root .filter-tab:hover {
    background: var(--help-polish-soft) !important;
    color: var(--help-polish-text) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #innovation-root :is(
    .filter-tab.active,
    .filter-tab.active:hover,
    .vote-btn,
    .submit-idea-btn
) {
    background: var(--help-polish-primary-soft) !important;
    border-color: #49697b !important;
    color: #d8f1f7 !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #innovation-root .btn-outline-light {
    background: transparent !important;
    border-color: #6a8a9a !important;
    color: #d8f1f7 !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #innovation-root .btn-outline-light:hover {
    background: #24465a !important;
    color: #f4fbfd !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #ideaModal :is(
    .modal-content,
    .modal-header,
    .modal-footer
) {
    background: var(--help-polish-surface, #172332) !important;
    border-color: var(--help-polish-border, #3b4d60) !important;
    color: var(--help-polish-text, #edf3f8) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #ideaModal :is(
    .form-control,
    .form-select
) {
    background-color: #101b29 !important;
    border-color: var(--help-polish-border, #3b4d60) !important;
    color: var(--help-polish-text, #edf3f8) !important;
    -webkit-text-fill-color: var(--help-polish-text, #edf3f8);
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #ideaModal :is(
    button,
    input,
    select,
    textarea
):focus-visible {
    outline: 3px solid var(--help-polish-focus, #8bd6e7) !important;
    outline-offset: 2px;
}

/* Ticket list: header and filter controls no longer retain light-only tokens. */
:is(html[data-theme="dark"], html[data-user-theme="dark"]) #my-tickets-root .tickets-header {
    background: var(--help-polish-soft) !important;
    border-color: var(--help-polish-border) !important;
    color: var(--help-polish-text) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #my-tickets-root :is(
    .filter-bar,
    .ticket-card,
    .empty-state
) {
    background: var(--help-polish-surface) !important;
    border-color: var(--help-polish-border) !important;
    color: var(--help-polish-text) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #my-tickets-root :is(
    .filter-select,
    .page-link
) {
    background-color: #101b29 !important;
    border-color: var(--help-polish-border) !important;
    color: var(--help-polish-text) !important;
    color-scheme: dark;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #my-tickets-root :is(
    .ticket-title,
    .filter-label,
    .empty-state-title
) {
    color: var(--help-polish-text) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #my-tickets-root :is(
    .ticket-meta,
    .ticket-summary,
    .empty-state-text
) {
    color: var(--help-polish-muted) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #my-tickets-root .ticket-footer {
    border-color: var(--help-polish-border) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #my-tickets-root :is(
    .btn-view,
    .page-item.active .page-link
) {
    background: var(--help-polish-primary-soft) !important;
    border-color: #49697b !important;
    color: #d8f1f7 !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #my-tickets-root .btn-view:hover {
    background: #24465a !important;
    border-color: #6a8a9a !important;
    color: #f4fbfd !important;
}

/* Semantic chips use restrained dark tints, not luminous pastel fills. */
:is(html[data-theme="dark"], html[data-user-theme="dark"]) :is(
    #help-roadmap-root,
    #innovation-root,
    #my-tickets-root,
    .hc-shell
) :is(.status-under_review, .status-in_progress, .status-assigned, .status-waiting_user, .priority-high, .priority-medium) {
    background: #3a301f !important;
    border-color: #695a35 !important;
    color: #ffe3a5 !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) :is(
    #help-roadmap-root,
    #innovation-root,
    #my-tickets-root,
    .hc-shell
) :is(.status-planned, .status-new, .category-feature, .category-integration, .priority-low) {
    background: #1b3545 !important;
    border-color: #49697b !important;
    color: #d8f1f7 !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) :is(
    #help-roadmap-root,
    #innovation-root,
    #my-tickets-root,
    .hc-shell
) :is(.status-resolved, .status-closed, .status-approved, .status-implemented, .difficulty-easy) {
    background: #19382f !important;
    border-color: #416b5d !important;
    color: #d3f2e2 !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) :is(
    #help-roadmap-root,
    #innovation-root,
    #my-tickets-root,
    .hc-shell
) :is(.status-rejected, .priority-urgent, .priority-critical, .difficulty-hard) {
    background: #432733 !important;
    border-color: #754658 !important;
    color: #ffd4e2 !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #innovation-root :is(
    .category-improvement,
    .category-automation,
    .category-ui_ux,
    .category-performance,
    .difficulty-medium
) {
    background: #302b43 !important;
    border-color: #62577c !important;
    color: #e6dcff !important;
}

/* Analytics and operational metrics keep tables, filters and stat copy dark. */
:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterAnalyticsPage :is(
    .dashboard-card,
    .filter-section,
    .trend-item,
    .stat-card
) {
    background: var(--help-polish-surface) !important;
    border-color: var(--help-polish-border) !important;
    color: var(--help-polish-text) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterAnalyticsPage :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .trend-month,
    .stat-number
) {
    color: var(--help-polish-text) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterAnalyticsPage :is(
    .table,
    .table-light
) {
    --bs-table-bg: transparent;
    --bs-table-color: var(--help-polish-text);
    --bs-table-border-color: var(--help-polish-border);
    background: transparent !important;
    color: var(--help-polish-text) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterAnalyticsPage .table-light {
    --bs-table-bg: var(--help-polish-soft);
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterAnalyticsPage .badge.bg-primary-subtle {
    background: #1b3545 !important;
    border-color: #49697b !important;
    color: #d8f1f7 !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterAnalyticsPage .bg-success-subtle {
    background: #19382f !important;
    color: #d3f2e2 !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterAnalyticsPage .bg-warning-subtle {
    background: #3a301f !important;
    color: #ffe3a5 !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpCenterAnalyticsPage .bg-danger-subtle {
    background: #432733 !important;
    color: #ffd4e2 !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpTicketDashboardPage :is(
    .stat-card,
    .card
) {
    background: var(--help-polish-surface) !important;
    border-color: var(--help-polish-border) !important;
    color: var(--help-polish-text) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpTicketDashboardPage :is(
    .stat-value,
    .card-title
) {
    color: var(--help-polish-text) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpTicketDashboardPage .stat-label {
    color: var(--help-polish-muted) !important;
}

:is(html[data-theme="dark"], html[data-user-theme="dark"]) #helpTicketDashboardPage .btn-primary {
    background: var(--help-polish-primary-soft) !important;
    border-color: #49697b !important;
    color: #d8f1f7 !important;
}

@media (pointer: coarse) {
    :is(
        #helpCenterAnalyticsPage,
        #helpArticlePage,
        #helpCategoryPage,
        #helpContactPage,
        #helpCenterHomePage,
        #helpCenterSearchPage,
        #helpTicketDashboardPage,
        #innovation-root,
        #my-tickets-root,
        #help-roadmap-root,
        .hc-shell
    ) :is(.btn, .hc-action-card, .hc-hero-chip, .vote-button) {
        min-height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    :is(
        #helpCenterAnalyticsPage,
        #helpArticlePage,
        #helpCategoryPage,
        #helpContactPage,
        #helpCenterHomePage,
        #helpCenterSearchPage,
        #helpTicketDashboardPage,
        #innovation-root,
        #my-tickets-root,
        #help-roadmap-root,
        .hc-shell
    ) *,
    :is(
        #helpCenterAnalyticsPage,
        #helpArticlePage,
        #helpCategoryPage,
        #helpContactPage,
        #helpCenterHomePage,
        #helpCenterSearchPage,
        #helpTicketDashboardPage,
        #innovation-root,
        #my-tickets-root,
        #help-roadmap-root,
        .hc-shell
    ) *::before,
    :is(
        #helpCenterAnalyticsPage,
        #helpArticlePage,
        #helpCategoryPage,
        #helpContactPage,
        #helpCenterHomePage,
        #helpCenterSearchPage,
        #helpTicketDashboardPage,
        #innovation-root,
        #my-tickets-root,
        #help-roadmap-root,
        .hc-shell
    ) *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}

@media (forced-colors: active) {
    :is(
        #helpCenterAnalyticsPage,
        #helpArticlePage,
        #helpCategoryPage,
        #helpContactPage,
        #helpCenterHomePage,
        #helpCenterSearchPage,
        #helpTicketDashboardPage,
        #innovation-root,
        #my-tickets-root,
        #help-roadmap-root,
        .hc-shell
    ) :is(
        .card,
        .list-group-item,
        .hc-stat-card,
        .hc-grid-card,
        .hc-action-card,
        .hc-ticket-item,
        .hc-idea-item,
        .roadmap-section,
        .idea-card,
        .modal-content
    ) {
        border: 1px solid CanvasText !important;
        box-shadow: none !important;
    }
}