/* TickVisor dark design unification pass 1
   Keeps backend untouched. Gives the UI one rhythm instead of seven CSS bloodlines. */

html[data-theme="dark"] {
    color-scheme: dark;
    --bg: #050b18;
    --bg-soft: #081326;
    --surface: rgba(16, 27, 50, .88);
    --surface-strong: rgba(13, 24, 45, .94);
    --surface-subtle: rgba(255, 255, 255, .045);
    --surface-hover: rgba(22, 37, 68, .92);
    --border: rgba(125, 149, 194, .20);
    --border-strong: rgba(64, 224, 203, .32);
    --text: #f4f8ff;
    --ink: #f4f8ff;
    --ink-soft: #c0cce5;
    --muted: #8190b1;
    --muted-strong: #b8c5df;
    --accent: #40e0cb;
    --accent-2: #7c6dff;
    --cyan: #40e0cb;
    --violet: #9b55ff;
    --primary: #7c6dff;
    --primary-2: #a444ff;
    --success: #52e6a4;
    --warning: #f7c763;
    --danger: #fb6c87;
    --gold: #52e6a4;
    --shadow: 0 28px 80px rgba(0, 0, 0, .34);
    --shadow-soft: 0 18px 54px rgba(0, 0, 0, .24);
    --shadow-hard: 0 12px 34px rgba(0, 0, 0, .28);
    --radius-xl: 22px;
    --radius-lg: 20px;
    --radius-md: 16px;
    --radius-sm: 10px;
    --tv-page-pad: clamp(22px, 3.4vw, 56px);
    --tv-page-gap: clamp(22px, 2.1vw, 32px);
    --tv-card-pad: clamp(26px, 2.65vw, 42px);
    --tv-card-pad-sm: clamp(18px, 1.7vw, 26px);
    --tv-max: 1680px;
    --tv-btn-radius: 10px;
    --tv-btn-height: 42px;
    --tv-btn-pad-x: 18px;
}

html[data-theme="dark"],
html[data-theme="dark"] body {
    background-color: #050b18 !important;
}

