/*
 * FairwayBooker responsive product layer.
 *
 * This file intentionally sits after the legacy theme bundle. It provides one
 * small, auditable contract while the older page-specific cascade is retired.
 */

:root {
    --ux-canvas: #ffffff;
    --ux-canvas-subtle: #f7f9f7;
    --ux-ink: #142019;
    --ux-muted: #59655e;
    --ux-evergreen: #173f32;
    --ux-evergreen-hover: #0f3026;
    --ux-sage: #eef5f0;
    --ux-gold: #d1a84b;
    --ux-gold-soft: #fff7dd;
    --ux-line: #dce3de;
    --ux-line-strong: #bcc7c0;
    --ux-success: #2f7d56;
    --ux-warning: #946b14;
    --ux-danger: #b42318;
    --ux-sidebar: 264px;
    --ux-mobile-header: 64px;
    --ux-mobile-nav: 72px;
    --ux-radius-control: 10px;
    --ux-radius-panel: 12px;
    --ux-shadow-float: 0 20px 50px rgb(20 32 25 / 12%);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    background: var(--ux-canvas);
    color: var(--ux-ink);
    overflow-x: clip;
    text-rendering: optimizeLegibility;
}

body {
    min-width: 0;
    overflow-wrap: anywhere;
}

body.seline-tw,
body.auth-shell,
body.landing-shell,
body.admin-shell {
    background: var(--ux-canvas) !important;
    color: var(--ux-ink) !important;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
}

body.seline-tw :where(main, section, article, aside, form, div),
body.auth-shell :where(main, section, article, aside, form, div),
body.landing-shell :where(main, section, article, aside, form, div) {
    min-width: 0;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 3px solid #ffffff !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 6px var(--ux-evergreen) !important;
}

:where(button, input, select, textarea) {
    font: inherit;
}

body.seline-tw :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea),
body.auth-shell :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
    background: var(--ux-canvas) !important;
    border: 1px solid var(--ux-line-strong) !important;
    border-radius: var(--ux-radius-control) !important;
    color: var(--ux-ink) !important;
    font-size: 0.9375rem !important;
    line-height: 1.35 !important;
    min-height: 46px;
    transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

body.seline-tw :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):hover,
body.auth-shell :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):hover {
    border-color: #92a198 !important;
}

body.seline-tw :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):focus,
body.auth-shell :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):focus {
    border-color: var(--ux-evergreen) !important;
    box-shadow: 0 0 0 5px var(--ux-evergreen) !important;
    outline: 2px solid #ffffff !important;
    outline-offset: 2px !important;
}

body.seline-tw :where(label, .form-label),
body.auth-shell :where(label, .form-label) {
    color: #3f4b44 !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
}

body.seline-tw :where(.form-text, .text-muted, [class*="field-note"]),
body.auth-shell :where(.form-text, .text-muted) {
    color: var(--ux-muted) !important;
    font-size: 0.75rem !important;
    line-height: 1.45 !important;
}

body.seline-tw :where(button, .btn, .app-button, [class$="-button"], [class$="-link"]),
body.auth-shell :where(button, .btn, [class$="-button"], [class$="-link"]) {
    border-radius: var(--ux-radius-control) !important;
    font-size: 0.9375rem !important;
    font-weight: 700 !important;
    min-height: 44px;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease, opacity 160ms ease;
}

body.seline-tw :where(button, .btn, .app-button, [class$="-button"], [class$="-link"]):active,
body.auth-shell :where(button, .btn, [class$="-button"], [class$="-link"]):active {
    transform: translateY(1px);
}

body.seline-tw :where(button, .btn, .app-button, [class$="-button"], [class$="-link"]):disabled,
body.auth-shell :where(button, .btn, [class$="-button"], [class$="-link"]):disabled,
body.seline-tw [aria-disabled="true"] {
    cursor: not-allowed !important;
    opacity: 0.58 !important;
}

/* Shared signed-in shell */
body.seline-tw > main {
    background: var(--ux-canvas) !important;
}

.app-context-title {
    color: var(--ux-ink) !important;
    font-size: 1.125rem !important;
    font-weight: 780 !important;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 2px 0 0 !important;
}

.app-sidebar {
    background: var(--ux-evergreen) !important;
    border: 0 !important;
    color: #ffffff;
    width: var(--ux-sidebar) !important;
    z-index: 50;
}

.app-sidebar__nav {
    padding-inline: 16px !important;
}

.app-sidebar__link {
    border: 1px solid transparent;
    border-radius: var(--ux-radius-control) !important;
    color: rgb(255 255 255 / 78%) !important;
    font-size: 0.9375rem !important;
    min-height: 50px;
    padding: 0 16px !important;
    transform: none !important;
}

.app-sidebar__link:hover {
    background: rgb(255 255 255 / 8%) !important;
    color: #ffffff !important;
    transform: none !important;
}

.app-sidebar__link[aria-current="page"] {
    background: var(--ux-gold-soft) !important;
    border-color: rgb(209 168 75 / 64%) !important;
    color: var(--ux-evergreen-hover) !important;
    box-shadow: inset 3px 0 0 var(--ux-gold);
}

.app-sidebar__icon,
.mobile-bottom-nav__icon,
.mobile-top-logout__icon,
.member-avatar-fallback-icon,
.bug-report-button__icon {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.app-sidebar .app-button {
    border-width: 1px !important;
    min-height: 48px;
}

.app-sidebar .app-button--primary {
    background: var(--ux-gold) !important;
    border-color: var(--ux-gold) !important;
    color: var(--ux-evergreen-hover) !important;
}

.app-sidebar .app-button--primary:hover {
    background: #c79a2f !important;
    border-color: #c79a2f !important;
}

.app-sidebar .app-button--secondary {
    background: transparent !important;
    border-color: rgb(255 255 255 / 32%) !important;
    color: #ffffff !important;
}

.app-sidebar .app-button--secondary:hover {
    background: rgb(255 255 255 / 8%) !important;
    border-color: rgb(255 255 255 / 56%) !important;
}

.app-mobile-header {
    background: #fff !important;
    border-bottom: 1px solid var(--ux-line) !important;
    box-shadow: none !important;
    height: var(--ux-mobile-header);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 60;
}

.app-mobile-header > .flex {
    height: 100%;
    padding: 8px 16px !important;
}

.app-mobile-header img[alt*="Logo"] {
    height: 38px !important;
    width: auto !important;
}

.app-mobile-header a p:first-child {
    color: var(--ux-evergreen) !important;
    font-size: 0.9375rem !important;
    line-height: 1.15 !important;
}

.app-mobile-header__page-label {
    color: var(--ux-muted) !important;
    font-size: 0.75rem !important;
    line-height: 1.2 !important;
}

.mobile-member-avatar,
.mobile-top-logout {
    height: 44px !important;
    min-height: 44px !important;
    width: 44px !important;
}

.mobile-member-avatar {
    background: var(--ux-evergreen) !important;
}

.mobile-top-logout {
    background: var(--ux-canvas) !important;
    border: 1px solid var(--ux-line) !important;
    border-radius: var(--ux-radius-control) !important;
    color: var(--ux-ink) !important;
}

.mobile-top-logout:hover {
    background: var(--ux-canvas-subtle) !important;
    border-color: var(--ux-line-strong) !important;
}

.mobile-bottom-nav {
    align-items: stretch !important;
    background: rgb(255 255 255 / 97%) !important;
    border-top: 1px solid var(--ux-line) !important;
    box-shadow: 0 -10px 30px rgb(20 32 25 / 6%) !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    height: calc(var(--ux-mobile-nav) + env(safe-area-inset-bottom));
    padding: 6px 6px max(6px, env(safe-area-inset-bottom)) !important;
    z-index: 70 !important;
}

.mobile-bottom-nav__item {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 10px !important;
    color: var(--ux-muted) !important;
    display: flex;
    flex-direction: column;
    font-size: 0.75rem !important;
    font-weight: 650 !important;
    gap: 3px !important;
    justify-content: center;
    line-height: 1.05 !important;
    min-height: 56px;
    min-width: 0;
    padding: 4px 2px !important;
    text-decoration: none;
}

body.seline-tw [class~="text-[10px]"] {
    font-size: 0.75rem !important;
    line-height: 1.4 !important;
}

.skip-link {
    clip-path: inset(50%) !important;
    left: 12px !important;
    opacity: 0 !important;
    position: fixed !important;
    top: 12px !important;
    transform: none !important;
    transition: none !important;
    white-space: nowrap;
    z-index: 9999 !important;
}

.skip-link:focus,
.skip-link:focus-visible {
    clip-path: none !important;
    opacity: 1 !important;
    transform: none !important;
}

.mobile-bottom-nav__item:hover {
    background: var(--ux-canvas-subtle) !important;
    color: var(--ux-evergreen) !important;
}

.mobile-bottom-nav__item.active,
.mobile-bottom-nav__item[aria-current="page"] {
    background: var(--ux-gold-soft) !important;
    border-color: rgb(209 168 75 / 38%) !important;
    color: var(--ux-evergreen-hover) !important;
}

.mobile-bottom-nav__icon {
    height: 21px !important;
    width: 21px !important;
}

/* A support action belongs in the flow on mobile; it must never cover fields. */
body.seline-tw.page-with-bottom-nav .bug-report-button {
    align-items: center;
    background: transparent !important;
    border: 1px solid rgb(255 255 255 / 30%) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    gap: 8px;
}

.bug-report-dialog {
    border: 1px solid var(--ux-line) !important;
    border-radius: 14px !important;
    box-shadow: var(--ux-shadow-float) !important;
}

.bug-report-header {
    border-bottom: 1px solid var(--ux-line);
}

.bug-report-header h2 {
    color: var(--ux-ink) !important;
    font-size: 1.35rem !important;
}

/* Shared app page rhythm */
.control-status-bar,
.scheduler-status-bar,
.test-status-bar,
.bookings-status-bar,
.billing-status-bar,
.results-status-bar,
.onboarding-status-bar {
    backdrop-filter: none !important;
    background: rgb(255 255 255 / 97%) !important;
    border-bottom: 1px solid var(--ux-line) !important;
    box-shadow: none !important;
    min-height: 72px;
    padding: 12px 28px !important;
}

:where(.scheduler-status-bar, .test-status-bar, .bookings-status-bar, .billing-status-bar, .results-status-bar, .onboarding-status-bar) h1 {
    color: var(--ux-evergreen) !important;
    font-size: 1rem !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

:where(.scheduler-status-bar, .test-status-bar, .bookings-status-bar, .billing-status-bar, .results-status-bar, .onboarding-status-bar) [class$="-kicker"] {
    display: none !important;
}

.control-page-frame,
.scheduler-page-frame,
.test-page-frame,
.bookings-page-frame,
.billing-page-frame,
.results-page-frame,
.onboarding-page-frame {
    margin-inline: auto !important;
    max-width: 1420px !important;
    padding: 24px 28px 96px !important;
    width: 100%;
}

.control-workflow-heading,
.scheduler-workflow-heading,
.test-workflow-heading,
.bookings-workflow-heading,
.billing-workflow-heading,
.results-workflow-heading {
    align-items: end !important;
    border: 0 !important;
    display: flex !important;
    gap: 24px !important;
    justify-content: space-between !important;
    margin: 0 0 20px !important;
    padding: 6px 0 18px !important;
}

:where(.control-workflow-heading, .scheduler-workflow-heading, .test-workflow-heading, .bookings-workflow-heading, .billing-workflow-heading, .results-workflow-heading) > div:first-child {
    max-width: 720px;
}

:where(.scheduler-workflow-heading, .test-workflow-heading, .bookings-workflow-heading, .billing-workflow-heading, .results-workflow-heading) > div:first-child > [class$="-kicker"] {
    display: none !important;
}

:where(.control-workflow-heading, .scheduler-workflow-heading, .test-workflow-heading, .bookings-workflow-heading, .billing-workflow-heading, .results-workflow-heading) h1,
:where(.control-workflow-heading, .scheduler-workflow-heading, .test-workflow-heading, .bookings-workflow-heading, .billing-workflow-heading, .results-workflow-heading) h2 {
    color: var(--ux-ink) !important;
    font-size: clamp(2rem, 3vw, 2.75rem) !important;
    font-weight: 790 !important;
    letter-spacing: -0.035em !important;
    line-height: 1.04 !important;
    margin: 0 !important;
    text-wrap: balance;
}

:where(.control-workflow-heading, .scheduler-workflow-heading, .test-workflow-heading, .bookings-workflow-heading, .billing-workflow-heading, .results-workflow-heading) p {
    color: var(--ux-muted) !important;
    font-size: 0.9375rem !important;
    line-height: 1.5 !important;
    margin: 8px 0 0 !important;
    max-width: 680px;
}

:where(.control-workflow-steps, .scheduler-workflow-steps, .test-workflow-steps, .bookings-workflow-steps, .billing-workflow-steps, .results-workflow-steps) {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px !important;
}

:where(.control-step-link, .scheduler-step-link, .test-step-link, .bookings-step-link, .billing-step-link, .results-step-link) {
    align-items: center;
    background: var(--ux-canvas) !important;
    border: 1px solid var(--ux-line) !important;
    border-radius: var(--ux-radius-control) !important;
    color: var(--ux-ink) !important;
    display: inline-flex;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    gap: 8px;
    min-height: 44px;
    padding: 8px 12px !important;
}

:where(.control-step-link, .scheduler-step-link, .test-step-link, .bookings-step-link, .billing-step-link, .results-step-link) > span {
    align-items: center;
    background: var(--ux-evergreen) !important;
    border-radius: 999px;
    color: #ffffff !important;
    display: inline-flex;
    font-size: 0.6875rem !important;
    height: 22px;
    justify-content: center;
    width: 22px;
}

:where(.control-step-link.is-current, .scheduler-step-link.is-current, .test-step-link.is-current, .bookings-step-link.is-current, .billing-step-link.is-current, .results-step-link.is-current, [aria-current="step"]) {
    background: var(--ux-gold-soft) !important;
    border-color: var(--ux-gold) !important;
}

body.seline-tw :where(.card, [class$="-panel"], [class$="-card"], [class*="-panel "]) {
    border-color: var(--ux-line) !important;
    border-radius: var(--ux-radius-panel) !important;
    box-shadow: none !important;
}

body.seline-tw :where(.card-header, [class$="-panel-head"], [class$="-feed-head"], [class$="-queue-head"]) {
    background: transparent !important;
    border-color: var(--ux-line) !important;
}

/* Book / release desk */
body.control-page .control-status-pill,
body.control-page .control-member-pill {
    background: var(--ux-canvas) !important;
    border: 1px solid var(--ux-line) !important;
    border-radius: var(--ux-radius-control) !important;
    color: var(--ux-ink) !important;
    min-height: 44px;
}

body.control-page .control-status-dot {
    background: var(--ux-success) !important;
    box-shadow: 0 0 0 3px rgb(47 125 86 / 12%);
}

body.control-page details.control-course-settings {
    background: var(--ux-canvas) !important;
    border: 1px solid var(--ux-line) !important;
    border-radius: var(--ux-radius-panel) !important;
    padding: 12px 18px !important;
}

body.control-page .control-workflow-heading::after {
    display: none !important;
}

body.control-page .control-console-layout {
    align-items: start;
    display: grid !important;
    gap: 16px !important;
    grid-template-areas:
        "target availability"
        "timeline timeline";
    grid-template-columns: minmax(0, 1.45fr) minmax(360px, 0.75fr) !important;
}

body.control-page .control-primary-column,
body.control-page .control-support-column {
    display: contents !important;
}

body.control-page #bookingSection {
    grid-area: target;
}

body.control-page #availabilitySection {
    grid-area: availability;
}