html[data-theme="dark"] body {
    color: var(--text) !important;
    background:
        radial-gradient(circle at 17% -6%, rgba(33, 213, 221, .14), transparent 32rem),
        radial-gradient(circle at 76% 2%, rgba(115, 78, 255, .18), transparent 34rem),
        linear-gradient(180deg, #06101f 0%, #071226 42%, #050b18 100%) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    font-weight: 520 !important;
    text-rendering: geometricPrecision;
}

body::before {
    opacity: .22 !important;
}

.site-header-shell,
.site-main,
.site-footer-shell,
.auth-fullscreen-main {
    padding-left: var(--tv-page-pad) !important;
    padding-right: var(--tv-page-pad) !important;
}

.site-header-shell {
    padding-top: 18px !important;
    padding-bottom: 0 !important;
    background: linear-gradient(180deg, rgba(5, 11, 24, .94), rgba(5, 11, 24, .76) 80%, transparent) !important;
    backdrop-filter: blur(18px) !important;
}

.site-header.minimal-site-header,
.site-footer,
.page-shell,
.login-stage,
.register-stage,
.password-stage,
.auth-shell,
.tv-report {
    width: min(100%, var(--tv-max)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.site-header.minimal-site-header {
    min-height: 62px !important;
    padding: 0 0 16px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(125, 149, 194, .18) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.site-header.minimal-site-header .header-left {
    gap: clamp(20px, 2.7vw, 54px) !important;
}

.site-header .brand-logo .logo-light,
.site-header .brand-logo .logo-dark,
.site-header img.logo-light,
.site-header img.logo-dark,
.footer-brand img.logo-light,
.footer-brand img.logo-dark,
.login-brand img.logo-light,
.login-brand img.logo-dark {
    width: clamp(136px, 9vw, 178px) !important;
    min-width: 0 !important;
    max-width: 178px !important;
    height: auto !important;
}

.site-nav {
    gap: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.site-nav a,
.account-link,
.theme-toggle,
.language-form.language-picker,
.mobile-menu-toggle {
    min-height: 38px !important;
    border-radius: 10px !important;
    font-size: .84rem !important;
    font-weight: 740 !important;
    letter-spacing: -.012em !important;
}

.site-nav a {
    padding: 0 13px !important;
    color: rgba(226, 234, 248, .76) !important;
    border: 1px solid transparent !important;
}

.site-nav a:hover,
.site-nav a.active {
    color: #f8fbff !important;
    background: rgba(84, 211, 195, .12) !important;
    border-color: rgba(84, 211, 195, .18) !important;
    box-shadow: none !important;
}

.account-nav {
    gap: 9px !important;
}

.account-link,
.theme-toggle,
.language-form.language-picker {
    color: #f8fbff !important;
    background: rgba(10, 20, 38, .72) !important;
    border: 1px solid rgba(125, 149, 194, .24) !important;
    box-shadow: none !important;
}

.theme-toggle-icon {
    width: 18px !important;
    height: 18px !important;
    border-radius: 999px !important;
}

.site-main {
    padding-top: clamp(28px, 4vw, 62px) !important;
    padding-bottom: clamp(56px, 6vw, 92px) !important;
}

.page-shell,
.admin-premium-page,
.billing-premium-page,
.history-premium-page,
.analyze-premium-page,
.dashboard-premium-page,
.profile-premium-page,
.pricing-page,
.support-page,
.home-landing,
.seo-landing-page {
    display: grid !important;
    gap: var(--tv-page-gap) !important;
}

:is(
    .hero-card,
    .card,
    .metric-card,
    .finding-card,
    .debug-panel,
    .plan-card,
    .pricing-plan-card,
    .history-item,
    .mini-card,
    .score-card,
    .recommendation,
    .home-hero-copy,
    .server-health-panel,
    .home-step-card,
    .home-wide-card,
    .home-plan-strip,
    .home-check-item,
    .home-proof-card,
    .server-metric,
    .support-hero,
    .support-health-card,
    .support-guide-card,
    .support-wide-card,
    .support-faq-card,
    .warning-card,
    .pricing-hero,
    .pricing-hero-panel,
    .pricing-capacity-panel,
    .pricing-shell,
    .pricing-value-card,
    .pricing-cta-card,
    .dashboard-hero-premium,
    .dashboard-command-card,
    .dashboard-kpi-card,
    .dashboard-panel,
    .billing-hero-premium,
    .billing-status-panel,
    .billing-ai-panel,
    .billing-summary-panel,
    .billing-danger-panel,
    .billing-purchase-panel,
    .billing-ai-pack,
    .history-hero-premium,
    .history-activity-panel,
    .history-compare-panel,
    .history-upload-panel,
    .history-premium-item,
    .analyze-hero-premium,
    .analyze-input-panel,
    .analyze-guide-card,
    .profile-account-card,
    .profile-status-card,
    .profile-form-card,
    .profile-help-card,
    .profile-wide-card,
    .admin-command-card,
    .admin-chart-card,
    .admin-list-panel,
    .admin-pulse-panel,
    .admin-kpi,
    .admin-signal,
    .login-visual-card,
    .login-form-card,
    .register-plan-panel,
    .password-security-panel,
    .auth-form-panel,
    .auth-visual-panel,
    .tv-report__card,
    .tv-report__panel,
    .tv-report__section,
    .tv-report__snapshot,
    .legal-card
) {
    border-radius: var(--radius-lg) !important;
    border: 1px solid var(--border) !important;
    background:
        radial-gradient(circle at 18% 8%, rgba(64, 224, 203, .055), transparent 24rem),
        linear-gradient(180deg, rgba(20, 33, 58, .88), rgba(13, 24, 45, .90)) !important;
    box-shadow: var(--shadow-soft) !important;
    color: var(--text) !important;
}

:is(
    .hero-card,
    .home-hero-copy,
    .server-health-panel,
    .support-hero,
    .pricing-hero,
    .dashboard-hero-premium,
    .dashboard-command-card,
    .billing-hero-premium,
    .billing-status-panel,
    .history-hero-premium,
    .history-activity-panel,
    .analyze-hero-premium,
    .profile-account-card,
    .profile-status-card,
    .admin-command-card,
    .admin-chart-card,
    .login-visual-card,
    .login-form-card,
    .register-plan-panel,
    .auth-form-panel,
    .auth-visual-panel
) {
    padding: var(--tv-card-pad) !important;
}

:is(
    .card,
    .metric-card,
    .finding-card,
    .mini-card,
    .home-step-card,
    .home-wide-card,
    .home-check-item,
    .home-plan-strip,
    .support-guide-card,
    .support-wide-card,
    .support-faq-card,
    .warning-card,
    .pricing-shell,
    .pricing-value-card,
    .pricing-cta-card,
    .dashboard-panel,
    .dashboard-kpi-card,
    .billing-ai-panel,
    .billing-summary-panel,
    .billing-danger-panel,
    .billing-purchase-panel,
    .history-compare-panel,
    .history-upload-panel,
    .history-premium-item,
    .analyze-input-panel,
    .analyze-guide-card,
    .profile-form-card,
    .profile-help-card,
    .profile-wide-card,
    .admin-list-panel,
    .admin-pulse-panel,
    .admin-kpi,
    .admin-signal,
    .tv-report__section,
    .tv-report__snapshot,
    .legal-card
) {
    padding: var(--tv-card-pad-sm) !important;
}

:is(.landing-hero, .home-hero, .support-hero, .billing-two-grid, .profile-content-grid, .admin-content-grid, .dashboard-premium-grid, .dashboard-lower-grid, .pricing-value-grid, .support-guide-grid, .home-step-grid, .feature-grid, .pricing-grid, .analyze-guide-grid, .history-compare-grid, .grid, .two-column-grid, .three-column-grid) {
    gap: var(--tv-page-gap) !important;
}

.home-hero,
.dashboard-hero-premium,
.billing-hero-premium,
.history-hero-premium,
.analyze-hero-premium,
.profile-top-clean,
.admin-premium-hero,
.pricing-hero,
.support-hero {
    align-items: stretch !important;
}

.home-hero-copy,
.server-health-panel,
.dashboard-hero-premium,
.dashboard-command-card,
.billing-hero-premium,
.billing-status-panel,
.history-hero-premium,
.history-activity-panel,
.analyze-hero-premium,
.profile-account-card,
.profile-status-card,
.admin-command-card,
.admin-chart-card {
    min-height: auto !important;
}

:is(h1, h2, h3, .tv-report__title, .price, .metric-value, .kpi-card strong) {
    color: var(--text) !important;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
    text-wrap: balance;
}

:is(
    h1,
    .home-hero-copy h1,
    .support-hero-copy h1,
    .pricing-hero-copy h1,
    .dashboard-hero-copy h1,
    .billing-hero-copy h1,
    .history-hero-copy h1,
    .analyze-hero-copy h1,
    .profile-account-main h1,
    .admin-command-main h1,
    .login-visual-copy h1,
    .password-visual-card h1,
    .tv-report__title
) {
    font-size: clamp(3.15rem, 5.1vw, 5.8rem) !important;
    line-height: .96 !important;
    letter-spacing: -.082em !important;
    font-weight: 500 !important;
}

:is(
    h2,
    .home-section-heading h2,
    .support-guide-card h2,
    .support-wide-card h2,
    .support-faq-card h2,
    .pricing-shell-header h2,
    .pricing-cta-card h2,
    .dashboard-panel-header h2,
    .billing-section-header h2,
    .history-section-header h2,
    .profile-section-head h2,
    .login-form-header h2,
    .admin-panel-head h2,
    .tv-report__section-head h2
) {
    font-size: clamp(1.85rem, 2.8vw, 3.55rem) !important;
    line-height: 1 !important;
    letter-spacing: -.072em !important;
    font-weight: 500 !important;
}

:is(h3, .history-title, .plan-title-row h2, .pricing-value-card h3, .home-step-card h3, .support-faq-grid h3, .tv-report__finding h3) {
    font-size: clamp(1.05rem, 1.05vw, 1.32rem) !important;
    line-height: 1.18 !important;
    letter-spacing: -.035em !important;
    font-weight: 720 !important;
}

:is(p, .lede, .note, .home-subtitle, .support-subtitle, .pricing-subtitle, .profile-subtitle, .tv-report__lede, .plan-summary, .dashboard-panel p, .login-visual-copy p, .login-form-header p, .legal-card p, .page-list li) {
    color: var(--muted-strong) !important;
    font-size: .98rem !important;
    line-height: 1.62 !important;
    font-weight: 560 !important;
}

:is(.note, .metric-label, .footer-copy, .tv-report__note, .home-pill-soft, .plan-note, .billing-side-copy, .history-side-copy) {
    color: var(--muted) !important;
}

.home-pill,
.badge,
.admin-chip,
.tv-report__tag,
.health-status,
.warning-pill,
.capacity-tier-top span,
.billing-pack-top span,
.history-premium-meta span,
.profile-reset-note,
.dashboard-reset-note,
.billing-note-card,
.login-health-header strong {
    min-height: 24px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(64, 224, 203, .22) !important;
    background: rgba(64, 224, 203, .10) !important;
    color: #65f2d9 !important;
    font-size: .72rem !important;
    line-height: 1 !important;
    font-weight: 780 !important;
    letter-spacing: -.005em !important;
    box-shadow: none !important;
}

:is(.button, .account-button, .login-submit, .compact-button, input[type="submit"], input::file-selector-button, input::-webkit-file-upload-button, button:not(.mobile-menu-toggle):not(.theme-toggle):not(.account-link)) {
    min-height: var(--tv-btn-height) !important;
    padding: 0 var(--tv-btn-pad-x) !important;
    border-radius: var(--tv-btn-radius) !important;
    background: linear-gradient(135deg, #5157ff 0%, #7b50ff 52%, #b13ff2 100%) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 14px 28px rgba(126, 79, 255, .24) !important;
    font-size: .86rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
}

:is(.button.secondary, .button.ghost, button.secondary, .account-link, .theme-toggle, .mobile-menu-toggle, .login-oauth, .profile-wide-button) {
    min-height: var(--tv-btn-height) !important;
    padding: 0 var(--tv-btn-pad-x) !important;
    border-radius: var(--tv-btn-radius) !important;
    border: 1px solid rgba(125, 149, 194, .22) !important;
    background: linear-gradient(180deg, rgba(13, 24, 45, .94), rgba(8, 17, 34, .94)) !important;
    color: #f5f8ff !important;
    box-shadow: none !important;
    font-size: .86rem !important;
    font-weight: 760 !important;
}

:is(.button:hover, .account-button:hover, .login-submit:hover, .compact-button:hover, input[type="submit"]:hover, button:not(.mobile-menu-toggle):not(.theme-toggle):not(.account-link):hover) {
    transform: translateY(-1px) !important;
    box-shadow: 0 18px 36px rgba(126, 79, 255, .30) !important;
}

:is(.button.secondary:hover, .button.ghost:hover, button.secondary:hover, .account-link:hover, .theme-toggle:hover, .login-oauth:not(.is-disabled):hover, .profile-wide-button:hover) {
    transform: translateY(-1px) !important;
    border-color: rgba(64, 224, 203, .32) !important;
    background: linear-gradient(180deg, rgba(18, 34, 62, .96), rgba(11, 23, 44, .96)) !important;
    box-shadow: none !important;
}

:is(input[type="file"], input[type="email"], input[type="password"], input[type="text"], input[type="date"], select, textarea) {
    min-height: 46px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(125, 149, 194, .26) !important;
    background: rgba(5, 12, 26, .66) !important;
    color: var(--text) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
    font-size: .94rem !important;
    font-weight: 600 !important;
}

:is(input, select, textarea):focus-visible {
    outline: 3px solid rgba(64, 224, 203, .18) !important;
    outline-offset: 2px !important;
    border-color: rgba(64, 224, 203, .46) !important;
}

.file-input,
.analyze-dropzone,
.analyze-upload-card,
.login-field input,
.profile-field input,
.form-field input,
.form-field select,
.form-field textarea {
    border-radius: 12px !important;
}

:is(.dash-icon, .admin-icon, .profile-stat-icon, .support-icon, .home-step-icon, .home-check-icon, .pricing-icon) {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 12px !important;
    display: inline-grid !important;
    place-items: center !important;
    color: #5cefd6 !important;
    background: rgba(64, 224, 203, .10) !important;
    border: 1px solid rgba(64, 224, 203, .22) !important;
    box-shadow: none !important;
}

:is(.dash-icon svg, .admin-icon svg, .profile-stat-icon svg, .support-icon svg, .home-step-icon svg, .home-check-icon svg, .pricing-icon svg) {
    width: 21px !important;
    height: 21px !important;
}

.site-footer-shell {
    padding-bottom: 34px !important;
}

.site-footer {
    padding: 18px 20px !important;
    border-radius: 16px !important;
    border-color: rgba(125, 149, 194, .20) !important;
    background: rgba(5, 12, 26, .56) !important;
    box-shadow: none !important;
}

.site-footer nav {
    gap: 14px !important;
    font-size: .82rem !important;
    font-weight: 740 !important;
    color: rgba(226, 234, 248, .78) !important;
}

.footer-copy {
    font-size: .82rem !important;
    color: rgba(184, 197, 223, .68) !important;
}

/* Language selector: CSS flags instead of emoji glyph roulette. */
.language-form.language-picker {
    position: relative !important;
    overflow: hidden !important;
    min-width: 148px !important;
    padding: 0 !important;
}

.language-form.language-picker select {
    min-width: 148px !important;
    min-height: 38px !important;
    padding: 0 36px 0 43px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    color: #f8fbff !important;
    font-size: .82rem !important;
    font-weight: 760 !important;
}

.language-form.language-picker select option {
    color: #0f172a !important;
    background: #ffffff !important;
    font-weight: 700 !important;
}

.language-picker-flag {
    position: absolute !important;
    left: 13px !important;
    top: 50% !important;
    z-index: 3 !important;
    width: 20px !important;
    height: 14px !important;
    border-radius: 3px !important;
    transform: translateY(-50%) !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.22) !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, #1f4ea3 0 100%) !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.language-picker-flag[data-locale="en"] {
    background:
        linear-gradient(0deg, transparent 38%, #fff 38% 62%, transparent 62%),
        linear-gradient(90deg, transparent 38%, #fff 38% 62%, transparent 62%),
        linear-gradient(0deg, transparent 44%, #d91f3c 44% 56%, transparent 56%),
        linear-gradient(90deg, transparent 44%, #d91f3c 44% 56%, transparent 56%),
        #153b8d !important;
}

.language-picker-flag[data-locale="fr"] { background: linear-gradient(90deg, #21468b 0 33.33%, #fff 33.33% 66.66%, #ae1c28 66.66%) !important; }
.language-picker-flag[data-locale="es"] { background: linear-gradient(180deg, #aa151b 0 25%, #f1bf00 25% 75%, #aa151b 75%) !important; }
.language-picker-flag[data-locale="de"] { background: linear-gradient(180deg, #000 0 33.33%, #dd0000 33.33% 66.66%, #ffce00 66.66%) !important; }
.language-picker-flag[data-locale="nl"] { background: linear-gradient(180deg, #ae1c28 0 33.33%, #fff 33.33% 66.66%, #21468b 66.66%) !important; }
.language-picker-flag[data-locale="pt-BR"] {
    background:
        radial-gradient(circle at 50% 50%, #1f4aa8 0 20%, transparent 21%),
        linear-gradient(135deg, transparent 28%, #ffdf00 28% 50%, transparent 50% 72%, #ffdf00 72%),
        #009b3a !important;
}

.language-form.language-picker::after {
    right: 13px !important;
    width: 7px !important;
    height: 7px !important;
    border-color: rgba(226, 234, 248, .78) !important;
}

/* Auth pages: use the same heartbeat system as the home page, not a second tiny pretend oscilloscope. */
.auth-fullscreen-body .auth-fullscreen-main {
    padding-top: clamp(28px, 5vw, 74px) !important;
    padding-bottom: clamp(40px, 5vw, 74px) !important;
}

.login-experience {
    min-height: 100svh !important;
}

.login-stage,
.register-stage,
.password-stage {
    gap: clamp(34px, 4vw, 72px) !important;
    align-items: center !important;
}

.login-brand {
    top: clamp(22px, 2vw, 36px) !important;
    left: var(--tv-page-pad) !important;
}

.login-theme-toggle {
    top: clamp(22px, 2vw, 36px) !important;
    right: var(--tv-page-pad) !important;
}

.login-form-card,
.register-form-card,
.password-form-card {
    max-width: 560px !important;
}

.login-visual-card,
.register-visual-card,
.password-visual-card {
    max-width: 820px !important;
}

.login-health-panel {
    margin-top: clamp(22px, 2.4vw, 34px) !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.login-health-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
    color: var(--muted-strong) !important;
    font-size: .82rem !important;
    font-weight: 760 !important;
}

.auth-heartbeat-card {
    height: auto !important;
    min-height: 216px !important;
    padding: 18px !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 50% 44%, rgba(124, 109, 255, .13), transparent 34%),
        radial-gradient(circle at 72% 24%, rgba(64, 224, 203, .11), transparent 26%),
        rgba(5, 12, 26, .55) !important;
}

.auth-heartbeat-card .heartbeat-wave {
    width: 100% !important;
    height: 156px !important;
}

.auth-heartbeat-card .heartbeat-caption {
    display: flex !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

.login-metric-row,
.login-benefit-grid,
.server-metric-row,
.home-proof-grid,
.dashboard-command-stats,
.dashboard-kpi-row,
.billing-status-grid,
.profile-status-grid,
.admin-kpi-grid,
.admin-pulse-grid,
.pricing-value-grid,
.register-plan-metrics {
    gap: clamp(12px, 1.1vw, 18px) !important;
}

.login-metric-row > div,
.login-benefit-grid > div,
.server-metric,
.home-proof-card,
.dashboard-command-stats > div,
.billing-status-grid > div,
.profile-stat-card,
.register-plan-metrics > div,
.visual-stat,
.tv-report__metric {
    border-radius: 14px !important;
    border: 1px solid rgba(125, 149, 194, .18) !important;
    background: rgba(5, 12, 26, .45) !important;
    box-shadow: none !important;
}

/* Report page also gets the same surface language. It was trying to be special. It is not. */
.tv-report {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tv-report__hero {
    gap: var(--tv-page-gap) !important;
}

.tv-report__button {
    min-height: var(--tv-btn-height) !important;
    padding: 0 var(--tv-btn-pad-x) !important;
    border-radius: var(--tv-btn-radius) !important;
    font-size: .86rem !important;
    font-weight: 760 !important;
}

/* Consistent internal dividers and list rows. */
:is(.history-premium-item, .admin-user-row, .admin-report-row, .admin-webhook-row, .billing-purchase-item, .dashboard-action-list li, .support-step-item, .compact-list li, .page-list li, .tv-report__finding, .tv-report__snapshot, .billing-detail-list li, .profile-help-list li) {
    border-radius: 14px !important;
    border-color: rgba(125, 149, 194, .16) !important;
    background: rgba(5, 12, 26, .32) !important;
}

/* Reduce excess decorative outline rings that made every card look like a sci-fi lunch tray. */
.plan-card::before,
.kpi-card::before,
.history-item::before,
.mini-card::before,
.file-input::before,
.home-hero-copy::before,
.server-health-panel::before,
.login-form-card::before,
.login-visual-card::before,
.admin-command-card::before,
.profile-account-card::before {
    opacity: .35 !important;
    border-radius: 12px !important;
}

@media (max-width: 1100px) {
    .site-header.minimal-site-header {
        align-items: flex-start !important;
    }

    .account-nav {
        flex-wrap: wrap !important;
    }

    :is(.home-hero, .landing-hero, .dashboard-hero-premium, .billing-hero-premium, .history-hero-premium, .analyze-hero-premium, .profile-top-clean, .admin-premium-hero, .login-stage, .register-stage, .password-stage) {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 820px) {
    html[data-theme="dark"] {
        --tv-page-pad: 18px;
        --tv-page-gap: 18px;
        --tv-card-pad: 22px;
        --tv-card-pad-sm: 18px;
    }

    .site-header.minimal-site-header {
        padding-bottom: 12px !important;
    }

    .site-nav,
    .account-nav {
        width: 100% !important;
        border-radius: 14px !important;
        background: rgba(5, 12, 26, .72) !important;
        border: 1px solid rgba(125, 149, 194, .18) !important;
        padding: 10px !important;
    }

    .language-form.language-picker,
    .language-form.language-picker select {
        width: 100% !important;
        max-width: none !important;
    }

    :is(h1, .home-hero-copy h1, .support-hero-copy h1, .pricing-hero-copy h1, .dashboard-hero-copy h1, .billing-hero-copy h1, .history-hero-copy h1, .analyze-hero-copy h1, .profile-account-main h1, .admin-command-main h1, .login-visual-copy h1, .password-visual-card h1, .tv-report__title) {
        font-size: clamp(2.65rem, 13vw, 4.25rem) !important;
    }

    :is(h2, .home-section-heading h2, .support-guide-card h2, .support-wide-card h2, .support-faq-card h2, .pricing-shell-header h2, .pricing-cta-card h2, .dashboard-panel-header h2, .billing-section-header h2, .history-section-header h2, .profile-section-head h2, .login-form-header h2, .admin-panel-head h2, .tv-report__section-head h2) {
        font-size: clamp(1.7rem, 9vw, 2.7rem) !important;
    }

    .site-footer {
        grid-template-columns: 1fr !important;
    }
}

/* TickVisor dark design unification pass 2
   Fixes auth viewport clipping and removes decorative pill/number noise. */

/* Global decorative tag cleanup. These were being used as section stickers rather than useful UI. */
.home-pill,
.home-pill-soft,
.home-tag-row,
.tv-report__tag-row,
.home-step-number,
.home-check-item > em,
.capacity-tier-top em,
.plan-title-row .home-pill,
.pricing-page .home-pill,
.support-page .home-pill,
.dashboard-premium-page .home-pill,
.analyze-premium-page .home-pill,
.history-premium-page .home-pill,
.billing-premium-page .home-pill,
.profile-premium-page .home-pill,
.admin-premium-page .home-pill,
.seo-landing-page .home-pill {
    display: none !important;
}

.home-kicker-row,
.profile-chip-row,
.analyze-hero-badges,
.plan-title-row,
.tv-report__tag-row {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove purely decorative number/icon holders on public marketing sections. */
.home-landing .home-step-icon,
.home-landing .home-check-icon,
.seo-landing-page .home-step-icon,
.seo-landing-page .home-step-number,
.register-trial-flow .support-icon,
.password-lock-icon {
    display: none !important;
}

.home-landing .home-step-card,
.seo-landing-page .home-step-card {
    align-content: start !important;
    padding-top: var(--tv-card-pad-sm) !important;
}

.home-check-item,
.register-trial-flow article {
    grid-template-columns: minmax(0, 1fr) !important;
}

.home-section-heading,
.pricing-shell-header,
.billing-section-header,
.history-section-header,
.dashboard-panel-header,
.admin-panel-head,
.profile-section-head,
.support-faq-card > div:first-child {
    gap: 8px !important;
}

/* Auth pages: no more clipped forms on normal desktop heights. */
.auth-fullscreen-body {
    min-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.auth-fullscreen-body .auth-fullscreen-main,
.site-main.auth-fullscreen-main {
    width: 100% !important;
    max-width: none !important;
    min-height: 100dvh !important;
    padding: 0 !important;
    overflow: visible !important;
}

.login-experience,
.register-experience,
.password-experience {
    width: 100% !important;
    min-height: 100dvh !important;
    height: auto !important;
    padding: clamp(84px, 8vh, 118px) clamp(22px, 4vw, 64px) clamp(28px, 4vh, 56px) !important;
    align-items: start !important;
    justify-content: center !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

.login-brand {
    top: clamp(22px, 3vh, 34px) !important;
    left: clamp(22px, 4vw, 64px) !important;
}

.login-theme-toggle {
    top: clamp(22px, 3vh, 34px) !important;
    right: clamp(22px, 4vw, 64px) !important;
}

.login-stage,
.register-stage,
.password-stage,
.register-experience .login-stage {
    width: min(100%, 1480px) !important;
    height: auto !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(380px, 500px) !important;
    gap: clamp(24px, 3vw, 48px) !important;
    align-items: center !important;
}

.login-visual-card,
.register-visual-card,
.password-visual-card,
.login-form-card,
.register-form-card,
.password-form-card {
    max-height: none !important;
    overflow: visible !important;
    border-radius: 18px !important;
    padding: clamp(26px, 3vw, 44px) !important;
}

.login-form-card,
.register-form-card,
.password-form-card {
    width: 100% !important;
    max-width: 500px !important;
}

.login-visual-card,
.register-visual-card,
.password-visual-card {
    max-width: 760px !important;
    justify-content: center !important;
    gap: clamp(18px, 2.2vw, 28px) !important;
}

.login-visual-copy h1,
.password-visual-card h1,
.register-visual-card h1 {
    margin: 0 0 clamp(16px, 2vw, 22px) !important;
    max-width: 720px !important;
    font-size: clamp(3.15rem, 5vw, 5.8rem) !important;
    line-height: .95 !important;
    letter-spacing: -.07em !important;
    font-weight: 560 !important;
}

.login-visual-copy p,
.password-visual-card p,
.register-visual-card p {
    max-width: 680px !important;
    font-size: clamp(.95rem, .9vw, 1.06rem) !important;
    line-height: 1.55 !important;
    font-weight: 620 !important;
}

.login-form-header {
    margin-bottom: clamp(18px, 2vw, 24px) !important;
}

.login-form-header h2 {
    margin: 0 0 8px !important;
    font-size: clamp(2.4rem, 3.2vw, 3.9rem) !important;
    line-height: .98 !important;
    letter-spacing: -.065em !important;
    font-weight: 610 !important;
}

.login-form-header p {
    margin: 0 !important;
    font-size: .98rem !important;
    line-height: 1.48 !important;
    font-weight: 650 !important;
}

.login-oauth-grid {
    margin-top: 0 !important;
    gap: 10px !important;
}

.login-oauth {
    min-height: 42px !important;
    border-radius: 10px !important;
}

.login-divider {
    margin: 18px 0 !important;
}

.login-form {
    gap: 13px !important;
}

.login-field {
    gap: 6px !important;
}

.login-field input {
    height: 48px !important;
    border-radius: 10px !important;
}

.login-submit {
    height: 50px !important;
    border-radius: 10px !important;
}

.login-bottom-actions {
    margin-top: 16px !important;
    gap: 8px !important;
}

.login-bottom-actions p {
    margin: 0 !important;
}

.login-benefit-grid {
    display: none !important;
}

.login-health-panel {
    margin-top: clamp(18px, 2vw, 26px) !important;
}

.auth-heartbeat-card {
    min-height: 172px !important;
    padding: 16px !important;
    border-radius: 14px !important;
}

.auth-heartbeat-card .heartbeat-wave {
    height: 112px !important;
}

.login-metric-row > div,
.register-plan-metrics article,
.login-benefit-grid > div {
    min-height: 70px !important;
    padding: 14px !important;
    border-radius: 12px !important;
}

.login-metric-row strong,
.register-plan-metrics strong {
    font-size: clamp(1.35rem, 1.7vw, 2rem) !important;
}

/* Register and reset pages had extra display widgets that made the page taller than the screen. */
.register-plan-panel,
.password-security-panel {
    display: none !important;
}

.password-form-card {
    align-self: center !important;
}

@media (max-height: 900px) and (min-width: 1121px) {
    .login-experience,
    .register-experience,
    .password-experience {
        padding-top: 82px !important;
        padding-bottom: 26px !important;
    }

    .login-brand img.logo-light,
    .login-brand img.logo-dark {
        width: 156px !important;
    }

    .login-stage,
    .register-stage,
    .password-stage,
    .register-experience .login-stage {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 480px) !important;
        gap: clamp(22px, 3vw, 42px) !important;
    }

    .login-visual-card,
    .register-visual-card,
    .password-visual-card,
    .login-form-card,
    .register-form-card,
    .password-form-card {
        padding: clamp(24px, 2.4vw, 36px) !important;
    }

    .login-visual-copy h1,
    .password-visual-card h1,
    .register-visual-card h1 {
        font-size: clamp(2.9rem, 4.5vw, 5rem) !important;
    }

    .auth-heartbeat-card {
        min-height: 148px !important;
    }

    .auth-heartbeat-card .heartbeat-wave {
        height: 88px !important;
    }

    .login-metric-row > div {
        min-height: 58px !important;
        padding: 10px 12px !important;
    }
}

@media (max-width: 1120px) {
    .login-experience,
    .register-experience,
    .password-experience {
        padding-top: 92px !important;
    }

    .login-stage,
    .register-stage,
    .password-stage,
    .register-experience .login-stage {
        grid-template-columns: 1fr !important;
        max-width: 760px !important;
    }

    .login-form-card,
    .register-form-card,
    .password-form-card,
    .login-visual-card,
    .register-visual-card,
    .password-visual-card {
        max-width: none !important;
    }
}

@media (max-width: 720px) {
    .login-experience,
    .register-experience,
    .password-experience {
        padding-left: 18px !important;
        padding-right: 18px !important;
        padding-top: 86px !important;
    }

    .login-theme-toggle {
        right: 18px !important;
    }

    .login-brand {
        left: 18px !important;
    }

    .login-visual-card {
        display: none !important;
    }

    .login-form-header h2 {
        font-size: clamp(2.15rem, 13vw, 3.1rem) !important;
    }

    .login-oauth-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Complete visible tag cleanup across admin/history/report surfaces too. */
.badge,
.badges,
.admin-chip,
.admin-row-badges,
.health-status,
.support-note-pill,
.tv-report__tag,
.tv-report__badges,
.finding-meta .badge {
    display: none !important;
}

/* TickVisor site revamp pass 3
   Flattens card nesting, removes pointless UI stickers, and gives the main site one clean rhythm.
   Auth pages are deliberately left alone because those finally stopped fighting the viewport. */

html[data-theme="dark"] {
    --bg: #050b18;
    --surface: rgba(13, 25, 46, .76);
    --surface-strong: rgba(15, 29, 53, .86);
    --surface-soft: rgba(8, 17, 32, .52);
    --surface-flat: rgba(11, 22, 40, .50);
    --border: rgba(128, 151, 190, .15);
    --border-strong: rgba(64, 224, 203, .22);
    --text: #f5f8ff;
    --muted-strong: #b7c4dc;
    --muted: #8796b5;
    --radius-xl: 18px;
    --radius-lg: 16px;
    --radius-md: 12px;
    --radius-sm: 9px;
    --tv-max: 1480px;
    --tv-page-pad: clamp(22px, 4vw, 48px);
    --tv-page-gap: clamp(22px, 2vw, 30px);
    --tv-section-gap: clamp(38px, 4.4vw, 68px);
    --tv-card-pad: clamp(28px, 3vw, 44px);
    --tv-card-pad-sm: clamp(20px, 2vw, 30px);
    --tv-btn-height: 38px;
    --tv-btn-pad-x: 15px;
    --tv-btn-radius: 9px;
    --shadow-soft: 0 22px 56px rgba(0, 0, 0, .22);
}

html[data-theme="dark"] body:not(.auth-fullscreen-body) {
    background:
        radial-gradient(circle at 18% -8%, rgba(23, 185, 207, .12), transparent 31rem),
        radial-gradient(circle at 76% -7%, rgba(118, 72, 255, .18), transparent 32rem),
        linear-gradient(180deg, #06101e 0%, #071225 48%, #050b18 100%) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.58 !important;
}

body:not(.auth-fullscreen-body) .site-main {
    padding-top: clamp(34px, 4.5vw, 64px) !important;
    padding-bottom: clamp(54px, 6vw, 90px) !important;
}

body:not(.auth-fullscreen-body) .site-header.minimal-site-header,
body:not(.auth-fullscreen-body) .site-footer,
body:not(.auth-fullscreen-body) .page-shell,
body:not(.auth-fullscreen-body) .tv-report {
    width: min(100%, var(--tv-max)) !important;
}

body:not(.auth-fullscreen-body) .site-header-shell {
    padding-top: 16px !important;
}

body:not(.auth-fullscreen-body) .site-header.minimal-site-header {
    min-height: 58px !important;
    padding-bottom: 14px !important;
}

body:not(.auth-fullscreen-body) .site-header .brand-logo .logo-light,
body:not(.auth-fullscreen-body) .site-header .brand-logo .logo-dark,
body:not(.auth-fullscreen-body) .site-header img.logo-light,
body:not(.auth-fullscreen-body) .site-header img.logo-dark,
body:not(.auth-fullscreen-body) .footer-brand img.logo-light,
body:not(.auth-fullscreen-body) .footer-brand img.logo-dark {
    width: clamp(126px, 8vw, 158px) !important;
    max-width: 158px !important;
}

body:not(.auth-fullscreen-body) .page-shell,
body:not(.auth-fullscreen-body) .dashboard-premium-page,
body:not(.auth-fullscreen-body) .analyze-premium-page,
body:not(.auth-fullscreen-body) .history-premium-page,
body:not(.auth-fullscreen-body) .billing-premium-page,
body:not(.auth-fullscreen-body) .profile-premium-page,
body:not(.auth-fullscreen-body) .admin-premium-page,
body:not(.auth-fullscreen-body) .pricing-page,
body:not(.auth-fullscreen-body) .support-page,
body:not(.auth-fullscreen-body) .home-landing,
body:not(.auth-fullscreen-body) .seo-landing-page {
    gap: var(--tv-section-gap) !important;
}

/* Section containers should not be cards when they already contain cards. Humanity has nested enough things. */
body:not(.auth-fullscreen-body) :is(
    .home-hero,
    .landing-hero,
    .dashboard-hero-premium,
    .analyze-hero-premium,
    .history-hero-premium,
    .billing-hero-premium,
    .profile-top-clean,
    .admin-premium-hero,
    .pricing-hero,
    .support-hero,
    .dashboard-premium-grid,
    .dashboard-lower-grid,
    .billing-two-grid,
    .profile-content-grid,
    .admin-content-grid,
    .support-guide-grid,
    .pricing-value-grid,
    .history-compare-grid,
    .home-split-section,
    .home-step-grid,
    .analyze-guide-grid,
    .feature-grid,
    .pricing-grid
) {
    gap: var(--tv-page-gap) !important;
}

body:not(.auth-fullscreen-body) :is(
    .dashboard-hero-premium,
    .analyze-hero-premium,
    .history-hero-premium,
    .billing-hero-premium,
    .profile-top-clean,
    .admin-premium-hero,
    .support-hero,
    .pricing-hero
) {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Make hero copy blocks real cards only where the wrapper was previously the card. */
body:not(.auth-fullscreen-body) :is(
    .dashboard-hero-copy,
    .analyze-hero-copy,
    .history-hero-copy,
    .billing-hero-copy,
    .support-hero-copy,
    .pricing-hero-copy,
    .admin-command-main
) {
    display: flex !important;
    min-height: clamp(360px, 34vw, 500px) !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: var(--tv-card-pad) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-lg) !important;
    background:
        radial-gradient(circle at 12% 8%, rgba(64, 224, 203, .06), transparent 22rem),
        linear-gradient(180deg, rgba(16, 30, 54, .86), rgba(11, 22, 40, .82)) !important;
    box-shadow: var(--shadow-soft) !important;
}

body:not(.auth-fullscreen-body) :is(.home-hero-copy, .server-health-panel) {
    min-height: clamp(390px, 38vw, 520px) !important;
}

body:not(.auth-fullscreen-body) :is(
    .home-hero-copy,
    .server-health-panel,
    .dashboard-hero-copy,
    .dashboard-command-card,
    .analyze-hero-copy,
    .analyze-input-panel,
    .history-hero-copy,
    .history-activity-panel,
    .billing-hero-copy,
    .billing-status-panel,
    .profile-account-card,
    .profile-status-card,
    .support-hero-copy,
    .support-health-card,
    .pricing-hero-copy,
    .pricing-hero-panel,
    .admin-command-card,
    .admin-command-main,
    .admin-chart-card,
    .admin-list-panel,
    .admin-pulse-panel,
    .billing-ai-panel,
    .billing-summary-panel,
    .billing-danger-panel,
    .billing-purchase-panel,
    .dashboard-panel,
    .profile-form-card,
    .profile-help-card,
    .support-guide-card,
    .support-wide-card,
    .support-faq-card,
    .pricing-shell,
    .pricing-value-card,
    .pricing-cta-card,
    .analyze-upload-card,
    .analyze-guide-card,
    .history-compare-panel,
    .history-upload-panel,
    .home-wide-card,
    .home-step-card,
    .home-plan-strip,
    .legal-card
) {
    border-radius: var(--radius-lg) !important;
    border-color: var(--border) !important;
    background:
        linear-gradient(180deg, rgba(15, 29, 53, .84), rgba(10, 20, 38, .78)) !important;
    box-shadow: var(--shadow-soft) !important;
}

body:not(.auth-fullscreen-body) :is(
    .home-hero-copy,
    .server-health-panel,
    .dashboard-hero-copy,
    .dashboard-command-card,
    .analyze-hero-copy,
    .analyze-input-panel,
    .history-hero-copy,
    .history-activity-panel,
    .billing-hero-copy,
    .billing-status-panel,
    .profile-account-card,
    .profile-status-card,
    .support-hero-copy,
    .support-health-card,
    .pricing-hero-copy,
    .pricing-hero-panel,
    .admin-command-card,
    .admin-command-main,
    .admin-chart-card
) {
    padding: var(--tv-card-pad) !important;
}

body:not(.auth-fullscreen-body) :is(
    .dashboard-panel,
    .billing-ai-panel,
    .billing-summary-panel,
    .billing-danger-panel,
    .billing-purchase-panel,
    .history-compare-panel,
    .history-upload-panel,
    .profile-form-card,
    .profile-help-card,
    .support-guide-card,
    .support-wide-card,
    .support-faq-card,
    .pricing-shell,
    .pricing-value-card,
    .pricing-cta-card,
    .analyze-upload-card,
    .analyze-guide-card,
    .admin-list-panel,
    .admin-pulse-panel,
    .home-wide-card,
    .home-step-card,
    .home-plan-strip,
    .legal-card
) {
    padding: var(--tv-card-pad-sm) !important;
}

/* Remove visual stickers, status pills, and numbered tokens from the main site. */
body:not(.auth-fullscreen-body) :is(
    .home-pill,
    .home-pill-soft,
    .home-kicker-row,
    .home-tag-row,
    .health-status,
    .badges,
    .badge,
    .admin-chip,
    .admin-row-badges,
    .support-note-pill,
    .warning-pill,
    .tv-report__tag-row,
    .tv-report__tag,
    .tv-report__badges,
    .home-step-number,
    .dashboard-step-stack article > span,
    .capacity-tier-top span,
    .billing-pack-top,
    .billing-hero-badges,
    .profile-chip-row,
    .analyze-hero-badges
) {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Remove decorative icon boxes on main pages. Content should not need a tiny square crutch. */
body:not(.auth-fullscreen-body) .page-shell :is(
    .dash-icon,
    .admin-icon,
    .profile-stat-icon,
    .support-icon,
    .home-step-icon,
    .home-check-icon,
    .pricing-icon
) {
    display: none !important;
}

body:not(.auth-fullscreen-body) :is(
    .dashboard-kpi-card,
    .dashboard-action-list a,
    .dashboard-step-stack article,
    .billing-status-grid article,
    .profile-stat-card,
    .profile-help-list article,
    .support-health-item,
    .support-step-item,
    .analyze-file-stack article,
    .analyze-guide-card,
    .admin-signal,
    .admin-kpi,
    .home-check-item,
    .pricing-mini-card,
    .billing-empty-state,
    .analyze-empty-state
) {
    grid-template-columns: minmax(0, 1fr) !important;
}

/* Inner panels become quiet rows instead of boxes inside boxes. */
body:not(.auth-fullscreen-body) :is(
    .home-proof-card,
    .server-metric,
    .dashboard-command-stats article,
    .dashboard-reset-note,
    .dashboard-wave-card,
    .heartbeat-card,
    .billing-status-grid article,
    .profile-stat-card,
    .profile-identity-card,
    .profile-reset-note,
    .profile-help-list article,
    .support-health-item,
    .support-step-item,
    .analyze-file-stack article,
    .dashboard-action-list a,
    .dashboard-step-stack article,
    .billing-note-card,
    .billing-detail-list li,
    .history-stat-card,
    .history-premium-item,
    .admin-user-row,
    .admin-report-row,
    .admin-webhook-row,
    .admin-signal,
    .pricing-mini-card,
    .report-summary-card,
    .finding-card,
    .mini-card
) {
    border-radius: var(--radius-md) !important;
    border: 1px solid rgba(128, 151, 190, .11) !important;
    background: rgba(5, 12, 26, .28) !important;
    box-shadow: none !important;
}

body:not(.auth-fullscreen-body) :is(
    .home-proof-card,
    .server-metric,
    .dashboard-command-stats article,
    .profile-stat-card,
    .billing-status-grid article
) {
    padding: 16px 18px !important;
}

body:not(.auth-fullscreen-body) :is(.dashboard-wave-card, .heartbeat-card) {
    padding: clamp(16px, 2vw, 24px) !important;
    min-height: clamp(210px, 20vw, 300px) !important;
}

body:not(.auth-fullscreen-body) .heartbeat-card .heartbeat-wave,
body:not(.auth-fullscreen-body) .dashboard-wave-card svg {
    height: clamp(140px, 15vw, 210px) !important;
}

/* Typography reset: still premium, no billboard cosplay on every section. */
body:not(.auth-fullscreen-body) :is(
    h1,
    .home-hero-copy h1,
    .support-hero-copy h1,
    .pricing-hero-copy h1,
    .dashboard-hero-copy h1,
    .billing-hero-copy h1,
    .history-hero-copy h1,
    .analyze-hero-copy h1,
    .profile-account-main h1,
    .admin-command-main h1,
    .tv-report__title
) {
    font-size: clamp(3.1rem, 4.7vw, 5.4rem) !important;
    line-height: .96 !important;
    letter-spacing: -.078em !important;
    font-weight: 560 !important;
    max-width: 950px !important;
}

body:not(.auth-fullscreen-body) :is(
    h2,
    .home-section-heading h2,
    .dashboard-panel-header h2,
    .billing-section-header h2,
    .history-section-header h2,
    .profile-section-head h2,
    .support-guide-card h2,
    .support-wide-card h2,
    .support-faq-card h2,
    .pricing-shell-header h2,
    .pricing-cta-card h2,
    .admin-panel-head h2,
    .tv-report__section-head h2
) {
    font-size: clamp(1.9rem, 2.35vw, 3.1rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.062em !important;
    font-weight: 560 !important;
}

body:not(.auth-fullscreen-body) :is(h3, .history-title, .plan-title-row h2, .pricing-value-card h3, .home-step-card h3, .support-faq-grid h3, .tv-report__finding h3) {
    font-size: clamp(1.04rem, 1vw, 1.24rem) !important;
    line-height: 1.22 !important;
    letter-spacing: -.025em !important;
    font-weight: 720 !important;
}

body:not(.auth-fullscreen-body) :is(p, .lede, .note, .home-subtitle, .support-subtitle, .pricing-subtitle, .profile-subtitle, .tv-report__lede, .plan-summary, .dashboard-panel p, .legal-card p, .page-list li) {
    font-size: .93rem !important;
    line-height: 1.58 !important;
    font-weight: 560 !important;
    color: var(--muted-strong) !important;
}

body:not(.auth-fullscreen-body) :is(.home-section-heading, .pricing-shell-header, .billing-section-header, .history-section-header, .dashboard-panel-header, .admin-panel-head, .profile-section-head) {
    margin-bottom: clamp(18px, 2vw, 28px) !important;
}

body:not(.auth-fullscreen-body) .home-section-heading {
    max-width: 760px !important;
}

body:not(.auth-fullscreen-body) :is(.home-actions, .profile-actions, .history-actions, .analyze-form-footer .home-actions) {
    gap: 10px !important;
    margin-top: clamp(18px, 2vw, 28px) !important;
}

body:not(.auth-fullscreen-body) :is(.button, .account-button, .login-submit, .compact-button, input[type="submit"], input::file-selector-button, input::-webkit-file-upload-button, button:not(.mobile-menu-toggle):not(.theme-toggle):not(.account-link)) {
    min-height: 38px !important;
    padding: 0 15px !important;
    border-radius: 9px !important;
    font-size: .82rem !important;
    font-weight: 760 !important;
    box-shadow: 0 10px 24px rgba(126, 79, 255, .22) !important;
}

body:not(.auth-fullscreen-body) :is(.button.secondary, .button.ghost, button.secondary, .account-link, .theme-toggle, .mobile-menu-toggle, .profile-wide-button) {
    min-height: 38px !important;
    padding: 0 15px !important;
    border-radius: 9px !important;
    font-size: .82rem !important;
    background: rgba(5, 12, 26, .52) !important;
    border-color: rgba(128, 151, 190, .18) !important;
}

body:not(.auth-fullscreen-body) .site-nav a,
body:not(.auth-fullscreen-body) .account-link,
body:not(.auth-fullscreen-body) .theme-toggle,
body:not(.auth-fullscreen-body) .language-form.language-picker {
    min-height: 36px !important;
    border-radius: 9px !important;
    font-size: .8rem !important;
}

body:not(.auth-fullscreen-body) .language-form.language-picker,
body:not(.auth-fullscreen-body) .language-form.language-picker select {
    min-width: 132px !important;
}

/* Home: less wall of cards, more clean sections. */
body:not(.auth-fullscreen-body) .home-proof-grid {
    margin-top: auto !important;
}

body:not(.auth-fullscreen-body) .home-step-card {
    min-height: 0 !important;
}

body:not(.auth-fullscreen-body) .home-checklist {
    gap: 12px !important;
}

body:not(.auth-fullscreen-body) .home-check-item {
    padding: 18px 20px !important;
}

body:not(.auth-fullscreen-body) .home-plan-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body:not(.auth-fullscreen-body) .home-plan-strip article {
    padding: var(--tv-card-pad-sm) !important;
    border-right: 1px solid rgba(128, 151, 190, .12) !important;
}

body:not(.auth-fullscreen-body) .home-plan-strip article:last-child {
    border-right: 0 !important;
}

/* Dashboard and app pages: no nested hero shells. */
body:not(.auth-fullscreen-body) .dashboard-hero-premium,
body:not(.auth-fullscreen-body) .analyze-hero-premium,
body:not(.auth-fullscreen-body) .billing-hero-premium,
body:not(.auth-fullscreen-body) .history-hero-premium,
body:not(.auth-fullscreen-body) .profile-top-clean,
body:not(.auth-fullscreen-body) .admin-premium-hero {
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .75fr) !important;
}

body:not(.auth-fullscreen-body) .dashboard-kpi-row,
body:not(.auth-fullscreen-body) .admin-kpi-grid {
    gap: 18px !important;
}

body:not(.auth-fullscreen-body) .dashboard-kpi-card,
body:not(.auth-fullscreen-body) .admin-kpi {
    min-height: 120px !important;
    padding: 22px !important;
}

body:not(.auth-fullscreen-body) .dashboard-kpi-card > div,
body:not(.auth-fullscreen-body) .admin-kpi-top {
    display: block !important;
}

body:not(.auth-fullscreen-body) .dashboard-step-stack article,
body:not(.auth-fullscreen-body) .dashboard-action-list a,
body:not(.auth-fullscreen-body) .profile-help-list article,
body:not(.auth-fullscreen-body) .analyze-file-stack article {
    padding: 18px 20px !important;
    align-items: start !important;
}

body:not(.auth-fullscreen-body) .dashboard-step-stack article em,
body:not(.auth-fullscreen-body) .analyze-file-stack article em,
body:not(.auth-fullscreen-body) .home-check-item em {
    display: none !important;
}

/* Analyze upload: one clean file area, not a frame inside a frame inside a regret. */
body:not(.auth-fullscreen-body) .analyze-upload-card {
    background:
        linear-gradient(180deg, rgba(15, 29, 53, .86), rgba(10, 20, 38, .80)) !important;
}

body:not(.auth-fullscreen-body) .analyze-dropzone {
    border-radius: var(--radius-md) !important;
    border: 1px dashed rgba(64, 224, 203, .22) !important;
    background: rgba(5, 12, 26, .28) !important;
    padding: clamp(18px, 2vw, 26px) !important;
}

body:not(.auth-fullscreen-body) .analyze-capacity-mini {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    text-align: right !important;
}

/* Billing/pricing cards. */
body:not(.auth-fullscreen-body) .billing-ai-grid,
body:not(.auth-fullscreen-body) .pricing-grid,
body:not(.auth-fullscreen-body) .pricing-value-grid {
    gap: var(--tv-page-gap) !important;
}

body:not(.auth-fullscreen-body) .billing-ai-pack,
body:not(.auth-fullscreen-body) .plan-card,
body:not(.auth-fullscreen-body) .pricing-plan-card {
    border-radius: var(--radius-lg) !important;
    border: 1px solid var(--border) !important;
    background: linear-gradient(180deg, rgba(15, 29, 53, .84), rgba(10, 20, 38, .78)) !important;
    box-shadow: var(--shadow-soft) !important;
}

body:not(.auth-fullscreen-body) .billing-price-row strong,
body:not(.auth-fullscreen-body) .price {
    letter-spacing: -.055em !important;
    font-weight: 620 !important;
}

/* History/admin lists: readable rows over badge soup. */
body:not(.auth-fullscreen-body) .history-premium-item,
body:not(.auth-fullscreen-body) .admin-user-row,
body:not(.auth-fullscreen-body) .admin-report-row,
body:not(.auth-fullscreen-body) .admin-webhook-row,
body:not(.auth-fullscreen-body) .billing-purchase-item {
    padding: 18px 20px !important;
}

body:not(.auth-fullscreen-body) .history-premium-actions,
body:not(.auth-fullscreen-body) .admin-report-actions {
    gap: 9px !important;
}

body:not(.auth-fullscreen-body) .admin-premium-hero {
    grid-template-columns: minmax(0, 1.2fr) minmax(360px, .9fr) !important;
}

body:not(.auth-fullscreen-body) .admin-command-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .56fr) !important;
    gap: var(--tv-page-gap) !important;
}

body:not(.auth-fullscreen-body) .admin-command-main {
    min-height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body:not(.auth-fullscreen-body) .admin-signal-stack {
    gap: 12px !important;
}

body:not(.auth-fullscreen-body) .admin-log-box {
    border-radius: var(--radius-md) !important;
    border-color: rgba(128, 151, 190, .14) !important;
    background: rgba(5, 12, 26, .48) !important;
}

/* Profile: remove the little card inside the big card and calm the side panels down. */
body:not(.auth-fullscreen-body) .profile-account-layout {
    gap: var(--tv-page-gap) !important;
}

body:not(.auth-fullscreen-body) .profile-identity-card {
    padding: 0 0 0 var(--tv-card-pad-sm) !important;
    border: 0 !important;
    border-left: 1px solid rgba(128, 151, 190, .14) !important;
    background: transparent !important;
}

body:not(.auth-fullscreen-body) .profile-avatar {
    border-radius: 12px !important;
}

body:not(.auth-fullscreen-body) .profile-form-premium {
    gap: 18px !important;
}

/* Report pages: respect the same rhythm. */
body:not(.auth-fullscreen-body) .tv-report {
    padding-top: 0 !important;
}

body:not(.auth-fullscreen-body) :is(.tv-report__card, .tv-report__panel, .tv-report__section, .tv-report__details) {
    border-radius: var(--radius-lg) !important;
    border-color: var(--border) !important;
    background: linear-gradient(180deg, rgba(15, 29, 53, .84), rgba(10, 20, 38, .78)) !important;
    box-shadow: var(--shadow-soft) !important;
}

body:not(.auth-fullscreen-body) .tv-report__card,
body:not(.auth-fullscreen-body) .tv-report__panel {
    min-height: auto !important;
    padding: var(--tv-card-pad) !important;
}

body:not(.auth-fullscreen-body) .tv-report__wave {
    border-radius: var(--radius-md) !important;
    border-color: rgba(128, 151, 190, .12) !important;
    background: rgba(5, 12, 26, .28) !important;
}

@media (max-width: 1180px) {
    body:not(.auth-fullscreen-body) .dashboard-hero-premium,
    body:not(.auth-fullscreen-body) .analyze-hero-premium,
    body:not(.auth-fullscreen-body) .billing-hero-premium,
    body:not(.auth-fullscreen-body) .history-hero-premium,
    body:not(.auth-fullscreen-body) .profile-top-clean,
    body:not(.auth-fullscreen-body) .admin-premium-hero,
    body:not(.auth-fullscreen-body) .admin-command-card {
        grid-template-columns: 1fr !important;
    }

    body:not(.auth-fullscreen-body) .profile-identity-card {
        padding: var(--tv-card-pad-sm) 0 0 0 !important;
        border-left: 0 !important;
        border-top: 1px solid rgba(128, 151, 190, .14) !important;
    }
}

@media (max-width: 760px) {
    html[data-theme="dark"] {
        --tv-page-pad: 18px;
        --tv-page-gap: 16px;
        --tv-section-gap: 32px;
        --tv-card-pad: 22px;
        --tv-card-pad-sm: 18px;
    }

    body:not(.auth-fullscreen-body) :is(h1, .home-hero-copy h1, .support-hero-copy h1, .pricing-hero-copy h1, .dashboard-hero-copy h1, .billing-hero-copy h1, .history-hero-copy h1, .analyze-hero-copy h1, .profile-account-main h1, .admin-command-main h1, .tv-report__title) {
        font-size: clamp(2.45rem, 12vw, 3.8rem) !important;
        letter-spacing: -.066em !important;
    }

    body:not(.auth-fullscreen-body) .home-plan-strip {
        grid-template-columns: 1fr !important;
    }

    body:not(.auth-fullscreen-body) .home-plan-strip article {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(128, 151, 190, .12) !important;
    }

    body:not(.auth-fullscreen-body) .home-plan-strip article:last-child {
        border-bottom: 0 !important;
    }
}

/* TickVisor support cleanup pass 4
   Flattened to match the newer public/app rhythm. Tags/icons were contributing absolutely nothing except visual lint. */
body:not(.auth-fullscreen-body) .support-clean {
    max-width: 1320px !important;
    gap: clamp(42px, 4vw, 66px) !important;
}

body:not(.auth-fullscreen-body) .support-clean .home-pill,
body:not(.auth-fullscreen-body) .support-clean .home-tag-row,
body:not(.auth-fullscreen-body) .support-clean .support-note-pill,
body:not(.auth-fullscreen-body) .support-clean .support-icon,
body:not(.auth-fullscreen-body) .support-clean .warning-pill,
body:not(.auth-fullscreen-body) .support-clean em {
    display: none !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr) !important;
    gap: var(--tv-page-gap) !important;
    align-items: stretch !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body:not(.auth-fullscreen-body) .support-clean :is(.support-hero-copy, .support-health-card, .support-guide-card, .support-wide-card, .support-faq-card) {
    border-radius: var(--radius-lg) !important;
    border: 1px solid var(--border) !important;
    background:
        linear-gradient(135deg, rgba(17, 34, 62, .88), rgba(12, 23, 43, .82)) !important;
    box-shadow: var(--shadow-soft) !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-hero-copy {
    min-height: 420px !important;
    padding: clamp(42px, 5vw, 78px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-hero-copy h1 {
    max-width: 780px !important;
    margin: 0 !important;
    font-size: clamp(4rem, 6vw, 6.7rem) !important;
    line-height: .92 !important;
    letter-spacing: -.084em !important;
    font-weight: 570 !important;
    text-wrap: balance !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-subtitle {
    max-width: 760px !important;
    margin: 28px 0 0 !important;
    color: var(--ink-soft) !important;
    font-size: 1rem !important;
    line-height: 1.62 !important;
    font-weight: 620 !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-health-card {
    padding: clamp(34px, 3.4vw, 54px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 24px !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-health-header {
    display: grid !important;
    gap: 10px !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-health-header strong {
    color: var(--text) !important;
    font-size: clamp(2.2rem, 3vw, 3.6rem) !important;
    line-height: .98 !important;
    letter-spacing: -.065em !important;
    font-weight: 570 !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-health-header p {
    max-width: 520px !important;
    margin: 0 !important;
    color: var(--ink-soft) !important;
    font-size: .96rem !important;
    line-height: 1.55 !important;
    font-weight: 620 !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-priority-list {
    display: grid !important;
    gap: 14px !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-priority-list article,
body:not(.auth-fullscreen-body) .support-clean .support-step-item,
body:not(.auth-fullscreen-body) .support-clean .support-faq-grid article {
    display: block !important;
    padding: 20px 22px !important;
    border-radius: var(--radius-md) !important;
    border: 1px solid rgba(128, 151, 190, .14) !important;
    background: rgba(5, 12, 26, .32) !important;
    box-shadow: none !important;
}

body:not(.auth-fullscreen-body) .support-clean :is(.support-priority-list article, .support-step-item, .support-faq-grid article) strong,
body:not(.auth-fullscreen-body) .support-clean .support-faq-grid h3 {
    display: block !important;
    margin: 0 0 7px !important;
    color: var(--text) !important;
    font-size: 1rem !important;
    line-height: 1.22 !important;
    letter-spacing: -.025em !important;
    font-weight: 780 !important;
}

body:not(.auth-fullscreen-body) .support-clean :is(.support-priority-list article, .support-step-item, .support-faq-grid article) p {
    margin: 0 !important;
    color: var(--ink-soft) !important;
    font-size: .92rem !important;
    line-height: 1.48 !important;
    font-weight: 620 !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-guide-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: var(--tv-page-gap) !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-guide-card {
    min-height: 270px !important;
    padding: clamp(26px, 2.6vw, 38px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    gap: 24px !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-guide-card h2,
body:not(.auth-fullscreen-body) .support-clean .support-wide-card h2,
body:not(.auth-fullscreen-body) .support-clean .support-faq-card h2 {
    margin: 0 !important;
    color: var(--text) !important;
    font-size: clamp(2.15rem, 2.7vw, 3.4rem) !important;
    line-height: .98 !important;
    letter-spacing: -.065em !important;
    font-weight: 570 !important;
    text-wrap: balance !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-guide-card p,
body:not(.auth-fullscreen-body) .support-clean .support-wide-card p {
    margin: 18px 0 0 !important;
    color: var(--ink-soft) !important;
    font-size: .95rem !important;
    line-height: 1.55 !important;
    font-weight: 620 !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-guide-card .button {
    width: 100% !important;
    justify-content: center !important;
    min-height: 42px !important;
}

body:not(.auth-fullscreen-body) .support-clean .warning-card {
    border-color: rgba(128, 151, 190, .14) !important;
    background: linear-gradient(135deg, rgba(17, 34, 62, .88), rgba(12, 23, 43, .82)) !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-workflow-section {
    display: grid !important;
    grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr) !important;
    gap: var(--tv-page-gap) !important;
    align-items: stretch !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-wide-card {
    min-height: 300px !important;
    padding: clamp(32px, 3.2vw, 54px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-step-stack {
    display: grid !important;
    gap: 14px !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-faq-card {
    padding: clamp(30px, 3vw, 48px) !important;
}

body:not(.auth-fullscreen-body) .support-clean .support-faq-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-top: 24px !important;
}

body:not(.auth-fullscreen-body) .support-clean .button.secondary {
    background: linear-gradient(180deg, rgba(9, 18, 35, .72), rgba(5, 12, 26, .86)) !important;
    border: 1px solid rgba(128, 151, 190, .18) !important;
    color: #f5f8ff !important;
}

@media (max-width: 1080px) {
    body:not(.auth-fullscreen-body) .support-clean .support-hero,
    body:not(.auth-fullscreen-body) .support-clean .support-workflow-section,
    body:not(.auth-fullscreen-body) .support-clean .support-guide-grid,
    body:not(.auth-fullscreen-body) .support-clean .support-faq-grid {
        grid-template-columns: 1fr !important;
    }

    body:not(.auth-fullscreen-body) .support-clean .support-hero-copy {
        min-height: auto !important;
    }
}

@media (max-width: 760px) {
    body:not(.auth-fullscreen-body) .support-clean .support-hero-copy,
    body:not(.auth-fullscreen-body) .support-clean .support-health-card,
    body:not(.auth-fullscreen-body) .support-clean .support-guide-card,
    body:not(.auth-fullscreen-body) .support-clean .support-wide-card,
    body:not(.auth-fullscreen-body) .support-clean .support-faq-card {
        padding: 22px !important;
    }

    body:not(.auth-fullscreen-body) .support-clean .support-hero-copy h1 {
        font-size: clamp(3rem, 14vw, 4.7rem) !important;
    }
}

/* TickVisor width + navigation pass 5
   One content rail, one active-state system. Apparently that was too much to ask from CSS history. */
html[data-theme="dark"] {
    --tv-max: 1480px;
}

body:not(.auth-fullscreen-body) :is(
    .site-header.minimal-site-header,
    .site-footer,
    .page-shell,
    .home-landing,
    .seo-landing-page,
    .pricing-page,
    .support-page,
    .dashboard-premium-page,
    .analyze-premium-page,
    .history-premium-page,
    .billing-premium-page,
    .profile-premium-page,
    .admin-premium-page,
    .tv-report
) {
    width: min(100%, var(--tv-max)) !important;
    max-width: var(--tv-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body:not(.auth-fullscreen-body) .support-clean,
body:not(.auth-fullscreen-body) .support-page.support-clean {
    max-width: var(--tv-max) !important;
}

body:not(.auth-fullscreen-body) .site-header-shell,
body:not(.auth-fullscreen-body) .site-main,
body:not(.auth-fullscreen-body) .site-footer-shell {
    padding-left: var(--tv-page-pad) !important;
    padding-right: var(--tv-page-pad) !important;
}

body:not(.auth-fullscreen-body) .site-header.minimal-site-header {
    gap: clamp(18px, 2vw, 34px) !important;
}

body:not(.auth-fullscreen-body) .site-nav {
    align-items: center !important;
    gap: clamp(4px, .45vw, 8px) !important;
}

body:not(.auth-fullscreen-body) .site-nav a {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding: 0 14px !important;
    color: rgba(226, 234, 248, .76) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    transition:
        color .22s ease,
        background-color .22s ease,
        border-color .22s ease,
        transform .22s ease !important;
}

body:not(.auth-fullscreen-body) .site-nav a::before,
body:not(.auth-fullscreen-body) .site-nav a::after {
    content: "" !important;
    position: absolute !important;
    pointer-events: none !important;
}

body:not(.auth-fullscreen-body) .site-nav a::before {
    inset: 0 !important;
    z-index: -1 !important;
    border-radius: inherit !important;
    background:
        radial-gradient(circle at 50% 120%, rgba(64, 224, 203, .17), transparent 55%),
        linear-gradient(180deg, rgba(64, 224, 203, .08), rgba(124, 109, 255, .06)) !important;
    opacity: 0 !important;
    transform: translateY(4px) !important;
    transition: opacity .22s ease, transform .22s ease !important;
}

body:not(.auth-fullscreen-body) .site-nav a::after {
    left: 13px !important;
    right: 13px !important;
    bottom: 5px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, var(--accent), var(--accent-2), var(--violet)) !important;
    box-shadow: 0 0 16px rgba(64, 224, 203, .28) !important;
    opacity: 0 !important;
    transform: scaleX(.18) !important;
    transform-origin: 50% 50% !important;
    transition: transform .28s cubic-bezier(.2, .8, .2, 1), opacity .22s ease !important;
}

body:not(.auth-fullscreen-body) .site-nav a:hover,
body:not(.auth-fullscreen-body) .site-nav a:focus-visible,
body:not(.auth-fullscreen-body) .site-nav a.active {
    color: #f8fbff !important;
    background: rgba(64, 224, 203, .055) !important;
    border-color: rgba(64, 224, 203, .14) !important;
    transform: translateY(-1px) !important;
}

body:not(.auth-fullscreen-body) .site-nav a:hover::before,
body:not(.auth-fullscreen-body) .site-nav a:focus-visible::before,
body:not(.auth-fullscreen-body) .site-nav a.active::before {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

body:not(.auth-fullscreen-body) .site-nav a:hover::after,
body:not(.auth-fullscreen-body) .site-nav a:focus-visible::after,
body:not(.auth-fullscreen-body) .site-nav a.active::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}

body:not(.auth-fullscreen-body) .site-nav a.active {
    border-color: rgba(64, 224, 203, .20) !important;
    background: linear-gradient(180deg, rgba(64, 224, 203, .105), rgba(64, 224, 203, .045)) !important;
}

body:not(.auth-fullscreen-body) .account-link.active {
    color: #f8fbff !important;
    border-color: rgba(64, 224, 203, .24) !important;
    background: linear-gradient(180deg, rgba(64, 224, 203, .10), rgba(5, 12, 26, .58)) !important;
}

@media (prefers-reduced-motion: reduce) {
    body:not(.auth-fullscreen-body) .site-nav a,
    body:not(.auth-fullscreen-body) .site-nav a::before,
    body:not(.auth-fullscreen-body) .site-nav a::after {
        transition: none !important;
        transform: none !important;
    }
}

@media (max-width: 820px) {
    body:not(.auth-fullscreen-body) .site-nav a::after {
        left: 12px !important;
        right: 12px !important;
        bottom: 6px !important;
    }
}


/* TickVisor light mode pass 6
   Same layout as dark mode, inverted into a clean light theme instead of accidental office software. */
html[data-theme="light"] {
    color-scheme: light;
    --bg: #f4f7fb;
    --bg-soft: #eef4fb;
    --surface: rgba(255, 255, 255, .86);
    --surface-strong: rgba(255, 255, 255, .96);
    --surface-subtle: rgba(12, 27, 54, .045);
    --surface-hover: rgba(248, 251, 255, .98);
    --surface-soft: rgba(255, 255, 255, .70);
    --surface-flat: rgba(255, 255, 255, .72);
    --border: rgba(24, 44, 78, .14);
    --border-strong: rgba(11, 166, 148, .28);
    --text: #071326;
    --ink: #071326;
    --ink-soft: #41516e;
    --muted: #6f7d96;
    --muted-strong: #30405d;
    --accent: #0aa99a;
    --accent-2: #675cff;
    --cyan: #0aa99a;
    --violet: #8a3ffc;
    --primary: #675cff;
    --primary-2: #a33cf0;
    --success: #138f68;
    --warning: #b7791f;
    --danger: #c93554;
    --gold: #138f68;
    --shadow: 0 26px 80px rgba(22, 42, 80, .13);
    --shadow-soft: 0 20px 56px rgba(22, 42, 80, .10);
    --shadow-hard: 0 14px 36px rgba(22, 42, 80, .12);
    --radius-xl: 18px;
    --radius-lg: 16px;
    --radius-md: 12px;
    --radius-sm: 9px;
    --tv-max: 1480px;
    --tv-page-pad: clamp(22px, 4vw, 48px);
    --tv-page-gap: clamp(22px, 2vw, 30px);
    --tv-section-gap: clamp(38px, 4.4vw, 68px);
    --tv-card-pad: clamp(28px, 3vw, 44px);
    --tv-card-pad-sm: clamp(20px, 2vw, 30px);
    --tv-btn-height: 38px;
    --tv-btn-pad-x: 15px;
    --tv-btn-radius: 9px;
}

html[data-theme="light"],
html[data-theme="light"] body {
    background-color: #f4f7fb !important;
}

html[data-theme="light"] body {
    color: var(--text) !important;
    background:
        radial-gradient(circle at 17% -8%, rgba(10, 169, 154, .13), transparent 31rem),
        radial-gradient(circle at 76% -7%, rgba(103, 92, 255, .13), transparent 32rem),
        linear-gradient(180deg, #f7fbff 0%, #f2f6fc 48%, #eef3fa 100%) !important;
}

html[data-theme="light"] body::before {
    opacity: .12 !important;
    filter: invert(1) saturate(.4) opacity(.42) !important;
}

html[data-theme="light"] .site-header-shell {
    background: linear-gradient(180deg, rgba(248, 251, 255, .94), rgba(248, 251, 255, .80) 80%, transparent) !important;
    backdrop-filter: blur(18px) !important;
}

html[data-theme="light"] .site-header.minimal-site-header {
    border-bottom-color: rgba(24, 44, 78, .12) !important;
}

html[data-theme="light"] .site-nav a {
    color: rgba(22, 34, 58, .72) !important;
    background: transparent !important;
    border-color: transparent !important;
}

html[data-theme="light"] .site-nav a::before {
    background:
        radial-gradient(circle at 50% 120%, rgba(10, 169, 154, .16), transparent 55%),
        linear-gradient(180deg, rgba(10, 169, 154, .08), rgba(103, 92, 255, .06)) !important;
}

html[data-theme="light"] .site-nav a::after {
    background: linear-gradient(90deg, var(--accent), var(--accent-2), var(--violet)) !important;
    box-shadow: 0 0 16px rgba(10, 169, 154, .18) !important;
}

html[data-theme="light"] .site-nav a:hover,
html[data-theme="light"] .site-nav a:focus-visible,
html[data-theme="light"] .site-nav a.active {
    color: #071326 !important;
    background: rgba(10, 169, 154, .075) !important;
    border-color: rgba(10, 169, 154, .16) !important;
}

html[data-theme="light"] .site-nav a.active {
    background: linear-gradient(180deg, rgba(10, 169, 154, .12), rgba(10, 169, 154, .045)) !important;
    border-color: rgba(10, 169, 154, .22) !important;
}

html[data-theme="light"] :is(.account-link, .theme-toggle, .language-form.language-picker, .mobile-menu-toggle) {
    color: #0a1529 !important;
    background: rgba(255, 255, 255, .78) !important;
    border-color: rgba(24, 44, 78, .15) !important;
    box-shadow: 0 10px 24px rgba(22, 42, 80, .06) !important;
}

html[data-theme="light"] :is(.account-link:hover, .theme-toggle:hover, .language-form.language-picker:hover, .mobile-menu-toggle:hover),
html[data-theme="light"] .account-link.active {
    color: #071326 !important;
    border-color: rgba(10, 169, 154, .25) !important;
    background: rgba(255, 255, 255, .94) !important;
}

html[data-theme="light"] .theme-toggle-icon {
    background: linear-gradient(135deg, #e7fff8, #10b59f 48%, #081326 50%) !important;
    border-color: rgba(10, 169, 154, .32) !important;
}

html[data-theme="light"] .language-form.language-picker select {
    color: #0a1529 !important;
}

html[data-theme="light"] .language-form.language-picker::after {
    border-color: rgba(22, 34, 58, .70) !important;
}

html[data-theme="light"] .language-picker-flag {
    border-color: rgba(24, 44, 78, .16) !important;
    box-shadow: 0 3px 10px rgba(22, 42, 80, .12) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(
    .home-hero-copy,
    .server-health-panel,
    .dashboard-hero-copy,
    .dashboard-command-card,
    .analyze-hero-copy,
    .analyze-input-panel,
    .history-hero-copy,
    .history-activity-panel,
    .billing-hero-copy,
    .billing-status-panel,
    .profile-account-card,
    .profile-status-card,
    .support-hero-copy,
    .support-health-card,
    .pricing-hero-copy,
    .pricing-hero-panel,
    .admin-command-card,
    .admin-command-main,
    .admin-chart-card,
    .admin-list-panel,
    .admin-pulse-panel,
    .billing-ai-panel,
    .billing-summary-panel,
    .billing-danger-panel,
    .billing-purchase-panel,
    .dashboard-panel,
    .profile-form-card,
    .profile-help-card,
    .support-guide-card,
    .support-wide-card,
    .support-faq-card,
    .pricing-shell,
    .pricing-value-card,
    .pricing-cta-card,
    .analyze-upload-card,
    .analyze-guide-card,
    .history-compare-panel,
    .history-upload-panel,
    .home-wide-card,
    .home-step-card,
    .home-plan-strip,
    .legal-card,
    .tv-report__card,
    .tv-report__panel,
    .tv-report__section,
    .tv-report__snapshot,
    .card,
    .metric-card,
    .finding-card,
    .debug-panel,
    .plan-card,
    .pricing-plan-card,
    .history-item,
    .mini-card,
    .score-card,
    .recommendation
) {
    color: var(--text) !important;
    border-color: rgba(24, 44, 78, .13) !important;
    background:
        radial-gradient(circle at 12% 8%, rgba(10, 169, 154, .045), transparent 22rem),
        linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(246, 249, 254, .86)) !important;
    box-shadow: var(--shadow-soft) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(
    .home-proof-card,
    .server-metric,
    .dashboard-command-stats article,
    .dashboard-reset-note,
    .dashboard-wave-card,
    .heartbeat-card,
    .billing-status-grid article,
    .profile-stat-card,
    .profile-identity-card,
    .profile-reset-note,
    .profile-help-list article,
    .support-health-item,
    .support-step-item,
    .support-priority-list article,
    .support-faq-grid article,
    .analyze-file-stack article,
    .dashboard-action-list a,
    .dashboard-step-stack article,
    .billing-note-card,
    .billing-detail-list li,
    .history-stat-card,
    .history-premium-item,
    .admin-user-row,
    .admin-report-row,
    .admin-webhook-row,
    .admin-signal,
    .admin-kpi,
    .pricing-mini-card,
    .report-summary-card,
    .finding-card,
    .mini-card,
    .compact-list li,
    .page-list li,
    .tv-report__finding,
    .billing-purchase-item,
    .analyze-dropzone,
    .file-input
) {
    border-color: rgba(24, 44, 78, .105) !important;
    background: rgba(255, 255, 255, .62) !important;
    color: var(--text) !important;
    box-shadow: none !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) .support-clean :is(.support-priority-list article, .support-step-item, .support-faq-grid article) {
    background: rgba(255, 255, 255, .66) !important;
    border-color: rgba(24, 44, 78, .11) !important;
}

html[data-theme="light"] :is(
    h1,
    h2,
    h3,
    h4,
    strong,
    label,
    .metric-value,
    .price,
    .billing-price-row strong,
    .admin-kpi-value,
    .history-title,
    .tv-report__title,
    .tv-report__finding h3,
    .login-form-header h2,
    .login-visual-copy h1,
    .password-visual-card h1
) {
    color: var(--text) !important;
}

html[data-theme="light"] :is(
    p,
    .lede,
    .note,
    .home-subtitle,
    .support-subtitle,
    .pricing-subtitle,
    .profile-subtitle,
    .tv-report__lede,
    .plan-summary,
    .dashboard-panel p,
    .legal-card p,
    .page-list li,
    .footer-copy,
    .metric-label,
    .dashboard-wave-labels,
    .heartbeat-caption,
    .support-clean .support-guide-card p,
    .support-clean .support-wide-card p
) {
    color: var(--muted-strong) !important;
}

html[data-theme="light"] :is(.note, .metric-label, .footer-copy, .tv-report__note, .plan-note, .billing-side-copy, .history-side-copy, small) {
    color: var(--muted) !important;
}

html[data-theme="light"] :is(a, .login-bottom-actions a) {
    color: #087f73 !important;
}

html[data-theme="light"] :is(.button, .account-button, .login-submit, .compact-button, input[type="submit"], input::file-selector-button, input::-webkit-file-upload-button, button:not(.mobile-menu-toggle):not(.theme-toggle):not(.account-link)) {
    background: linear-gradient(135deg, #554fff 0%, #7258ff 52%, #ac39ea 100%) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 12px 26px rgba(103, 92, 255, .23) !important;
}

html[data-theme="light"] :is(.button:hover, .account-button:hover, .login-submit:hover, .compact-button:hover, input[type="submit"]:hover, button:not(.mobile-menu-toggle):not(.theme-toggle):not(.account-link):hover) {
    box-shadow: 0 16px 34px rgba(103, 92, 255, .30) !important;
}

html[data-theme="light"] :is(.button.secondary, .button.ghost, button.secondary, .login-oauth, .profile-wide-button, .tv-report__button--secondary) {
    color: #071326 !important;
    background: rgba(255, 255, 255, .82) !important;
    border: 1px solid rgba(24, 44, 78, .14) !important;
    box-shadow: 0 10px 22px rgba(22, 42, 80, .055) !important;
}

html[data-theme="light"] :is(.button.secondary:hover, .button.ghost:hover, button.secondary:hover, .login-oauth:not(.is-disabled):hover, .profile-wide-button:hover, .tv-report__button--secondary:hover) {
    color: #071326 !important;
    border-color: rgba(10, 169, 154, .26) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 13px 28px rgba(22, 42, 80, .08) !important;
}

html[data-theme="light"] :is(input[type="file"], input[type="email"], input[type="password"], input[type="text"], input[type="date"], select, textarea) {
    color: #071326 !important;
    background: rgba(255, 255, 255, .86) !important;
    border-color: rgba(24, 44, 78, .16) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .70) !important;
}

html[data-theme="light"] :is(input, select, textarea)::placeholder {
    color: rgba(48, 64, 93, .62) !important;
}

html[data-theme="light"] :is(input, select, textarea):focus-visible {
    outline-color: rgba(10, 169, 154, .20) !important;
    border-color: rgba(10, 169, 154, .42) !important;
}

html[data-theme="light"] .site-footer {
    background: rgba(255, 255, 255, .70) !important;
    border-color: rgba(24, 44, 78, .13) !important;
    box-shadow: none !important;
}

html[data-theme="light"] .site-footer nav,
html[data-theme="light"] .site-footer nav a {
    color: rgba(22, 34, 58, .76) !important;
}

html[data-theme="light"] .footer-copy {
    color: rgba(48, 64, 93, .70) !important;
}

html[data-theme="light"] .heartbeat-card,
html[data-theme="light"] .dashboard-wave-card,
html[data-theme="light"] .report-wave-panel,
html[data-theme="light"] .tv-report__wave {
    background:
        radial-gradient(circle at 50% 44%, rgba(103, 92, 255, .08), transparent 34%),
        radial-gradient(circle at 72% 24%, rgba(10, 169, 154, .08), transparent 26%),
        rgba(255, 255, 255, .58) !important;
    border-color: rgba(24, 44, 78, .11) !important;
}

html[data-theme="light"] :is(.heartbeat-grid, .dashboard-wave-grid) {
    opacity: .34 !important;
}

html[data-theme="light"] :is(.heartbeat-path-muted, .dashboard-wave-muted, .report-wave-muted, .tv-report__wave .muted) {
    stroke: rgba(67, 83, 115, .28) !important;
}

html[data-theme="light"] :is(.heartbeat-path, .dashboard-wave-active, .report-wave-active, .tv-report__wave .active) {
    stroke: #0aa99a !important;
    filter: drop-shadow(0 0 10px rgba(10, 169, 154, .22)) !important;
}

html[data-theme="light"] .dashboard-capacity-ring {
    background: conic-gradient(var(--accent) var(--capacity-progress, 0%), rgba(12, 27, 54, .10) 0) !important;
}

html[data-theme="light"] .dashboard-capacity-ring::before {
    background: #f8fbff !important;
}

html[data-theme="light"] :is(.progress-track, .usage-bar, .pricing-track, .capacity-track) {
    background: rgba(12, 27, 54, .10) !important;
}

html[data-theme="light"] :is(.progress-fill, .usage-fill, .pricing-fill, .capacity-fill) {
    background: linear-gradient(90deg, var(--accent), var(--primary), var(--violet)) !important;
}

html[data-theme="light"] :is(.admin-mail-log, pre, code, .debug-panel pre, .mail-log-box) {
    color: #142033 !important;
    background: rgba(255, 255, 255, .72) !important;
    border-color: rgba(24, 44, 78, .14) !important;
}

html[data-theme="light"] :is(table, .tv-report__table) {
    color: var(--text) !important;
}

html[data-theme="light"] :is(th, .tv-report__table th) {
    color: #30405d !important;
    border-color: rgba(24, 44, 78, .12) !important;
}

html[data-theme="light"] :is(td, .tv-report__table td) {
    color: #071326 !important;
    border-color: rgba(24, 44, 78, .08) !important;
}

/* Light auth pages: keep the fixed layout, just invert the palette. */
html[data-theme="light"] .auth-fullscreen-body,
html[data-theme="light"] body.auth-fullscreen-body {
    background:
        radial-gradient(circle at 18% 4%, rgba(10, 169, 154, .13), transparent 32rem),
        radial-gradient(circle at 78% 12%, rgba(103, 92, 255, .14), transparent 36rem),
        linear-gradient(180deg, #f7fbff 0%, #f2f6fc 54%, #eef3fa 100%) !important;
    color: var(--text) !important;
}

html[data-theme="light"] .login-experience,
html[data-theme="light"] .register-experience,
html[data-theme="light"] .password-experience {
    background: transparent !important;
}

html[data-theme="light"] :is(.login-visual-card, .login-form-card, .register-visual-card, .register-form-card, .password-visual-card, .password-form-card, .auth-form-panel, .auth-visual-panel) {
    color: var(--text) !important;
    border-color: rgba(24, 44, 78, .13) !important;
    background:
        radial-gradient(circle at 18% 8%, rgba(10, 169, 154, .055), transparent 22rem),
        linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(246, 249, 254, .88)) !important;
    box-shadow: 0 22px 62px rgba(22, 42, 80, .12) !important;
}

html[data-theme="light"] .auth-heartbeat-card {
    background:
        radial-gradient(circle at 50% 44%, rgba(103, 92, 255, .08), transparent 34%),
        radial-gradient(circle at 72% 24%, rgba(10, 169, 154, .08), transparent 26%),
        rgba(255, 255, 255, .58) !important;
    border-color: rgba(24, 44, 78, .11) !important;
}

html[data-theme="light"] :is(.login-metric-row > div, .register-plan-metrics > div, .visual-stat) {
    background: rgba(255, 255, 255, .62) !important;
    border-color: rgba(24, 44, 78, .105) !important;
}

html[data-theme="light"] .login-divider::before,
html[data-theme="light"] .login-divider::after {
    border-color: rgba(24, 44, 78, .12) !important;
}

html[data-theme="light"] .login-divider span {
    color: var(--muted) !important;
    background: rgba(246, 249, 254, .92) !important;
}

@media (max-width: 820px) {
    html[data-theme="light"] {
        --tv-page-pad: 18px;
        --tv-page-gap: 18px;
        --tv-card-pad: 22px;
        --tv-card-pad-sm: 18px;
    }

    html[data-theme="light"] .site-nav,
    html[data-theme="light"] .account-nav {
        background: rgba(255, 255, 255, .84) !important;
        border-color: rgba(24, 44, 78, .12) !important;
    }
}

/* TickVisor light mode pass 7
   Cleans the stubborn dark leftovers and makes dark the default for fresh visitors. */
html[data-theme="light"] {
    --bg: #f3f7fc;
    --bg-soft: #eef4fb;
    --surface: rgba(255, 255, 255, .88);
    --surface-strong: rgba(255, 255, 255, .96);
    --surface-soft: rgba(249, 252, 255, .76);
    --surface-flat: rgba(255, 255, 255, .72);
    --surface-subtle: rgba(7, 19, 38, .045);
    --surface-hover: rgba(255, 255, 255, .98);
    --border: rgba(21, 39, 72, .13);
    --border-strong: rgba(10, 169, 154, .25);
    --text: #071326;
    --ink: #071326;
    --ink-soft: #31415c;
    --muted: #69778f;
    --muted-strong: #34445f;
    --shadow-soft: 0 18px 48px rgba(22, 42, 80, .09);
    --shadow-hard: 0 12px 30px rgba(22, 42, 80, .11);
}

html[data-theme="light"] body:not(.auth-fullscreen-body) {
    color: var(--text) !important;
    background:
        radial-gradient(circle at 17% -8%, rgba(10, 169, 154, .12), transparent 31rem),
        radial-gradient(circle at 76% -7%, rgba(103, 92, 255, .12), transparent 32rem),
        linear-gradient(180deg, #f8fbff 0%, #f3f7fc 48%, #edf3fa 100%) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(
    .hero-card,
    .card,
    .metric-card,
    .finding-card,
    .debug-panel,
    .mini-card,
    .score-card,
    .recommendation,
    .home-hero-copy,
    .server-health-panel,
    .home-step-card,
    .home-wide-card,
    .home-plan-strip,
    .home-check-item,
    .home-proof-card,
    .server-metric,
    .support-health-card,
    .support-guide-card,
    .support-wide-card,
    .support-faq-card,
    .warning-card,
    .pricing-hero-panel,
    .pricing-capacity-panel,
    .pricing-shell,
    .pricing-value-card,
    .pricing-cta-card,
    .dashboard-command-card,
    .dashboard-panel,
    .dashboard-kpi-card,
    .billing-status-panel,
    .billing-ai-panel,
    .billing-summary-panel,
    .billing-danger-panel,
    .billing-purchase-panel,
    .history-activity-panel,
    .history-compare-panel,
    .history-upload-panel,
    .history-premium-item,
    .analyze-input-panel,
    .analyze-guide-card,
    .profile-account-card,
    .profile-status-card,
    .profile-form-card,
    .profile-help-card,
    .profile-wide-card,
    .admin-command-card,
    .admin-chart-card,
    .admin-list-panel,
    .admin-pulse-panel,
    .admin-kpi,
    .admin-signal,
    .legal-card,
    .tv-report__card,
    .tv-report__panel,
    .tv-report__section,
    .tv-report__snapshot
) {
    color: var(--text) !important;
    border-color: var(--border) !important;
    background:
        radial-gradient(circle at 15% 4%, rgba(10, 169, 154, .045), transparent 23rem),
        linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(247, 250, 254, .88)) !important;
    box-shadow: var(--shadow-soft) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(
    .dashboard-kpi-card,
    .dashboard-action-list a,
    .dashboard-step-stack article,
    .dashboard-command-stats article,
    .dashboard-reset-note,
    .dashboard-wave-card,
    .heartbeat-card,
    .billing-status-grid article,
    .billing-note-card,
    .billing-detail-list li,
    .billing-purchase-item,
    .billing-empty-state,
    .history-stat-card,
    .history-premium-item,
    .history-activity-note,
    .admin-user-row,
    .admin-report-row,
    .admin-webhook-row,
    .admin-kpi,
    .admin-signal,
    .admin-pulse-grid article,
    .profile-stat-card,
    .profile-identity-card,
    .profile-reset-note,
    .profile-help-list article,
    .support-health-item,
    .support-step-item,
    .support-priority-list article,
    .support-faq-grid article,
    .analyze-file-stack article,
    .analyze-dropzone,
    .pricing-mini-card,
    .capacity-tier,
    .capacity-note,
    .trial-highlight-box,
    .page-list li,
    .compact-list li,
    .file-input,
    .report-summary-card,
    .tv-report__finding,
    .tv-report__metric,
    .tv-report__mini-metrics > *,
    .tv-report__summary
) {
    color: var(--text) !important;
    border-color: rgba(21, 39, 72, .12) !important;
    background: rgba(255, 255, 255, .68) !important;
    box-shadow: none !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(
    .billing-ai-pack,
    .plan-card,
    .pricing-plan-card,
    .trial-plan-card
) {
    color: var(--text) !important;
    border-color: rgba(21, 39, 72, .13) !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(103, 92, 255, .08), transparent 11rem),
        linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(247, 250, 254, .90)) !important;
    box-shadow: 0 16px 42px rgba(22, 42, 80, .08) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(
    .billing-ai-pack,
    .plan-card,
    .pricing-plan-card,
    .trial-plan-card,
    .dashboard-kpi-card,
    .home-hero-copy,
    .server-health-panel,
    .admin-command-card,
    .profile-account-card
)::before {
    opacity: .08 !important;
    border-color: rgba(21, 39, 72, .10) !important;
    background: transparent !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(
    .billing-pack-top,
    .plan-card-head,
    .plan-footer,
    .billing-price-row,
    .capacity-tier-top,
    .dashboard-kpi-card > div,
    .admin-kpi-top
) {
    color: var(--text) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(
    .billing-side-stat,
    .history-side-stat,
    .home-pill,
    .admin-chip,
    .badge,
    .health-status
) {
    color: #087f73 !important;
    background: rgba(10, 169, 154, .10) !important;
    border-color: rgba(10, 169, 154, .20) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(
    .capacity-bar,
    .progress-track,
    .usage-bar,
    .pricing-track,
    .capacity-track
) {
    background: rgba(7, 19, 38, .10) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(
    .dashboard-track,
    .admin-mini-chart,
    .admin-wide-chart,
    .admin-chart-wrap,
    .admin-mini-chart-wrap
) {
    color: var(--text) !important;
    border-color: rgba(21, 39, 72, .10) !important;
    background: rgba(255, 255, 255, .42) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) .dashboard-capacity-ring {
    background: conic-gradient(var(--accent) var(--capacity-progress, 0%), rgba(7, 19, 38, .09) 0) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) .dashboard-capacity-ring::before {
    background: #f8fbff !important;
    box-shadow: inset 0 0 0 1px rgba(21, 39, 72, .06) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(.admin-mail-log, .mail-log-box, .debug-panel pre, pre, code) {
    color: #16243a !important;
    background: rgba(255, 255, 255, .76) !important;
    border-color: rgba(21, 39, 72, .13) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) .admin-list-panel div[style*="background:rgba(3,7,18"] {
    color: #16243a !important;
    background: rgba(255, 255, 255, .76) !important;
    border-color: rgba(21, 39, 72, .13) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) .admin-list-panel pre[style] {
    color: #1e304b !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(
    .metric-label,
    .plan-note,
    .plan-summary,
    .billing-side-copy,
    .history-side-copy,
    .dashboard-kpi-card span,
    .dashboard-kpi-card em,
    .admin-kpi em,
    .capacity-tier p,
    .pricing-subtitle,
    .support-subtitle,
    .home-subtitle
) {
    color: var(--muted-strong) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(.account-link, .theme-toggle, .language-form.language-picker) {
    background: rgba(255, 255, 255, .76) !important;
    border-color: rgba(21, 39, 72, .13) !important;
    color: #071326 !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(.site-nav a:hover, .site-nav a:focus-visible, .site-nav a.active, .account-link.active) {
    background: rgba(10, 169, 154, .10) !important;
    border-color: rgba(10, 169, 154, .20) !important;
    color: #071326 !important;
}

/* TickVisor profile cleanup pass 8
   Profile had become a card inside a card with an identity block crash-landing into the headline. This makes it match the rest of the site. */
body:not(.auth-fullscreen-body) .profile-revamp-page {
    width: min(100%, 1480px) !important;
    gap: clamp(34px, 4vw, 58px) !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-hero,
body:not(.auth-fullscreen-body) .profile-revamp-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, .78fr) !important;
    gap: var(--tv-page-gap) !important;
    align-items: stretch !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-card {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-lg) !important;
    background:
        radial-gradient(circle at 12% 8%, rgba(64, 224, 203, .055), transparent 22rem),
        linear-gradient(180deg, rgba(15, 29, 53, .86), rgba(10, 20, 38, .80)) !important;
    box-shadow: var(--shadow-soft) !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-intro {
    display: flex !important;
    min-height: clamp(360px, 31vw, 470px) !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: var(--tv-card-pad) !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-summary,
body:not(.auth-fullscreen-body) .profile-context-card,
body:not(.auth-fullscreen-body) .profile-form-card,
body:not(.auth-fullscreen-body) .profile-warning-card {
    padding: var(--tv-card-pad-sm) !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-eyebrow {
    margin: 0 0 18px !important;
    color: var(--accent) !important;
    font-size: .78rem !important;
    font-weight: 820 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-page h1 {
    max-width: 760px !important;
    margin: 0 !important;
    font-size: clamp(3.15rem, 4.65vw, 5.25rem) !important;
    line-height: .96 !important;
    letter-spacing: -.078em !important;
    font-weight: 560 !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-page h2 {
    margin: 0 !important;
    font-size: clamp(2rem, 2.4vw, 3rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -.06em !important;
    font-weight: 560 !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-page p {
    max-width: 720px !important;
    color: var(--muted-strong) !important;
    font-size: .93rem !important;
    line-height: 1.6 !important;
    font-weight: 560 !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-intro > p {
    margin: 22px 0 0 !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-meta {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: clamp(24px, 2.5vw, 34px) 0 0 !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-meta div,
body:not(.auth-fullscreen-body) .profile-summary-row,
body:not(.auth-fullscreen-body) .profile-context-list article {
    min-width: 0 !important;
    padding: 16px 18px !important;
    border: 1px solid rgba(128, 151, 190, .12) !important;
    border-radius: var(--radius-md) !important;
    background: rgba(5, 12, 26, .28) !important;
    box-shadow: none !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-meta dt,
body:not(.auth-fullscreen-body) .profile-summary-row span {
    display: block !important;
    margin: 0 0 7px !important;
    color: var(--muted) !important;
    font-size: .76rem !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-meta dd,
body:not(.auth-fullscreen-body) .profile-summary-row strong {
    display: block !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: var(--text) !important;
    font-size: .95rem !important;
    line-height: 1.25 !important;
    font-weight: 780 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-actions {
    margin-top: clamp(24px, 2.5vw, 36px) !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-summary {
    display: flex !important;
    min-height: clamp(360px, 31vw, 470px) !important;
    flex-direction: column !important;
    justify-content: center !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-section-head {
    margin: 0 0 22px !important;
}

body:not(.auth-fullscreen-body) .profile-revamp-section-head p {
    margin: 10px 0 0 !important;
}

body:not(.auth-fullscreen-body) .profile-summary-list,
body:not(.auth-fullscreen-body) .profile-context-list {
    display: grid !important;
    gap: 12px !important;
}

body:not(.auth-fullscreen-body) .profile-summary-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

body:not(.auth-fullscreen-body) .profile-summary-row span,
body:not(.auth-fullscreen-body) .profile-summary-row strong {
    margin: 0 !important;
}

body:not(.auth-fullscreen-body) .profile-summary-row-wide strong {
    white-space: normal !important;
    text-align: right !important;
}

body:not(.auth-fullscreen-body) .profile-form-card {
    min-height: 0 !important;
}

body:not(.auth-fullscreen-body) .profile-form-premium {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

body:not(.auth-fullscreen-body) .profile-form-premium .profile-field:nth-of-type(5),
body:not(.auth-fullscreen-body) .profile-form-actions {
    grid-column: 1 / -1 !important;
}

body:not(.auth-fullscreen-body) .profile-field {
    display: grid !important;
    gap: 8px !important;
}

body:not(.auth-fullscreen-body) .profile-field span {
    color: var(--text) !important;
    font-size: .82rem !important;
    font-weight: 780 !important;
}

body:not(.auth-fullscreen-body) .profile-field input {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 10px !important;
}

body:not(.auth-fullscreen-body) .profile-form-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 8px !important;
}

body:not(.auth-fullscreen-body) .profile-context-card {
    display: flex !important;
    flex-direction: column !important;
}

body:not(.auth-fullscreen-body) .profile-context-list article strong {
    display: block !important;
    color: var(--text) !important;
    font-size: .92rem !important;
    font-weight: 800 !important;
}

body:not(.auth-fullscreen-body) .profile-context-list article p {
    margin: 6px 0 0 !important;
    font-size: .88rem !important;
}

body:not(.auth-fullscreen-body) .profile-context-card .profile-wide-button {
    width: 100% !important;
    margin-top: auto !important;
}

body:not(.auth-fullscreen-body) .profile-warning-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: var(--tv-page-gap) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) .profile-revamp-card {
    color: var(--text) !important;
    border-color: rgba(24, 44, 78, .13) !important;
    background:
        radial-gradient(circle at 12% 8%, rgba(10, 169, 154, .045), transparent 22rem),
        linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(247, 250, 254, .88)) !important;
    box-shadow: var(--shadow-soft) !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) .profile-revamp-meta div,
html[data-theme="light"] body:not(.auth-fullscreen-body) .profile-summary-row,
html[data-theme="light"] body:not(.auth-fullscreen-body) .profile-context-list article {
    color: var(--text) !important;
    border-color: rgba(21, 39, 72, .12) !important;
    background: rgba(255, 255, 255, .70) !important;
}

@media (max-width: 1180px) {
    body:not(.auth-fullscreen-body) .profile-revamp-hero,
    body:not(.auth-fullscreen-body) .profile-revamp-grid {
        grid-template-columns: 1fr !important;
    }

    body:not(.auth-fullscreen-body) .profile-revamp-intro,
    body:not(.auth-fullscreen-body) .profile-revamp-summary {
        min-height: auto !important;
    }
}

@media (max-width: 760px) {
    body:not(.auth-fullscreen-body) .profile-revamp-meta,
    body:not(.auth-fullscreen-body) .profile-form-premium {
        grid-template-columns: 1fr !important;
    }

    body:not(.auth-fullscreen-body) .profile-revamp-page h1 {
        font-size: clamp(2.55rem, 13vw, 3.8rem) !important;
    }

    body:not(.auth-fullscreen-body) .profile-summary-row {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 6px !important;
    }

    body:not(.auth-fullscreen-body) .profile-summary-row-wide strong {
        text-align: left !important;
    }
}

/* Pass 9: make secondary action buttons read as real buttons without competing with primary actions. */
body:not(.auth-fullscreen-body) :is(
    .button.secondary,
    .button.ghost,
    button.secondary,
    .profile-wide-button,
    .tv-report__button--secondary
) {
    position: relative !important;
    isolation: isolate !important;
    color: #f7fbff !important;
    background:
        linear-gradient(180deg, rgba(24, 41, 72, .96) 0%, rgba(12, 25, 48, .98) 100%) !important;
    border: 1px solid rgba(136, 160, 205, .34) !important;
    box-shadow:
        0 10px 22px rgba(2, 8, 23, .26),
        inset 0 1px 0 rgba(255, 255, 255, .08),
        inset 0 -1px 0 rgba(64, 224, 203, .08) !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .22) !important;
}

body:not(.auth-fullscreen-body) :is(
    .button.secondary,
    .button.ghost,
    button.secondary,
    .profile-wide-button,
    .tv-report__button--secondary
)::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    border-radius: inherit !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(64, 224, 203, .16), transparent 38%),
        linear-gradient(90deg, rgba(64, 224, 203, .10), transparent 34%, rgba(166, 74, 255, .10)) !important;
    opacity: .72 !important;
    pointer-events: none !important;
    transition: opacity .18s ease, transform .18s ease !important;
}

body:not(.auth-fullscreen-body) :is(
    .button.secondary:hover,
    .button.ghost:hover,
    button.secondary:hover,
    .profile-wide-button:hover,
    .tv-report__button--secondary:hover
) {
    transform: translateY(-1px) !important;
    color: #ffffff !important;
    border-color: rgba(64, 224, 203, .46) !important;
    background:
        linear-gradient(180deg, rgba(30, 51, 86, .98) 0%, rgba(15, 31, 58, .99) 100%) !important;
    box-shadow:
        0 14px 30px rgba(2, 8, 23, .32),
        0 0 0 3px rgba(64, 224, 203, .08),
        inset 0 1px 0 rgba(255, 255, 255, .10),
        inset 0 -1px 0 rgba(166, 74, 255, .12) !important;
}

body:not(.auth-fullscreen-body) :is(
    .button.secondary:hover,
    .button.ghost:hover,
    button.secondary:hover,
    .profile-wide-button:hover,
    .tv-report__button--secondary:hover
)::before {
    opacity: 1 !important;
    transform: scale(1.015) !important;
}

body:not(.auth-fullscreen-body) :is(
    .button.secondary:focus-visible,
    .button.ghost:focus-visible,
    button.secondary:focus-visible,
    .profile-wide-button:focus-visible,
    .tv-report__button--secondary:focus-visible
) {
    outline: 3px solid rgba(64, 224, 203, .20) !important;
    outline-offset: 2px !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(
    .button.secondary,
    .button.ghost,
    button.secondary,
    .profile-wide-button,
    .tv-report__button--secondary
) {
    color: #081326 !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(239, 245, 255, .98) 100%) !important;
    border: 1px solid rgba(20, 43, 78, .22) !important;
    box-shadow:
        0 10px 22px rgba(23, 42, 80, .10),
        inset 0 1px 0 rgba(255, 255, 255, .86),
        inset 0 -1px 0 rgba(10, 169, 154, .12) !important;
    text-shadow: none !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(
    .button.secondary,
    .button.ghost,
    button.secondary,
    .profile-wide-button,
    .tv-report__button--secondary
)::before {
    background:
        radial-gradient(circle at 18% 0%, rgba(10, 169, 154, .13), transparent 40%),
        linear-gradient(90deg, rgba(10, 169, 154, .10), transparent 35%, rgba(118, 88, 255, .10)) !important;
    opacity: .76 !important;
}

html[data-theme="light"] body:not(.auth-fullscreen-body) :is(
    .button.secondary:hover,
    .button.ghost:hover,
    button.secondary:hover,
    .profile-wide-button:hover,
    .tv-report__button--secondary:hover
) {
    color: #071326 !important;
    border-color: rgba(10, 169, 154, .38) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(232, 243, 255, 1) 100%) !important;
    box-shadow:
        0 14px 30px rgba(23, 42, 80, .14),
        0 0 0 3px rgba(10, 169, 154, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}


/* Pass 10: responsive support for common desktop, tablet, and phone widths.
   Same visual design, fewer mobile layout crimes. */
html[data-theme="dark"],
html[data-theme="light"] {
    --tv-fluid-body: clamp(14px, .88vw, 15.5px);
    --tv-fluid-small: clamp(.78rem, .72vw, .86rem);
    --tv-fluid-label: clamp(.76rem, .72vw, .84rem);
    --tv-fluid-h1: clamp(3.05rem, 5.15vw, 5.65rem);
    --tv-fluid-h2: clamp(2rem, 3vw, 3.2rem);
    --tv-fluid-h3: clamp(1.08rem, 1.35vw, 1.42rem);
}

*,
*::before,
*::after {
    min-width: 0;
}

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

body:not(.auth-fullscreen-body) {
    font-size: var(--tv-fluid-body) !important;
}

body:not(.auth-fullscreen-body) :is(
    h1,
    .home-hero-copy h1,
    .support-hero-copy h1,
    .pricing-hero-copy h1,
    .dashboard-hero-copy h1,
    .billing-hero-copy h1,
    .history-hero-copy h1,
    .analyze-hero-copy h1,
    .profile-account-main h1,
    .profile-revamp-page h1,
    .admin-command-main h1,
    .tv-report__title,
    .hero-card h1,
    .pricing-hero h1,
    .seo-landing-page h1
) {
    font-size: var(--tv-fluid-h1) !important;
    line-height: .92 !important;
    letter-spacing: -.07em !important;
    text-wrap: balance;
}

body:not(.auth-fullscreen-body) :is(
    h2,
    .home-section-heading h2,
    .support-guide-card h2,
    .support-wide-card h2,
    .support-faq-card h2,
    .pricing-shell-header h2,
    .pricing-cta-card h2,
    .dashboard-panel-header h2,
    .billing-section-header h2,
    .history-section-header h2,
    .profile-section-head h2,
    .admin-panel-head h2,
    .tv-report__section-head h2,
    .card h2,
    .hero-card h2
) {
    font-size: var(--tv-fluid-h2) !important;
    line-height: .98 !important;
    letter-spacing: -.058em !important;
    text-wrap: balance;
}

body:not(.auth-fullscreen-body) :is(
    h3,
    .plan-card h3,
    .pricing-plan-card h3,
    .support-guide-card h3,
    .home-step-card h3,
    .dashboard-kpi-card strong,
    .admin-kpi strong,
    .metric-card .metric-value
) {
    font-size: var(--tv-fluid-h3) !important;
    line-height: 1.05 !important;
    text-wrap: balance;
}

body:not(.auth-fullscreen-body) :is(p, li, dd, .lede, .home-subtitle, .pricing-subtitle, .support-subtitle, .tv-report__lede) {
    max-width: 72ch;
}

body:not(.auth-fullscreen-body) :is(img, svg, canvas, video) {
    max-width: 100%;
}

body:not(.auth-fullscreen-body) :is(select, input, textarea) {
    max-width: 100% !important;
}

body:not(.auth-fullscreen-body) :is(
    .history-premium-list,
    .admin-user-list,
    .admin-report-list,
    .admin-webhook-list,
    .billing-purchase-list,
    .page-list,
    .compact-list,
    .tv-report__stack
) {
    min-width: 0 !important;
}

body:not(.auth-fullscreen-body) :is(
    .admin-chart-wrap,
    .admin-mini-chart-wrap,
    .billing-detail-list,
    .history-compare-panel,
    .analyze-upload-card,
    .tv-report__details,
    .tv-report__code,
    pre,
    code
) {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 1481px) {
    html[data-theme="dark"],
    html[data-theme="light"] {
        --tv-page-pad: clamp(40px, 3.4vw, 64px);
    }
}

@media (max-width: 1366px) {
    html[data-theme="dark"],
    html[data-theme="light"] {
        --tv-max: 1280px;
        --tv-page-pad: clamp(22px, 3vw, 42px);
        --tv-page-gap: clamp(20px, 2vw, 28px);
        --tv-card-pad: clamp(24px, 2.25vw, 36px);
        --tv-card-pad-sm: clamp(18px, 1.45vw, 24px);
        --tv-fluid-h1: clamp(2.85rem, 5vw, 5rem);
        --tv-fluid-h2: clamp(1.85rem, 2.75vw, 2.85rem);
    }

    body:not(.auth-fullscreen-body) :is(.site-nav a, .account-link, .theme-toggle, .language-form.language-picker) {
        min-height: 36px !important;
        font-size: .8rem !important;
    }

    body:not(.auth-fullscreen-body) .site-nav a {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
}

@media (max-width: 1180px) {
    html[data-theme="dark"],
    html[data-theme="light"] {
        --tv-max: 980px;
        --tv-page-pad: clamp(20px, 3.8vw, 38px);
        --tv-page-gap: 22px;
        --tv-section-gap: 42px;
        --tv-card-pad: clamp(24px, 3.2vw, 34px);
        --tv-fluid-h1: clamp(2.65rem, 6.8vw, 4.5rem);
        --tv-fluid-h2: clamp(1.75rem, 4.1vw, 2.75rem);
    }

    body:not(.auth-fullscreen-body) :is(
        .home-hero,
        .landing-hero,
        .home-split-section,
        .dashboard-hero-premium,
        .dashboard-premium-grid,
        .dashboard-lower-grid,
        .analyze-hero-premium,
        .history-hero-premium,
        .history-compare-grid,
        .billing-hero-premium,
        .billing-two-grid,
        .billing-content-grid,
        .pricing-grid,
        .pricing-hero,
        .support-hero,
        .support-workflow-section,
        .admin-premium-hero,
        .admin-command-card,
        .admin-content-grid,
        .admin-webhook-grid,
        .profile-top-clean,
        .profile-content-grid,
        .profile-revamp-hero,
        .profile-revamp-grid,
        .tv-report__hero,
        .tv-report__layout,
        .tv-report__two,
        .two-column-grid
    ) {
        grid-template-columns: 1fr !important;
    }

    body:not(.auth-fullscreen-body) :is(
        .dashboard-kpi-row,
        .dashboard-command-stats,
        .dashboard-premium-grid,
        .billing-status-grid,
        .billing-ai-grid,
        .admin-kpi-grid,
        .admin-pulse-grid,
        .history-activity-grid,
        .home-step-grid,
        .home-proof-grid,
        .pricing-value-grid,
        .support-guide-grid,
        .support-faq-grid,
        .three-column-grid,
        .metrics,
        .tv-report__metrics,
        .tv-report__mini-metrics,
        .tv-report__snapshot-grid
    ) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body:not(.auth-fullscreen-body) :is(
        .dashboard-hero-premium,
        .billing-hero-premium,
        .history-hero-premium,
        .analyze-hero-premium,
        .admin-premium-hero
    ) > * {
        min-height: auto !important;
    }
}

@media (max-width: 980px) {
    html[data-theme="dark"],
    html[data-theme="light"] {
        --tv-max: 100%;
        --tv-page-pad: clamp(16px, 4vw, 28px);
        --tv-page-gap: 18px;
        --tv-section-gap: 34px;
        --tv-card-pad: clamp(20px, 4vw, 28px);
        --tv-card-pad-sm: 18px;
        --tv-btn-height: 44px;
        --tv-btn-pad-x: 16px;
        --tv-fluid-body: 14.5px;
        --tv-fluid-h1: clamp(2.35rem, 8.4vw, 3.8rem);
        --tv-fluid-h2: clamp(1.58rem, 5.2vw, 2.35rem);
        --tv-fluid-h3: clamp(1.05rem, 3.2vw, 1.28rem);
    }

    body:not(.auth-fullscreen-body) .site-header-shell {
        position: sticky !important;
        top: 0 !important;
        z-index: 60 !important;
        padding-top: max(10px, env(safe-area-inset-top)) !important;
        padding-bottom: 10px !important;
        background: linear-gradient(180deg, rgba(5, 11, 24, .96), rgba(5, 11, 24, .86) 76%, transparent) !important;
    }

    html[data-theme="light"] body:not(.auth-fullscreen-body) .site-header-shell {
        background: linear-gradient(180deg, rgba(246, 249, 254, .98), rgba(246, 249, 254, .88) 76%, transparent) !important;
    }

    body:not(.auth-fullscreen-body) .site-header.minimal-site-header {
        width: 100% !important;
        min-height: 58px !important;
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        grid-template-areas:
            "brand toggle"
            "nav nav"
            "account account" !important;
        align-items: center !important;
        gap: 0 12px !important;
        padding: 10px !important;
        border-radius: 16px !important;
        border: 1px solid rgba(125, 149, 194, .18) !important;
        background: rgba(7, 15, 31, .90) !important;
        box-shadow: 0 18px 44px rgba(0, 0, 0, .22) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
    }

    html[data-theme="light"] body:not(.auth-fullscreen-body) .site-header.minimal-site-header {
        background: rgba(255, 255, 255, .92) !important;
        box-shadow: 0 18px 44px rgba(32, 49, 86, .12) !important;
    }

    body:not(.auth-fullscreen-body) .site-header.minimal-site-header .header-left {
        display: contents !important;
    }

    body:not(.auth-fullscreen-body) .site-header.minimal-site-header .brand.brand-logo {
        grid-area: brand !important;
        justify-self: start !important;
        max-width: min(172px, 58vw) !important;
    }

    body:not(.auth-fullscreen-body) .site-header .brand-logo .logo-light,
    body:not(.auth-fullscreen-body) .site-header .brand-logo .logo-dark,
    body:not(.auth-fullscreen-body) .site-header img.logo-light,
    body:not(.auth-fullscreen-body) .site-header img.logo-dark {
        width: clamp(132px, 42vw, 168px) !important;
        max-width: min(168px, 58vw) !important;
    }

    body:not(.auth-fullscreen-body) .mobile-menu-toggle {
        grid-area: toggle !important;
        display: inline-flex !important;
        width: auto !important;
        min-width: 46px !important;
        min-height: 42px !important;
        max-width: max-content !important;
        justify-self: end !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 0 12px !important;
        border-radius: 12px !important;
    }

    body:not(.auth-fullscreen-body) .site-header.minimal-site-header .site-nav,
    body:not(.auth-fullscreen-body) .site-header.minimal-site-header .account-nav {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.mobile-menu-open:not(.auth-fullscreen-body) .site-header.minimal-site-header .site-nav {
        grid-area: nav !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding-top: 12px !important;
        margin-top: 10px !important;
        border-top: 1px solid rgba(125, 149, 194, .16) !important;
    }

    body.mobile-menu-open:not(.auth-fullscreen-body) .site-header.minimal-site-header .account-nav {
        grid-area: account !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding-top: 10px !important;
        margin-top: 10px !important;
        border-top: 1px solid rgba(125, 149, 194, .12) !important;
    }

    body.mobile-menu-open:not(.auth-fullscreen-body) .site-header.minimal-site-header :is(.site-nav a, .account-link, .account-button, .theme-toggle, .language-form.language-picker, .logout-form, .logout-form button) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        justify-content: center !important;
    }

    body.mobile-menu-open:not(.auth-fullscreen-body) .site-header.minimal-site-header .language-form.language-picker {
        display: flex !important;
    }

    body.mobile-menu-open:not(.auth-fullscreen-body) .site-header.minimal-site-header .language-form.language-picker select {
        width: 100% !important;
    }

    body:not(.auth-fullscreen-body) .site-main {
        padding-top: 24px !important;
        padding-bottom: 48px !important;
    }

    body:not(.auth-fullscreen-body) :is(.home-actions, .profile-actions, .history-premium-actions, .analyze-form-footer, .billing-pack-top, .admin-actions, .tv-report__actions) {
        flex-wrap: wrap !important;
        gap: 10px !important;
    }
}

@media (max-width: 760px) {
    html[data-theme="dark"],
    html[data-theme="light"] {
        --tv-page-pad: 14px;
        --tv-page-gap: 16px;
        --tv-section-gap: 30px;
        --tv-card-pad: 18px;
        --tv-card-pad-sm: 16px;
        --tv-fluid-body: 14px;
        --tv-fluid-h1: clamp(2.05rem, 11.8vw, 3.12rem);
        --tv-fluid-h2: clamp(1.42rem, 7.4vw, 2.05rem);
        --tv-fluid-h3: clamp(1rem, 4.5vw, 1.18rem);
    }

    body:not(.auth-fullscreen-body) :is(
        .dashboard-kpi-row,
        .dashboard-command-stats,
        .dashboard-premium-grid,
        .dashboard-lower-grid,
        .billing-status-grid,
        .billing-ai-grid,
        .billing-content-grid,
        .billing-two-grid,
        .admin-kpi-grid,
        .admin-pulse-grid,
        .admin-content-grid,
        .admin-webhook-grid,
        .history-activity-grid,
        .history-compare-grid,
        .home-step-grid,
        .home-proof-grid,
        .home-plan-strip,
        .pricing-grid,
        .pricing-value-grid,
        .support-guide-grid,
        .support-faq-grid,
        .profile-status-grid,
        .profile-form-premium,
        .profile-revamp-meta,
        .form-grid,
        .metrics,
        .three-column-grid,
        .two-column-grid,
        .tv-report__metrics,
        .tv-report__mini-metrics,
        .tv-report__snapshot-grid
    ) {
        grid-template-columns: 1fr !important;
    }

    body:not(.auth-fullscreen-body) :is(
        .hero-card,
        .card,
        .dashboard-command-card,
        .dashboard-panel,
        .dashboard-kpi-card,
        .analyze-hero-premium,
        .analyze-input-panel,
        .analyze-guide-card,
        .history-hero-premium,
        .history-activity-panel,
        .history-compare-panel,
        .history-upload-panel,
        .billing-hero-premium,
        .billing-status-panel,
        .billing-ai-panel,
        .billing-summary-panel,
        .billing-danger-panel,
        .billing-purchase-panel,
        .billing-ai-pack,
        .pricing-hero,
        .pricing-hero-panel,
        .pricing-shell,
        .pricing-plan-card,
        .pricing-value-card,
        .pricing-cta-card,
        .support-hero,
        .support-health-card,
        .support-guide-card,
        .support-wide-card,
        .support-faq-card,
        .admin-command-card,
        .admin-chart-card,
        .admin-list-panel,
        .admin-pulse-panel,
        .admin-kpi,
        .profile-revamp-card,
        .profile-account-card,
        .profile-status-card,
        .profile-form-card,
        .profile-help-card,
        .tv-report__card,
        .tv-report__panel,
        .tv-report__section,
        .tv-report__details
    ) {
        padding: var(--tv-card-pad) !important;
        border-radius: 14px !important;
        min-height: auto !important;
    }

    body:not(.auth-fullscreen-body) :is(
        .button,
        .button.secondary,
        .button.ghost,
        .account-button,
        .compact-button,
        .profile-wide-button,
        .tv-report__button,
        input[type="submit"],
        input::file-selector-button,
        input::-webkit-file-upload-button
    ) {
        min-height: 44px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        font-size: .84rem !important;
    }

    body:not(.auth-fullscreen-body) :is(.home-actions, .profile-actions, .form-actions, .profile-form-actions, .history-premium-actions, .billing-pack-top, .analyze-form-footer, .tv-report__actions) :is(.button, button, a) {
        flex: 1 1 160px !important;
    }

    body:not(.auth-fullscreen-body) .server-metric-row,
    body:not(.auth-fullscreen-body) .dashboard-command-stats,
    body:not(.auth-fullscreen-body) .login-metric-row {
        grid-template-columns: 1fr !important;
    }

    body:not(.auth-fullscreen-body) .dashboard-capacity-ring {
        width: min(48vw, 170px) !important;
        height: min(48vw, 170px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body:not(.auth-fullscreen-body) :is(.heartbeat-card, .dashboard-wave-card, .auth-heartbeat-card) {
        min-height: 180px !important;
    }

    body:not(.auth-fullscreen-body) :is(.heartbeat-wave, .dashboard-wave-card svg, .auth-heartbeat-card .heartbeat-wave) {
        height: clamp(96px, 26vw, 150px) !important;
    }

    body:not(.auth-fullscreen-body) :is(.history-premium-item, .admin-user-row, .admin-report-row, .admin-webhook-row, .billing-purchase-item) {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        align-items: start !important;
    }

    body:not(.auth-fullscreen-body) :is(.history-premium-actions, .admin-actions) {
        width: 100% !important;
        justify-content: stretch !important;
    }

    body:not(.auth-fullscreen-body) :is(.history-premium-actions .button, .admin-actions .button, .admin-actions a, .history-premium-actions a) {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }

    body:not(.auth-fullscreen-body) .site-footer {
        padding: 18px !important;
        grid-template-columns: 1fr !important;
        justify-items: start !important;
        gap: 14px !important;
    }

    body:not(.auth-fullscreen-body) .site-footer nav {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px 12px !important;
    }

    body:not(.auth-fullscreen-body) .footer-copy {
        font-size: .78rem !important;
    }
}

@media (max-width: 540px) {
    html[data-theme="dark"],
    html[data-theme="light"] {
        --tv-page-pad: 12px;
        --tv-page-gap: 14px;
        --tv-card-pad: 16px;
        --tv-card-pad-sm: 14px;
        --tv-fluid-body: 13.75px;
        --tv-fluid-h1: clamp(1.92rem, 12.4vw, 2.75rem);
        --tv-fluid-h2: clamp(1.32rem, 8vw, 1.85rem);
    }

    body:not(.auth-fullscreen-body) .site-header.minimal-site-header {
        border-radius: 14px !important;
        padding: 9px !important;
    }

    body:not(.auth-fullscreen-body) .mobile-menu-toggle-text {
        font-size: 0 !important;
    }

    body:not(.auth-fullscreen-body) .mobile-menu-toggle-text::after {
        content: "Menu";
        font-size: .82rem !important;
    }

    body.mobile-menu-open:not(.auth-fullscreen-body) .mobile-menu-toggle-text::after {
        content: "Close";
    }

    body.mobile-menu-open:not(.auth-fullscreen-body) .site-header.minimal-site-header .site-nav,
    body.mobile-menu-open:not(.auth-fullscreen-body) .site-header.minimal-site-header .account-nav {
        grid-template-columns: 1fr !important;
    }

    body:not(.auth-fullscreen-body) .site-header .brand-logo .logo-light,
    body:not(.auth-fullscreen-body) .site-header .brand-logo .logo-dark,
    body:not(.auth-fullscreen-body) .site-header img.logo-light,
    body:not(.auth-fullscreen-body) .site-header img.logo-dark {
        width: clamp(124px, 48vw, 154px) !important;
    }

    body:not(.auth-fullscreen-body) :is(.home-actions, .profile-actions, .form-actions, .profile-form-actions, .history-premium-actions, .billing-pack-top, .analyze-form-footer, .tv-report__actions) :is(.button, button, a) {
        width: 100% !important;
        flex-basis: 100% !important;
    }

    body:not(.auth-fullscreen-body) :is(input, select, textarea) {
        font-size: 16px !important;
        min-height: 44px !important;
    }

    body:not(.auth-fullscreen-body) .site-footer nav {
        grid-template-columns: 1fr !important;
    }

    body:not(.auth-fullscreen-body) :is(.admin-chart-card canvas, .admin-wide-chart, .admin-mini-chart) {
        min-height: 210px !important;
    }
}

@media (max-width: 380px) {
    html[data-theme="dark"],
    html[data-theme="light"] {
        --tv-page-pad: 10px;
        --tv-card-pad: 14px;
        --tv-fluid-body: 13.5px;
        --tv-fluid-h1: clamp(1.78rem, 12.7vw, 2.35rem);
        --tv-fluid-h2: clamp(1.22rem, 8.4vw, 1.6rem);
    }

    body:not(.auth-fullscreen-body) :is(.button, .button.secondary, .button.ghost, .account-button, .compact-button, .profile-wide-button, .tv-report__button) {
        font-size: .8rem !important;
    }
}

@media (hover: none) and (pointer: coarse) {
    body:not(.auth-fullscreen-body) :is(.button, .button.secondary, .button.ghost, .account-button, .compact-button, .profile-wide-button, .tv-report__button, .site-nav a, .account-link, .theme-toggle, .mobile-menu-toggle) {
        transition-duration: .12s !important;
    }

    body:not(.auth-fullscreen-body) :is(.button:hover, .button.secondary:hover, .button.ghost:hover, .account-button:hover, .compact-button:hover, .profile-wide-button:hover, .tv-report__button:hover, .site-nav a:hover, .account-link:hover, .theme-toggle:hover, .mobile-menu-toggle:hover) {
        transform: none !important;
    }
}