body.control-page #statusArea {
    grid-area: timeline;
}

body.control-page .control-side-panel:not(.control-account-panel) {
    display: none !important;
}

body.control-page section.control-primary-panel,
body.control-page section.control-secondary-panel,
body.control-page section.control-status-panel {
    background: var(--ux-canvas) !important;
    border: 1px solid var(--ux-line) !important;
    border-radius: var(--ux-radius-panel) !important;
    padding: 20px !important;
}

body.control-page section.control-primary-panel {
    border-color: var(--ux-line-strong) !important;
}

body.control-page .control-panel-head {
    align-items: start;
    display: grid;
    gap: 2px 10px;
    grid-template-columns: 28px minmax(0, 1fr);
    margin-bottom: 18px !important;
}

body.control-page .control-panel-head > :not(.control-section-number) {
    grid-column: 2;
}

body.control-page .control-section-number {
    align-items: center;
    background: var(--ux-evergreen) !important;
    border-radius: 999px;
    color: #ffffff !important;
    display: inline-flex;
    font-size: 0.75rem !important;
    font-weight: 800;
    height: 28px !important;
    justify-content: center;
    width: 28px !important;
}

body.control-page .control-panel-head h3,
body.control-page #statusArea h3 {
    color: var(--ux-ink) !important;
    font-size: 1.25rem !important;
    letter-spacing: -0.015em !important;
    line-height: 1.25 !important;
}

body.control-page #bookingForm > .rounded-xl,
body.control-page #bookingForm label.rounded-xl {
    background: var(--ux-canvas-subtle) !important;
    border-color: var(--ux-line) !important;
}

body.control-page #bookingSubmitButton {
    background: var(--ux-gold) !important;
    border: 1px solid var(--ux-gold) !important;
    color: var(--ux-evergreen-hover) !important;
    min-height: 50px !important;
}

body.control-page #bookingSubmitButton:hover:not(:disabled) {
    background: #c79a2f !important;
    border-color: #c79a2f !important;
}

body.control-page #availabilityForm {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin-top: 18px !important;
}

body.control-page #availabilityForm button {
    background: var(--ux-evergreen) !important;
    color: #ffffff !important;
    justify-self: stretch;
    min-height: 48px;
}

body.control-page #availabilityResult > div,
body.control-page #jobStatus > div > div:last-child {
    background: var(--ux-canvas-subtle) !important;
    border-color: var(--ux-line) !important;
    color: var(--ux-muted) !important;
}

body.control-page #statusArea {
    min-height: 0 !important;
}

body.control-page #statusArea > .pointer-events-none {
    display: none !important;
}

body.control-page #statusArea .relative {
    color: var(--ux-ink) !important;
}

/* Schedule, Dry runs, Bookings, Account, Results, Onboarding */
body.scheduled-jobs-page :where(.scheduler-composer-panel, .scheduler-queue-panel, .scheduler-season-panel),
body.test-jobs-page :where(.test-work-card, .test-queue-card),
body.my-bookings-page :where(.bookings-sync-panel, .bookings-list-column),
body.billing-page :where(.billing-access-panel, .billing-detail-panel, .billing-actions-panel),
body.results-page :where(.result-summary, .result-run-rail, .result-detail-card),
body.onboarding-page :where(.onboarding-step-card, .onboarding-side-panel) {
    background: var(--ux-canvas) !important;
    border: 1px solid var(--ux-line) !important;
    border-radius: var(--ux-radius-panel) !important;
    box-shadow: none !important;
}

body.billing-page .billing-technical-details > summary {
    align-items: center;
    cursor: pointer;
    display: grid !important;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    list-style: none;
    margin: 0 !important;
    min-height: 68px;
    padding: 16px 18px !important;
}

body.billing-page .billing-technical-details > summary::-webkit-details-marker {
    display: none;
}

body.billing-page .billing-technical-details > summary strong,
body.billing-page .billing-technical-details > summary small {
    display: block;
}

body.billing-page .billing-technical-details > summary small {
    color: var(--ux-muted);
    font-size: 0.75rem;
    font-weight: 500;
    margin-top: 3px;
}

body.billing-page .billing-technical-details__action {
    color: var(--ux-evergreen);
    font-size: 0 !important;
    font-weight: 750;
}

body.billing-page .billing-technical-details__action::before {
    content: "Show";
    font-size: 0.8125rem;
}

body.billing-page .billing-technical-details[open] .billing-technical-details__action::before {
    content: "Hide";
}

body.billing-page .billing-technical-details .billing-reference-grid {
    border-top: 1px solid var(--ux-line);
    margin: 0 18px 18px !important;
    padding-top: 18px;
}

body.scheduled-jobs-page .scheduler-view-switcher {
    background: var(--ux-canvas-subtle) !important;
    border: 1px solid var(--ux-line) !important;
    border-radius: var(--ux-radius-control) !important;
    padding: 4px !important;
}

body.scheduled-jobs-page [data-scheduler-view] {
    border-radius: 8px !important;
    min-height: 44px;
}

body.scheduled-jobs-page [data-scheduler-view][aria-current="page"] {
    background: var(--ux-canvas) !important;
    box-shadow: 0 1px 4px rgb(20 32 25 / 9%) !important;
    color: var(--ux-evergreen) !important;
}

body.test-jobs-page .test-lab-layout {
    gap: 20px !important;
}

body.test-jobs-page .test-work-card .card-header,
body.test-jobs-page .test-work-card .card-body,
body.test-jobs-page .test-queue-card .card-body {
    padding: 20px !important;
}

body.test-jobs-page .test-work-card .row,
body.test-jobs-page .test-work-card [class*="col-"] {
    min-width: 0;
}

body.test-jobs-page #testRunFields {
    background: var(--ux-canvas-subtle);
    border: 1px solid var(--ux-line);
    border-radius: var(--ux-radius-control);
    margin-inline: 0;
    padding: 16px 4px 4px;
}

body.my-bookings-page .bookings-feed-layout {
    align-items: start;
    gap: 20px !important;
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr) !important;
}

body.my-bookings-page .bookings-list-column {
    padding: 22px !important;
}

body.my-bookings-page .bookings-sync-panel {
    background: var(--ux-canvas-subtle) !important;
    padding: 20px !important;
}

body.my-bookings-page .bookings-summary-grid > div,
body.test-jobs-page .test-summary-grid > div,
body.scheduled-jobs-page .scheduler-summary-grid > div {
    background: var(--ux-canvas-subtle) !important;
    border: 1px solid var(--ux-line) !important;
    border-radius: 10px !important;
}

body.billing-page .billing-detail-grid {
    gap: 16px !important;
}

body.billing-page .billing-access-panel {
    border-left: 4px solid var(--ux-evergreen) !important;
}

body.results-page .result-summary {
    border-left-width: 4px !important;
    margin-bottom: 18px !important;
    padding: 22px !important;
}

body.results-page .result-summary__copy h2 {
    color: var(--ux-ink) !important;
    font-size: clamp(1.75rem, 3vw, 2.5rem) !important;
    letter-spacing: -0.03em !important;
}

body.results-page .results-content-layout {
    align-items: start;
    gap: 20px !important;
}

body.results-page .result-run-rail {
    background: var(--ux-canvas-subtle) !important;
}

body.results-page details {
    border-color: var(--ux-line) !important;
    border-radius: var(--ux-radius-control) !important;
}

/* Public conversion surface */
body.conversion-home .landing-nav {
    background: rgb(255 255 255 / 98%) !important;
    border-bottom: 1px solid var(--ux-line) !important;
    min-height: 84px !important;
}

body.conversion-home .conversion-nav {
    min-height: 84px !important;
}

body.conversion-home .conversion-hero__eyebrow {
    display: none !important;
}

body.conversion-home .conversion-hero::after {
    background: none !important;
}

body.conversion-home .conversion-hero__grid {
    gap: clamp(2.5rem, 5vw, 5rem) !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(430px, 0.92fr) !important;
    min-height: 690px !important;
    padding-block: 4rem !important;
}

body.conversion-home .conversion-hero__copy h1 {
    font-size: clamp(4.25rem, 5.25vw, 4.75rem) !important;
    letter-spacing: -0.045em !important;
    line-height: 0.99 !important;
    max-width: 690px !important;
    text-wrap: balance;
}

body.conversion-home .conversion-hero__lede {
    font-size: 1.17rem !important;
    line-height: 1.55 !important;
    max-width: 620px !important;
}

body.conversion-home .conversion-hero__actions .btn {
    font-size: 1.125rem !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    min-height: 56px !important;
}

body.conversion-home .conversion-workflow {
    border-color: rgb(255 255 255 / 20%) !important;
    box-shadow: 0 24px 56px rgb(9 43 34 / 18%) !important;
    padding: 2rem !important;
}

body.conversion-home .conversion-plan {
    border-color: var(--ux-line) !important;
}

body.conversion-home .conversion-plan__grid {
    min-height: 150px !important;
}

body.conversion-home :where(.conversion-product, .conversion-journey, .conversion-lead, .landing-faq-band) {
    content-visibility: auto;
    contain-intrinsic-size: auto 800px;
}

/* Authentication, founder, and legal surfaces */
body.auth-shell .login-nav,
body.privacy-shell .login-nav {
    background: rgb(255 255 255 / 98%) !important;
    border-bottom: 1px solid var(--ux-line) !important;
}

body.auth-shell .auth-panel,
body.auth-shell .founder-checkout-panel,
body.auth-shell .founder-inquiry-panel,
body.auth-shell .admin-login-card {
    background: var(--ux-canvas) !important;
    border: 1px solid var(--ux-line) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 48px rgb(20 32 25 / 8%) !important;
}

body.auth-shell.auth-shell--founder .founder-checkout-optional > summary {
    min-height: 44px !important;
}

body.auth-shell .login-title {
    color: var(--ux-evergreen) !important;
    font-size: clamp(2.4rem, 4vw, 4rem) !important;
    letter-spacing: -0.045em !important;
    line-height: 1 !important;
    text-wrap: balance;
}

body.auth-shell .login-lede {
    color: var(--ux-muted) !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
}

body.auth-shell.auth-shell--founder-inquiry .founder-inquiry-copy-compact {
    display: none;
}

body.auth-shell .btn-primary,
body.auth-shell [type="submit"]:not(.btn-outline-secondary) {
    background: var(--ux-evergreen) !important;
    border-color: var(--ux-evergreen) !important;
    color: #ffffff !important;
    min-height: 50px;
}

body.auth-shell .btn-primary:hover,
body.auth-shell [type="submit"]:not(.btn-outline-secondary):hover {
    background: var(--ux-evergreen-hover) !important;
    border-color: var(--ux-evergreen-hover) !important;
}

body.privacy-shell main {
    color: var(--ux-ink);
}

/* Admin keeps information density, with calmer chrome. */
body.admin-shell {
    background: var(--ux-canvas-subtle) !important;
}

body.admin-shell :where(.card, .modal-content, .admin-panel) {
    background: var(--ux-canvas) !important;
    border: 1px solid var(--ux-line) !important;
    border-radius: var(--ux-radius-panel) !important;
    box-shadow: none !important;
}

body.admin-shell :where(table, .table) {
    color: var(--ux-ink) !important;
    font-size: 0.8125rem;
}

body.admin-shell :where(th, .table th) {
    background: var(--ux-canvas-subtle) !important;
    color: var(--ux-muted) !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

@media (min-width: 1200px) {
    body.seline-tw > .app-mobile-header,
    body.seline-tw > .mobile-bottom-nav {
        display: none !important;
    }

    body.seline-tw > main,
    body.seline-tw .lg\:ml-64 {
        margin-left: var(--ux-sidebar) !important;
    }

    body.seline-tw > aside.app-sidebar > div:first-child {
        padding: 24px 20px 18px !important;
    }

    body.seline-tw > aside.app-sidebar > div:first-child a {
        align-items: center !important;
        display: flex !important;
        gap: 12px !important;
        justify-content: flex-start !important;
    }

    body.seline-tw > aside.app-sidebar > div:first-child img {
        height: 42px !important;
        margin: 0 !important;
    }

    body.seline-tw > aside.app-sidebar > div:first-child span {
        color: #ffffff !important;
        font-size: 1rem !important;
        letter-spacing: 0 !important;
        opacity: 1 !important;
        text-transform: none !important;
    }
}

@media (max-width: 1279.98px) and (min-width: 1200px) {
    body.control-page .control-console-layout {
        grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr) !important;
    }

    body.control-page .control-page-frame,
    .scheduler-page-frame,
    .test-page-frame,
    .bookings-page-frame,
    .billing-page-frame,
    .results-page-frame {
        padding-inline: 22px !important;
    }
}

@media (max-width: 1199.98px) {
    html:has(body.seline-tw) {
        scroll-padding-top: calc(var(--ux-mobile-header) + 16px) !important;
    }

    body.seline-tw > aside.app-sidebar {
        display: none !important;
    }

    body.seline-tw > .app-mobile-header {
        display: block !important;
    }

    body.seline-tw > .mobile-bottom-nav {
        display: grid !important;
    }

    body.page-with-bottom-nav {
        min-height: 100dvh;
        overflow-x: clip !important;
        padding-top: var(--ux-mobile-header) !important;
    }

    body.page-with-bottom-nav > main {
        margin-left: 0 !important;
        min-height: calc(100dvh - var(--ux-mobile-header)) !important;
        padding-bottom: calc(var(--ux-mobile-nav) + env(safe-area-inset-bottom)) !important;
        width: 100%;
    }

    body.seline-tw > main,
    body.seline-tw .lg\:ml-64 {
        margin-left: 0 !important;
    }

    body.seline-tw.page-with-bottom-nav .bug-report-button {
        background: var(--ux-canvas-subtle) !important;
        border: 1px solid var(--ux-line) !important;
        bottom: auto !important;
        color: var(--ux-evergreen) !important;
        display: flex !important;
        font-size: 0.875rem !important;
        height: auto !important;
        justify-content: center;
        margin: 14px 16px calc(var(--ux-mobile-nav) + 16px + env(safe-area-inset-bottom)) !important;
        min-height: 48px !important;
        padding: 10px 16px !important;
        position: relative !important;
        right: auto !important;
        top: auto !important;
        width: calc(100% - 32px) !important;
        z-index: 1 !important;
    }

    body.seline-tw.page-with-bottom-nav .bug-report-button__label {
        display: inline !important;
    }

    body.seline-tw.page-with-bottom-nav .bug-report-button__icon {
        height: 20px;
        width: 20px;
    }

    .control-status-bar,
    .scheduler-status-bar,
    .test-status-bar,
    .bookings-status-bar,
    .billing-status-bar,
    .results-status-bar,
    .onboarding-status-bar {
        display: none !important;
    }

    .control-page-frame,
    .scheduler-page-frame,
    .test-page-frame,
    .bookings-page-frame,
    .billing-page-frame,
    .results-page-frame,
    .onboarding-page-frame {
        max-width: 820px !important;
        padding: 16px 20px calc(var(--ux-mobile-nav) + 28px) !important;
    }

    body.seline-tw.control-page .control-console-layout {
        display: flex !important;
        flex-direction: column;
        gap: 16px !important;
        grid-template-areas: none !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
    }

    body.control-page .control-page-frame > *,
    body.control-page .control-console-layout > *,
    body.control-page .control-primary-column > *,
    body.control-page .control-support-column > *,
    body.scheduled-jobs-page .scheduler-page-frame > *,
    body.scheduled-jobs-page .scheduler-layout > * {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.scheduled-jobs-page .scheduler-layout {
        display: block !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.scheduled-jobs-page .scheduler-layout > section {
        margin-bottom: 16px;
        width: 100% !important;
    }

    /* Keep the view tabs and target heading clear of the fixed app header. */
    body.seline-tw.scheduled-jobs-page #queuePanel,
    body.seline-tw.scheduled-jobs-page #singleJobCreator,
    body.seline-tw.scheduled-jobs-page #massBookingCreator {
        scroll-margin-top: 104px !important;
    }

    body.seline-tw.control-page .control-primary-column,
    body.seline-tw.control-page .control-support-column {
        display: block !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    body.seline-tw.control-page #bookingSection,
    body.seline-tw.control-page #availabilitySection,
    body.seline-tw.control-page #statusArea {
        grid-area: auto !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    body.my-bookings-page .bookings-feed-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.my-bookings-page .bookings-list-column {
        grid-row: 1;
    }

    body.my-bookings-page .bookings-sync-panel {
        grid-row: 2;
    }
}

@media (max-width: 899.98px) {
    body.conversion-home .conversion-hero__grid {
        gap: 2rem !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.conversion-home .conversion-hero__copy h1 {
        font-size: clamp(3.35rem, 8vw, 4rem) !important;
        max-width: 690px !important;
    }

    body.conversion-home .conversion-hero__lede {
        max-width: 650px !important;
    }

    body.conversion-home .conversion-hero__actions,
    body.conversion-home .conversion-workflow {
        max-width: 100% !important;
    }
}

@media (max-width: 767.98px) {
    body.seline-tw.scheduled-jobs-page #queuePanel,
    body.seline-tw.scheduled-jobs-page #singleJobCreator,
    body.seline-tw.scheduled-jobs-page #massBookingCreator {
        scroll-margin-top: 96px !important;
    }

    body.seline-tw.control-page .control-page-frame,
    body.seline-tw.scheduled-jobs-page .scheduler-page-frame,
    body.seline-tw.test-jobs-page .test-page-frame,
    body.seline-tw.my-bookings-page .bookings-page-frame,
    body.seline-tw.billing-page .billing-page-frame,
    body.seline-tw.results-page .results-page-frame {
        gap: 10px !important;
    }

    .control-page-frame,
    .scheduler-page-frame,
    .test-page-frame,
    .bookings-page-frame,
    .billing-page-frame,
    .results-page-frame,
    .onboarding-page-frame {
        padding: 14px 16px calc(var(--ux-mobile-nav) + 24px) !important;
    }

    body.seline-tw.control-page .control-workflow-heading,
    body.seline-tw.scheduled-jobs-page .scheduler-workflow-heading,
    body.seline-tw.test-jobs-page .test-workflow-heading,
    body.seline-tw.my-bookings-page .bookings-workflow-heading,
    body.seline-tw.billing-page .billing-workflow-heading,
    body.seline-tw.results-page .results-workflow-heading {
        align-items: start !important;
        display: block !important;
        margin-bottom: 0 !important;
        padding: 6px 0 6px !important;
    }

    :where(.control-workflow-heading, .scheduler-workflow-heading, .test-workflow-heading, .bookings-workflow-heading, .billing-workflow-heading, .results-workflow-heading) h1,
    :where(.control-workflow-heading, .scheduler-workflow-heading, .test-workflow-heading, .bookings-workflow-heading, .billing-workflow-heading, .results-workflow-heading) h2 {
        font-size: clamp(2.1rem, 10vw, 2.45rem) !important;
        letter-spacing: -0.045em !important;
        line-height: 1.02 !important;
    }

    :where(.control-workflow-heading, .scheduler-workflow-heading, .test-workflow-heading, .bookings-workflow-heading, .billing-workflow-heading, .results-workflow-heading) p {
        font-size: 0.9375rem !important;
        line-height: 1.45 !important;
        margin-top: 8px !important;
    }

    :where(.control-workflow-steps, .scheduler-workflow-steps, .test-workflow-steps, .bookings-workflow-steps, .billing-workflow-steps, .results-workflow-steps) {
        display: none !important;
    }

    body.control-page details.control-course-settings {
        margin-bottom: 4px;
        padding: 12px 14px !important;
    }

    body.control-page section.control-primary-panel,
    body.control-page section.control-secondary-panel,
    body.control-page section.control-status-panel {
        padding: 16px !important;
    }

    body.control-page .control-panel-head {
        margin-bottom: 16px !important;
    }

    body.control-page #bookingForm > .grid.md\:grid-cols-2,
    body.control-page #bookingForm > .grid.md\:grid-cols-3 {
        gap: 12px !important;
    }

    body.control-page #bookingSubmitButton,
    body.control-page #bookingSubmitButton + a {
        min-height: 50px !important;
        width: 100% !important;
    }

    body.test-jobs-page .test-lab-layout {
        display: block !important;
    }

    body.test-jobs-page .test-form-column,
    body.test-jobs-page .test-queue-column {
        margin-bottom: 16px;
    }

    body.test-jobs-page .test-work-card .card-header,
    body.test-jobs-page .test-work-card .card-body,
    body.test-jobs-page .test-queue-card .card-body,
    body.my-bookings-page .bookings-list-column,
    body.my-bookings-page .bookings-sync-panel {
        padding: 16px !important;
    }

    body.my-bookings-page .bookings-summary-grid {
        gap: 8px !important;
    }

    body.my-bookings-page .bookings-summary-grid > div {
        padding: 12px 10px !important;
    }

    body.conversion-home .landing-nav,
    body.conversion-home .conversion-nav {
        min-height: 68px !important;
    }

    body.conversion-home .brand-lockup img {
        height: 36px !important;
        width: 36px !important;
    }

    body.conversion-home .brand-lockup span {
        font-size: 0.95rem !important;
    }

    body.conversion-home .conversion-nav__links {
        display: none !important;
    }

    body.conversion-home .landing-nav-actions .member-pill:first-child {
        display: none !important;
    }

    body.conversion-home .landing-nav .member-pill {
        font-size: 0.8125rem !important;
        min-height: 44px !important;
        padding-inline: 13px !important;
    }

    body.conversion-home .conversion-hero__grid {
        gap: 1.5rem !important;
        grid-template-columns: minmax(0, 1fr) !important;
        padding-block: 2.25rem 2.5rem !important;
    }

    body.conversion-home .conversion-hero__copy h1 {
        font-size: clamp(3rem, 15vw, 3.45rem) !important;
        line-height: 0.98 !important;
    }

    body.conversion-home .conversion-hero__lede {
        font-size: 1rem !important;
        line-height: 1.5 !important;
    }

    body.conversion-home .conversion-hero__actions .btn {
        font-size: 1.0625rem !important;
        width: 100%;
    }

    body.conversion-home .conversion-workflow {
        padding: 1.25rem !important;
    }

    body.conversion-home .conversion-plan__grid {
        min-height: 0 !important;
        padding-block: 1.5rem !important;
    }

    body.auth-shell .login-title {
        font-size: clamp(2.35rem, 12vw, 3rem) !important;
    }

    body.auth-shell .auth-panel,
    body.auth-shell .founder-checkout-panel,
    body.auth-shell .founder-inquiry-panel {
        border-radius: var(--ux-radius-panel) !important;
        box-shadow: none !important;
    }

    body.seline-tw.page-with-bottom-nav input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    body.seline-tw.page-with-bottom-nav select,
    body.seline-tw.page-with-bottom-nav textarea,
    body.auth-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    body.auth-shell select,
    body.auth-shell textarea {
        font-size: 1rem !important;
        min-height: 48px !important;
    }
}

@media (max-width: 389.98px) {
    body.auth-shell.auth-shell--founder .login-main {
        gap: 2px !important;
        padding-top: 6px !important;
    }

    body.auth-shell.auth-shell--founder .login-title {
        font-size: 2.5rem !important;
        line-height: 0.98 !important;
    }

    body.auth-shell.auth-shell--founder-qualified .login-title {
        font-size: 2.45rem !important;
    }

    body.auth-shell.auth-shell--founder .login-lede {
        font-size: 0.9375rem !important;
        line-height: 1.4 !important;
        margin-top: 4px !important;
    }

    body.auth-shell.auth-shell--founder .founder-inquiry-panel .auth-panel-head {
        margin-bottom: 5px !important;
    }

    body.auth-shell.auth-shell--founder .founder-inquiry-panel .auth-panel-head h2 {
        font-size: 1.5rem !important;
        line-height: 1.05 !important;
        margin-bottom: 4px !important;
    }

    body.auth-shell.auth-shell--founder .founder-inquiry-panel .auth-panel-head p,
    body.auth-shell.auth-shell--founder .founder-inquiry-panel .founder-trust-strip {
        font-size: 0.75rem !important;
        line-height: 1.35 !important;
    }

    body.auth-shell.auth-shell--founder .founder-inquiry-panel .founder-trust-strip {
        margin-bottom: 4px !important;
        padding-block: 2px !important;
    }

    body.auth-shell.auth-shell--founder-qualified .founder-checkout-offer {
        margin-bottom: 8px !important;
        padding: 9px 10px !important;
    }

    body.auth-shell.auth-shell--founder-qualified .founder-checkout-offer p,
    body.auth-shell.auth-shell--founder-qualified .form-text,
    body.auth-shell.auth-shell--founder-qualified .founder-checkout-fit-escape {
        font-size: 0.75rem !important;
        line-height: 1.35 !important;
    }

    body.auth-shell.auth-shell--founder-qualified .founder-checkout-core-form > .mb-3,
    body.auth-shell.auth-shell--founder-qualified .founder-checkout-core-form > .founder-checkout-optional {
        margin-bottom: 7px !important;
    }

    body.auth-shell.auth-shell--founder-qualified .founder-checkout-consent {
        margin-bottom: 5px !important;
    }

    body.auth-shell.auth-shell--founder-qualified .founder-checkout-optional {
        padding: 8px 10px !important;
    }

    body.auth-shell.auth-shell--founder-qualified .founder-checkout-optional > summary {
        font-size: 0.8125rem !important;
        min-height: 44px !important;
    }

    body.auth-shell.auth-shell--founder-qualified #founderCheckoutSubmit {
        font-size: 0.9375rem !important;
        line-height: 1.25 !important;
    }

    .app-mobile-header > .flex {
        padding-inline: 12px !important;
    }

    .app-mobile-header > .flex > a {
        gap: 8px !important;
        max-width: calc(100vw - 132px) !important;
    }

    .app-mobile-header img[alt*="Logo"] {
        height: 34px !important;
    }

    .mobile-member-avatar {
        height: 44px !important;
        width: 44px !important;
    }

    .mobile-top-logout {
        height: 44px !important;
        width: 44px !important;
    }

    .mobile-bottom-nav {
        padding-inline: 4px !important;
    }

    .mobile-bottom-nav__item {
        font-size: 0.75rem !important;
        padding-inline: 1px !important;
    }

    .mobile-bottom-nav__icon {
        height: 20px !important;
        width: 20px !important;
    }

    body.control-page .control-page-frame,
    .scheduler-page-frame,
    .test-page-frame,
    .bookings-page-frame,
    .billing-page-frame,
    .results-page-frame,
    .onboarding-page-frame {
        padding-inline: 12px !important;
    }

    :where(.control-workflow-heading, .scheduler-workflow-heading, .test-workflow-heading, .bookings-workflow-heading, .billing-workflow-heading, .results-workflow-heading) h1,
    :where(.control-workflow-heading, .scheduler-workflow-heading, .test-workflow-heading, .bookings-workflow-heading, .billing-workflow-heading, .results-workflow-heading) h2 {
        font-size: 2.05rem !important;
    }
}

/*
 * Short phone viewports need a little more tolerance than desktop font
 * metrics provide. Keep every control at its full touch size while trimming
 * only surrounding whitespace so the founder action remains visible across
 * compact iPhone-class viewports on macOS and Linux Chromium.
 */
@media (max-width: 430px) and (max-height: 932px) {
    body.auth-shell.auth-shell--founder .login-main {
        gap: 0 !important;
        padding-top: 2px !important;
    }

    body.auth-shell.auth-shell--founder .login-title {
        font-size: 2.4rem !important;
    }

    body.auth-shell.auth-shell--founder .login-lede {
        line-height: 1.34 !important;
        margin-top: 0 !important;
    }

    body.auth-shell.auth-shell--founder .founder-inquiry-panel {
        padding: 8px !important;
    }

    body.auth-shell.auth-shell--founder .founder-inquiry-panel .auth-panel-head {
        margin-bottom: 3px !important;
    }

    body.auth-shell.auth-shell--founder .founder-inquiry-panel .founder-trust-strip {
        margin-bottom: 2px !important;
    }

    body.auth-shell.auth-shell--founder .founder-inquiry-panel .provider-advanced-settings > summary {
        min-height: 44px !important;
    }

    body.auth-shell.auth-shell--founder-qualified .login-title {
        font-size: 1.8rem !important;
        line-height: 1.05 !important;
    }

    body.auth-shell.auth-shell--founder-qualified .founder-checkout-panel:not(.founder-inquiry-panel) {
        padding: 9px !important;
    }

    body.auth-shell.auth-shell--founder-qualified .founder-checkout-offer {
        margin-bottom: 6px !important;
        padding: 8px 9px !important;
    }

    body.auth-shell.auth-shell--founder-qualified .founder-checkout-core-form > .mb-3,
    body.auth-shell.auth-shell--founder-qualified .founder-checkout-core-form > .founder-checkout-optional {
        margin-bottom: 5px !important;
    }

    body.auth-shell.auth-shell--founder-qualified .founder-checkout-optional {
        padding: 0 !important;
    }

    body.auth-shell.auth-shell--founder-qualified .founder-checkout-fit-escape {
        margin-bottom: 5px !important;
        padding-bottom: 4px !important;
    }

    body.auth-shell.auth-shell--founder-qualified .founder-checkout-consent {
        margin-bottom: 4px !important;
    }

    /*
     * Keep the course-check action in the first short-phone viewport without
     * shrinking form controls. The card already repeats the essential course
     * guidance, so the long hero lede can yield that space. A concise reply
     * deadline remains visible in the safeguard strip.
     */
    body.auth-shell.auth-shell--founder-inquiry .login-title {
        font-size: 1.8rem !important;
        line-height: 1.05 !important;
    }

    body.auth-shell.auth-shell--founder-inquiry .login-lede {
        display: block !important;
        font-size: 0.9rem !important;
        line-height: 1.35 !important;
    }

    body.auth-shell.auth-shell--founder-inquiry .founder-inquiry-copy-full {
        display: none;
    }

    body.auth-shell.auth-shell--founder-inquiry .founder-inquiry-copy-compact {
        display: inline;
    }

    body.auth-shell.auth-shell--founder-inquiry .founder-inquiry-panel .auth-panel-head h2 {
        font-size: 1.25rem !important;
    }

    body.auth-shell.auth-shell--founder-inquiry .founder-inquiry-panel .auth-panel-head p {
        display: none !important;
        font-size: 0.85rem !important;
    }

    body.auth-shell.auth-shell--founder-inquiry .founder-inquiry-panel .founder-trust-strip {
        gap: 4px !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        margin-bottom: 3px !important;
        padding-block: 2px !important;
    }

    body.auth-shell.auth-shell--founder-inquiry .founder-inquiry-panel .founder-trust-strip span {
        font-size: 0.8rem !important;
        gap: 4px !important;
    }

    body.auth-shell.auth-shell--founder-inquiry .founder-inquiry-panel .founder-pilot-offer {
        font-size: 0.82rem !important;
        line-height: 1.35 !important;
        margin-bottom: 5px !important;
        padding: 6px 7px !important;
    }

    body.auth-shell.auth-shell--founder-inquiry .founder-inquiry-panel form > .mb-3,
    body.auth-shell.auth-shell--founder-inquiry .founder-inquiry-panel form > details {
        margin-bottom: 6px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

@media (forced-colors: active) {
    :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
        outline: 3px solid Highlight !important;
    }

    .mobile-bottom-nav__item[aria-current="page"],
    .app-sidebar__link[aria-current="page"] {
        border: 2px solid Highlight !important;
    }
}