/* H11.4.9 - Public home root entry + beautiful quick cards hotfix. Markers: public_home_root_entry_h11_4_9 public_home_quick_cards_h11_4_9 root_home_mobile_shell_enabled no_mutation_safety */
/* H11.3.3 - Emergency restore after H11.3.2 visual regression. */
/* H11.3.5 static asset marker: public_job_detail_legacy_pwa_quarantine_h11_3_4 public_job_detail_v145_prompt_hidden_h11_3_4 public_job_detail_h1133_restore_retained_h11_3_4  public_job_detail_emergency_restore_h11_3_3 public_job_detail_safe_typography_h11_3_3 public_job_detail_pwa_regression_guard_h11_3_3  public_job_detail_native_mobile_gate public_job_detail_no_mutation_safety public_job_detail_apply_layer_baseline public_job_detail_visibility public_jobs_listing_retained_h11_2 public_home_baseline_retained_h11_1 */
/* E18 / H10.18 - Employer Native Pilot Release Candidate Acceptance Gate over H10.17. */
/* H10.18 static asset marker: employer_native_pilot_release_candidate release_candidate_acceptance final_release_matrix rollback_safety service_worker_cache_final_gate final_no_mutation_safety employer_native_pilot_production_hardening employer_full_retained_dynamic_gate employer_control_panel employer_my_jobs employer_companies employer_company_setup employer_complaints employer_applicants employer_applicant_detail employer_add_job employer_edit_job employer_job_ai_wizard employer_job_ai_drafts employer_job_ai_preview */
/* E17 / H10.17 - Employer Native Pilot Production Hardening Gate over H10.16. */
/* H10.17 static asset marker: employer_native_pilot_production_hardening cache_safety session_resilience back_forward_navigation_safety mutation_safety employer_full_retained_dynamic_gate employer_control_panel employer_my_jobs employer_companies employer_company_setup employer_complaints employer_applicants employer_applicant_detail employer_add_job employer_edit_job employer_job_ai_wizard employer_job_ai_drafts employer_job_ai_preview */
/* E16 / H10.16 - Employer Full Retained Dynamic Native Pilot Gate. */
/* H10.16 static asset marker: employer_full_retained_dynamic_gate employer_control_panel employer_my_jobs employer_companies employer_company_setup employer_complaints employer_applicants employer_applicant_detail employer_add_job employer_edit_job employer_job_ai_wizard employer_job_ai_drafts employer_job_ai_preview */
/* E15 / H10.15 - Employer Complaints Native Pilot Gate over H10.14. */
/* H10.15 static asset marker: employer_complaints */
/* E14 / H10.14 - Employer Company Setup Native Pilot Gate over H10.13. */
/* H10.14 static asset marker: employer_company_setup */
/* E13 / H10.13 - Employer Applicant Detail Native Pilot Gate over H10.12. */
/* H10.13 static asset marker: employer_applicant_detail */
/* V195.2.1-H10.8.2 — Employer Add Job final mobile layout gate fix. Includes cumulative H10.8.1. */
/*
 * 5Tawzeef V195.2.1 — Mobile App Experience Pilot
 * Scope: approved pilot pages at <= 760px only.
 * Architecture: one feature flag, one CSS file, one JS file, no route discovery.
 */

.mobile-app-chrome-v19521 { display: none; }

@media (max-width: 760px) {
  html.mobile-app-scroll-locked,
  html.mobile-app-scroll-locked body {
    overflow: hidden !important;
    overscroll-behavior: none;
  }

  body.mobile-app-pilot-v195-2-1 {
    --mapp-canvas: #f3f6fb;
    --mapp-surface: #ffffff;
    --mapp-surface-soft: #f8faff;
    --mapp-text: #101828;
    --mapp-muted: #667085;
    --mapp-line: #dfe7f1;
    --mapp-brand: #1457d9;
    --mapp-brand-dark: #0b45b7;
    --mapp-brand-soft: #eaf2ff;
    --mapp-success: #087a55;
    --mapp-danger: #b42318;
    --mapp-shadow: 0 12px 36px rgba(16, 24, 40, 0.08);
    --mapp-radius-lg: 24px;
    --mapp-radius-md: 18px;
    --mapp-radius-sm: 14px;
    --mapp-touch: 48px;
    --mapp-topbar: 64px;
    --mapp-nav-height: var(--runtime-mobile-nav, 82px);
    min-height: calc(var(--mapp-vh, 1vh) * 100);
    margin: 0;
    padding: 0 0 calc(var(--mapp-nav-height) + 24px + env(safe-area-inset-bottom, 0px));
    background: var(--mapp-canvas);
    color: var(--mapp-text);
    overflow-x: clip;
    overscroll-behavior-y: contain;
    -webkit-tap-highlight-color: transparent;
    text-rendering: optimizeLegibility;
  }

  body.mobile-app-pilot-v195-2-1 * {
    box-sizing: border-box;
  }

  body.mobile-app-pilot-v195-2-1 > .site-header {
    display: none !important;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-chrome-v19521 {
    display: block;
    position: sticky;
    top: 0;
    z-index: 1600;
    height: calc(var(--mapp-topbar) + env(safe-area-inset-top, 0px));
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-topbar-v19521 {
    min-height: var(--mapp-topbar);
    padding: calc(8px + env(safe-area-inset-top, 0px)) 14px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: rgba(255, 255, 255, 0.94);
    border-bottom: 1px solid rgba(223, 231, 241, 0.94);
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.055);
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    transition: transform 180ms ease, box-shadow 180ms ease;
  }

  body.mobile-app-pilot-v195-2-1.mobile-app-scrolled .mobile-app-topbar-v19521 {
    box-shadow: 0 10px 28px rgba(16, 24, 40, 0.1);
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-brand-v19521 {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--mapp-text);
    text-decoration: none;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-brand-mark-v19521 {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient(145deg, var(--mapp-brand), var(--mapp-brand-dark));
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    box-shadow: 0 8px 20px rgba(20, 87, 217, 0.25);
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-title-v19521 {
    min-width: 0;
    display: grid;
    gap: 1px;
    line-height: 1.15;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-title-v19521 strong {
    max-width: min(46vw, 220px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--mapp-text);
    font-size: 15px;
    font-weight: 850;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-title-v19521 small {
    color: var(--mapp-muted);
    font-size: 11px;
    font-weight: 650;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-topbar-actions-v19521 {
    display: flex;
    align-items: center;
    gap: 7px;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-icon-button-v19521 {
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid var(--mapp-line);
    border-radius: 15px;
    background: var(--mapp-surface);
    color: var(--mapp-text);
    box-shadow: none;
    text-decoration: none;
    cursor: pointer;
    touch-action: manipulation;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-icon-button-v19521 svg {
    width: 22px;
    height: 22px;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-icon-button-v19521:active {
    transform: scale(0.96);
    background: var(--mapp-brand-soft);
    color: var(--mapp-brand);
  }

  /* H9.7.3: the browser owns menu open/close through the Popover API.
     No shared JavaScript, body class, hidden attribute, or delegated event is required. */
  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-panel-v19521[popover] {
    position: fixed;
    inset: 0 0 0 auto;
    width: min(88vw, 380px);
    height: 100dvh;
    max-height: 100dvh;
    margin: 0;
    padding: calc(14px + env(safe-area-inset-top, 0px)) 14px calc(18px + env(safe-area-inset-bottom, 0px));
    border: 0;
    border-radius: 0;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
    color: var(--mapp-text);
    background: var(--mapp-surface);
    box-shadow: -24px 0 70px rgba(16, 24, 40, 0.24);
    overscroll-behavior: contain;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-panel-v19521[popover]:popover-open {
    display: flex;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-panel-v19521[popover]::backdrop {
    background: rgba(15, 23, 42, 0.48);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-head-v19521,
  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-account-v19521 {
    display: flex;
    align-items: center;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-head-v19521 {
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--mapp-line);
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-account-v19521 {
    min-width: 0;
    gap: 11px;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-avatar-v19521 {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border-radius: 17px;
    background: var(--mapp-brand-soft);
    color: var(--mapp-brand);
    font-size: 20px;
    font-weight: 900;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-account-v19521 div {
    min-width: 0;
    display: grid;
    gap: 3px;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-account-v19521 strong,
  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-account-v19521 small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-account-v19521 strong {
    font-size: 15px;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-account-v19521 small {
    color: var(--mapp-muted);
    font-size: 12px;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-links-v19521 {
    display: grid;
    gap: 8px;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-links-v19521 a,
  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-footer-v19521 a,
  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-footer-v19521 button {
    width: 100%;
    min-height: 50px;
    padding: 10px 13px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid transparent;
    border-radius: 15px;
    background: transparent;
    color: var(--mapp-text);
    font: inherit;
    font-weight: 750;
    text-align: start;
    text-decoration: none;
    cursor: pointer;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-links-v19521 a svg,
  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-footer-v19521 svg {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    color: var(--mapp-brand);
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-links-v19521 a:active,
  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-footer-v19521 a:active,
  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-footer-v19521 button:active {
    background: var(--mapp-brand-soft);
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-links-v19521 .mobile-app-menu-primary-v19521 {
    background: linear-gradient(135deg, var(--mapp-brand), var(--mapp-brand-dark));
    color: #fff;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-links-v19521 .mobile-app-menu-primary-v19521 svg {
    color: #fff;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-footer-v19521 {
    margin-top: auto;
    padding-top: 12px;
    display: grid;
    gap: 6px;
    border-top: 1px solid var(--mapp-line);
  }

  body.mobile-app-pilot-v195-2-1 .mobile-app-menu-footer-v19521 form {
    margin: 0;
  }

  body.mobile-app-pilot-v195-2-1 main#main-content {
    min-width: 0;
    padding-top: 0;
  }

  body.mobile-app-pilot-v195-2-1 .container {
    width: 100%;
    max-width: 100%;
    padding-inline: 14px;
  }

  body.mobile-app-pilot-v195-2-1 .section {
    padding-block: 18px;
  }

  body.mobile-app-pilot-v195-2-1 :is(
    button,
    .btn,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    a[role="button"]
  ) {
    min-height: var(--mapp-touch);
    touch-action: manipulation;
  }

  body.mobile-app-pilot-v195-2-1 :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    min-height: var(--mapp-touch);
    max-width: 100%;
    font-size: 16px !important;
    border-radius: var(--mapp-radius-sm);
  }

  body.mobile-app-pilot-v195-2-1 textarea {
    min-height: 112px;
  }

  body.mobile-app-pilot-v195-2-1 :is(button, a, input, select, textarea):focus-visible {
    outline: 3px solid rgba(20, 87, 217, 0.24);
    outline-offset: 2px;
  }

  body.mobile-app-pilot-v195-2-1 :is(
    .job-card,
    .modern-job-card,
    .panel,
    .panel-card,
    .workspace-card,
    .search-card,
    .auth-card,
    .detail-card,
    .profile-card,
    .seo-stat-card,
    .landing-guide-card-v2,
    .related-landings-group,
    .filter-box,
    .job-content-section,
    .application-guide-card,
    .job-application-readiness-card,
    .apply-box
  ) {
    border-radius: var(--mapp-radius-lg);
    border-color: var(--mapp-line);
    box-shadow: var(--mapp-shadow);
  }

  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav {
    position: fixed;
    z-index: 1550;
    inset-inline: 8px;
    bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    width: auto;
    min-height: 72px;
    padding: 7px;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    align-items: stretch;
    border: 1px solid rgba(223, 231, 241, 0.96);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 54px rgba(16, 24, 40, 0.19);
    backdrop-filter: blur(20px) saturate(145%);
    -webkit-backdrop-filter: blur(20px) saturate(145%);
    transition: transform 180ms ease, opacity 180ms ease;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav a {
    position: relative;
    min-width: 0;
    min-height: 56px;
    padding: 6px 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border-radius: 18px;
    overflow: hidden;
    color: var(--mapp-muted);
    font-size: 10.5px;
    font-weight: 750;
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
    isolation: isolate;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav a::before {
    content: "";
    position: absolute;
    inset: 4px;
    z-index: -1;
    border-radius: 15px;
    background: transparent;
    transform: scale(0.84);
    opacity: 0;
    transition: transform 160ms ease, opacity 160ms ease, background 160ms ease;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav a:is(.active, [aria-current="page"]) {
    color: var(--mapp-brand);
  }

  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav a:is(.active, [aria-current="page"])::before {
    background: linear-gradient(180deg, #f2f7ff, var(--mapp-brand-soft));
    transform: scale(1);
    opacity: 1;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav a:active {
    transform: scale(0.97);
  }

  body.mobile-app-pilot-v195-2-1 .mobile-nav-icon {
    width: 23px;
    height: 23px;
    display: grid;
    place-items: center;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-nav-icon svg {
    width: 22px;
    height: 22px;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav a > span:last-child {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mobile-app-pilot-v195-2-1.mobile-soft-keyboard-open .mobile-bottom-nav,
  body.mobile-app-pilot-v195-2-1.mobile-soft-keyboard-open .mobile-apply-bar,
  body.mobile-app-pilot-v195-2-1.mobile-app-menu-open .mobile-bottom-nav,
  body.mobile-app-pilot-v195-2-1.mobile-sheet-open .mobile-bottom-nav {
    opacity: 0;
    pointer-events: none;
    transform: translateY(125%);
  }

  body.mobile-app-pilot-v195-2-1 .v145-footer-cta-strip,
  body.mobile-app-pilot-v195-2-1 .v145-footer-stats-bar,
  body.mobile-app-pilot-v195-2-1 .site-footer {
    display: none !important;
  }

  body.mobile-app-pilot-v195-2-1 .table-wrap,
  body.mobile-app-pilot-v195-2-1 .admin-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }

  body.mobile-app-pilot-v195-2-1 .empty-state,
  body.mobile-app-pilot-v195-2-1 .empty-panel,
  body.mobile-app-pilot-v195-2-1 .no-results {
    min-height: 180px;
    padding: 28px 20px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    border: 1px dashed #cbd7e6;
    border-radius: var(--mapp-radius-lg);
    background: var(--mapp-surface);
    text-align: center;
  }

  body.mobile-app-pilot-v195-2-1 form.mobile-form-submitting :is(button[type="submit"], input[type="submit"]) {
    position: relative;
    color: transparent !important;
    pointer-events: none;
  }

  body.mobile-app-pilot-v195-2-1 form.mobile-form-submitting :is(button[type="submit"], input[type="submit"])::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid rgba(255,255,255,.45);
    border-top-color: #fff;
    border-radius: 50%;
    animation: mapp-spin-v19521 .7s linear infinite;
  }

  @keyframes mapp-spin-v19521 { to { transform: rotate(360deg); } }

  /* Home */
  body.mobile-app-page-home .home-tq-hero,
  body.mobile-app-page-home .v145-home-personal-hero {
    margin: 0;
    padding: 16px 0 22px;
    border-radius: 0 0 30px 30px;
    overflow: hidden;
  }

  body.mobile-app-page-home .home-tq-wrap,
  body.mobile-app-page-home .v145-home-personal-inner {
    padding-inline: 14px;
  }

  body.mobile-app-page-home .home-tq-title {
    text-align: start;
  }

  body.mobile-app-page-home .home-tq-title h1,
  body.mobile-app-page-home .v145-home-personal-greeting h1 {
    margin: 8px 0 10px;
    font-size: clamp(27px, 8vw, 36px);
    line-height: 1.18;
    letter-spacing: -0.7px;
  }

  body.mobile-app-page-home .home-tq-title p,
  body.mobile-app-page-home .v145-home-personal-greeting p {
    font-size: 15px;
    line-height: 1.7;
  }

  body.mobile-app-page-home .home-tq-search-shell {
    margin-top: 18px;
    padding: 12px;
    border-radius: 22px;
    background: var(--mapp-surface);
    box-shadow: 0 18px 44px rgba(12, 45, 105, 0.15);
  }

  body.mobile-app-page-home .home-tq-search-shell form,
  body.mobile-app-page-home .home-tq-search-shell .search-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.mobile-app-page-home .home-tq-country-row,
  body.mobile-app-page-home .popular-job-chips,
  body.mobile-app-page-home .jobs-quick-chips-strip {
    width: calc(100% + 28px);
    margin-inline: -14px;
    padding-inline: 14px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  body.mobile-app-page-home .home-tq-country-row::-webkit-scrollbar,
  body.mobile-app-page-home .popular-job-chips::-webkit-scrollbar,
  body.mobile-app-page-home .jobs-quick-chips-strip::-webkit-scrollbar {
    display: none;
  }

  body.mobile-app-page-home .home-tq-country-row a {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  body.mobile-app-page-home .home-tq-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body.mobile-app-page-home .home-tq-stats > div {
    min-width: 0;
    padding: 14px 10px;
    border-radius: 18px;
  }

  body.mobile-app-page-home .home-conversion-duo,
  body.mobile-app-page-home .home-tq-quick-grid,
  body.mobile-app-page-home .home-tq-link-grid,
  body.mobile-app-page-home .home-tq-directory.split {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }

  body.mobile-app-page-home .home-tq-section {
    padding-top: 22px;
    padding-bottom: 6px;
  }

  body.mobile-app-page-home .home-tq-section-head {
    align-items: end;
    gap: 8px;
  }

  body.mobile-app-page-home .home-tq-section-head h2 {
    font-size: 21px;
  }

  body.mobile-app-page-home .home-tq-link-grid.three {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* Jobs list + filter bottom sheet */
  body.mobile-app-page-jobs .jobs-search-hero {
    padding: 16px 0 18px;
    border-radius: 0 0 28px 28px;
  }

  body.mobile-app-page-jobs .jobs-search-hero-inner,
  body.mobile-app-page-jobs .jobs-search-results-layout {
    grid-template-columns: 1fr !important;
  }

  body.mobile-app-page-jobs .jobs-hero-copy h1 {
    margin-block: 6px 8px;
    font-size: clamp(25px, 7.4vw, 34px);
    line-height: 1.2;
  }

  body.mobile-app-page-jobs .jobs-hero-copy > p {
    font-size: 14px;
    line-height: 1.65;
  }

  body.mobile-app-page-jobs .jobs-hero-stats {
    width: calc(100% + 28px);
    margin-inline: -14px;
    padding-inline: 14px;
    display: flex;
    gap: 9px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  body.mobile-app-page-jobs .jobs-hero-stats::-webkit-scrollbar { display: none; }

  body.mobile-app-page-jobs .jobs-hero-stats > span {
    min-width: 128px;
    flex: 0 0 auto;
    border-radius: 17px;
  }

  body.mobile-app-page-jobs .jobs-hero-search {
    display: none;
  }

  body.mobile-app-page-jobs .mobile-results-toolbar {
    position: sticky;
    top: calc(var(--mapp-topbar) + env(safe-area-inset-top, 0px));
    z-index: 900;
    padding-top: 10px;
    padding-bottom: 10px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px;
    background: rgba(243, 246, 251, 0.94);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  body.mobile-app-page-jobs .mobile-filter-button,
  body.mobile-app-page-jobs .mobile-filter-secondary {
    min-height: 48px;
    border-radius: 15px;
  }

  body.mobile-app-page-jobs .jobs-search-results-layout {
    padding-top: 4px;
  }

  body.mobile-app-page-jobs .jobs-quick-chips-strip {
    width: calc(100% + 28px);
    margin-inline: -14px;
    padding: 5px 14px 10px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  body.mobile-app-page-jobs .jobs-quick-chips-strip::-webkit-scrollbar { display: none; }

  body.mobile-app-page-jobs .jobs-quick-chip {
    flex: 0 0 auto;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    scroll-snap-align: start;
    white-space: nowrap;
  }

  body.mobile-app-page-jobs .results-head {
    align-items: end;
    gap: 8px;
  }

  body.mobile-app-page-jobs .results-head h2 {
    font-size: 22px;
  }

  body.mobile-app-page-jobs .jobs-list,
  body.mobile-app-page-jobs .seo-jobs-list-v2 {
    display: grid;
    gap: 12px;
  }

  body.mobile-app-page-jobs .modern-job-card,
  body.mobile-app-page-jobs .job-card {
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--mapp-line);
    background: var(--mapp-surface);
  }

  body.mobile-app-page-jobs .modern-job-card-body {
    padding: 16px 14px !important;
  }

  body.mobile-app-page-jobs .modern-job-main {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 11px !important;
  }

  body.mobile-app-page-jobs .modern-job-avatar {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
  }

  body.mobile-app-page-jobs .modern-job-actions {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.mobile-app-page-jobs .modern-job-actions .btn {
    width: 100%;
    min-height: 48px;
  }

  body.mobile-app-pilot-v195-2-1 [data-mobile-sheet="job-filters"] {
    position: fixed !important;
    inset: auto 0 0 !important;
    z-index: 2100 !important;
    width: 100% !important;
    max-width: none !important;
    height: min(86dvh, calc(var(--mapp-vh, 1vh) * 86)) !important;
    max-height: min(86dvh, calc(var(--mapp-vh, 1vh) * 86)) !important;
    margin: 0 !important;
    padding: 0 16px calc(22px + env(safe-area-inset-bottom, 0px)) !important;
    display: block !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-radius: 28px 28px 0 0 !important;
    background: var(--mapp-surface) !important;
    box-shadow: 0 -26px 80px rgba(16, 24, 40, 0.28) !important;
    transform: translateY(108%) !important;
    visibility: hidden;
    pointer-events: none;
    transition: transform 220ms cubic-bezier(.2,.8,.2,1), visibility 0s linear 220ms;
    overscroll-behavior: contain;
  }

  body.mobile-app-pilot-v195-2-1.mobile-sheet-open [data-mobile-sheet="job-filters"] {
    transform: translateY(0) !important;
    visibility: visible;
    pointer-events: auto;
    transition: transform 220ms cubic-bezier(.2,.8,.2,1), visibility 0s;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-filter-drawer-head {
    position: sticky;
    top: 0;
    z-index: 2;
    min-height: 66px;
    margin-inline: -16px;
    padding: 12px 16px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--mapp-line);
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  body.mobile-app-pilot-v195-2-1 .mobile-filter-drawer-head::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 50%;
    width: 44px;
    height: 5px;
    border-radius: 999px;
    background: #d7deea;
    transform: translateX(-50%);
  }

  body.mobile-app-pilot-v195-2-1 .mobile-filter-drawer-head button {
    width: 42px;
    height: 42px;
    min-height: 42px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid var(--mapp-line);
    border-radius: 14px;
    background: var(--mapp-surface-soft);
    color: var(--mapp-text);
    font-size: 24px;
  }

  body.mobile-app-pilot-v195-2-1 [data-mobile-sheet-backdrop] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2050 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(15, 23, 42, 0.46) !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 180ms ease, visibility 0s linear 180ms;
  }

  body.mobile-app-pilot-v195-2-1.mobile-sheet-open [data-mobile-sheet-backdrop] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 180ms ease, visibility 0s;
  }

  body.mobile-app-page-jobs [data-mobile-sheet="job-filters"] .jobs-side-filter-form,
  body.mobile-app-page-jobs [data-mobile-sheet="job-filters"] .jobs-quick-filter-panel,
  body.mobile-app-page-jobs [data-mobile-sheet="job-filters"] .filter-box,
  body.mobile-app-page-jobs [data-mobile-sheet="job-filters"] .mini-checks {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px;
  }

  body.mobile-app-page-jobs [data-mobile-sheet="job-filters"] .search-form,
  body.mobile-app-page-jobs [data-mobile-sheet="job-filters"] form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  /* Job detail */
  body.mobile-app-page-job_detail {
    padding-bottom: calc(var(--mapp-nav-height) + 96px + env(safe-area-inset-bottom, 0px));
  }

  body.mobile-app-page-job_detail .job-detail-hero,
  body.mobile-app-page-job_detail .job-premium-hero,
  body.mobile-app-page-job_detail .job-hero {
    padding-top: 16px;
    border-radius: 0 0 28px 28px;
  }

  body.mobile-app-page-job_detail .job-detail-layout,
  body.mobile-app-page-job_detail .job-premium-layout,
  body.mobile-app-page-job_detail .job-detail-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.mobile-app-page-job_detail .job-detail-title,
  body.mobile-app-page-job_detail h1 {
    overflow-wrap: anywhere;
  }

  body.mobile-app-page-job_detail .job-content-section,
  body.mobile-app-page-job_detail .application-guide-card,
  body.mobile-app-page-job_detail .job-application-readiness-card,
  body.mobile-app-page-job_detail .apply-box {
    padding: 18px 16px !important;
    margin-block: 12px !important;
    background: var(--mapp-surface);
  }

  body.mobile-app-page-job_detail .job-facts-grid,
  body.mobile-app-page-job_detail .readiness-check-grid,
  body.mobile-app-page-job_detail .conversion-checks {
    grid-template-columns: 1fr !important;
  }

  body.mobile-app-page-job_detail .mobile-apply-bar.mobile-apply-dock {
    position: fixed !important;
    z-index: 1500 !important;
    inset-inline: 8px !important;
    bottom: calc(var(--mapp-nav-height) + 16px + env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important;
    min-height: 72px;
    padding: 10px !important;
    display: flex !important;
    align-items: center;
    gap: 9px;
    border: 1px solid var(--mapp-line);
    border-radius: 22px !important;
    background: rgba(255,255,255,.97) !important;
    box-shadow: 0 18px 48px rgba(16,24,40,.2) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transition: transform 180ms ease, opacity 180ms ease;
  }

  body.mobile-app-page-job_detail .mobile-apply-copy {
    min-width: 0;
    flex: 1;
  }

  body.mobile-app-page-job_detail .mobile-apply-copy strong,
  body.mobile-app-page-job_detail .mobile-apply-copy span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mobile-app-page-job_detail .mobile-apply-actions {
    flex: 0 0 auto;
    display: flex;
    gap: 7px;
  }

  body.mobile-app-page-job_detail .mobile-apply-actions .btn {
    min-height: 48px;
    padding-inline: 14px;
    border-radius: 15px;
  }

  body.mobile-app-page-job_detail .mobile-apply-bar.is-hidden-by-scroll {
    opacity: 0;
    pointer-events: none;
    transform: translateY(130%);
  }

  /* Auth */
  body.mobile-app-page-auth {
    padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    background: var(--mapp-surface);
  }

  body.mobile-app-page-auth .mobile-bottom-nav {
    display: none !important;
  }

  body.mobile-app-page-auth .auth-conversion-section {
    min-height: calc((var(--mapp-vh, 1vh) * 100) - var(--mapp-topbar) - env(safe-area-inset-top, 0px));
    padding: 14px !important;
    display: grid;
    align-items: center;
  }

  body.mobile-app-page-auth .auth-layout-pro {
    display: block !important;
  }

  body.mobile-app-page-auth .auth-visual-card {
    display: none !important;
  }

  body.mobile-app-page-auth .auth-form-card {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 22px 16px !important;
    border: 0 !important;
    border-radius: 24px !important;
    background: var(--mapp-surface);
    box-shadow: none !important;
  }

  body.mobile-app-page-auth .auth-form-card h1,
  body.mobile-app-page-auth .auth-form-card h2 {
    font-size: 27px;
    line-height: 1.22;
  }

  body.mobile-app-page-auth .enhanced-auth-form {
    gap: 13px;
  }

  body.mobile-app-page-auth .btn-social,
  body.mobile-app-page-auth .auth-primary-action,
  body.mobile-app-page-auth .auth-switch-box .btn {
    min-height: 52px;
    border-radius: 16px;
  }

  /* Candidate profile */
  body.mobile-app-page-profile .workspace-page.profile-experience-page {
    padding: 14px 0 6px !important;
  }

  body.mobile-app-page-profile .profile-layout-grid,
  body.mobile-app-page-profile .profile-hero,
  body.mobile-app-page-profile .profile-hero-card,
  body.mobile-app-page-profile .profile-main-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.mobile-app-page-profile .profile-layout-grid {
    padding-inline: 14px;
  }

  body.mobile-app-page-profile .profile-main-stack,
  body.mobile-app-page-profile .profile-side-stack {
    display: grid;
    gap: 12px;
  }

  body.mobile-app-page-profile .profile-card {
    padding: 17px 15px !important;
    margin: 0 !important;
    background: var(--mapp-surface);
  }

  body.mobile-app-page-profile .profile-card-head {
    align-items: start;
    gap: 10px;
  }

  body.mobile-app-page-profile .profile-card-head h2 {
    font-size: 19px;
    line-height: 1.35;
  }

  body.mobile-app-page-profile .profile-preference-grid,
  body.mobile-app-page-profile .profile-visibility-options,
  body.mobile-app-page-profile .profile-stats-grid {
    grid-template-columns: 1fr !important;
  }

  body.mobile-app-page-profile .profile-preference-actions,
  body.mobile-app-page-profile .profile-sharing-actions,
  body.mobile-app-page-profile .profile-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  body.mobile-app-page-profile .profile-preference-actions .btn,
  body.mobile-app-page-profile .profile-sharing-actions .btn,
  body.mobile-app-page-profile .profile-hero-actions .btn {
    width: 100%;
  }

  body.mobile-app-page-profile .profile-share-box > div {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px;
  }

  body.mobile-app-page-profile .profile-contact-list div {
    grid-template-columns: 90px minmax(0,1fr) !important;
  }

  body.mobile-app-page-profile .profile-side-stack .profile-action-card {
    order: -1;
    border-color: #bfd4ff;
    background: linear-gradient(180deg, #f8fbff, #eef5ff);
  }

  body.mobile-app-pilot-v195-2-1 .adsense-slot {
    max-width: calc(100% - 24px);
    margin-inline: auto;
    border-radius: 18px;
    isolation: isolate;
  }

  body.mobile-app-pilot-v195-2-1 .adsense-slot + :is(.btn, button, .mobile-apply-bar, .mobile-apply-dock),
  body.mobile-app-pilot-v195-2-1 :is(.btn, button, .mobile-apply-bar, .mobile-apply-dock) + .adsense-slot {
    margin-top: 28px;
  }

  html.pwa-standalone body.mobile-app-pilot-v195-2-1 .mobile-app-topbar-v19521 {
    padding-top: calc(8px + env(safe-area-inset-top, 0px));
  }
}

@media (max-width: 390px) {
  body.mobile-app-pilot-v195-2-1 .mobile-app-title-v19521 strong {
    max-width: 39vw;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav {
    inset-inline: 6px;
    padding: 6px;
    border-radius: 22px;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav a {
    font-size: 9.5px;
  }

  body.mobile-app-page-home .home-tq-link-grid.three {
    grid-template-columns: 1fr !important;
  }
}

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

@media print {
  .mobile-app-chrome-v19521,
  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav,
  body.mobile-app-pilot-v195-2-1 .mobile-apply-bar,
  body.mobile-app-pilot-v195-2-1 [data-mobile-sheet-backdrop] {
    display: none !important;
  }
}

/* V195.2.1 visual QA closures */
@media (max-width: 760px) {
  body.mobile-app-page-home .home-tq-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mobile-app-page-home .home-tq-stats > div {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body.mobile-app-page-jobs :is(.modern-job-card, .job-card, .modern-job-card-body) {
    min-height: 0 !important;
  }

  body.mobile-app-page-auth .auth-conversion-section {
    min-height: auto !important;
    padding-top: 18px !important;
    align-items: start !important;
  }

  body.mobile-app-page-auth :is(
    .auth-conversion-section,
    .auth-layout-pro,
    .auth-form-card
  )::before,
  body.mobile-app-page-auth :is(
    .auth-conversion-section,
    .auth-layout-pro,
    .auth-form-card
  )::after {
    display: none !important;
    content: none !important;
  }

  body.mobile-app-page-auth .auth-form-card {
    margin-top: 0 !important;
  }

  body.mobile-app-page-job_detail :is(
    .job-content-section,
    .job-prose,
    .enhanced-job-prose,
    .job-application-readiness-card,
    .application-guide-card,
    .apply-box
  ) {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body.mobile-app-page-job_detail :is(.job-prose, .enhanced-job-prose, .job-content-section p) {
    line-height: 1.75 !important;
  }
}

/* V195.2.1 viewport containment: horizontal chip rails scroll internally only. */
@media (max-width: 760px) {
  body.mobile-app-page-home :is(
    .home-tq-country-row,
    .popular-job-chips,
    .jobs-quick-chips-strip
  ),
  body.mobile-app-page-jobs :is(
    .jobs-hero-stats,
    .jobs-quick-chips-strip
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    overscroll-behavior-inline: contain;
  }
}

/* ========================================================================
   V195.2.1-H1 — HOME PAGE NATIVE MOBILE REBUILD
   The previous homepage remains untouched for desktop. On mobile, this is a
   different information architecture, not a reskin of the website layout.
   ======================================================================== */
.mobile-home-native-v19521h1 { display: none !important; }

@media (max-width: 760px) {
  body.mobile-app-page-home.mobile-app-pilot-v195-2-1 {
    --mh-bg: #f4f7fb;
    --mh-card: #ffffff;
    --mh-ink: #101828;
    --mh-sub: #667085;
    --mh-line: #e5ebf3;
    --mh-blue: #1769e8;
    --mh-blue-deep: #0d4fc2;
    --mh-blue-soft: #eaf2ff;
    --mh-green: #14845d;
    --mh-violet: #7755d9;
    --mh-orange: #d96b1b;
    background: var(--mh-bg);
  }

  body.mobile-app-page-home .home-web-experience-v19521h1 {
    display: none !important;
  }

  body.mobile-app-page-home.mobile-app-pilot-v195-2-1 .mobile-home-native-v19521h1 {
    display: block !important;
    min-height: calc(var(--mapp-vh, 1vh) * 100 - var(--mapp-topbar));
    padding: 0 0 12px;
    color: var(--mh-ink);
  }

  body.mobile-app-page-home main#main-content {
    padding: 0 !important;
    background: var(--mh-bg);
  }

  body.mobile-app-page-home .mobile-app-topbar-v19521 {
    padding-inline: 18px;
    border-bottom-color: transparent;
    background: rgba(244, 247, 251, 0.92);
    box-shadow: none;
  }

  body.mobile-app-page-home.mobile-app-scrolled .mobile-app-topbar-v19521 {
    border-bottom-color: rgba(222, 230, 241, .92);
    background: rgba(255,255,255,.94);
    box-shadow: 0 8px 22px rgba(16,24,40,.07);
  }

  body.mobile-app-page-home .mobile-app-brand-mark-v19521 {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border-radius: 14px;
    font-size: 21px;
  }

  body.mobile-app-page-home .mobile-app-title-v19521 strong {
    font-size: 14px;
  }

  body.mobile-app-page-home .mobile-app-title-v19521 small {
    font-size: 10.5px;
  }

  body.mobile-app-page-home .mobile-app-icon-button-v19521 {
    width: 42px;
    height: 42px;
    min-height: 42px;
    border-radius: 14px;
    background: #fff;
  }

  .mobile-home-native-v19521h1__hero {
    padding: 14px 18px 26px;
    border-radius: 0 0 34px 34px;
    background:
      radial-gradient(circle at 8% 0%, rgba(126,178,255,.23), transparent 35%),
      radial-gradient(circle at 95% 26%, rgba(142,224,197,.2), transparent 31%),
      linear-gradient(180deg, #f8fbff 0%, #edf4ff 100%);
    box-shadow: inset 0 -1px rgba(209,222,240,.65);
  }

  .mobile-home-native-v19521h1__welcome {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
  }

  .mobile-home-native-v19521h1__welcome > div {
    min-width: 0;
  }

  .mobile-home-native-v19521h1__welcome > div > span {
    display: block;
    margin-bottom: 3px;
    color: var(--mh-sub);
    font-size: 12.5px;
    font-weight: 700;
  }

  .mobile-home-native-v19521h1__welcome h1 {
    max-width: 235px;
    margin: 0;
    color: var(--mh-ink);
    font-size: clamp(25px, 7vw, 31px);
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: -.55px;
  }

  .mobile-home-native-v19521h1__count {
    min-width: 83px;
    padding: 11px 10px;
    display: grid;
    gap: 2px;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 18px;
    background: rgba(255,255,255,.74);
    box-shadow: 0 10px 28px rgba(41,91,166,.1);
    color: var(--mh-ink);
    text-align: center;
    text-decoration: none;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .mobile-home-native-v19521h1__count strong {
    color: var(--mh-blue);
    font-size: 17px;
    font-weight: 900;
  }

  .mobile-home-native-v19521h1__count small {
    color: var(--mh-sub);
    font-size: 9.5px;
    font-weight: 700;
    white-space: nowrap;
  }

  .mobile-home-native-v19521h1__search-launch {
    width: 100%;
    min-height: 66px !important;
    margin: 21px 0 18px;
    padding: 9px 10px;
    display: grid;
    grid-template-columns: 46px minmax(0,1fr) 42px;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(211,222,238,.9);
    border-radius: 21px;
    background: #fff;
    color: var(--mh-ink);
    box-shadow: 0 14px 34px rgba(34,74,135,.12);
    text-align: start;
  }

  .mobile-home-native-v19521h1__search-launch:active {
    transform: scale(.987);
  }

  .mobile-home-native-v19521h1__search-icon,
  .mobile-home-native-v19521h1__search-tune {
    display: grid;
    place-items: center;
  }

  .mobile-home-native-v19521h1__search-icon {
    width: 46px;
    height: 46px;
    border-radius: 15px;
    background: var(--mh-blue-soft);
    color: var(--mh-blue);
  }

  .mobile-home-native-v19521h1__search-tune {
    width: 38px;
    height: 38px;
    border-radius: 13px;
    background: #f6f8fb;
    color: #475467;
  }

  .mobile-home-native-v19521h1__search-launch svg {
    width: 21px;
    height: 21px;
  }

  .mobile-home-native-v19521h1__search-launch > span:nth-child(2) {
    min-width: 0;
    display: grid;
    gap: 3px;
  }

  .mobile-home-native-v19521h1__search-launch strong {
    font-size: 14.5px;
    font-weight: 850;
  }

  .mobile-home-native-v19521h1__search-launch small {
    overflow: hidden;
    color: var(--mh-sub);
    font-size: 11.5px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-home-native-v19521h1__quick {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 10px;
    align-items: stretch;
  }

  .mobile-home-native-v19521h1__quick > a {
    min-width: 0;
    min-height: 104px;
    padding: 12px 7px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    position: relative;
    isolation: isolate;
    color: var(--mh-ink);
    text-align: center;
    text-decoration: none;
    border: 1px solid rgba(208, 222, 241, .92);
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
    box-shadow: 0 12px 26px rgba(16, 24, 40, .07);
    overflow: hidden;
    transform: translateZ(0);
  }

  .mobile-home-native-v19521h1__quick > a::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .86;
    background: radial-gradient(circle at 82% 12%, rgba(23,105,232,.13), transparent 46%);
  }

  .mobile-home-native-v19521h1__quick > a:nth-child(2)::before { background: radial-gradient(circle at 82% 12%, rgba(112,72,216,.14), transparent 48%); }
  .mobile-home-native-v19521h1__quick > a:nth-child(3)::before { background: radial-gradient(circle at 82% 12%, rgba(19,129,91,.14), transparent 48%); }
  .mobile-home-native-v19521h1__quick > a:nth-child(4)::before { background: radial-gradient(circle at 82% 12%, rgba(207,98,21,.15), transparent 48%); }

  .mobile-home-native-v19521h1__quick > a:active {
    transform: scale(.985);
    border-color: rgba(20, 87, 217, .34);
    box-shadow: 0 8px 18px rgba(16, 24, 40, .08);
  }

  .mobile-home-native-v19521h1__quick > a > span {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border-radius: 17px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.72), 0 8px 18px rgba(16, 24, 40, .06);
  }

  .mobile-home-native-v19521h1__quick > a > span.is-blue { background:#e6f0ff; color:#1769e8; }
  .mobile-home-native-v19521h1__quick > a > span.is-violet { background:#f0ebff; color:#7048d8; }
  .mobile-home-native-v19521h1__quick > a > span.is-green { background:#e6f7f0; color:#13815b; }
  .mobile-home-native-v19521h1__quick > a > span.is-orange { background:#fff0e5; color:#cf6215; }

  .mobile-home-native-v19521h1__quick svg {
    width: 21px;
    height: 21px;
  }

  .mobile-home-native-v19521h1__quick strong {
    max-width: 100%;
    overflow: hidden;
    font-size: 12.25px;
    line-height: 1.35;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-home-native-v19521h1__quick small {
    max-width: 100%;
    overflow: hidden;
    color: #53627a;
    font-size: 10.5px;
    line-height: 1.28;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  @media (max-width: 410px) {
    .mobile-home-native-v19521h1__quick {
      grid-template-columns: repeat(2, minmax(0,1fr));
    }
    .mobile-home-native-v19521h1__quick > a {
      min-height: 96px;
      flex-direction: row;
      justify-content: flex-start;
      text-align: start;
      padding-inline: 12px;
    }
    .mobile-home-native-v19521h1__quick > a strong,
    .mobile-home-native-v19521h1__quick > a small {
      white-space: normal;
    }
  }

  .mobile-home-native-v19521h1__section {
    padding: 25px 18px 2px;
  }

  .mobile-home-native-v19521h1__section-head {
    margin-bottom: 14px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
  }

  .mobile-home-native-v19521h1__section-head > div {
    min-width: 0;
  }

  .mobile-home-native-v19521h1__section-head small {
    display: block;
    margin-bottom: 2px;
    color: var(--mh-sub);
    font-size: 10.5px;
    font-weight: 700;
  }

  .mobile-home-native-v19521h1__section-head h2 {
    margin: 0;
    color: var(--mh-ink);
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -.25px;
  }

  .mobile-home-native-v19521h1__section-head > a {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: var(--mh-blue);
    font-size: 11.5px;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
  }

  .mobile-home-native-v19521h1__section-head > a svg {
    width: 15px;
    height: 15px;
  }

  body.rtl .mobile-home-native-v19521h1__section-head > a svg,
  body.rtl .mobile-home-native-v19521h1__job-action svg,
  body.rtl .mobile-home-native-v19521h1__category-list > a > svg:last-child,
  body.rtl .mobile-home-native-v19521h1__advice > a > svg:last-child {
    transform: rotate(180deg);
  }

  .mobile-home-native-v19521h1__jobs {
    width: calc(100% + 36px);
    margin-inline: -18px;
    padding-inline: 18px;
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
  }

  .mobile-home-native-v19521h1__jobs::-webkit-scrollbar,
  .mobile-home-native-v19521h1__countries::-webkit-scrollbar,
  .mobile-home-native-v19521h1__advice::-webkit-scrollbar { display:none; }

  .mobile-home-native-v19521h1__job {
    width: min(78vw, 306px);
    flex: 0 0 min(78vw, 306px);
    min-height: 250px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    scroll-snap-align: start;
    border: 1px solid var(--mh-line);
    border-radius: 24px;
    background: var(--mh-card);
    box-shadow: 0 12px 30px rgba(16,24,40,.07);
  }

  .mobile-home-native-v19521h1__job-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .mobile-home-native-v19521h1__company-mark {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    font-size: 18px;
    font-weight: 900;
  }

  .mobile-home-native-v19521h1__company-mark.is-tone-1 { background:#e7f0ff;color:#1769e8; }
  .mobile-home-native-v19521h1__company-mark.is-tone-2 { background:#e8f8f1;color:#16835d; }
  .mobile-home-native-v19521h1__company-mark.is-tone-3 { background:#f0ebff;color:#714bd2; }
  .mobile-home-native-v19521h1__company-mark.is-tone-4 { background:#fff0e5;color:#d2671a; }

  .mobile-home-native-v19521h1__job-time {
    padding: 6px 9px;
    border-radius: 999px;
    background: #f4f7fb;
    color: #475467;
    font-size: 9.5px;
    font-weight: 800;
  }

  .mobile-home-native-v19521h1__job h3 {
    margin: 18px 0 6px;
    display: -webkit-box;
    overflow: hidden;
    color: var(--mh-ink);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .mobile-home-native-v19521h1__job > p {
    margin: 0 0 10px;
    overflow: hidden;
    color: #475467;
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-home-native-v19521h1__location {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--mh-sub);
    font-size: 11px;
  }

  .mobile-home-native-v19521h1__location svg {
    width: 15px;
    height: 15px;
  }

  .mobile-home-native-v19521h1__job-action {
    min-height: 44px;
    margin-top: auto;
    padding: 9px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-radius: 15px;
    background: var(--mh-blue-soft);
    color: var(--mh-blue);
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
  }

  .mobile-home-native-v19521h1__job-action svg {
    width: 17px;
    height: 17px;
  }

  .mobile-home-native-v19521h1__countries {
    width: calc(100% + 36px);
    margin-inline: -18px;
    padding: 0 18px 2px;
    display: flex;
    gap: 9px;
    overflow-x: auto;
    scroll-snap-type: inline proximity;
    scrollbar-width: none;
  }

  .mobile-home-native-v19521h1__countries > a {
    min-width: 92px;
    flex: 0 0 auto;
    padding: 12px 10px;
    display: grid;
    justify-items: center;
    gap: 7px;
    scroll-snap-align: start;
    border: 1px solid var(--mh-line);
    border-radius: 19px;
    background: #fff;
    color: var(--mh-ink);
    text-decoration: none;
  }

  .mobile-home-native-v19521h1__countries > a span {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(145deg,#edf4ff,#dceaff);
    color: var(--mh-blue);
    font-size: 15px;
    font-weight: 900;
  }

  .mobile-home-native-v19521h1__countries > a strong {
    max-width: 82px;
    overflow: hidden;
    font-size: 11.5px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-home-native-v19521h1__category-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 9px;
  }

  .mobile-home-native-v19521h1__category-list > a {
    min-width: 0;
    min-height: 64px;
    padding: 10px;
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) 16px;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--mh-line);
    border-radius: 18px;
    background: #fff;
    color: var(--mh-ink);
    text-decoration: none;
  }

  .mobile-home-native-v19521h1__category-list > a > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #f0f5ff;
    color: var(--mh-blue);
  }

  .mobile-home-native-v19521h1__category-list svg {
    width: 17px;
    height: 17px;
  }

  .mobile-home-native-v19521h1__category-list strong {
    min-width: 0;
    display: -webkit-box;
    overflow: hidden;
    font-size: 11.5px;
    font-weight: 850;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .mobile-home-native-v19521h1__category-list > a > svg:last-child {
    color: #98a2b3;
  }

  .mobile-home-native-v19521h1__account-card {
    margin: 28px 18px 3px;
    padding: 18px;
    display: grid;
    grid-template-columns: 52px minmax(0,1fr);
    gap: 13px;
    border-radius: 25px;
    background: linear-gradient(135deg,#1055cd,#176fe8);
    color: #fff;
    box-shadow: 0 18px 38px rgba(20,87,217,.24);
  }

  .mobile-home-native-v19521h1__account-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 17px;
    background: rgba(255,255,255,.16);
  }

  .mobile-home-native-v19521h1__account-icon svg {
    width: 24px;
    height: 24px;
  }

  .mobile-home-native-v19521h1__account-card > div {
    min-width: 0;
  }

  .mobile-home-native-v19521h1__account-card small {
    color: rgba(255,255,255,.76);
    font-size: 10.5px;
    font-weight: 700;
  }

  .mobile-home-native-v19521h1__account-card h2 {
    margin: 3px 0 0;
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.45;
  }

  .mobile-home-native-v19521h1__account-card > a {
    grid-column: 1 / -1;
    min-height: 46px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #fff;
    color: var(--mh-blue-deep);
    font-size: 12.5px;
    font-weight: 900;
    text-decoration: none;
  }

  .mobile-home-native-v19521h1__last-section {
    padding-bottom: 16px;
  }

  .mobile-home-native-v19521h1__advice {
    width: calc(100% + 36px);
    margin-inline: -18px;
    padding-inline: 18px;
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: inline proximity;
    scrollbar-width: none;
  }

  .mobile-home-native-v19521h1__advice > a {
    width: min(72vw, 280px);
    min-height: 142px;
    flex: 0 0 min(72vw, 280px);
    padding: 15px;
    display: grid;
    grid-template-columns: minmax(0,1fr) 20px;
    align-content: space-between;
    gap: 8px;
    scroll-snap-align: start;
    border: 1px solid var(--mh-line);
    border-radius: 21px;
    background: #fff;
    color: var(--mh-ink);
    text-decoration: none;
  }

  .mobile-home-native-v19521h1__advice > a span {
    grid-column: 1 / -1;
    color: var(--mh-blue);
    font-size: 10px;
    font-weight: 800;
  }

  .mobile-home-native-v19521h1__advice > a strong {
    display: -webkit-box;
    overflow: hidden;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .mobile-home-native-v19521h1__advice > a > svg:last-child {
    width: 18px;
    height: 18px;
    align-self: end;
    color: var(--mh-blue);
  }

  .mobile-home-search-v19521h1[hidden] { display:none !important; }

  .mobile-home-search-v19521h1 {
    position: fixed;
    inset: 0;
    z-index: 2300;
    display: grid;
    align-items: end;
  }

  .mobile-home-search-v19521h1__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0 !important;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(15,23,42,.48);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }

  .mobile-home-search-v19521h1__panel {
    position: relative;
    z-index: 1;
    width: 100%;
    max-height: calc(var(--mapp-vh, 1vh) * 94);
    padding: 10px 18px calc(22px + env(safe-area-inset-bottom,0px));
    overflow-y: auto;
    border-radius: 30px 30px 0 0;
    background: #fff;
    box-shadow: 0 -24px 70px rgba(16,24,40,.24);
    transform: translateY(105%);
    transition: transform 240ms cubic-bezier(.2,.8,.2,1);
  }

  body.mobile-home-search-open .mobile-home-search-v19521h1__panel {
    transform: translateY(0);
  }

  .mobile-home-search-v19521h1__panel::before {
    content:"";
    width: 42px;
    height: 4px;
    margin: 0 auto 12px;
    display: block;
    border-radius: 999px;
    background: #d0d5dd;
  }

  .mobile-home-search-v19521h1__panel > header {
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .mobile-home-search-v19521h1__panel > header button {
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid var(--mh-line);
    border-radius: 14px;
    background: #f8fafc;
    color: var(--mh-ink);
  }

  .mobile-home-search-v19521h1__panel > header button svg {
    width: 20px;
    height: 20px;
  }

  .mobile-home-search-v19521h1__panel > header div {
    min-width:0;
  }

  .mobile-home-search-v19521h1__panel > header small {
    color: var(--mh-sub);
    font-size: 10.5px;
    font-weight: 700;
  }

  .mobile-home-search-v19521h1__panel > header h2 {
    margin: 1px 0 0;
    color: var(--mh-ink);
    font-size: 21px;
    font-weight: 900;
  }

  .mobile-home-search-v19521h1__panel form {
    display: grid;
    gap: 14px;
  }

  .mobile-home-search-v19521h1__panel label {
    display: grid;
    gap: 7px;
    color: #344054;
    font-size: 12px;
    font-weight: 800;
  }

  .mobile-home-search-v19521h1__control {
    min-height: 54px;
    padding-inline: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #dce4ef;
    border-radius: 17px;
    background: #f9fbfd;
    color: #667085;
  }

  .mobile-home-search-v19521h1__control svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }

  .mobile-home-search-v19521h1__control input {
    min-height: 50px !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mobile-home-search-v19521h1__panel select {
    width:100%;
    min-height: 54px;
    padding-inline: 14px 40px;
    border: 1px solid #dce4ef;
    border-radius: 17px;
    background-color:#f9fbfd;
    color:var(--mh-ink);
    font-weight:700;
  }

  .mobile-home-search-v19521h1__panel form > button {
    min-height: 54px;
    margin-top: 4px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:0;
    border-radius:17px;
    background:linear-gradient(135deg,var(--mh-blue),var(--mh-blue-deep));
    color:#fff;
    font-size:14px;
    font-weight:900;
    box-shadow:0 12px 28px rgba(20,87,217,.25);
  }

  .mobile-home-search-v19521h1__panel form > button svg {
    width:20px;
    height:20px;
  }

  body.mobile-home-search-open .mobile-bottom-nav {
    opacity:0;
    pointer-events:none;
    transform:translateY(125%);
  }

  @media (max-width: 365px) {
    .mobile-home-native-v19521h1__hero { padding-inline: 14px; }
    .mobile-home-native-v19521h1__welcome h1 { max-width: 205px; font-size: 24px; }
    .mobile-home-native-v19521h1__count { min-width: 76px; padding-inline: 7px; }
    .mobile-home-native-v19521h1__quick { gap: 3px; }
    .mobile-home-native-v19521h1__quick > a > span { width:44px;height:44px;border-radius:15px; }
    .mobile-home-native-v19521h1__section { padding-inline:14px; }
    .mobile-home-native-v19521h1__jobs,
    .mobile-home-native-v19521h1__countries,
    .mobile-home-native-v19521h1__advice { width:calc(100% + 28px);margin-inline:-14px;padding-inline:14px; }
    .mobile-home-native-v19521h1__category-list { grid-template-columns:1fr; }
    .mobile-home-native-v19521h1__account-card { margin-inline:14px; }
  }
}

/* H1 native shell closure: force the dock to the visual viewport. */
@media (max-width: 760px) {
  body.mobile-app-page-home.mobile-app-pilot-v195-2-1 .mobile-bottom-nav {
    top: auto !important;
    inset-block-start: auto !important;
    bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    inset-block-end: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* ========================================================================== 
   V195.2.1-H2 — Native jobs listing screen
   ========================================================================== */
.mobile-jobs-native-v19521h2 { display: none; }

@media (max-width: 760px) {
  body.mobile-app-page-jobs .jobs-web-experience-v19521h2 {
    display: none !important;
  }

  body.mobile-app-page-jobs .mobile-jobs-native-v19521h2 {
    display: block;
    min-width: 0;
    padding-bottom: 20px;
    background:
      radial-gradient(circle at 18% 0%, rgba(31, 111, 235, .08), transparent 32%),
      linear-gradient(180deg, #f7f9fd 0, #f3f6fb 38%, #f3f6fb 100%);
  }

  body.mobile-app-page-jobs main#main-content {
    overflow: visible;
  }

  .mobile-jobs-native-v19521h2 svg,
  .mobile-jobs-overlay-v19521h2 svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }

  .mobile-jobs-native-v19521h2__hero {
    position: relative;
    padding: 18px 14px 14px;
    overflow: hidden;
    background:
      radial-gradient(circle at 85% 6%, rgba(255, 255, 255, .19), transparent 28%),
      linear-gradient(145deg, #0f56d9 0%, #164bb8 58%, #0b3e9c 100%);
    color: #fff;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 18px 46px rgba(21, 72, 170, .18);
  }

  .mobile-jobs-native-v19521h2__hero::after {
    content: "";
    position: absolute;
    inset-inline-end: -54px;
    top: -70px;
    width: 190px;
    height: 190px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 50%;
    box-shadow: 0 0 0 34px rgba(255,255,255,.035), 0 0 0 68px rgba(255,255,255,.025);
    pointer-events: none;
  }

  .mobile-jobs-native-v19521h2__hero-copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 6px;
  }

  .mobile-jobs-native-v19521h2__hero-copy > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,.82);
    font-size: 12px;
    font-weight: 800;
  }

  .mobile-jobs-native-v19521h2__hero-copy > span i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #66e2ae;
    box-shadow: 0 0 0 5px rgba(102, 226, 174, .15);
  }

  .mobile-jobs-native-v19521h2__hero-copy h1,
  .mobile-jobs-native-v19521h2__hero-copy .mobile-jobs-native-v19521h2__semantic-title {
    max-width: 290px;
    margin: 0;
    color: #fff;
    font-size: clamp(26px, 7.8vw, 34px);
    line-height: 1.18;
    letter-spacing: -.55px;
  }

  .mobile-jobs-native-v19521h2__hero-copy p {
    margin: 0;
    color: rgba(255,255,255,.76);
    font-size: 13px;
    font-weight: 650;
  }

  .mobile-jobs-native-v19521h2__search-launch {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 62px;
    margin-top: 16px;
    padding: 8px 9px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 20px;
    background: #fff;
    color: #101828;
    text-align: start;
    box-shadow: 0 15px 34px rgba(5, 36, 91, .24);
  }

  .mobile-jobs-native-v19521h2__search-launch:active {
    transform: scale(.985);
  }

  .mobile-jobs-native-v19521h2__search-icon,
  .mobile-jobs-native-v19521h2__search-tune {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 15px;
  }

  .mobile-jobs-native-v19521h2__search-icon {
    background: #e9f1ff;
    color: #165cd7;
  }

  .mobile-jobs-native-v19521h2__search-tune {
    width: 42px;
    height: 42px;
    background: #f2f5fa;
    color: #334155;
  }

  .mobile-jobs-native-v19521h2__search-launch > span:nth-child(2) {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .mobile-jobs-native-v19521h2__search-launch small {
    color: #7a8699;
    font-size: 10px;
    font-weight: 750;
  }

  .mobile-jobs-native-v19521h2__search-launch strong {
    overflow: hidden;
    color: #14213a;
    font-size: 14px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-jobs-native-v19521h2__type-switch {
    position: relative;
    z-index: 2;
    margin-top: 13px;
    padding: 4px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 17px;
    background: rgba(5, 36, 91, .24);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .mobile-jobs-native-v19521h2__type-switch a {
    min-width: 0;
    min-height: 46px;
    padding: 8px 10px;
    display: grid;
    grid-template-columns: 20px minmax(0,1fr) auto;
    align-items: center;
    gap: 7px;
    border-radius: 13px;
    color: rgba(255,255,255,.8);
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
  }

  .mobile-jobs-native-v19521h2__type-switch a.is-active {
    background: #fff;
    color: #164fb9;
    box-shadow: 0 8px 20px rgba(5, 36, 91, .18);
  }

  .mobile-jobs-native-v19521h2__type-switch a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-jobs-native-v19521h2__type-switch a b {
    min-width: 26px;
    padding: 3px 6px;
    border-radius: 999px;
    background: currentColor;
    color: #fff;
    font-size: 10px;
    text-align: center;
  }

  .mobile-jobs-native-v19521h2__type-switch a.is-active b {
    background: #e8f0ff;
    color: #164fb9;
  }

  .mobile-jobs-native-v19521h2__quick {
    width: 100%;
    margin: 0;
    padding: 14px 14px 6px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .mobile-jobs-native-v19521h2__quick::-webkit-scrollbar,
  .mobile-jobs-native-v19521h2__active-filters::-webkit-scrollbar {
    display: none;
  }

  .mobile-jobs-native-v19521h2__quick a {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 9px 13px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #dde5f0;
    border-radius: 15px;
    background: #fff;
    color: #475467;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    scroll-snap-align: start;
    box-shadow: 0 5px 14px rgba(16,24,40,.035);
  }

  .mobile-jobs-native-v19521h2__quick a svg {
    width: 17px;
    height: 17px;
    color: #2b65c7;
  }

  .mobile-jobs-native-v19521h2__quick a.is-active {
    border-color: #b7d0fa;
    background: #eaf2ff;
    color: #1457c8;
  }

  .mobile-jobs-native-v19521h2__active-filters {
    padding: 7px 14px 3px;
    display: flex;
    gap: 7px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .mobile-jobs-native-v19521h2__active-filters a {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 6px 10px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    background: #e8f1ff;
    color: #1856bd;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
  }

  .mobile-jobs-native-v19521h2__active-filters a b {
    font-size: 16px;
    line-height: 1;
  }

  .mobile-jobs-native-v19521h2__active-filters a.is-clear {
    background: #fff0ee;
    color: #b42318;
  }

  .mobile-jobs-native-v19521h2__results-head {
    padding: 17px 14px 7px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
  }

  .mobile-jobs-native-v19521h2__results-head > div {
    min-width: 0;
    display: grid;
    gap: 3px;
  }

  .mobile-jobs-native-v19521h2__results-head small {
    color: #6c7a91;
    font-size: 11px;
    font-weight: 750;
  }

  .mobile-jobs-native-v19521h2__results-head h2 {
    margin: 0;
    color: #13203a;
    font-size: 21px;
    line-height: 1.25;
  }

  .mobile-jobs-native-v19521h2__results-head > button {
    min-height: 44px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #cbd9ed;
    border-radius: 15px;
    background: #fff;
    color: #1d4f9f;
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    box-shadow: 0 7px 18px rgba(16,24,40,.05);
  }

  .mobile-jobs-native-v19521h2__results-head > button b {
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: #1457d9;
    color: #fff;
    font-size: 10px;
  }

  .mobile-jobs-native-v19521h2__result-meta {
    padding: 0 14px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #667085;
    font-size: 10px;
    font-weight: 700;
  }

  .mobile-jobs-native-v19521h2__result-meta strong {
    color: #475467;
  }

  .mobile-jobs-native-v19521h2__list {
    padding: 0 14px;
    display: grid;
    gap: 12px;
  }

  .mobile-jobs-native-v19521h2__card {
    position: relative;
    min-width: 0;
    padding: 14px;
    overflow: hidden;
    border: 1px solid #dfe7f2;
    border-radius: 23px;
    background: #fff;
    box-shadow: 0 10px 27px rgba(16, 24, 40, .055);
  }

  .mobile-jobs-native-v19521h2__card.is-featured {
    border-color: #f4d7a4;
    background: linear-gradient(180deg, #fffdf8 0, #fff 44%);
  }

  .mobile-jobs-native-v19521h2__card::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 20px;
    width: 3px;
    height: 42px;
    border-radius: 0 4px 4px 0;
    background: #2c6cdf;
  }

  body.rtl .mobile-jobs-native-v19521h2__card::before {
    border-radius: 4px 0 0 4px;
  }

  .mobile-jobs-native-v19521h2__card.is-featured::before {
    background: #e09a27;
  }

  .mobile-jobs-native-v19521h2__card-top {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 9px;
  }

  .mobile-jobs-native-v19521h2__company-mark {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    font-size: 19px;
    font-weight: 900;
  }

  .mobile-jobs-native-v19521h2__company-mark.is-tone-1 { background:#e7f0ff;color:#1769e8; }
  .mobile-jobs-native-v19521h2__company-mark.is-tone-2 { background:#e8f8f1;color:#16835d; }
  .mobile-jobs-native-v19521h2__company-mark.is-tone-3 { background:#f0ebff;color:#714bd2; }
  .mobile-jobs-native-v19521h2__company-mark.is-tone-4 { background:#fff0e5;color:#d2671a; }

  .mobile-jobs-native-v19521h2__card-badges {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    overflow: hidden;
  }

  .mobile-jobs-native-v19521h2__card-badges span {
    flex: 0 0 auto;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 850;
    white-space: nowrap;
  }

  .mobile-jobs-native-v19521h2__card-badges .is-featured { background:#fff0d8;color:#a15c00; }
  .mobile-jobs-native-v19521h2__card-badges .is-new { background:#e8f8f1;color:#147a57; }
  .mobile-jobs-native-v19521h2__card-badges .is-match { background:#ede9fe;color:#6544c8; }

  .mobile-jobs-native-v19521h2__save,
  .mobile-jobs-native-v19521h2__save-form button {
    width: 42px;
    height: 42px;
    min-height: 42px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid #dfe7f2;
    border-radius: 14px;
    background: #f8faff;
    color: #416189;
    text-decoration: none;
  }

  .mobile-jobs-native-v19521h2__save-form {
    margin: 0;
  }

  .mobile-jobs-native-v19521h2__save svg,
  .mobile-jobs-native-v19521h2__save-form svg {
    width: 19px;
    height: 19px;
  }

  .mobile-jobs-native-v19521h2__card-main {
    margin-top: 12px;
    display: block;
    color: inherit;
    text-decoration: none;
  }

  .mobile-jobs-native-v19521h2__card-main h3 {
    margin: 0;
    color: #13203a;
    font-size: 17px;
    line-height: 1.48;
    font-weight: 900;
  }

  .mobile-jobs-native-v19521h2__card-main > p:not(.mobile-jobs-native-v19521h2__excerpt) {
    margin: 4px 0 0;
    color: #4f5d73;
    font-size: 12px;
    font-weight: 780;
  }

  .mobile-jobs-native-v19521h2__facts {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .mobile-jobs-native-v19521h2__facts span {
    max-width: 100%;
    min-height: 30px;
    padding: 5px 8px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 10px;
    background: #f4f7fb;
    color: #5e6b7e;
    font-size: 10px;
    font-weight: 740;
  }

  .mobile-jobs-native-v19521h2__facts span svg {
    width: 14px;
    height: 14px;
    color: #3c69ad;
  }

  .mobile-jobs-native-v19521h2__facts span bdi {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-jobs-native-v19521h2__excerpt {
    margin: 10px 0 0;
    display: -webkit-box;
    overflow: hidden;
    color: #68758a;
    font-size: 11px;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .mobile-jobs-native-v19521h2__card-footer {
    margin-top: 12px;
    padding-top: 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid #edf1f6;
  }

  .mobile-jobs-native-v19521h2__card-footer > span {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #7a8799;
    font-size: 10px;
    font-weight: 700;
  }

  .mobile-jobs-native-v19521h2__card-footer > span svg {
    width: 14px;
    height: 14px;
  }

  .mobile-jobs-native-v19521h2__card-footer > a {
    min-height: 39px;
    padding: 7px 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 13px;
    background: #1457d9;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 850;
    box-shadow: 0 7px 16px rgba(20,87,217,.22);
  }

  .mobile-jobs-native-v19521h2__card-footer > a svg {
    width: 16px;
    height: 16px;
  }

  body.rtl .mobile-jobs-native-v19521h2__card-footer > a svg,
  body.rtl .mobile-jobs-native-v19521h2__pagination > a svg {
    transform: rotate(180deg);
  }

  .mobile-jobs-native-v19521h2__empty {
    padding: 34px 20px;
    display: grid;
    justify-items: center;
    gap: 10px;
    border: 1px solid #dfe7f2;
    border-radius: 24px;
    background: #fff;
    text-align: center;
  }

  .mobile-jobs-native-v19521h2__empty > span {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    border-radius: 21px;
    background: #eaf2ff;
    color: #205fc9;
  }

  .mobile-jobs-native-v19521h2__empty > span svg { width:30px;height:30px; }
  .mobile-jobs-native-v19521h2__empty h2 { margin:4px 0 0;font-size:19px;color:#15213a; }
  .mobile-jobs-native-v19521h2__empty p { margin:0;color:#6c788b;font-size:12px;line-height:1.7; }
  .mobile-jobs-native-v19521h2__empty a { min-height:44px;padding:9px 15px;display:inline-flex;align-items:center;border-radius:14px;background:#1457d9;color:#fff;text-decoration:none;font-size:12px;font-weight:850; }

  .mobile-jobs-native-v19521h2__pagination {
    margin: 16px 14px 0;
    padding: 8px;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    align-items: center;
    gap: 8px;
    border: 1px solid #dfe7f2;
    border-radius: 19px;
    background: #fff;
  }

  .mobile-jobs-native-v19521h2__pagination > a {
    min-height: 42px;
    padding: 8px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 13px;
    background: #f2f6fc;
    color: #315f9f;
    text-decoration: none;
    font-size: 11px;
    font-weight: 830;
  }

  .mobile-jobs-native-v19521h2__pagination > a.is-disabled {
    opacity: .4;
    pointer-events: none;
  }

  .mobile-jobs-native-v19521h2__pagination > span {
    min-width: 54px;
    display: grid;
    justify-items: center;
    gap: 1px;
  }

  .mobile-jobs-native-v19521h2__pagination > span strong { color:#153d7f;font-size:16px; }
  .mobile-jobs-native-v19521h2__pagination > span small { color:#8190a5;font-size:9px;font-weight:700; }

  .mobile-jobs-native-v19521h2__account-card {
    margin: 16px 14px 0;
    padding: 15px;
    display: grid;
    grid-template-columns: 46px minmax(0,1fr);
    gap: 11px;
    border-radius: 22px;
    background: linear-gradient(145deg, #112f68, #1555bd);
    color: #fff;
    box-shadow: 0 14px 32px rgba(17,47,104,.2);
  }

  .mobile-jobs-native-v19521h2__account-card > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: rgba(255,255,255,.14);
  }

  .mobile-jobs-native-v19521h2__account-card > div { min-width:0;display:grid;gap:3px; }
  .mobile-jobs-native-v19521h2__account-card small { color:rgba(255,255,255,.7);font-size:10px;font-weight:750; }
  .mobile-jobs-native-v19521h2__account-card h2 { margin:0;color:#fff;font-size:14px;line-height:1.45; }
  .mobile-jobs-native-v19521h2__account-card > a { grid-column:1/-1;min-height:43px;display:grid;place-items:center;border-radius:13px;background:#fff;color:#174ca3;text-decoration:none;font-size:12px;font-weight:900; }

  .mobile-jobs-overlay-v19521h2[hidden] {
    display: none !important;
  }

  .mobile-jobs-overlay-v19521h2 {
    position: fixed;
    inset: 0;
    z-index: 2350;
    display: grid;
    align-items: end;
  }

  .mobile-jobs-overlay-v19521h2__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(15,23,42,.55);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 190ms ease;
  }

  .mobile-jobs-overlay-v19521h2__panel {
    position: relative;
    z-index: 1;
    width: 100%;
    max-height: min(90dvh, calc(var(--mapp-vh, 1vh) * 90));
    padding: 0 15px calc(18px + env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
    border-radius: 28px 28px 0 0;
    background: #fff;
    box-shadow: 0 -26px 80px rgba(16,24,40,.3);
    transform: translateY(105%);
    transition: transform 230ms cubic-bezier(.2,.8,.2,1);
    overscroll-behavior: contain;
  }

  body.mobile-jobs-search-open .mobile-jobs-overlay-v19521h2[data-mobile-jobs-search-layer] .mobile-jobs-overlay-v19521h2__panel,
  body.mobile-jobs-filter-open .mobile-jobs-overlay-v19521h2[data-mobile-jobs-filter-layer] .mobile-jobs-overlay-v19521h2__panel {
    transform: translateY(0);
  }

  body.mobile-jobs-search-open .mobile-jobs-overlay-v19521h2[data-mobile-jobs-search-layer] .mobile-jobs-overlay-v19521h2__backdrop,
  body.mobile-jobs-filter-open .mobile-jobs-overlay-v19521h2[data-mobile-jobs-filter-layer] .mobile-jobs-overlay-v19521h2__backdrop {
    opacity: 1;
  }

  .mobile-jobs-overlay-v19521h2__head {
    position: sticky;
    top: 0;
    z-index: 3;
    min-height: 76px;
    margin-inline: -15px;
    padding: 15px 15px 10px;
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) 42px;
    align-items: center;
    gap: 9px;
    border-bottom: 1px solid #edf1f6;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
  }

  .mobile-jobs-overlay-v19521h2__head::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 50%;
    width: 42px;
    height: 5px;
    border-radius: 999px;
    background: #d7dfeb;
    transform: translateX(-50%);
  }

  .mobile-jobs-overlay-v19521h2__head > span { width:42px;height:42px; }
  .mobile-jobs-overlay-v19521h2__head > div { min-width:0;display:grid;gap:2px; }
  .mobile-jobs-overlay-v19521h2__head small { color:#7a8799;font-size:10px;font-weight:760; }
  .mobile-jobs-overlay-v19521h2__head h2 { margin:0;color:#15213a;font-size:18px;line-height:1.3; }

  .mobile-jobs-overlay-v19521h2__head button {
    width: 42px;
    height: 42px;
    min-height: 42px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid #dfe7f2;
    border-radius: 14px;
    background: #f7f9fc;
    color: #334155;
  }

  .mobile-jobs-overlay-v19521h2__form {
    padding-top: 16px;
    display: grid;
    gap: 13px;
  }

  .mobile-jobs-overlay-v19521h2__form label {
    display: grid;
    gap: 7px;
    color: #344054;
    font-size: 11px;
    font-weight: 820;
  }

  .mobile-jobs-overlay-v19521h2__form input,
  .mobile-jobs-overlay-v19521h2__form select {
    width: 100%;
    min-height: 52px;
    padding: 10px 12px;
    border: 1px solid #d9e2ef;
    border-radius: 15px;
    background: #f9fbfe;
    color: #17233b;
    font: inherit;
    font-size: 16px !important;
    outline: none;
  }

  .mobile-jobs-overlay-v19521h2__form input:focus,
  .mobile-jobs-overlay-v19521h2__form select:focus {
    border-color: #6799ef;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(20,87,217,.1);
  }

  .mobile-jobs-overlay-v19521h2__search-field > span:last-child {
    min-height: 56px;
    padding-inline: 13px;
    display: grid;
    grid-template-columns: 22px minmax(0,1fr);
    align-items: center;
    gap: 9px;
    border: 1px solid #d9e2ef;
    border-radius: 17px;
    background: #f9fbfe;
  }

  .mobile-jobs-overlay-v19521h2__search-field > span:last-child:focus-within {
    border-color: #6799ef;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(20,87,217,.1);
  }

  .mobile-jobs-overlay-v19521h2__search-field input {
    min-height: 52px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none !important;
  }

  .mobile-jobs-overlay-v19521h2__suggestions {
    display: grid;
    gap: 9px;
  }

  .mobile-jobs-overlay-v19521h2__suggestions > span {
    color: #667085;
    font-size: 11px;
    font-weight: 780;
  }

  .mobile-jobs-overlay-v19521h2__suggestions > div {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }

  .mobile-jobs-overlay-v19521h2__suggestions button {
    min-height: 36px;
    padding: 7px 10px;
    border: 1px solid #dfe7f2;
    border-radius: 999px;
    background: #f5f8fc;
    color: #3f5f88;
    font: inherit;
    font-size: 11px;
    font-weight: 780;
  }

  .mobile-jobs-overlay-v19521h2__primary {
    width: 100%;
    min-height: 52px;
    padding: 10px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #1766e3, #1248aa);
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(20,87,217,.24);
  }

  .mobile-jobs-overlay-v19521h2__filter-actions {
    position: sticky;
    bottom: calc(-18px - env(safe-area-inset-bottom, 0px));
    margin: 3px -15px calc(-18px - env(safe-area-inset-bottom, 0px));
    padding: 12px 15px calc(14px + env(safe-area-inset-bottom, 0px));
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: 10px;
    border-top: 1px solid #edf1f6;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
  }

  .mobile-jobs-overlay-v19521h2__filter-actions > a {
    min-height: 48px;
    padding: 9px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #f2f5fa;
    color: #526176;
    text-decoration: none;
    font-size: 11px;
    font-weight: 850;
  }

  body.mobile-jobs-search-open .mobile-bottom-nav,
  body.mobile-jobs-filter-open .mobile-bottom-nav {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  @media (max-width: 370px) {
    .mobile-jobs-native-v19521h2__hero { padding-inline: 12px; }
    .mobile-jobs-native-v19521h2__hero-copy h1,
    .mobile-jobs-native-v19521h2__hero-copy .mobile-jobs-native-v19521h2__semantic-title { max-width: 245px; font-size: 25px; }
    .mobile-jobs-native-v19521h2__quick,
    .mobile-jobs-native-v19521h2__results-head,
    .mobile-jobs-native-v19521h2__result-meta,
    .mobile-jobs-native-v19521h2__list,
    .mobile-jobs-native-v19521h2__active-filters { padding-inline: 12px; }
    .mobile-jobs-native-v19521h2__card { padding: 12px; }
    .mobile-jobs-native-v19521h2__card-top { grid-template-columns: 44px minmax(0,1fr) 40px; }
    .mobile-jobs-native-v19521h2__company-mark { width:44px;height:44px;border-radius:14px; }
    .mobile-jobs-native-v19521h2__save,
    .mobile-jobs-native-v19521h2__save-form button { width:40px;height:40px;min-height:40px; }
  }
}

/* H2 native shell closure: pin the app dock to the visual viewport on every enabled pilot page. */
@media (max-width: 760px) {
  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav {
    top: auto !important;
    inset-block-start: auto !important;
    bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    inset-block-end: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Keep one clear focus treatment on the native search container. */
@media (max-width: 760px) {
  body.mobile-app-page-jobs .mobile-jobs-overlay-v19521h2__search-field input:focus,
  body.mobile-app-page-jobs .mobile-jobs-overlay-v19521h2__search-field input:focus-visible {
    border: 0 !important;
    outline: 0 !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
  }
}

/* ========================================================================== 
   V195.2.1-H9.5 — Mobile job detail and application flow
   ========================================================================== */
.mobile-job-detail-native-v19521h93 { display: none; }

@media (max-width: 760px) {
  body.mobile-app-page-job_detail.mobile-app-pilot-v195-2-1 {
    --mjd-brand: #1769e8;
    --mjd-brand-dark: #0b4fc4;
    --mjd-brand-soft: #edf4ff;
    --mjd-ink: #101828;
    --mjd-muted: #667085;
    --mjd-line: #dfe7f1;
    --mjd-soft: #f6f8fc;
    --mjd-green: #087a55;
    --mjd-green-soft: #eaf8f1;
    --mjd-amber: #b54708;
    --mjd-amber-soft: #fff4e8;
    --mjd-red: #b42318;
    --mjd-red-soft: #fff1f0;
    padding-bottom: calc(var(--mapp-nav-height) + 106px + env(safe-area-inset-bottom, 0px)) !important;
    background: #f3f6fb !important;
  }

  body.mobile-app-page-job_detail .desktop-job-detail-v19521h93,
  body.mobile-app-page-job_detail .mobile-app-chrome-v19521 {
    display: none !important;
  }

  body.mobile-app-page-job_detail #main-content {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: block;
    overflow: clip;
    color: var(--mjd-ink);
  }

  .mobile-job-detail-native-v19521h93 *,
  .mobile-job-apply-v19521h93 * { box-sizing: border-box; }
  .mobile-job-detail-native-v19521h93 svg,
  .mobile-job-apply-v19521h93 svg { width: 20px; height: 20px; flex: 0 0 auto; }

  .mobile-job-detail-native-v19521h93__utility {
    position: sticky;
    top: 0;
    z-index: 1450;
    min-height: calc(62px + env(safe-area-inset-top, 0px));
    padding: calc(10px + env(safe-area-inset-top, 0px)) 12px 8px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    border-bottom: 1px solid rgba(216,226,239,.9);
    background: rgba(247,249,253,.94);
    box-shadow: 0 5px 18px rgba(16,24,40,.04);
    backdrop-filter: blur(18px) saturate(145%);
    -webkit-backdrop-filter: blur(18px) saturate(145%);
  }
  .mobile-job-detail-native-v19521h93__utility-title {
    overflow: hidden;
    color: #24324a;
    font-size: 13px;
    font-weight: 950;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile-job-detail-native-v19521h93__utility-actions { display:flex;align-items:center;gap:7px; }
  .mobile-job-detail-native-v19521h93__utility-actions form { margin:0; }
  .mobile-job-detail-native-v19521h93__round {
    width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;
    margin:0 !important;padding:0 !important;display:grid !important;place-items:center !important;
    border:1px solid var(--mjd-line) !important;border-radius:15px !important;background:#fff !important;
    color:#24324a !important;box-shadow:0 6px 18px rgba(16,24,40,.055) !important;
    text-decoration:none !important;cursor:pointer;transition:transform .14s ease,color .14s ease,background .14s ease;
  }
  .mobile-job-detail-native-v19521h93__round:active { transform:scale(.95);color:var(--mjd-brand) !important;background:var(--mjd-brand-soft) !important; }
  .mobile-job-detail-native-v19521h93__round.is-saved { color:var(--mjd-green) !important;background:var(--mjd-green-soft) !important;border-color:#b8e2d2 !important; }
  .mobile-job-detail-native-v19521h93__round.is-saving svg { animation:mjd93-spin .75s linear infinite; }
  html[dir="rtl"] .mobile-job-detail-native-v19521h93__round[data-mobile-job-back] svg { transform:rotate(180deg); }

  .mobile-job-detail-native-v19521h93__hero {
    margin:0;padding:19px 15px 26px;display:grid;gap:13px;
    border-radius:0 0 30px 30px;color:#fff;
    background:radial-gradient(circle at 8% 0%,rgba(255,255,255,.2),transparent 36%),linear-gradient(145deg,#0b4fc4,#1769e8 58%,#2f86f6);
    box-shadow:0 18px 40px rgba(23,105,232,.17);
  }
  .mobile-job-detail-native-v19521h93__company-row { min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px; }
  .mobile-job-detail-native-v19521h93__company-row > div { min-width:0;display:grid;gap:3px; }
  .mobile-job-detail-native-v19521h93__company-row div > span { color:rgba(255,255,255,.74);font-size:10px;font-weight:800; }
  .mobile-job-detail-native-v19521h93__company-row strong { overflow:hidden;color:#fff;font-size:14px;font-weight:950;text-overflow:ellipsis;white-space:nowrap; }
  .mobile-job-detail-native-v19521h93__company-mark { width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:rgba(255,255,255,.97);color:var(--mjd-brand);font-size:22px;font-weight:950;box-shadow:0 8px 22px rgba(7,31,83,.2); }
  .mobile-job-detail-native-v19521h93__company-mark.is-small { width:48px;height:48px;flex:0 0 48px;border:1px solid #d8e6fb;background:var(--mjd-brand-soft);box-shadow:none;font-size:19px; }
  .mobile-job-detail-native-v19521h93__featured { padding:7px 9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:9px;font-weight:950;white-space:nowrap; }
  .mobile-job-detail-native-v19521h93__hero h1 { margin:0 !important;max-width:100%;color:#fff !important;font-size:clamp(24px,7vw,30px) !important;line-height:1.32 !important;font-weight:950 !important;letter-spacing:-.25px;overflow-wrap:anywhere; }
  .mobile-job-detail-native-v19521h93__hero > p { margin:-2px 0 0;color:rgba(255,255,255,.84);font-size:12px;line-height:1.75;font-weight:650; }
  .mobile-job-detail-native-v19521h93__hero-meta { display:flex;flex-wrap:wrap;gap:7px; }
  .mobile-job-detail-native-v19521h93__hero-meta span { min-height:33px;padding:7px 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:10px;font-weight:850; }
  .mobile-job-detail-native-v19521h93__hero-meta svg { width:15px;height:15px; }

  .mobile-job-detail-native-v19521h93__facts {
    width:calc(100% - 24px);margin:-9px 12px 0;padding:10px;position:relative;z-index:2;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
    border:1px solid var(--mjd-line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(16,24,40,.085);
  }
  .mobile-job-detail-native-v19521h93__facts article { min-width:0;min-height:76px;padding:9px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:9px;border-radius:16px;background:var(--mjd-soft); }
  .mobile-job-detail-native-v19521h93__facts article > span { grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#e8f1ff;color:var(--mjd-brand); }
  .mobile-job-detail-native-v19521h93__facts svg { width:17px;height:17px; }
  .mobile-job-detail-native-v19521h93__facts small { align-self:end;color:var(--mjd-muted);font-size:9px;font-weight:800; }
  .mobile-job-detail-native-v19521h93__facts strong { align-self:start;overflow:hidden;color:var(--mjd-ink);font-size:10px;line-height:1.35;font-weight:950;text-overflow:ellipsis;white-space:nowrap; }

  .mobile-job-detail-native-v19521h93__readiness,
  .mobile-job-detail-native-v19521h93__match,
  .mobile-job-detail-native-v19521h93__content,
  .mobile-job-detail-native-v19521h93__company-card,
  .mobile-job-detail-native-v19521h93__related,
  .mobile-job-detail-native-v19521h93__advice,
  .mobile-job-detail-native-v19521h93__faq,
  .mobile-job-detail-native-v19521h93__report { width:calc(100% - 24px);margin-inline:12px; }

  .mobile-job-detail-native-v19521h93__readiness { margin-top:12px;padding:14px;display:grid;grid-template-columns:1fr;gap:8px;border:1px solid #d5e2f7;border-radius:20px;background:linear-gradient(145deg,#fbfdff,#f1f6ff); }
  .mobile-job-detail-native-v19521h93__readiness > div { display:grid;gap:2px;margin-bottom:2px; }
  .mobile-job-detail-native-v19521h93__readiness small { color:var(--mjd-brand);font-size:9px;font-weight:950; }
  .mobile-job-detail-native-v19521h93__readiness strong { color:#24324a;font-size:13px;font-weight:950; }
  .mobile-job-detail-native-v19521h93__readiness > span { display:flex;align-items:center;gap:7px;color:#475467;font-size:10px;font-weight:800; }
  .mobile-job-detail-native-v19521h93__readiness > span svg { width:15px;height:15px;color:var(--mjd-green); }

  .mobile-job-detail-native-v19521h93__match { margin-top:12px;padding:15px;display:grid;gap:11px;border:1px solid #cfe0fb;border-radius:21px;background:linear-gradient(145deg,#f7fbff,#edf4ff); }
  .mobile-job-detail-native-v19521h93__match.is-score-high { border-color:#b9e5d4;background:linear-gradient(145deg,#f6fffb,#eafaf3); }
  .mobile-job-detail-native-v19521h93__match.is-score-low { border-color:#f2d7b7;background:linear-gradient(145deg,#fffaf4,#fff3e5); }
  .mobile-job-detail-native-v19521h93__match-head { display:flex;align-items:center;justify-content:space-between;gap:11px; }
  .mobile-job-detail-native-v19521h93__match-head > div { min-width:0;display:grid;gap:4px; }
  .mobile-job-detail-native-v19521h93__match-head small { color:var(--mjd-muted);font-size:9px;font-weight:850; }
  .mobile-job-detail-native-v19521h93__match-head strong { color:var(--mjd-ink);font-size:12px;line-height:1.55;font-weight:850; }
  .mobile-job-detail-native-v19521h93__match-head > span { width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:18px;background:#fff;color:var(--mjd-brand);font-size:17px;font-weight:950;box-shadow:0 8px 20px rgba(20,87,217,.11); }
  .mobile-job-detail-native-v19521h93__match.is-score-high .mobile-job-detail-native-v19521h93__match-head > span { color:var(--mjd-green); }
  .mobile-job-detail-native-v19521h93__match.is-score-low .mobile-job-detail-native-v19521h93__match-head > span { color:var(--mjd-amber); }
  .mobile-job-detail-native-v19521h93__progress { height:7px;overflow:hidden;border-radius:999px;background:rgba(20,87,217,.12); }
  .mobile-job-detail-native-v19521h93__progress i { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1457d9,#3b82f6); }
  .mobile-job-detail-native-v19521h93__signals { display:grid;gap:7px; }
  .mobile-job-detail-native-v19521h93__signals span { min-width:0;display:flex;align-items:flex-start;gap:7px;color:#344054;font-size:10px;line-height:1.5;font-weight:750; }
  .mobile-job-detail-native-v19521h93__signals svg { width:15px;height:15px;margin-top:1px; }
  .mobile-job-detail-native-v19521h93__signals .is-positive svg { color:var(--mjd-green); }
  .mobile-job-detail-native-v19521h93__signals .is-warning svg { color:var(--mjd-amber); }

  .mobile-job-detail-native-v19521h93__content { margin-top:12px;display:grid;gap:9px; }
  .mobile-job-detail-native-v19521h93__section { margin:0;padding:0;border:1px solid var(--mjd-line);border-radius:19px;background:#fff;box-shadow:0 5px 18px rgba(16,24,40,.035);overflow:hidden; }
  .mobile-job-detail-native-v19521h93__section summary { min-height:58px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:11px;cursor:pointer;list-style:none;color:var(--mjd-ink); }
  .mobile-job-detail-native-v19521h93__section summary::-webkit-details-marker { display:none; }
  .mobile-job-detail-native-v19521h93__section summary > span { min-width:0;display:flex;align-items:center;gap:9px; }
  .mobile-job-detail-native-v19521h93__section summary > span > svg { width:34px;height:34px;padding:8px;border-radius:11px;background:var(--mjd-brand-soft);color:var(--mjd-brand); }
  .mobile-job-detail-native-v19521h93__section summary b { font-size:13px;font-weight:950; }
  .mobile-job-detail-native-v19521h93__section summary > svg { width:17px;height:17px;color:#98a2b3;transition:transform .18s ease; }
  html[dir="rtl"] .mobile-job-detail-native-v19521h93__section summary > svg { transform:rotate(180deg); }
  .mobile-job-detail-native-v19521h93__section[open] summary > svg,
  html[dir="rtl"] .mobile-job-detail-native-v19521h93__section[open] summary > svg { transform:rotate(90deg); }
  .mobile-job-detail-native-v19521h93__prose { padding:0 14px 15px;border-top:1px solid #eef2f6;color:#344054;font-size:12px;line-height:1.85;overflow-wrap:anywhere; }
  .mobile-job-detail-native-v19521h93__prose > :first-child { margin-top:13px; }
  .mobile-job-detail-native-v19521h93__prose > :last-child { margin-bottom:0; }
  .mobile-job-detail-native-v19521h93__prose ul,.mobile-job-detail-native-v19521h93__prose ol { padding-inline-start:20px; }
  .mobile-job-detail-native-v19521h93__prose a { color:var(--mjd-brand);overflow-wrap:anywhere; }

  .mobile-job-detail-native-v19521h93__company-card { margin-top:12px;padding:13px;display:flex;align-items:center;gap:10px;border:1px solid var(--mjd-line);border-radius:19px;background:#fff;box-shadow:0 5px 18px rgba(16,24,40,.035); }
  .mobile-job-detail-native-v19521h93__company-card > div { min-width:0;flex:1;display:grid;gap:3px; }
  .mobile-job-detail-native-v19521h93__company-card small { color:var(--mjd-muted);font-size:9px;font-weight:800; }
  .mobile-job-detail-native-v19521h93__company-card strong { overflow:hidden;color:var(--mjd-ink);font-size:12px;font-weight:950;text-overflow:ellipsis;white-space:nowrap; }
  .mobile-job-detail-native-v19521h93__company-card > div span { display:flex;align-items:center;gap:4px;color:var(--mjd-muted);font-size:9px;font-weight:750; }
  .mobile-job-detail-native-v19521h93__company-card > div svg { width:13px;height:13px; }
  .mobile-job-detail-native-v19521h93__trusted { padding:7px 8px;display:flex;align-items:center;gap:4px;border-radius:999px;background:var(--mjd-green-soft);color:var(--mjd-green);font-size:9px;font-weight:950;white-space:nowrap; }
  .mobile-job-detail-native-v19521h93__trusted svg { width:13px;height:13px; }

  .mobile-job-detail-native-v19521h93__related,.mobile-job-detail-native-v19521h93__advice,.mobile-job-detail-native-v19521h93__faq { margin-top:18px; }
  .mobile-job-detail-native-v19521h93__section-title { margin-bottom:10px;display:flex;align-items:end;justify-content:space-between;gap:12px; }
  .mobile-job-detail-native-v19521h93__section-title > div { display:grid;gap:2px; }
  .mobile-job-detail-native-v19521h93__section-title small { color:var(--mjd-brand);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.25px; }
  .mobile-job-detail-native-v19521h93__section-title h2 { margin:0;color:var(--mjd-ink);font-size:17px;line-height:1.3;font-weight:950; }
  .mobile-job-detail-native-v19521h93__section-title > a { color:var(--mjd-brand);font-size:10px;font-weight:900;text-decoration:none; }
  .mobile-job-detail-native-v19521h93__related-rail { width:calc(100% + 12px);margin-inline-end:-12px;padding-inline-end:12px;display:grid;grid-auto-flow:column;grid-auto-columns:min(76vw,270px);gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain; }
  .mobile-job-detail-native-v19521h93__related-rail::-webkit-scrollbar { display:none; }
  .mobile-job-detail-native-v19521h93__related-card { min-width:0;padding:13px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 9px;align-items:center;border:1px solid var(--mjd-line);border-radius:18px;background:#fff;color:var(--mjd-ink);text-decoration:none;box-shadow:0 5px 16px rgba(16,24,40,.035);scroll-snap-align:start; }
  .mobile-job-detail-native-v19521h93__related-mark { grid-row:1/4;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--mjd-brand-soft);color:var(--mjd-brand);font-size:17px;font-weight:950; }
  .mobile-job-detail-native-v19521h93__related-mark.is-tone-2{background:#eaf8f1;color:#087a55}.mobile-job-detail-native-v19521h93__related-mark.is-tone-3{background:#fff3e6;color:#b54708}.mobile-job-detail-native-v19521h93__related-mark.is-tone-4{background:#f4ebff;color:#6941c6}
  .mobile-job-detail-native-v19521h93__related-card small { overflow:hidden;color:var(--mjd-muted);font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap; }
  .mobile-job-detail-native-v19521h93__related-card strong { overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--mjd-ink);font-size:12px;line-height:1.45;font-weight:950; }
  .mobile-job-detail-native-v19521h93__related-card > span:last-child { display:flex;align-items:center;gap:4px;color:var(--mjd-muted);font-size:9px;font-weight:700; }
  .mobile-job-detail-native-v19521h93__related-card > span:last-child svg { width:13px;height:13px; }
  .mobile-job-detail-native-v19521h93__advice { display:grid;gap:8px; }
  .mobile-job-detail-native-v19521h93__advice .mobile-job-detail-native-v19521h93__section-title { margin-bottom:1px; }
  .mobile-job-detail-native-v19521h93__advice > a { min-height:66px;padding:10px 11px;display:grid;grid-template-columns:39px minmax(0,1fr) 17px;align-items:center;gap:9px;border:1px solid var(--mjd-line);border-radius:17px;background:#fff;color:var(--mjd-ink);text-decoration:none; }
  .mobile-job-detail-native-v19521h93__advice > a > span { width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:var(--mjd-brand-soft);color:var(--mjd-brand); }
  .mobile-job-detail-native-v19521h93__advice > a > span svg { width:17px;height:17px; }
  .mobile-job-detail-native-v19521h93__advice > a > div { min-width:0;display:grid;gap:2px; }
  .mobile-job-detail-native-v19521h93__advice strong { overflow:hidden;font-size:11px;font-weight:950;text-overflow:ellipsis;white-space:nowrap; }
  .mobile-job-detail-native-v19521h93__advice small { overflow:hidden;color:var(--mjd-muted);font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap; }
  .mobile-job-detail-native-v19521h93__advice > a > svg { width:16px;height:16px;color:#98a2b3; }
  html[dir="rtl"] .mobile-job-detail-native-v19521h93__advice > a > svg { transform:rotate(180deg); }
  .mobile-job-detail-native-v19521h93__faq { display:grid;gap:7px; }
  .mobile-job-detail-native-v19521h93__faq .mobile-job-detail-native-v19521h93__section-title { margin-bottom:1px; }
  .mobile-job-detail-native-v19521h93__faq details { margin:0;border:1px solid var(--mjd-line);border-radius:16px;background:#fff;overflow:hidden; }
  .mobile-job-detail-native-v19521h93__faq summary { min-height:50px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:9px;list-style:none;color:var(--mjd-ink);font-size:11px;line-height:1.5;font-weight:900;cursor:pointer; }
  .mobile-job-detail-native-v19521h93__faq summary::-webkit-details-marker{display:none}.mobile-job-detail-native-v19521h93__faq summary svg{width:15px;height:15px;color:#98a2b3;transition:transform .18s ease}.mobile-job-detail-native-v19521h93__faq details[open] summary svg{transform:rotate(90deg)}html[dir="rtl"] .mobile-job-detail-native-v19521h93__faq summary svg{transform:rotate(180deg)}html[dir="rtl"] .mobile-job-detail-native-v19521h93__faq details[open] summary svg{transform:rotate(90deg)}
  .mobile-job-detail-native-v19521h93__faq p { margin:0;padding:11px 12px 13px;border-top:1px solid #eef2f6;color:#475467;font-size:10px;line-height:1.75; }
  .mobile-job-detail-native-v19521h93__report { margin-top:14px;padding:11px 12px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px dashed #d5deea;border-radius:16px;background:#f8fafc;color:#667085; }
  .mobile-job-detail-native-v19521h93__report > svg { width:19px;height:19px; }
  .mobile-job-detail-native-v19521h93__report > div { min-width:0;display:grid;gap:2px; }
  .mobile-job-detail-native-v19521h93__report strong { color:#344054;font-size:10px;font-weight:900; }
  .mobile-job-detail-native-v19521h93__report small { overflow:hidden;font-size:8px;font-weight:650;text-overflow:ellipsis;white-space:nowrap; }
  .mobile-job-detail-native-v19521h93__report a { padding:7px 9px;border-radius:10px;background:#fff;color:var(--mjd-red);font-size:9px;font-weight:900;text-decoration:none; }
  .mobile-job-detail-native-v19521h93__spacer { height:20px; }

  .mobile-job-detail-native-v19521h93__dock {
    position:fixed;z-index:1540;inset-inline:8px;bottom:calc(var(--mapp-nav-height) + 12px + env(safe-area-inset-bottom,0px));
    min-height:70px;padding:9px;display:flex;align-items:center;gap:9px;
    border:1px solid rgba(213,222,234,.96);border-radius:21px;background:rgba(255,255,255,.97);
    box-shadow:0 18px 46px rgba(16,24,40,.19);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    transition:opacity .18s ease,transform .18s ease;
  }
  .mobile-job-detail-native-v19521h93__dock > div { min-width:0;flex:1;display:grid;gap:2px; }
  .mobile-job-detail-native-v19521h93__dock small { color:var(--mjd-muted);font-size:9px;font-weight:800; }
  .mobile-job-detail-native-v19521h93__dock strong { overflow:hidden;color:var(--mjd-ink);font-size:11px;font-weight:950;text-overflow:ellipsis;white-space:nowrap; }
  .mobile-job-detail-native-v19521h93__dock button { min-width:128px !important;min-height:50px !important;margin:0 !important;padding:11px 15px !important;border:0 !important;border-radius:16px !important;background:linear-gradient(145deg,var(--mjd-brand),var(--mjd-brand-dark)) !important;color:#fff !important;font-size:12px !important;font-weight:950 !important;box-shadow:0 9px 22px rgba(20,87,217,.24) !important;cursor:pointer; }
  .mobile-job-detail-native-v19521h93__dock.is-applied button { background:linear-gradient(145deg,#087a55,#0a9568) !important;box-shadow:0 9px 22px rgba(8,122,85,.22) !important; }
  .mobile-job-detail-native-v19521h93__dock button:active { transform:scale(.97); }

  .mobile-job-apply-v19521h93[hidden] { display:none !important; }
  .mobile-job-apply-v19521h93 { position:fixed;inset:0;z-index:2400;display:grid;align-items:end; }
  .mobile-job-apply-v19521h93__backdrop { position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:rgba(15,23,42,.54) !important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .2s ease; }
  .mobile-job-apply-v19521h93__panel { position:relative;z-index:1;width:100%;max-height:min(90vh,calc(var(--mapp-vh,1vh)*90));padding:8px 14px calc(18px + env(safe-area-inset-bottom,0px));display:grid;gap:13px;overflow-y:auto;border-radius:27px 27px 0 0;background:#fff;box-shadow:0 -20px 60px rgba(16,24,40,.24);transform:translateY(105%);transition:transform .24s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain; }
  body.mobile-job-apply-open .mobile-job-apply-v19521h93__backdrop { opacity:1; }
  body.mobile-job-apply-open .mobile-job-apply-v19521h93__panel { transform:translateY(0); }
  .mobile-job-apply-v19521h93__handle { width:42px;height:5px;margin:0 auto 1px;border-radius:999px;background:#d0d5dd; }
  .mobile-job-apply-v19521h93__panel > header { display:flex;align-items:flex-start;justify-content:space-between;gap:11px;padding-bottom:12px;border-bottom:1px solid #edf0f4; }
  .mobile-job-apply-v19521h93__panel > header > div { display:grid;gap:3px; }
  .mobile-job-apply-v19521h93__panel > header small { color:var(--mjd-brand);font-size:9px;font-weight:950;text-transform:uppercase; }
  .mobile-job-apply-v19521h93__panel > header h2 { margin:0;color:var(--mjd-ink);font-size:21px;line-height:1.25;font-weight:950; }
  .mobile-job-apply-v19521h93__panel > header button { width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;margin:0 !important;padding:0 !important;display:grid !important;place-items:center !important;border:1px solid var(--mjd-line) !important;border-radius:14px !important;background:#fff !important;color:var(--mjd-ink) !important; }
  .mobile-job-apply-v19521h93__intro { margin:0;color:#475467;font-size:11px;line-height:1.7;font-weight:700; }
  .mobile-job-apply-v19521h93__checks,.mobile-job-apply-v19521h93__mini-checks { display:grid;gap:7px;padding:12px;border-radius:16px;background:#f7f9fc; }
  .mobile-job-apply-v19521h93__checks span,.mobile-job-apply-v19521h93__mini-checks span { display:flex;align-items:center;gap:7px;color:#344054;font-size:10px;font-weight:800; }
  .mobile-job-apply-v19521h93__checks svg,.mobile-job-apply-v19521h93__mini-checks svg { width:15px;height:15px;color:var(--mjd-green); }
  .mobile-job-apply-v19521h93__actions { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
  .mobile-job-apply-v19521h93__actions a { min-height:49px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--mjd-line);border-radius:15px;background:#fff;color:var(--mjd-ink);font-size:11px;font-weight:950;text-align:center;text-decoration:none; }
  .mobile-job-apply-v19521h93__actions a.is-primary { border-color:transparent;background:linear-gradient(145deg,var(--mjd-brand),var(--mjd-brand-dark));color:#fff; }
  .mobile-job-apply-v19521h93__actions svg { width:17px;height:17px; }
  .mobile-job-apply-v19521h93__status { padding:13px;display:flex;align-items:flex-start;gap:10px;border-radius:17px;background:var(--mjd-green-soft); }
  .mobile-job-apply-v19521h93__status.is-warning { background:var(--mjd-amber-soft); }
  .mobile-job-apply-v19521h93__status > span { width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;background:#fff;color:var(--mjd-green); }
  .mobile-job-apply-v19521h93__status.is-warning > span { color:var(--mjd-amber); }
  .mobile-job-apply-v19521h93__status > div { min-width:0;display:grid;gap:4px; }
  .mobile-job-apply-v19521h93__status strong { color:#075b42;font-size:12px;font-weight:950; }
  .mobile-job-apply-v19521h93__status.is-warning strong { color:#7a2e0e; }
  .mobile-job-apply-v19521h93__status p { margin:0;color:#356a59;font-size:9px;line-height:1.6; }
  .mobile-job-apply-v19521h93__status.is-warning p { color:#854a28; }
  .mobile-job-apply-v19521h93__panel form { display:grid;gap:12px; }
  .mobile-job-apply-v19521h93__panel form label { display:grid;gap:7px;color:var(--mjd-ink);font-size:11px;font-weight:900; }
  .mobile-job-apply-v19521h93__panel form label > span { display:flex;align-items:center;justify-content:space-between;gap:8px; }
  .mobile-job-apply-v19521h93__panel form label em { color:var(--mjd-muted);font-size:9px;font-style:normal;font-weight:750; }
  .mobile-job-apply-v19521h93__panel textarea { width:100%;min-height:126px;padding:12px;border:1px solid #cfd8e6;border-radius:15px;background:#fff;color:var(--mjd-ink);font:inherit;font-size:13px;line-height:1.65;resize:vertical;outline:none; }
  .mobile-job-apply-v19521h93__panel textarea:focus { border-color:var(--mjd-brand);box-shadow:0 0 0 4px rgba(20,87,217,.1); }
  .mobile-job-apply-v19521h93__panel label small { color:var(--mjd-muted);font-size:9px;font-weight:650; }
  .mobile-job-apply-v19521h93__panel label small b { color:var(--mjd-brand); }
  .mobile-job-apply-v19521h93__submit { width:100% !important;min-height:52px !important;margin:0 !important;padding:12px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;border:0 !important;border-radius:16px !important;background:linear-gradient(145deg,var(--mjd-brand),var(--mjd-brand-dark)) !important;color:#fff !important;font-size:12px !important;font-weight:950 !important;box-shadow:0 10px 24px rgba(20,87,217,.22) !important; }
  .mobile-job-apply-v19521h93__submit:disabled { opacity:.68;cursor:wait;box-shadow:none !important; }
  .mobile-job-apply-v19521h93__submit svg { width:18px;height:18px; }
  .mobile-job-apply-v19521h93__submit [data-mobile-job-apply-submit-loading] { display:flex;align-items:center;gap:8px; }
  .mobile-job-apply-v19521h93__submit [data-mobile-job-apply-submit-loading] svg { animation:mjd93-spin .75s linear infinite; }

  .mobile-job-apply-v19521h93__feedback { padding:12px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;border:1px solid #d4e3fb;border-radius:16px;background:#f3f8ff;color:#234a87; }
  .mobile-job-apply-v19521h93__feedback[hidden] { display:none !important; }
  .mobile-job-apply-v19521h93__feedback > span { width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--mjd-brand); }
  .mobile-job-apply-v19521h93__feedback > div { min-width:0;display:grid;gap:3px; }
  .mobile-job-apply-v19521h93__feedback strong { font-size:11px;font-weight:950; }
  .mobile-job-apply-v19521h93__feedback p { margin:0;font-size:9px;line-height:1.55;font-weight:700; }
  .mobile-job-apply-v19521h93__feedback > a { grid-column:1/-1;min-height:42px;padding:9px 11px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;color:inherit;font-size:10px;font-weight:950;text-decoration:none; }
  .mobile-job-apply-v19521h93__feedback.is-success { border-color:#b7e1d1;background:var(--mjd-green-soft);color:#075b42; }
  .mobile-job-apply-v19521h93__feedback.is-success > span { color:var(--mjd-green); }
  .mobile-job-apply-v19521h93__feedback.is-error { border-color:#f2c1bd;background:var(--mjd-red-soft);color:#8f2018; }
  .mobile-job-apply-v19521h93__feedback.is-error > span { color:var(--mjd-red); }
  .mobile-job-apply-v19521h93__feedback.is-warning { border-color:#f0d1aa;background:var(--mjd-amber-soft);color:#7a2e0e; }
  .mobile-job-apply-v19521h93__feedback.is-warning > span { color:var(--mjd-amber); }

  body.mobile-job-apply-open .mobile-bottom-nav,
  body.mobile-job-apply-open .mobile-job-detail-native-v19521h93__dock,
  body.mobile-soft-keyboard-open .mobile-job-detail-native-v19521h93__dock { opacity:0;visibility:hidden;pointer-events:none; }

  .mobile-job-share-toast-v19521h93,.mobile-job-save-toast-v19521h93 { position:fixed;z-index:2600;left:50%;bottom:calc(var(--mapp-nav-height) + 102px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 32px);padding:10px 14px;border-radius:999px;background:#101828;color:#fff;font-size:10px;font-weight:900;box-shadow:0 10px 28px rgba(16,24,40,.24);transform:translateX(-50%); }
  .mobile-job-share-toast-v19521h93[hidden],.mobile-job-save-toast-v19521h93[hidden] { display:none !important; }
  .mobile-job-save-toast-v19521h93 { background:#087a55; }

  @keyframes mjd93-spin { to { transform:rotate(360deg); } }

  @media (max-width:370px) {
    .mobile-job-detail-native-v19521h93__hero { padding-inline:12px; }
    .mobile-job-detail-native-v19521h93__hero h1 { font-size:23px !important; }
    .mobile-job-detail-native-v19521h93__facts { width:calc(100% - 16px);margin-inline:8px;padding:8px;gap:6px; }
    .mobile-job-detail-native-v19521h93__facts article { padding:7px;column-gap:7px; }
    .mobile-job-detail-native-v19521h93__readiness,.mobile-job-detail-native-v19521h93__match,.mobile-job-detail-native-v19521h93__content,.mobile-job-detail-native-v19521h93__company-card,.mobile-job-detail-native-v19521h93__related,.mobile-job-detail-native-v19521h93__advice,.mobile-job-detail-native-v19521h93__faq,.mobile-job-detail-native-v19521h93__report { width:calc(100% - 16px);margin-inline:8px; }
    .mobile-job-detail-native-v19521h93__dock button { min-width:112px !important;padding-inline:10px !important; }
    .mobile-job-detail-native-v19521h93__dock strong { max-width:112px; }
  }
}

@media (min-width:761px) {
  .mobile-job-detail-native-v19521h93 { display:none !important; }
  .desktop-job-detail-v19521h93 { display:contents !important; }
}

/* ========================================================================== 
   V195.2.1-H4 — Native mobile authentication
   Login + registration are isolated app screens. Desktop remains unchanged.
   ========================================================================== */
.mobile-auth-native-v19521h4 { display: none; }

@media (max-width: 760px) {
  body.mobile-app-page-auth.mobile-app-pilot-v195-2-1 {
    --mauth-brand: #1457d9;
    --mauth-brand-dark: #0b45b7;
    --mauth-ink: #101828;
    --mauth-muted: #667085;
    --mauth-line: #dce5f0;
    --mauth-canvas: #f3f7fc;
    min-height: calc(var(--mapp-vh, 1vh) * 100);
    padding: 0 !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(73,126,232,.16), transparent 34%),
      linear-gradient(180deg, #f7faff 0%, #eef4fb 100%);
  }

  body.mobile-app-page-auth .mobile-app-chrome-v19521,
  body.mobile-app-page-auth > .site-header,
  body.mobile-app-page-auth > footer,
  body.mobile-app-page-auth .site-footer,
  body.mobile-app-page-auth .mobile-bottom-nav,
  body.mobile-app-page-auth .desktop-auth-v19521h94 {
    display: none !important;
  }

  body.mobile-app-page-auth #main-content {
    min-height: calc(var(--mapp-vh, 1vh) * 100);
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  body.mobile-app-page-auth #main-content > .alert {
    position: fixed;
    z-index: 2800;
    inset-inline: 14px;
    top: calc(68px + env(safe-area-inset-top, 0px));
    margin: 0;
    padding: 12px 14px;
    border-radius: 16px;
    box-shadow: 0 16px 36px rgba(16,24,40,.18);
    font-size: 12px;
    line-height: 1.6;
  }

  .mobile-auth-native-v19521h4 {
    display: block;
    width: 100%;
    min-height: calc(var(--mapp-vh, 1vh) * 100);
    color: var(--mauth-ink);
    overflow-x: clip;
  }

  .mobile-auth-native-v19521h4 * { box-sizing: border-box; }

  .mobile-auth-native-v19521h4__topbar {
    position: sticky;
    z-index: 1700;
    top: 0;
    min-height: calc(62px + env(safe-area-inset-top, 0px));
    padding: calc(8px + env(safe-area-inset-top, 0px)) 14px 8px;
    display: grid;
    grid-template-columns: 44px 1fr 44px;
    align-items: center;
    gap: 10px;
    background: rgba(247,250,255,.9);
    border-bottom: 1px solid rgba(220,229,240,.82);
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
  }

  .mobile-auth-native-v19521h4__icon-button {
    width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid rgba(213,222,234,.96);
    border-radius: 15px;
    background: rgba(255,255,255,.96);
    color: #344054;
    box-shadow: 0 5px 15px rgba(16,24,40,.05);
    text-decoration: none;
  }

  .mobile-auth-native-v19521h4__icon-button svg { width: 20px; height: 20px; }
  body.rtl .mobile-auth-native-v19521h4__icon-button:first-child svg { transform: rotate(180deg); }

  .mobile-auth-native-v19521h4__brand {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--mauth-ink);
    text-decoration: none;
  }

  .mobile-auth-native-v19521h4__brand span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(145deg, var(--mauth-brand), var(--mauth-brand-dark));
    color: #fff;
    font-size: 19px;
    font-weight: 950;
    box-shadow: 0 8px 18px rgba(20,87,217,.23);
  }

  .mobile-auth-native-v19521h4__brand strong { font-size: 15px; font-weight: 950; }

  .mobile-auth-native-v19521h4__canvas {
    width: min(100%, 520px);
    min-height: calc(var(--mapp-vh, 1vh) * 100 - 62px - env(safe-area-inset-top, 0px));
    margin: 0 auto;
    padding: 18px 14px calc(30px + env(safe-area-inset-bottom, 0px));
  }

  .mobile-auth-native-v19521h4__hero {
    padding: 8px 4px 16px;
    display: grid;
    grid-template-columns: 58px minmax(0,1fr);
    align-items: center;
    gap: 13px;
  }

  .mobile-auth-native-v19521h4__hero-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: linear-gradient(145deg, #eaf2ff, #fff);
    border: 1px solid #d6e4ff;
    color: var(--mauth-brand);
    box-shadow: 0 10px 24px rgba(20,87,217,.09);
  }

  .mobile-auth-native-v19521h4__hero-icon svg { width: 27px; height: 27px; }
  .mobile-auth-native-v19521h4__hero > div { min-width: 0; display: grid; gap: 4px; }
  .mobile-auth-native-v19521h4__hero small { color: var(--mauth-brand); font-size: 10px; font-weight: 900; }
  .mobile-auth-native-v19521h4__hero h1 { margin: 0; color: var(--mauth-ink); font-size: clamp(23px, 7vw, 30px); line-height: 1.25; font-weight: 950; letter-spacing: -.45px; }
  .mobile-auth-native-v19521h4__hero p { margin: 0; color: var(--mauth-muted); font-size: 11px; line-height: 1.65; font-weight: 650; }

  .mobile-auth-native-v19521h4__return-card {
    margin: 0 0 12px;
    padding: 11px 12px;
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) 20px;
    align-items: center;
    gap: 10px;
    border: 1px solid #cfe2ff;
    border-radius: 18px;
    background: linear-gradient(135deg, #eaf3ff, #f8fbff);
    box-shadow: 0 8px 20px rgba(20,87,217,.06);
  }

  .mobile-auth-native-v19521h4__return-card > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #fff;
    color: var(--mauth-brand);
  }

  .mobile-auth-native-v19521h4__return-card svg { width: 18px; height: 18px; }
  body.rtl .mobile-auth-native-v19521h4__return-card > span svg { transform: rotate(180deg); }
  .mobile-auth-native-v19521h4__return-card > div { min-width: 0; display: grid; gap: 2px; }
  .mobile-auth-native-v19521h4__return-card strong { color: #163b78; font-size: 11px; font-weight: 900; }
  .mobile-auth-native-v19521h4__return-card small { color: #53709c; font-size: 9px; line-height: 1.5; font-weight: 650; }
  .mobile-auth-native-v19521h4__return-card > svg { color: #087a55; }

  .mobile-auth-native-v19521h4__tabs {
    position: relative;
    z-index: 2;
    width: calc(100% - 24px);
    margin: 0 auto -18px;
    padding: 4px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    border: 1px solid var(--mauth-line);
    border-radius: 17px;
    background: #edf2f8;
    box-shadow: 0 8px 18px rgba(16,24,40,.08);
  }

  .mobile-auth-native-v19521h4__tabs a {
    min-height: 43px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: #667085;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease;
  }

  .mobile-auth-native-v19521h4__tabs a.is-active {
    background: #fff;
    color: var(--mauth-brand);
    box-shadow: 0 4px 13px rgba(16,24,40,.08);
  }

  .mobile-auth-native-v19521h4__sheet {
    padding: 38px 14px 17px;
    border: 1px solid rgba(213,222,234,.96);
    border-radius: 27px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 18px 48px rgba(16,24,40,.11);
  }

  .mobile-auth-native-v19521h4__account-types {
    margin: 0 0 15px;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    border: 0;
  }

  .mobile-auth-native-v19521h4__account-types legend {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0 0 2px;
    color: var(--mauth-ink);
    font-size: 11px;
    font-weight: 900;
  }

  .mobile-auth-native-v19521h4__account-types label {
    position: relative;
    min-width: 0;
    min-height: 100px;
    padding: 12px 10px;
    display: grid;
    grid-template-columns: 36px minmax(0,1fr);
    align-content: center;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--mauth-line);
    border-radius: 18px;
    background: #f9fbfd;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
  }

  .mobile-auth-native-v19521h4__account-types label:active { transform: scale(.98); }
  .mobile-auth-native-v19521h4__account-types label.is-selected { border-color: #8fb5ff; background: #eef5ff; box-shadow: inset 0 0 0 1px rgba(20,87,217,.08); }
  .mobile-auth-native-v19521h4__account-types input { position: absolute; opacity: 0; pointer-events: none; }
  .mobile-auth-native-v19521h4__account-types label > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; background: #fff; color: var(--mauth-brand); box-shadow: 0 5px 12px rgba(16,24,40,.06); }
  .mobile-auth-native-v19521h4__account-types label > span svg { width: 19px; height: 19px; }
  .mobile-auth-native-v19521h4__account-types label > div { min-width: 0; display: grid; gap: 3px; }
  .mobile-auth-native-v19521h4__account-types strong { font-size: 11px; line-height: 1.3; font-weight: 900; }
  .mobile-auth-native-v19521h4__account-types small { color: var(--mauth-muted); font-size: 8px; line-height: 1.45; font-weight: 650; }
  .mobile-auth-native-v19521h4__account-types label > i { position: absolute; top: 8px; inset-inline-end: 8px; width: 19px; height: 19px; display: none; place-items: center; border-radius: 50%; background: var(--mauth-brand); color: #fff; }
  .mobile-auth-native-v19521h4__account-types label > i svg { width: 12px; height: 12px; }
  .mobile-auth-native-v19521h4__account-types label.is-selected > i { display: grid; }

  .mobile-auth-native-v19521h4__google {
    width: 100%;
    min-height: 52px;
    padding: 11px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--mauth-line);
    border-radius: 16px;
    background: #fff;
    color: #344054;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 5px 14px rgba(16,24,40,.04);
  }

  .mobile-auth-native-v19521h4__google svg { width: 20px; height: 20px; flex: 0 0 20px; }
  .mobile-auth-native-v19521h4__divider { margin: 14px 0; display: flex; align-items: center; gap: 10px; color: #98a2b3; font-size: 9px; font-weight: 750; }
  .mobile-auth-native-v19521h4__divider::before, .mobile-auth-native-v19521h4__divider::after { content: ''; height: 1px; flex: 1; background: #e8edf4; }

  .mobile-auth-native-v19521h4__form { display: grid; gap: 13px; }
  .mobile-auth-native-v19521h4__field { display: grid; gap: 7px; color: var(--mauth-ink); font-size: 10px; font-weight: 850; }
  .mobile-auth-native-v19521h4__field > div {
    min-height: 54px;
    padding: 0 11px;
    display: grid;
    grid-template-columns: 22px minmax(0,1fr) auto;
    align-items: center;
    gap: 8px;
    border: 1px solid #cad5e3;
    border-radius: 16px;
    background: #fbfdff;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
  }

  .mobile-auth-native-v19521h4__field > div:focus-within { border-color: var(--mauth-brand); background: #fff; box-shadow: 0 0 0 4px rgba(20,87,217,.1); }
  .mobile-auth-native-v19521h4__field > div > svg { width: 19px; height: 19px; color: #7c8ca1; }
  .mobile-auth-native-v19521h4__field input {
    min-width: 0;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    outline: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--mauth-ink);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
  }

  .mobile-auth-native-v19521h4__field input::placeholder { color: #a3afbf; font-weight: 600; }
  .mobile-auth-native-v19521h4__field button {
    width: 38px;
    height: 38px;
    min-height: 38px;
    margin: 0;
    padding: 0;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #667085;
  }
  .mobile-auth-native-v19521h4__field button svg { width: 19px; height: 19px; }
  .mobile-auth-native-v19521h4__field small { color: var(--mauth-muted); font-size: 8.5px; line-height: 1.45; font-weight: 650; }
  .mobile-auth-native-v19521h4__field small.is-strong { color: #087a55; }

  .mobile-auth-native-v19521h4__form .captcha-box {
    margin: 0;
    padding: 12px;
    border: 1px solid #dce5f0;
    border-radius: 16px;
    background: #f8fafc;
  }
  .mobile-auth-native-v19521h4__form .captcha-box label { display: grid; gap: 8px; color: #344054; font-size: 10px; font-weight: 800; }
  .mobile-auth-native-v19521h4__form .captcha-question { display: inline-flex; margin-inline-start: 4px; padding: 4px 8px; border-radius: 8px; background: #eaf2ff; color: var(--mauth-brand); font-weight: 950; }
  .mobile-auth-native-v19521h4__form .captcha-box input { width: 100%; min-height: 48px; margin: 0; padding: 10px 12px; border: 1px solid #cad5e3; border-radius: 13px; background: #fff; font: inherit; font-size: 13px; outline: 0; }
  .mobile-auth-native-v19521h4__form .captcha-box input:focus { border-color: var(--mauth-brand); box-shadow: 0 0 0 4px rgba(20,87,217,.1); }

  .mobile-auth-native-v19521h4__submit {
    width: 100%;
    min-height: 56px;
    margin: 2px 0 0;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 0;
    border-radius: 17px;
    background: linear-gradient(145deg, var(--mauth-brand), var(--mauth-brand-dark));
    color: #fff;
    font-size: 13px;
    font-weight: 950;
    box-shadow: 0 12px 26px rgba(20,87,217,.25);
    transition: transform .16s ease, opacity .16s ease;
  }
  .mobile-auth-native-v19521h4__submit:active { transform: scale(.98); }
  .mobile-auth-native-v19521h4__submit svg { width: 19px; height: 19px; }
  body.rtl .mobile-auth-native-v19521h4__submit svg { transform: rotate(180deg); }
  .mobile-auth-native-v19521h4__form.mobile-form-submitting .mobile-auth-native-v19521h4__submit { opacity: .72; pointer-events: none; }

  .mobile-auth-native-v19521h4__trust {
    margin-top: 14px;
    padding: 10px 11px;
    display: grid;
    grid-template-columns: 34px minmax(0,1fr);
    align-items: center;
    gap: 9px;
    border-radius: 15px;
    background: #f6f8fb;
  }
  .mobile-auth-native-v19521h4__trust > svg { width: 21px; height: 21px; color: #087a55; justify-self: center; }
  .mobile-auth-native-v19521h4__trust p { margin: 0; display: grid; gap: 2px; }
  .mobile-auth-native-v19521h4__trust strong { color: #344054; font-size: 9px; font-weight: 900; }
  .mobile-auth-native-v19521h4__trust small { color: #667085; font-size: 8px; line-height: 1.45; font-weight: 600; }

  .mobile-auth-native-v19521h4__switch { margin: 14px 0 0; color: #667085; font-size: 11px; line-height: 1.6; font-weight: 700; text-align: center; }
  .mobile-auth-native-v19521h4__switch a { margin-inline-start: 4px; color: var(--mauth-brand); font-weight: 950; text-decoration: none; }

  body.mobile-soft-keyboard-open.mobile-app-page-auth .mobile-auth-native-v19521h4__hero,
  body.mobile-soft-keyboard-open.mobile-app-page-auth .mobile-auth-native-v19521h4__return-card { display: none; }
  body.mobile-soft-keyboard-open.mobile-app-page-auth .mobile-auth-native-v19521h4__canvas { padding-top: 10px; }
  body.mobile-soft-keyboard-open.mobile-app-page-auth .mobile-auth-native-v19521h4__tabs { margin-top: 0; }

  @media (max-width: 370px) {
    .mobile-auth-native-v19521h4__canvas { padding-inline: 10px; }
    .mobile-auth-native-v19521h4__hero { grid-template-columns: 52px minmax(0,1fr); gap: 10px; }
    .mobile-auth-native-v19521h4__hero-icon { width: 52px; height: 52px; border-radius: 18px; }
    .mobile-auth-native-v19521h4__hero h1 { font-size: 22px; }
    .mobile-auth-native-v19521h4__sheet { padding-inline: 11px; }
    .mobile-auth-native-v19521h4__account-types label { min-height: 96px; padding-inline: 8px; grid-template-columns: 32px minmax(0,1fr); gap: 6px; }
    .mobile-auth-native-v19521h4__account-types label > span { width: 32px; height: 32px; }
  }
}

@media (min-width: 761px) {
  .desktop-auth-v19521h94 { display: contents; }
}
@media (max-width: 760px) {
  .mobile-auth-native-v19521h4 [data-mobile-auth-google-group][hidden] { display: none !important; }
}
@media (max-width: 760px) {
  body.mobile-app-page-auth .mobile-auth-native-v19521h4__field > div > input {
    min-width: 0 !important;
    width: 100% !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }
}

/* ================================================================
   V195.2.1-H9.6 — Native candidate profile and settings
   ================================================================ */
.mobile-profile-native-v19521h96 { display: none; }
.desktop-profile-v19521h96 { display: block; }

@media (max-width: 760px) {
  body.mobile-app-page-profile {
    background: #eef3f9;
  }

  body.mobile-app-page-profile > #main-content {
    padding: 0 !important;
    background: #eef3f9;
  }

  body.mobile-app-page-profile .desktop-profile-v19521h96 {
    display: none !important;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96[hidden] {
    display: block !important;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96 {
    --mprofile-ink: #10213b;
    --mprofile-muted: #6c7b90;
    --mprofile-line: #dbe5f1;
    --mprofile-brand: #1457d9;
    --mprofile-brand-dark: #0c43ad;
    --mprofile-soft: #eaf2ff;
    --mprofile-green: #0b7d59;
    --mprofile-green-soft: #e9f8f2;
    --mprofile-warn: #b35f00;
    --mprofile-warn-soft: #fff4dd;
    width: 100%;
    min-height: calc(var(--mapp-vh, 1vh) * 100 - var(--mapp-topbar));
    color: var(--mprofile-ink);
    background:
      radial-gradient(circle at 88% 4%, rgba(65,128,235,.15), transparent 25%),
      linear-gradient(180deg, #f8fbff 0, #eef3f9 210px, #eef3f9 100%);
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__canvas {
    width: min(100%, 560px);
    margin: 0 auto;
    padding: 12px 12px calc(var(--mapp-nav-height) + 24px + env(safe-area-inset-bottom, 0px));
    display: grid;
    gap: 12px;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__identity {
    position: relative;
    min-height: 124px;
    padding: 16px 54px 16px 14px;
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    border: 1px solid rgba(255,255,255,.84);
    border-radius: 27px;
    background: linear-gradient(140deg, rgba(255,255,255,.97), rgba(246,250,255,.92));
    box-shadow: 0 18px 44px rgba(20,57,107,.11);
    overflow: hidden;
  }

  body.rtl.mobile-app-page-profile .mobile-profile-native-v19521h96__identity {
    padding: 16px 14px 16px 54px;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__identity::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    inset-inline-end: -48px;
    top: -44px;
    border-radius: 50%;
    background: rgba(20,87,217,.08);
  }

  .mobile-profile-native-v19521h96__avatar-wrap {
    position: relative;
    width: 82px;
    height: 82px;
  }

  .mobile-profile-native-v19521h96__avatar {
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    border: 4px solid #fff;
    border-radius: 26px;
    overflow: hidden;
    background: linear-gradient(145deg, #1457d9, #4c87ed);
    color: #fff;
    font-size: 30px;
    font-weight: 950;
    box-shadow: 0 10px 24px rgba(20,87,217,.23);
  }

  .mobile-profile-native-v19521h96__avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }

  .mobile-profile-native-v19521h96__score {
    position: absolute;
    inset-inline-end: -5px;
    bottom: -6px;
    width: 38px;
    height: 38px;
    padding: 3px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(var(--mprofile-green) var(--profile-score), #dfe8f2 0);
    box-shadow: 0 5px 14px rgba(16,33,59,.18);
  }

  .mobile-profile-native-v19521h96__score::before {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: #fff;
  }

  .mobile-profile-native-v19521h96__score strong {
    position: relative;
    z-index: 1;
    color: var(--mprofile-green);
    font-size: 8px;
    font-weight: 950;
  }

  .mobile-profile-native-v19521h96__identity-copy {
    min-width: 0;
    display: grid;
    gap: 4px;
  }

  .mobile-profile-native-v19521h96__eyebrow {
    color: var(--mprofile-brand);
    font-size: 9px;
    font-weight: 900;
  }

  .mobile-profile-native-v19521h96__identity h1 {
    margin: 0;
    overflow: hidden;
    color: var(--mprofile-ink);
    font-size: 21px;
    line-height: 1.25;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-profile-native-v19521h96__identity-copy > p {
    margin: 0;
    overflow: hidden;
    color: #4d5f77;
    font-size: 11px;
    line-height: 1.45;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-profile-native-v19521h96__meta {
    min-width: 0;
    margin-top: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  .mobile-profile-native-v19521h96__meta span {
    max-width: 100%;
    min-height: 24px;
    padding: 4px 7px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 999px;
    background: #f0f4f9;
    color: #66758a;
    font-size: 8px;
    font-weight: 800;
  }

  .mobile-profile-native-v19521h96__meta span.is-live {
    background: var(--mprofile-green-soft);
    color: var(--mprofile-green);
  }

  .mobile-profile-native-v19521h96__meta span.is-limited {
    background: var(--mprofile-warn-soft);
    color: var(--mprofile-warn);
  }

  .mobile-profile-native-v19521h96__meta svg {
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
  }

  .mobile-profile-native-v19521h96__edit {
    position: absolute;
    z-index: 2;
    inset-inline-end: 12px;
    top: 12px;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid #dce6f2;
    border-radius: 14px;
    background: rgba(255,255,255,.94);
    color: var(--mprofile-brand);
    text-decoration: none;
    box-shadow: 0 7px 18px rgba(16,33,59,.08);
  }

  .mobile-profile-native-v19521h96__edit svg { width: 19px; height: 19px; }

  .mobile-profile-native-v19521h96__next-action {
    min-height: 88px;
    padding: 13px;
    display: grid;
    grid-template-columns: 46px minmax(0,1fr) 34px;
    align-items: center;
    gap: 11px;
    border-radius: 23px;
    background: linear-gradient(140deg, var(--mprofile-brand), var(--mprofile-brand-dark));
    color: #fff;
    box-shadow: 0 15px 30px rgba(20,87,217,.23);
  }

  .mobile-profile-native-v19521h96__next-action > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: rgba(255,255,255,.15);
  }

  .mobile-profile-native-v19521h96__next-action > span svg { width: 23px; height: 23px; }
  .mobile-profile-native-v19521h96__next-action > div { min-width: 0; display: grid; gap: 2px; }
  .mobile-profile-native-v19521h96__next-action small { color: rgba(255,255,255,.72); font-size: 8px; font-weight: 800; }
  .mobile-profile-native-v19521h96__next-action strong { font-size: 14px; font-weight: 950; }
  .mobile-profile-native-v19521h96__next-action p { margin: 0; color: rgba(255,255,255,.78); font-size: 8.5px; line-height: 1.45; font-weight: 650; }
  .mobile-profile-native-v19521h96__next-action > a { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,255,255,.15); color: #fff; }
  .mobile-profile-native-v19521h96__next-action > a svg { width: 18px; height: 18px; }
  body.rtl .mobile-profile-native-v19521h96__next-action > a svg,
  body.rtl .mobile-profile-native-v19521h96__manage-link svg { transform: rotate(180deg); }

  .mobile-profile-native-v19521h96__stats {
    padding: 8px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    border: 1px solid var(--mprofile-line);
    border-radius: 21px;
    background: rgba(255,255,255,.9);
    box-shadow: 0 8px 24px rgba(16,33,59,.06);
  }

  .mobile-profile-native-v19521h96__stats a {
    min-width: 0;
    padding: 8px 5px;
    display: grid;
    gap: 2px;
    border-inline-end: 1px solid #e5ecf4;
    color: inherit;
    text-align: center;
    text-decoration: none;
  }

  .mobile-profile-native-v19521h96__stats a:last-child { border-inline-end: 0; }
  .mobile-profile-native-v19521h96__stats strong { color: var(--mprofile-brand); font-size: 18px; font-weight: 950; }
  .mobile-profile-native-v19521h96__stats span { color: var(--mprofile-muted); font-size: 8px; font-weight: 800; }

  .mobile-profile-native-v19521h96__section-nav {
    margin-inline: -12px;
    padding: 1px 12px 3px;
    display: flex;
    gap: 7px;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }
  .mobile-profile-native-v19521h96__section-nav::-webkit-scrollbar { display: none; }
  .mobile-profile-native-v19521h96__section-nav a {
    flex: 0 0 auto;
    min-height: 35px;
    padding: 8px 13px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #dce6f1;
    border-radius: 999px;
    background: rgba(255,255,255,.9);
    color: #5f7088;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none;
    scroll-snap-align: start;
  }
  .mobile-profile-native-v19521h96__section-nav a:first-child { background: var(--mprofile-soft); border-color: #bed3f8; color: var(--mprofile-brand); }

  .mobile-profile-native-v19521h96__card {
    padding: 15px;
    border: 1px solid rgba(216,226,239,.95);
    border-radius: 24px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 10px 28px rgba(16,33,59,.065);
    scroll-margin-top: calc(var(--mapp-topbar) + env(safe-area-inset-top,0px) + 12px);
  }

  .mobile-profile-native-v19521h96__strength header,
  .mobile-profile-native-v19521h96__card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
  }

  .mobile-profile-native-v19521h96__strength header > div,
  .mobile-profile-native-v19521h96__card-head > div { min-width: 0; display: grid; gap: 3px; }
  .mobile-profile-native-v19521h96__strength header small,
  .mobile-profile-native-v19521h96__card-head small { color: var(--mprofile-brand); font-size: 8px; font-weight: 900; }
  .mobile-profile-native-v19521h96__strength h2,
  .mobile-profile-native-v19521h96__card-head h2 { margin: 0; color: var(--mprofile-ink); font-size: 15px; line-height: 1.35; font-weight: 950; }
  .mobile-profile-native-v19521h96__strength header > strong { color: var(--mprofile-green); font-size: 19px; font-weight: 950; }

  .mobile-profile-native-v19521h96__card-head > a {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #f2f6fb;
    color: var(--mprofile-brand);
  }
  .mobile-profile-native-v19521h96__card-head > a svg { width: 17px; height: 17px; }

  .mobile-profile-native-v19521h96__progress {
    height: 8px;
    margin: 13px 0;
    overflow: hidden;
    border-radius: 999px;
    background: #e7edf4;
  }
  .mobile-profile-native-v19521h96__progress i { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #1457d9, #45a77d); }

  .mobile-profile-native-v19521h96__check-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 7px;
  }
  .mobile-profile-native-v19521h96__check-grid a {
    min-width: 0;
    min-height: 65px;
    padding: 8px 5px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    border: 1px solid #e1e9f2;
    border-radius: 16px;
    background: #f8fafc;
    color: #68788e;
    text-align: center;
    text-decoration: none;
  }
  .mobile-profile-native-v19521h96__check-grid a.is-done { border-color: #cdeade; background: var(--mprofile-green-soft); color: var(--mprofile-green); }
  .mobile-profile-native-v19521h96__check-grid a.is-missing { border-style: dashed; color: var(--mprofile-brand); }
  .mobile-profile-native-v19521h96__check-grid span { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: #fff; font-size: 15px; font-weight: 950; }
  .mobile-profile-native-v19521h96__check-grid svg { width: 13px; height: 13px; }
  .mobile-profile-native-v19521h96__check-grid b { max-width: 100%; font-size: 8px; line-height: 1.2; font-weight: 900; }
  .mobile-profile-native-v19521h96__missing-note { margin: 11px 0 0; color: var(--mprofile-muted); font-size: 8.5px; line-height: 1.5; font-weight: 700; }
  .mobile-profile-native-v19521h96__missing-note strong { color: var(--mprofile-warn); }

  .mobile-profile-native-v19521h96__quick-actions {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 8px;
  }
  .mobile-profile-native-v19521h96__quick-actions :is(a,button) {
    min-width: 0;
    min-height: 76px;
    margin: 0;
    padding: 8px 4px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 6px;
    border: 1px solid var(--mprofile-line);
    border-radius: 18px;
    background: #fff;
    color: var(--mprofile-ink);
    font: inherit;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 7px 20px rgba(16,33,59,.05);
  }
  .mobile-profile-native-v19521h96__quick-actions span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 12px; background: var(--mprofile-soft); color: var(--mprofile-brand); }
  .mobile-profile-native-v19521h96__quick-actions svg { width: 18px; height: 18px; }
  .mobile-profile-native-v19521h96__quick-actions b { font-size: 8px; line-height: 1.25; font-weight: 900; }

  .mobile-profile-native-v19521h96__summary {
    max-height: 126px;
    margin: 12px 0 0;
    overflow: hidden;
    color: #53647b;
    font-size: 11px;
    line-height: 1.9;
    font-weight: 650;
  }

  .mobile-profile-native-v19521h96__empty {
    margin-top: 12px;
    min-height: 76px;
    padding: 12px;
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    align-items: center;
    gap: 10px;
    border: 1px dashed #b9cbe2;
    border-radius: 17px;
    background: #f8fbff;
    color: inherit;
    text-decoration: none;
  }
  .mobile-profile-native-v19521h96__empty > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 13px; background: var(--mprofile-soft); color: var(--mprofile-brand); font-size: 22px; font-weight: 800; }
  .mobile-profile-native-v19521h96__empty > div { min-width: 0; display: grid; gap: 3px; }
  .mobile-profile-native-v19521h96__empty strong { color: var(--mprofile-ink); font-size: 11px; font-weight: 900; }
  .mobile-profile-native-v19521h96__empty small { color: var(--mprofile-muted); font-size: 8px; line-height: 1.45; font-weight: 650; }
  .mobile-profile-native-v19521h96__empty.compact { min-height: 68px; }

  .mobile-profile-native-v19521h96__preference-list {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
  }
  .mobile-profile-native-v19521h96__preference-list > div {
    min-width: 0;
    min-height: 68px;
    padding: 10px;
    display: grid;
    align-content: center;
    gap: 4px;
    border: 1px solid #e2eaf3;
    border-radius: 16px;
    background: #f8fafc;
  }
  .mobile-profile-native-v19521h96__preference-list small { color: #7b899b; font-size: 7.5px; font-weight: 800; }
  .mobile-profile-native-v19521h96__preference-list strong { overflow: hidden; color: #273950; font-size: 10px; line-height: 1.35; font-weight: 900; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .mobile-profile-native-v19521h96__warning { margin-top: 9px; padding: 9px 10px; display: flex; align-items: center; gap: 8px; border-radius: 14px; background: var(--mprofile-warn-soft); color: var(--mprofile-warn); }
  .mobile-profile-native-v19521h96__warning strong { font-size: 13px; font-weight: 950; }
  .mobile-profile-native-v19521h96__warning span { font-size: 8px; line-height: 1.4; font-weight: 750; }

  .mobile-profile-native-v19521h96__chips {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .mobile-profile-native-v19521h96__chips span,
  .mobile-profile-native-v19521h96__chips a { min-height: 30px; padding: 7px 10px; display: inline-flex; align-items: center; border: 1px solid #d5e2f5; border-radius: 999px; background: #f2f7ff; color: #2859a8; font-size: 8px; font-weight: 850; text-decoration: none; }
  .mobile-profile-native-v19521h96__languages {
    min-height: 64px;
    margin-top: 11px;
    padding: 9px 10px;
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) 28px;
    align-items: center;
    gap: 9px;
    border-radius: 16px;
    background: #f7f9fc;
  }
  .mobile-profile-native-v19521h96__languages > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 13px; background: #fff; color: var(--mprofile-brand); }
  .mobile-profile-native-v19521h96__languages > span svg { width: 20px; height: 20px; }
  .mobile-profile-native-v19521h96__languages > div { min-width: 0; display: grid; gap: 3px; }
  .mobile-profile-native-v19521h96__languages small { color: var(--mprofile-muted); font-size: 8px; font-weight: 800; }
  .mobile-profile-native-v19521h96__languages strong { overflow: hidden; color: var(--mprofile-ink); font-size: 10px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-profile-native-v19521h96__languages > a { width: 28px; height: 28px; display: grid; place-items: center; color: #8a98aa; }
  .mobile-profile-native-v19521h96__languages > a svg { width: 17px; height: 17px; }

  .mobile-profile-native-v19521h96__details {
    margin-top: 11px;
    border: 1px solid #e0e8f1;
    border-radius: 17px;
    background: #f9fbfd;
    overflow: hidden;
  }
  .mobile-profile-native-v19521h96__details summary {
    min-height: 54px;
    padding: 9px 11px;
    display: grid;
    grid-template-columns: 35px minmax(0,1fr) 26px;
    align-items: center;
    gap: 9px;
    list-style: none;
    cursor: pointer;
  }
  .mobile-profile-native-v19521h96__details summary::-webkit-details-marker { display: none; }
  .mobile-profile-native-v19521h96__details summary > span { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 12px; background: #fff; color: var(--mprofile-brand); }
  .mobile-profile-native-v19521h96__details summary svg { width: 19px; height: 19px; }
  .mobile-profile-native-v19521h96__details summary strong { color: var(--mprofile-ink); font-size: 11px; font-weight: 900; }
  .mobile-profile-native-v19521h96__details summary b { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 9px; background: var(--mprofile-soft); color: var(--mprofile-brand); font-size: 9px; font-weight: 950; }
  .mobile-profile-native-v19521h96__details[open] summary { border-bottom: 1px solid #e2eaf3; background: #fff; }
  .mobile-profile-native-v19521h96__timeline { padding: 10px 12px 3px; display: grid; gap: 2px; }
  .mobile-profile-native-v19521h96__timeline article { position: relative; min-height: 60px; padding: 7px 20px 10px 0; display: grid; grid-template-columns: 10px minmax(0,1fr); gap: 8px; }
  body.rtl .mobile-profile-native-v19521h96__timeline article { padding: 7px 0 10px 20px; }
  .mobile-profile-native-v19521h96__timeline article::before { content: ""; position: absolute; inset-inline-start: 4px; top: 20px; bottom: -10px; width: 1px; background: #d5dfeb; }
  .mobile-profile-native-v19521h96__timeline article:last-child::before { display: none; }
  .mobile-profile-native-v19521h96__timeline article > i { position: relative; z-index: 1; width: 9px; height: 9px; margin-top: 6px; border: 2px solid #fff; border-radius: 50%; background: var(--mprofile-brand); box-shadow: 0 0 0 2px #bdd1f5; }
  .mobile-profile-native-v19521h96__timeline article > div { min-width: 0; display: grid; gap: 2px; }
  .mobile-profile-native-v19521h96__timeline article strong { color: #24364e; font-size: 10px; font-weight: 900; }
  .mobile-profile-native-v19521h96__timeline article span { color: #65758a; font-size: 8.5px; font-weight: 750; }
  .mobile-profile-native-v19521h96__timeline article small { color: #8b98a8; font-size: 7.5px; font-weight: 650; }
  .mobile-profile-native-v19521h96__manage-link { min-height: 41px; padding: 8px 12px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #e2eaf3; background: #fff; color: var(--mprofile-brand); font-size: 9px; font-weight: 900; text-decoration: none; }
  .mobile-profile-native-v19521h96__manage-link svg { width: 16px; height: 16px; }

  .mobile-profile-native-v19521h96__contact-card { display: grid; gap: 9px; }
  .mobile-profile-native-v19521h96__contact-row,
  .mobile-profile-native-v19521h96__visibility { min-height: 58px; padding: 9px 10px; display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 9px; border-radius: 16px; background: #f7f9fc; }
  .mobile-profile-native-v19521h96__contact-row > span,
  .mobile-profile-native-v19521h96__visibility > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 13px; background: #fff; color: var(--mprofile-brand); }
  .mobile-profile-native-v19521h96__contact-row svg,
  .mobile-profile-native-v19521h96__visibility svg { width: 19px; height: 19px; }
  .mobile-profile-native-v19521h96__contact-row > div,
  .mobile-profile-native-v19521h96__visibility > div { min-width: 0; display: grid; gap: 2px; }
  .mobile-profile-native-v19521h96__contact-row small,
  .mobile-profile-native-v19521h96__visibility small { color: var(--mprofile-muted); font-size: 7.5px; line-height: 1.45; font-weight: 700; }
  .mobile-profile-native-v19521h96__contact-row strong,
  .mobile-profile-native-v19521h96__visibility strong { overflow: hidden; color: #2b3d54; font-size: 9.5px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-profile-native-v19521h96__visibility.public { background: var(--mprofile-green-soft); }
  .mobile-profile-native-v19521h96__visibility.public > span { color: var(--mprofile-green); }
  .mobile-profile-native-v19521h96__visibility.limited { background: var(--mprofile-warn-soft); }
  .mobile-profile-native-v19521h96__visibility.limited > span { color: var(--mprofile-warn); }

  .mobile-profile-native-v19521h96__toast {
    position: fixed;
    z-index: 2100;
    inset-inline: 20px;
    bottom: calc(var(--mapp-nav-height) + 24px + env(safe-area-inset-bottom, 0px));
    margin: 0 auto;
    width: max-content;
    max-width: calc(100% - 40px);
    padding: 10px 15px;
    border-radius: 999px;
    background: #152238;
    color: #fff;
    font-size: 9px;
    font-weight: 850;
    text-align: center;
    box-shadow: 0 12px 30px rgba(16,33,59,.25);
  }
  .mobile-profile-native-v19521h96__toast[hidden] { display: none !important; }

  body.mobile-app-page-profile .mobile-bottom-nav a[data-mobile-nav-key="profile"] { color: var(--mapp-brand); }
  body.mobile-app-page-profile .mobile-bottom-nav a[data-mobile-nav-key="profile"]::before { background: linear-gradient(180deg,#f2f7ff,var(--mapp-brand-soft)); transform: scale(1); opacity: 1; }

  @media (max-width: 370px) {
    .mobile-profile-native-v19521h96__canvas { padding-inline: 9px; }
    .mobile-profile-native-v19521h96__identity { grid-template-columns: 72px minmax(0,1fr); }
    .mobile-profile-native-v19521h96__avatar-wrap,
    .mobile-profile-native-v19521h96__avatar { width: 72px; height: 72px; }
    .mobile-profile-native-v19521h96__identity h1 { font-size: 18px; }
    .mobile-profile-native-v19521h96__quick-actions { gap: 5px; }
    .mobile-profile-native-v19521h96__quick-actions :is(a,button) { min-height: 72px; }
  }
}

@media (min-width: 761px) {
  .mobile-profile-native-v19521h96 { display: none !important; }
  .desktop-profile-v19521h96 { display: block !important; }
}

/* ========================================================================
   V195.2.1-H9.8 — Native mobile applications + application tracking
   Clean replacement for the retired H7 application mobile DOM/CSS.
   ======================================================================== */
@media (max-width: 760px) {
  html body.mobile-app-page-applications,
  html body.mobile-app-page-application_tracking {
    --ma97-bg: #f5f7fb;
    --ma97-surface: #ffffff;
    --ma97-ink: #14213a;
    --ma97-muted: #6f7d92;
    --ma97-line: #e3e9f2;
    --ma97-blue: #1768e5;
    --ma97-blue-dark: #0d4fbd;
    --ma97-blue-soft: #eaf2ff;
    --ma97-green: #178a54;
    --ma97-green-soft: #e8f8ef;
    --ma97-orange: #b66b00;
    --ma97-orange-soft: #fff3dd;
    --ma97-red: #bd3f4b;
    --ma97-red-soft: #fff0f2;
    --ma97-purple: #6b45c8;
    --ma97-purple-soft: #f1edff;
    --ma97-shadow: 0 10px 28px rgba(25, 48, 87, .08);
    background: var(--ma97-bg) !important;
  }

  html body.mobile-app-page-applications .mobile-app-chrome-v19521 > .mobile-app-topbar-v19521,
  html body.mobile-app-page-application_tracking .mobile-app-chrome-v19521 > .mobile-app-topbar-v19521,
  html body.mobile-app-page-applications .site-header,
  html body.mobile-app-page-applications .site-footer,
  html body.mobile-app-page-applications .jobseeker-control-nav-v178,
  html body.mobile-app-page-applications [data-jobseeker-control-nav-v178],
  html body.mobile-app-page-application_tracking .site-header,
  html body.mobile-app-page-application_tracking .site-footer,
  html body.mobile-app-page-application_tracking .jobseeker-control-nav-v178,
  html body.mobile-app-page-application_tracking [data-jobseeker-control-nav-v178] {
    display: none !important;
  }

  html body.mobile-app-page-applications #main-content,
  html body.mobile-app-page-application_tracking #main-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.mobile-app-page-applications .desktop-applications-v19521h97,
  html body.mobile-app-page-application_tracking .desktop-application-tracking-v19521h97 {
    display: none !important;
  }

  html body.mobile-app-page-applications .ma97,
  html body.mobile-app-page-application_tracking .mt97 {
    display: block !important;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .ma97 *, .mt97 *, .ma97-filter * { box-sizing: border-box; }
  .ma97 svg, .mt97 svg, .ma97-filter svg { display: block; width: 20px; height: 20px; }

  /* Shared app bars */
  .ma97__appbar,
  .mt97__appbar {
    position: sticky;
    top: 0;
    z-index: 35;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 10px;
    min-height: calc(65px + env(safe-area-inset-top));
    padding: calc(10px + env(safe-area-inset-top)) 15px 10px;
    border-bottom: 1px solid rgba(222, 230, 241, .86);
    background: rgba(249, 251, 254, .94);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }
  .ma97__appbar-title,
  .mt97__appbar > div { min-width: 0; text-align: center; }
  .ma97__appbar-title strong,
  .mt97__appbar > div strong { display: block; color: var(--ma97-ink); font-size: 16px; line-height: 1.35; font-weight: 900; }
  .ma97__appbar-title small,
  .mt97__appbar > div small { display: block; margin-top: 2px; color: var(--ma97-muted); font-size: 9px; font-weight: 750; }
  .ma97__icon-button,
  .mt97__icon-button {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid #dce4ef;
    border-radius: 15px;
    color: #253954;
    background: #fff;
    box-shadow: 0 5px 14px rgba(31, 53, 87, .06);
    text-decoration: none;
  }
  .ma97__icon-button:active,
  .mt97__icon-button:active { transform: scale(.96); }

  /* Applications hub */
  .ma97 {
    padding: 0 14px calc(var(--runtime-mobile-nav, 82px) + env(safe-area-inset-bottom) + 18px);
    color: var(--ma97-ink);
  }
  .ma97__appbar { margin: 0 -14px; }
  .ma97__overview {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 82px;
    align-items: center;
    gap: 14px;
    margin: 14px 0 12px;
    padding: 20px 17px;
    border-radius: 26px;
    color: #fff;
    background:
      radial-gradient(circle at 8% -15%, rgba(255,255,255,.28), transparent 35%),
      radial-gradient(circle at 94% 120%, rgba(126,190,255,.28), transparent 38%),
      linear-gradient(145deg, #0e50c2 0%, #1768e5 54%, #4d91f3 100%);
    box-shadow: 0 16px 34px rgba(23, 104, 229, .24);
  }
  .ma97__overview::after {
    content: "";
    position: absolute;
    inset-inline-end: -28px;
    top: -38px;
    width: 116px;
    height: 116px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
  }
  .ma97__overview > div:first-child { position: relative; z-index: 1; min-width: 0; }
  .ma97__overview > div:first-child > span { display: block; margin-bottom: 5px; font-size: 9px; font-weight: 850; opacity: .78; }
  .ma97__overview h1 { margin: 0; font-size: 20px; line-height: 1.4; font-weight: 950; letter-spacing: -.25px; }
  .ma97__overview p { margin: 7px 0 0; color: rgba(255,255,255,.84); font-size: 10px; line-height: 1.7; }
  .ma97__total {
    position: relative;
    z-index: 1;
    width: 82px;
    height: 82px;
    display: grid;
    place-content: center;
    text-align: center;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 25px;
    background: rgba(255,255,255,.16);
    box-shadow: inset 0 1px rgba(255,255,255,.18);
    backdrop-filter: blur(8px);
  }
  .ma97__total strong { display: block; font-size: 28px; line-height: 1; font-weight: 950; }
  .ma97__total small { display: block; width: 62px; margin-top: 6px; font-size: 8px; line-height: 1.35; font-weight: 800; opacity: .82; }

  .ma97__search {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) 40px 40px;
    align-items: center;
    gap: 7px;
    min-height: 58px;
    margin-bottom: 12px;
    padding: 7px 8px 7px 13px;
    border: 1px solid var(--ma97-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(24, 47, 84, .06);
  }
  .ma97__search > span { color: #7c8ba0; }
  .ma97__search > span svg { width: 18px; height: 18px; }
  .ma97__search input {
    min-width: 0;
    height: 42px;
    padding: 0;
    border: 0;
    outline: 0;
    color: var(--ma97-ink);
    background: transparent;
    font: inherit;
    font-size: 11px;
  }
  .ma97__search input::placeholder { color: #99a4b5; }
  .ma97__search button {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 13px;
    color: #fff;
    background: var(--ma97-blue);
  }
  .ma97__search button svg { width: 18px; height: 18px; }
  .ma97__search .ma97__filter-trigger { color: #52657d; background: #f2f5f9; }
  .ma97__icon-button, .ma97__filter-trigger, [popovertarget="mobile-app-menu-v19521"], [popovertarget="mobile-applications-filter-v19521h972"] { touch-action: manipulation; pointer-events: auto !important; }
  [data-mobile-app-menu-open-trigger], [data-mobile-app-menu-close-trigger] { touch-action: manipulation; pointer-events: auto !important; -webkit-tap-highlight-color: transparent; }

  .ma97__tabs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    padding: 1px 1px 12px;
    scrollbar-width: none;
  }
  .ma97__tabs::-webkit-scrollbar { display: none; }
  .ma97__tabs a {
    flex: 0 0 auto;
    scroll-snap-align: center;
    display: inline-grid;
    grid-template-columns: 25px auto 22px;
    align-items: center;
    gap: 6px;
    min-height: 42px;
    padding: 0 10px 0 8px;
    border: 1px solid #dde5ef;
    border-radius: 14px;
    color: #58677d;
    background: #fff;
    text-decoration: none;
    font-size: 9px;
    font-weight: 850;
    white-space: nowrap;
  }
  .ma97__tabs a i { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 9px; color: #5b78a1; background: #f1f5fa; }
  .ma97__tabs a i svg { width: 14px; height: 14px; }
  .ma97__tabs a b { min-width: 22px; height: 22px; display: grid; place-items: center; padding: 0 4px; border-radius: 8px; color: #64758d; background: #f2f5f9; font-size: 8px; }
  .ma97__tabs a.is-active { border-color: var(--ma97-blue); color: #fff; background: var(--ma97-blue); box-shadow: 0 8px 18px rgba(23,104,229,.2); }
  .ma97__tabs a.is-active i { color: var(--ma97-blue); background: #fff; }
  .ma97__tabs a.is-active b { color: var(--ma97-blue); background: #fff; }

  .ma97__results-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 2px 1px 10px; }
  .ma97__results-head small { display: block; color: #8591a3; font-size: 8px; font-weight: 850; }
  .ma97__results-head strong { display: block; margin-top: 2px; color: var(--ma97-ink); font-size: 17px; }
  .ma97__results-head button { display: inline-flex; align-items: center; gap: 5px; min-height: 34px; padding: 0 10px; border: 0; border-radius: 11px; color: #607087; background: #edf2f8; font: inherit; font-size: 8px; font-weight: 850; }
  .ma97__results-head button svg { width: 14px; height: 14px; }

  .ma97__list { display: grid; gap: 11px; }
  .ma97-card {
    overflow: hidden;
    border: 1px solid var(--ma97-line);
    border-radius: 23px;
    background: #fff;
    box-shadow: var(--ma97-shadow);
  }
  .ma97-card__body { display: block; padding: 15px 14px 12px; color: inherit; text-decoration: none; }
  .ma97-card__top { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: start; gap: 10px; }
  .ma97-card__logo { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid #dce6f5; border-radius: 16px; color: var(--ma97-blue); background: linear-gradient(145deg,#f7faff,#eaf2ff); font-size: 19px; font-weight: 950; box-shadow: inset 0 1px #fff; }
  .ma97-card__identity { min-width: 0; }
  .ma97-card__identity h2 { margin: 1px 0 4px; color: var(--ma97-ink); font-size: 13px; line-height: 1.48; font-weight: 950; }
  .ma97-card__identity p { margin: 0; color: #68778c; font-size: 9px; line-height: 1.45; }
  .ma97-card__status { max-width: 92px; padding: 6px 8px; border-radius: 10px; color: var(--ma97-orange); background: var(--ma97-orange-soft); font-size: 7px; line-height: 1.35; font-weight: 900; text-align: center; }
  .ma97-card.is-ok .ma97-card__status { color: var(--ma97-green); background: var(--ma97-green-soft); }
  .ma97-card.is-interview .ma97-card__status { color: var(--ma97-purple); background: var(--ma97-purple-soft); }
  .ma97-card.is-viewed .ma97-card__status { color: #096c9e; background: #e8f7ff; }
  .ma97-card.is-danger .ma97-card__status,
  .ma97-card.is-closed .ma97-card__status { color: var(--ma97-red); background: var(--ma97-red-soft); }
  .ma97-card__meta { display: flex; flex-wrap: wrap; gap: 7px 12px; margin: 12px 0; color: #718096; font-size: 8px; font-weight: 760; }
  .ma97-card__meta span { display: inline-flex; align-items: center; gap: 4px; }
  .ma97-card__meta svg { width: 13px; height: 13px; color: #8090a7; }
  .ma97-card__journey > div:first-child { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 6px; color: #5d6d84; font-size: 8px; font-weight: 850; }
  .ma97-card__journey strong { color: var(--ma97-blue); }
  .ma97-card__bar { height: 6px; overflow: hidden; border-radius: 999px; background: #edf1f6; }
  .ma97-card__bar i { display: block; width: var(--ma97-progress); height: 100%; border-radius: inherit; background: linear-gradient(90deg,#1768e5,#58a0fb); }
  .ma97-card.is-ok .ma97-card__bar i { background: linear-gradient(90deg,#178a54,#42bb7c); }
  .ma97-card.is-interview .ma97-card__bar i { background: linear-gradient(90deg,#6543c5,#9a76ef); }
  .ma97-card.is-danger .ma97-card__bar i,
  .ma97-card.is-closed .ma97-card__bar i { background: linear-gradient(90deg,#bd3f4b,#ec7b84); }
  .ma97-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 11px; color: #8995a7; font-size: 7px; font-weight: 800; }
  .ma97-card__footer b { display: inline-flex; align-items: center; gap: 3px; color: var(--ma97-blue); font-size: 8px; }
  .ma97-card__footer svg { width: 13px; height: 13px; }
  body.rtl .ma97-card__footer b svg,
  body.rtl .mt97__related a > span svg,
  body.rtl .mt97__details-grid summary > span svg { transform: scaleX(-1); }
  .ma97-card__actions { display: grid; grid-template-columns: 1.2fr 1fr .8fr; border-top: 1px solid #edf1f5; background: #fbfcfe; }
  .ma97-card__actions > a,
  .ma97-card__actions form,
  .ma97-card__actions button { min-width: 0; }
  .ma97-card__actions > a,
  .ma97-card__actions button { min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 5px; padding: 0 5px; border: 0; color: #5b6c83; background: transparent; text-decoration: none; font: inherit; font-size: 8px; font-weight: 850; }
  .ma97-card__actions > a + a,
  .ma97-card__actions form { border-inline-start: 1px solid #e8edf4; }
  .ma97-card__actions > a:first-child { color: var(--ma97-blue); }
  .ma97-card__actions button { width: 100%; color: #a84b54; }
  .ma97-card__actions svg { width: 15px; height: 15px; }

  .ma97__empty { padding: 34px 18px; border: 1px dashed #ced9e7; border-radius: 24px; background: #fff; text-align: center; }
  .ma97__empty > span { width: 62px; height: 62px; display: grid; place-items: center; margin: 0 auto 14px; border-radius: 20px; color: var(--ma97-blue); background: var(--ma97-blue-soft); }
  .ma97__empty > span svg { width: 28px; height: 28px; }
  .ma97__empty h2 { margin: 0 0 7px; font-size: 17px; }
  .ma97__empty p { margin: 0 auto 15px; max-width: 270px; color: var(--ma97-muted); font-size: 10px; line-height: 1.7; }
  .ma97__empty a { display: inline-flex; align-items: center; gap: 5px; min-height: 40px; padding: 0 15px; border-radius: 13px; color: #fff; background: var(--ma97-blue); text-decoration: none; font-size: 9px; font-weight: 900; }
  .ma97__empty a svg { width: 14px; height: 14px; }

  .ma97__next-action {
    display: grid;
    grid-template-columns: 45px minmax(0,1fr) 34px;
    align-items: center;
    gap: 11px;
    margin-top: 13px;
    padding: 14px;
    border: 1px solid #dce7f6;
    border-radius: 21px;
    background: linear-gradient(135deg,#fff,#f3f8ff);
    box-shadow: 0 7px 20px rgba(30,54,90,.05);
  }
  .ma97__next-action > span { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 15px; color: var(--ma97-blue); background: var(--ma97-blue-soft); }
  .ma97__next-action small { display: block; color: var(--ma97-blue); font-size: 7px; font-weight: 900; }
  .ma97__next-action h2 { margin: 3px 0; font-size: 12px; line-height: 1.45; }
  .ma97__next-action p { margin: 0; color: #718097; font-size: 8px; line-height: 1.55; }
  .ma97__next-action > a { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: var(--ma97-blue); }
  .ma97__next-action > a svg { width: 15px; height: 15px; }

  .ma97__recommended { display: grid; grid-template-columns: minmax(0,1fr) 64px; align-items: center; gap: 12px; margin-top: 11px; padding: 15px; border-radius: 21px; color: #fff; background: linear-gradient(145deg,#162d50,#27558b); }
  .ma97__recommended small { display: block; color: #9ec7f4; font-size: 8px; font-weight: 850; }
  .ma97__recommended h2 { margin: 4px 0; font-size: 13px; line-height: 1.45; }
  .ma97__recommended p { margin: 0; color: #cad7e7; font-size: 8px; line-height: 1.5; }
  .ma97__recommended > a { width: 64px; height: 64px; display: grid; place-content: center; text-align: center; border-radius: 19px; color: #174b82; background: #fff; text-decoration: none; }
  .ma97__recommended > a strong { display: block; font-size: 17px; }
  .ma97__recommended > a span { display: block; margin-top: 2px; font-size: 7px; font-weight: 800; }
  .ma97__safe-space, .mt97__safe-space { height: 4px; }

  /* Applications filter sheet — native Popover, independent from the global runtime. */
  .ma97-filter[popover] {
    position: fixed;
    inset: auto 0 0 0;
    width: 100%;
    max-width: none;
    max-height: min(82dvh, 680px);
    margin: 0;
    overflow: auto;
    padding: 8px 17px calc(18px + env(safe-area-inset-bottom));
    border: 0;
    border-radius: 28px 28px 0 0;
    color: var(--ma97-ink);
    background: #fff;
    box-shadow: 0 -20px 45px rgba(11,29,57,.22);
  }
  .ma97-filter[popover]:popover-open { display: block; }
  .ma97-filter[popover]::backdrop {
    background: rgba(13,27,48,.52);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
  }
  .ma97-filter__handle { width: 42px; height: 4px; margin: 0 auto 13px; border-radius: 999px; background: #cfd7e2; }
  .ma97-filter header { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 16px; }
  .ma97-filter header small { display: block; color: #8693a5; font-size: 8px; font-weight: 850; }
  .ma97-filter header h2 { margin: 3px 0 0; color: var(--ma97-ink); font-size: 18px; }
  .ma97-filter header button { width: 37px; height: 37px; border: 0; border-radius: 12px; color: #647287; background: #f0f3f7; font: inherit; font-size: 24px; line-height: 1; }
  .ma97-filter form { display: grid; gap: 12px; }
  .ma97-filter label > span { display: block; margin-bottom: 6px; color: #52637a; font-size: 9px; font-weight: 850; }
  .ma97-filter input,
  .ma97-filter select,
  .ma97-filter__field { width: 100%; min-height: 48px; border: 1px solid #dce4ef; border-radius: 14px; color: var(--ma97-ink); background: #f9fbfd; font: inherit; font-size: 10px; }
  .ma97-filter input, .ma97-filter select { padding: 0 12px; }
  .ma97-filter__field { display: grid; grid-template-columns: 20px minmax(0,1fr); align-items: center; gap: 7px; padding-inline-start: 12px; }
  .ma97-filter__field svg { width: 16px; height: 16px; color: #7d8ba0; }
  .ma97-filter__field input { min-height: 46px; padding-inline-start: 0; border: 0; background: transparent; outline: 0; }
  .ma97-filter__actions { display: grid; grid-template-columns: .8fr 1.35fr; gap: 8px; margin-top: 4px; }
  .ma97-filter__actions a,
  .ma97-filter__actions button { min-height: 48px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 14px; text-decoration: none; font: inherit; font-size: 10px; font-weight: 900; }
  .ma97-filter__actions a { color: #58697f; background: #eef2f7; }
  .ma97-filter__actions button { color: #fff; background: var(--ma97-blue); }
  body:has(.ma97-filter[popover]:popover-open) .mobile-bottom-nav,
  body:has(#mobile-app-menu-v19521[popover]:popover-open) .mobile-bottom-nav { transform: translateY(120%) !important; }
  body:has(.ma97-filter[popover]:popover-open),
  body:has(#mobile-app-menu-v19521[popover]:popover-open) { overflow: hidden !important; }

  /* Application tracking */
  .mt97 {
    padding: 0 14px calc(var(--runtime-mobile-nav, 82px) + env(safe-area-inset-bottom) + 18px);
    color: var(--ma97-ink);
  }
  .mt97__appbar { margin: 0 -14px; }
  body.rtl .mt97__appbar > a:first-child svg { transform: scaleX(-1); }

  .mt97__job-card { margin-top: 13px; padding: 15px; border: 1px solid var(--ma97-line); border-radius: 22px; background: #fff; box-shadow: var(--ma97-shadow); }
  .mt97__job-top { display: grid; grid-template-columns: 54px minmax(0,1fr); align-items: start; gap: 12px; }
  .mt97__logo { width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid #dce6f5; border-radius: 17px; color: var(--ma97-blue); background: linear-gradient(145deg,#f9fbff,#e8f1ff); font-size: 21px; font-weight: 950; }
  .mt97__status { display: inline-flex; padding: 5px 8px; border-radius: 9px; color: var(--ma97-orange); background: var(--ma97-orange-soft); font-size: 7px; font-weight: 900; }
  .mt97.is-success .mt97__status, .mt97.is-ok .mt97__status { color: var(--ma97-green); background: var(--ma97-green-soft); }
  .mt97.is-critical .mt97__status, .mt97.is-info .mt97__status { color: var(--ma97-purple); background: var(--ma97-purple-soft); }
  .mt97.is-warning .mt97__status, .mt97.is-danger .mt97__status { color: var(--ma97-red); background: var(--ma97-red-soft); }
  .mt97__job-top h1 { margin: 6px 0 3px; color: var(--ma97-ink); font-size: 15px; line-height: 1.48; font-weight: 950; }
  .mt97__job-top p { margin: 0; color: #68778d; font-size: 9px; }
  .mt97__job-meta { display: flex; flex-wrap: wrap; gap: 8px 13px; margin-top: 12px; padding-top: 11px; border-top: 1px solid #edf1f5; color: #718096; font-size: 8px; font-weight: 760; }
  .mt97__job-meta span { display: inline-flex; align-items: center; gap: 4px; }
  .mt97__job-meta svg { width: 13px; height: 13px; }

  .mt97__progress-card {
    display: grid;
    grid-template-columns: 82px minmax(0,1fr);
    align-items: center;
    gap: 15px;
    margin-top: 11px;
    padding: 17px;
    border-radius: 23px;
    color: #fff;
    background: linear-gradient(145deg,#1055c7,#2677ed);
    box-shadow: 0 14px 30px rgba(23,104,229,.2);
  }
  .mt97.is-success .mt97__progress-card, .mt97.is-ok .mt97__progress-card { background: linear-gradient(145deg,#14784b,#2aaa6b); box-shadow: 0 14px 30px rgba(23,138,84,.18); }
  .mt97.is-critical .mt97__progress-card { background: linear-gradient(145deg,#5d3bb5,#8b64df); box-shadow: 0 14px 30px rgba(107,69,200,.18); }
  .mt97.is-warning .mt97__progress-card, .mt97.is-danger .mt97__progress-card { background: linear-gradient(145deg,#a83f49,#d86771); box-shadow: 0 14px 30px rgba(189,63,75,.18); }
  .mt97__ring { width: 82px; height: 82px; display: grid; place-content: center; text-align: center; border-radius: 50%; background: radial-gradient(circle at center, #1768e5 58%, transparent 59%), conic-gradient(#fff var(--mt97-progress), rgba(255,255,255,.22) 0); }
  .mt97.is-success .mt97__ring, .mt97.is-ok .mt97__ring { background: radial-gradient(circle at center,#22945e 58%,transparent 59%),conic-gradient(#fff var(--mt97-progress),rgba(255,255,255,.22) 0); }
  .mt97.is-critical .mt97__ring { background: radial-gradient(circle at center,#744fc8 58%,transparent 59%),conic-gradient(#fff var(--mt97-progress),rgba(255,255,255,.22) 0); }
  .mt97.is-warning .mt97__ring, .mt97.is-danger .mt97__ring { background: radial-gradient(circle at center,#bd4e58 58%,transparent 59%),conic-gradient(#fff var(--mt97-progress),rgba(255,255,255,.22) 0); }
  .mt97__ring strong { display: block; font-size: 20px; line-height: 1; }
  .mt97__ring small { display: block; margin-top: 4px; font-size: 7px; opacity: .78; }
  .mt97__progress-card > div:last-child > small { display: block; font-size: 8px; font-weight: 850; opacity: .74; }
  .mt97__progress-card h2 { margin: 4px 0; font-size: 15px; line-height: 1.4; }
  .mt97__progress-card p { margin: 0; color: rgba(255,255,255,.8); font-size: 9px; line-height: 1.65; }

  .mt97__quick-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 11px; }
  .mt97__quick-actions > a,
  .mt97__quick-actions > form,
  .mt97__quick-actions button { min-width: 0; }
  .mt97__quick-actions > a,
  .mt97__quick-actions button { width: 100%; min-height: 87px; display: grid; grid-template-columns: 39px minmax(0,1fr); grid-template-rows: auto auto; align-items: center; column-gap: 9px; padding: 11px; border: 1px solid var(--ma97-line); border-radius: 18px; color: inherit; background: #fff; text-align: start; text-decoration: none; font: inherit; box-shadow: 0 6px 17px rgba(29,51,86,.05); }
  .mt97__quick-actions i { grid-row: 1 / span 2; width: 39px; height: 39px; display: grid; place-items: center; border-radius: 13px; color: var(--ma97-blue); background: var(--ma97-blue-soft); }
  .mt97__quick-actions i svg { width: 18px; height: 18px; }
  .mt97__quick-actions strong { align-self: end; font-size: 10px; line-height: 1.35; }
  .mt97__quick-actions small { align-self: start; color: #8290a2; font-size: 7px; line-height: 1.35; }
  .mt97__quick-actions form button i { color: var(--ma97-red); background: var(--ma97-red-soft); }

  .mt97__summary { margin-top: 12px; padding: 15px; border: 1px solid var(--ma97-line); border-radius: 22px; background: #fff; box-shadow: var(--ma97-shadow); }
  .mt97__summary > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
  .mt97__summary > header small, .mt97__timeline header small, .mt97__related header small { display: block; color: #8693a6; font-size: 8px; font-weight: 850; }
  .mt97__summary > header h2, .mt97__timeline header h2, .mt97__related header h2 { margin: 3px 0 0; color: var(--ma97-ink); font-size: 16px; }
  .mt97__summary-badge { max-width: 96px; padding: 6px 8px; border-radius: 10px; color: var(--ma97-blue); background: var(--ma97-blue-soft); font-size: 7px; line-height: 1.4; font-weight: 900; text-align: center; }
  .mt97__summary dl { margin: 0; }
  .mt97__summary dl div { display: flex; align-items: flex-start; justify-content: space-between; gap: 13px; padding: 9px 0; border-top: 1px solid #edf1f5; }
  .mt97__summary dt { color: #78869a; font-size: 8px; }
  .mt97__summary dd { margin: 0; max-width: 62%; color: #27384f; font-size: 8px; line-height: 1.5; font-weight: 850; text-align: end; }
  .mt97__next { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 10px; margin-top: 9px; padding: 12px; border-radius: 16px; background: linear-gradient(135deg,#eef5ff,#f8fbff); }
  .mt97__next > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; color: var(--ma97-blue); background: #fff; }
  .mt97__next > span svg { width: 18px; height: 18px; }
  .mt97__next small { display: block; color: var(--ma97-blue); font-size: 7px; font-weight: 900; }
  .mt97__next h3 { margin: 3px 0; font-size: 11px; }
  .mt97__next p { margin: 0; color: #718097; font-size: 8px; line-height: 1.55; }

  .mt97__timeline { margin-top: 12px; padding: 15px; border: 1px solid var(--ma97-line); border-radius: 22px; background: #fff; box-shadow: var(--ma97-shadow); }
  .mt97__timeline > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 13px; }
  .mt97__timeline > header > span { min-width: 42px; height: 28px; display: grid; place-items: center; border-radius: 10px; color: var(--ma97-blue); background: var(--ma97-blue-soft); font-size: 8px; font-weight: 900; }
  .mt97__timeline ol { margin: 0; padding: 0; list-style: none; }
  .mt97__timeline li { position: relative; display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 10px; min-height: 62px; padding: 5px 0 11px; }
  .mt97__timeline li:not(:last-child)::after { content: ""; position: absolute; top: 32px; inset-inline-start: 14px; width: 2px; height: 34px; background: #dfe6ef; }
  .mt97__timeline li > span { position: relative; z-index: 1; width: 30px; height: 30px; display: grid; place-items: center; border: 2px solid #d5dde8; border-radius: 50%; color: #fff; background: #fff; }
  .mt97__timeline li > span svg { width: 15px; height: 15px; }
  .mt97__timeline li.is-done > span { border-color: #23a465; background: #23a465; }
  .mt97__timeline li.is-current > span { border-color: var(--ma97-blue); background: var(--ma97-blue); box-shadow: 0 0 0 5px rgba(23,104,229,.11); }
  .mt97__timeline li.is-current.is-danger > span { border-color: var(--ma97-red); background: var(--ma97-red); box-shadow: 0 0 0 5px rgba(189,63,75,.1); }
  .mt97__timeline li.is-future { opacity: .58; }
  .mt97__timeline li strong { display: block; margin-top: 3px; color: #26374f; font-size: 10px; line-height: 1.45; }
  .mt97__timeline li small { display: block; margin-top: 4px; color: #7c899c; font-size: 8px; line-height: 1.5; }
  .mt97__timeline-note { margin: 4px 0 0; padding: 10px; border-radius: 13px; color: #4d6f9a; background: #eef5ff; font-size: 8px; line-height: 1.55; text-align: center; }

  .mt97__details-grid { display: grid; gap: 9px; margin-top: 11px; }
  .mt97__details-grid details { overflow: hidden; border: 1px solid var(--ma97-line); border-radius: 19px; background: #fff; }
  .mt97__details-grid summary { display: grid; grid-template-columns: 40px minmax(0,1fr) 22px; align-items: center; gap: 10px; padding: 12px; cursor: pointer; list-style: none; }
  .mt97__details-grid summary::-webkit-details-marker { display: none; }
  .mt97__details-grid summary > i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 13px; color: var(--ma97-blue); background: var(--ma97-blue-soft); }
  .mt97__details-grid summary > i svg { width: 18px; height: 18px; }
  .mt97__details-grid summary small { display: block; color: #8793a4; font-size: 7px; font-weight: 850; }
  .mt97__details-grid summary strong { display: block; margin-top: 2px; font-size: 10px; }
  .mt97__details-grid summary > span { color: #8d99aa; transition: transform .2s ease; }
  .mt97__details-grid details[open] summary > span { transform: rotate(90deg); }
  body.rtl .mt97__details-grid details[open] summary > span { transform: rotate(90deg) scaleX(-1); }
  .mt97__details-grid dl { margin: 0; padding: 0 12px 12px; }
  .mt97__details-grid dl div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-top: 1px solid #edf1f5; }
  .mt97__details-grid dt { color: #7b899b; font-size: 8px; }
  .mt97__details-grid dd { margin: 0; max-width: 62%; color: #2d3e55; font-size: 8px; font-weight: 850; text-align: end; }
  .mt97__communication { padding: 0 13px 14px; }
  .mt97__communication h3 { margin: 0; padding-top: 10px; border-top: 1px solid #edf1f5; font-size: 10px; }
  .mt97__communication p { margin: 5px 0 0; color: #748297; font-size: 8px; line-height: 1.65; }

  .mt97__related { margin-top: 12px; }
  .mt97__related > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin: 0 1px 9px; }
  .mt97__related > header a { color: var(--ma97-blue); font-size: 8px; font-weight: 900; text-decoration: none; }
  .mt97__related > div { display: grid; gap: 8px; }
  .mt97__related > div > a { display: grid; grid-template-columns: 42px minmax(0,1fr) 22px; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--ma97-line); border-radius: 18px; color: inherit; background: #fff; text-decoration: none; box-shadow: 0 6px 17px rgba(29,51,86,.05); }
  .mt97__related > div > a > i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; color: var(--ma97-blue); background: var(--ma97-blue-soft); }
  .mt97__related > div > a > i svg { width: 18px; height: 18px; }
  .mt97__related strong { display: block; font-size: 10px; line-height: 1.45; }
  .mt97__related small { display: block; margin-top: 3px; color: #7b899b; font-size: 7px; line-height: 1.45; }
  .mt97__related > div > a > span { color: #8b98aa; }

  @media (max-width: 350px) {
    .ma97 { padding-inline: 10px; }
    .ma97__appbar { margin-inline: -10px; }
    .ma97__overview { grid-template-columns: minmax(0,1fr) 70px; padding: 17px 14px; }
    .ma97__total { width: 70px; height: 70px; border-radius: 21px; }
    .ma97__total strong { font-size: 24px; }
    .ma97-card__top { grid-template-columns: 43px minmax(0,1fr); }
    .ma97-card__logo { width: 43px; height: 43px; }
    .ma97-card__status { grid-column: 2; justify-self: start; }
    .ma97-card__actions { grid-template-columns: 1fr 1fr .82fr; }
    .ma97-card__actions span { display: none; }
    .mt97 { padding-inline: 10px; }
    .mt97__appbar { margin-inline: -10px; }
    .mt97__progress-card { grid-template-columns: 72px minmax(0,1fr); padding: 14px; }
    .mt97__ring { width: 72px; height: 72px; }
  }
}

@media (min-width: 761px) {
  .ma97,
  .ma97-filter[popover],
  .mt97 { display: none !important; }
  .desktop-applications-v19521h97,
  .desktop-application-tracking-v19521h97 { display: block !important; }
}

/* ========================================================================
   V195.2.1-H9.2 — Homepage mobile/desktop consolidation
   Scope: public home page only. The existing H2-H8 rules above remain intact.
   ======================================================================== */

/* Fail-safe desktop isolation: mobile DOM and overlays must never enter flow. */
@media (min-width: 761px) {
  body.mobile-app-page-home .mobile-home-native-v19521h1,
  body.mobile-app-page-home .mobile-home-search-v19521h1,
  body.mobile-app-page-home .mobile-app-chrome-v19521,
  body.mobile-app-page-home .mobile-bottom-nav {
    display: none !important;
  }

  body.mobile-app-page-home .home-web-experience-v19521h1 {
    display: block !important;
    min-width: 0;
  }

  body.mobile-app-page-home .home-web-experience-v19521h1,
  body.mobile-app-page-home .home-web-experience-v19521h1 * {
    box-sizing: border-box;
  }

  body.mobile-app-page-home .home-tq-hero,
  body.mobile-app-page-home .v145-home-personal-hero {
    overflow: clip;
  }

  body.mobile-app-page-home .home-tq-search-shell svg,
  body.mobile-app-page-home .home-tq-country-row svg,
  body.mobile-app-page-home .home-tq-section-head svg,
  body.mobile-app-page-home .home-tq-quick-grid svg {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    flex: 0 0 20px;
  }
}

@media (max-width: 760px) {
  body.mobile-app-page-home.mobile-app-pilot-v195-2-1 {
    --mh-page-inline: 16px;
    --mh-section-gap: 24px;
  }

  body.mobile-app-page-home.mobile-app-pilot-v195-2-1 > .site-header,
  body.mobile-app-page-home.mobile-app-pilot-v195-2-1 > .site-footer,
  body.mobile-app-page-home.mobile-app-pilot-v195-2-1 main#main-content > .alert + .home-web-experience-v19521h1 {
    display: none !important;
  }

  body.mobile-app-page-home.mobile-app-pilot-v195-2-1 main#main-content {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0 !important;
    overflow: clip;
    background: var(--mh-bg);
  }

  body.mobile-app-page-home.mobile-app-pilot-v195-2-1 .home-web-experience-v19521h1 {
    display: none !important;
  }

  body.mobile-app-page-home.mobile-app-pilot-v195-2-1 .mobile-home-native-v19521h1[data-mobile-home-version="195.2.1-H9.1"] {
    display: block !important;
    width: 100%;
    min-width: 0;
    min-height: calc(var(--mapp-vh, 1vh) * 100 - var(--mapp-topbar));
    padding: 0 0 14px;
    overflow: clip;
    isolation: isolate;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1 svg,
  body.mobile-app-page-home .mobile-home-search-v19521h1 svg {
    width: 20px;
    height: 20px;
    max-width: 20px !important;
    max-height: 20px !important;
    flex: 0 0 20px;
  }

  body.mobile-app-page-home .mobile-app-topbar-v19521 {
    min-height: 60px;
    padding: calc(7px + env(safe-area-inset-top, 0px)) var(--mh-page-inline) 7px;
  }

  body.mobile-app-page-home .mobile-app-brand-mark-v19521 {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    border-radius: 13px;
    font-size: 20px;
  }

  body.mobile-app-page-home .mobile-app-icon-button-v19521 {
    width: 40px;
    height: 40px;
    min-height: 40px;
    border-radius: 13px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__hero {
    padding: 12px var(--mh-page-inline) 22px;
    border-radius: 0 0 28px 28px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__welcome {
    align-items: center;
    gap: 12px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__welcome h1 {
    max-width: 240px;
    font-size: clamp(24px, 6.7vw, 30px);
    line-height: 1.24;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__count {
    min-width: 80px;
    padding: 9px 8px;
    border-radius: 17px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__search-launch {
    min-height: 62px !important;
    margin: 17px 0 15px;
    grid-template-columns: 44px minmax(0, 1fr) 38px;
    border-radius: 19px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__search-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__quick {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__quick > a {
    min-height: 76px;
    padding: 10px;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 9px;
    align-content: center;
    justify-items: start;
    text-align: start;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__quick > a > span {
    grid-row: 1 / 3;
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__quick strong,
  body.mobile-app-page-home .mobile-home-native-v19521h1__quick small {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__section {
    padding: var(--mh-section-gap) var(--mh-page-inline) 0;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__section-head {
    margin-bottom: 12px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__jobs,
  body.mobile-app-page-home .mobile-home-native-v19521h1__countries,
  body.mobile-app-page-home .mobile-home-native-v19521h1__advice {
    width: calc(100% + (var(--mh-page-inline) * 2));
    margin-inline: calc(var(--mh-page-inline) * -1);
    padding-inline: var(--mh-page-inline);
    scroll-padding-inline: var(--mh-page-inline);
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__job {
    width: min(82vw, 318px);
    flex-basis: min(82vw, 318px);
    min-height: 228px;
    padding: 15px;
    border-radius: 22px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__job h3 {
    margin-top: 14px;
    font-size: 17px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__category-list {
    gap: 8px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__category-list > a {
    min-height: 66px;
    border-radius: 17px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__account-card {
    margin: var(--mh-section-gap) var(--mh-page-inline) 3px;
    padding: 16px;
    border-radius: 23px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__last-section {
    padding-bottom: 12px;
  }

  body.mobile-app-page-home .mobile-home-search-v19521h1 {
    z-index: 2400;
  }

  body.mobile-app-page-home .mobile-home-search-v19521h1__panel {
    max-height: min(calc(var(--mapp-vh, 1vh) * 94), 760px);
    padding-inline: var(--mh-page-inline);
    overscroll-behavior: contain;
  }

  body.mobile-app-page-home .mobile-home-search-v19521h1__panel form {
    grid-template-columns: 1fr;
  }

  body.mobile-app-page-home .mobile-home-search-v19521h1__panel select,
  body.mobile-app-page-home .mobile-home-search-v19521h1__control {
    min-height: 52px;
  }

  body.mobile-app-page-home .mobile-home-search-v19521h1__panel select {
    font-size: 16px;
  }

  body.mobile-app-page-home .mobile-bottom-nav {
    width: min(calc(100% - 16px), 540px);
    left: 50% !important;
    right: auto !important;
    inset-inline: auto !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 521px) and (max-width: 760px) {
  body.mobile-app-page-home .mobile-home-native-v19521h1__quick {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__quick > a {
    min-height: 98px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    justify-items: center;
    text-align: center;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__quick > a > span {
    grid-row: auto;
  }
}

@media (max-width: 359px) {
  body.mobile-app-page-home.mobile-app-pilot-v195-2-1 {
    --mh-page-inline: 12px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__welcome h1 {
    max-width: 200px;
    font-size: 23px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__count {
    min-width: 74px;
  }

  body.mobile-app-page-home .mobile-home-native-v19521h1__category-list {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mobile-app-page-home .mobile-home-search-v19521h1__panel,
  body.mobile-app-page-home .mobile-home-native-v19521h1__search-launch,
  body.mobile-app-page-home .mobile-bottom-nav {
    transition: none !important;
  }
}

/* ==============================================================
   V195.2.1-H9.2 — Mobile jobs/search/filter consolidation
   H9.1 homepage rules remain unchanged; this block is jobs-only.
   ============================================================== */
@media (max-width: 760px) {
  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] {
    --h92-jobs-blue: #1267e8;
    --h92-jobs-blue-dark: #0d4fb7;
    --h92-jobs-surface: #ffffff;
    --h92-jobs-soft: #f5f8fd;
    --h92-jobs-line: #dfe7f3;
    --h92-jobs-text: #15213a;
    --h92-jobs-muted: #69778c;
    display: block !important;
    min-height: 100vh;
    padding-bottom: calc(var(--runtime-mobile-nav, 82px) + 24px + env(safe-area-inset-bottom, 0px));
    background: #f3f6fb;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__hero {
    padding-top: 14px;
    padding-bottom: 13px;
    border-radius: 0 0 26px 26px;
    box-shadow: 0 10px 30px rgba(20, 65, 135, .08);
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__hero-copy h1,
  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__hero-copy .mobile-jobs-native-v19521h2__semantic-title {
    max-width: none;
    font-size: clamp(24px, 7vw, 30px);
    line-height: 1.2;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__search-launch {
    min-height: 62px;
    border: 1px solid rgba(188, 209, 239, .92);
    box-shadow: 0 8px 22px rgba(20, 74, 160, .10);
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__quick {
    gap: 8px;
    padding-block: 12px 8px;
    scroll-padding-inline: 12px;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__quick a {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 8px 12px;
    border-radius: 14px;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__active-filters {
    padding-top: 4px;
    padding-bottom: 10px;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__active-filters a {
    min-height: 38px;
    padding: 7px 10px;
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px rgba(192, 210, 236, .75);
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__results-head {
    position: sticky;
    z-index: 35;
    top: max(0px, env(safe-area-inset-top, 0px));
    margin: 4px 10px 0;
    padding: 10px 10px;
    border: 1px solid rgba(211, 222, 238, .94);
    border-radius: 18px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 8px 24px rgba(24, 53, 100, .08);
    -webkit-backdrop-filter: blur(14px) saturate(1.08);
    backdrop-filter: blur(14px) saturate(1.08);
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__results-head > button {
    min-width: 98px;
    min-height: 44px;
    border-radius: 14px;
    background: #edf4ff;
    color: var(--h92-jobs-blue-dark);
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__result-meta {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2px 10px;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 8px;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__result-meta small {
    grid-column: 1 / -1;
    color: #667085;
    font-size: 10px;
    font-weight: 750;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__list {
    gap: 11px;
    padding-top: 2px;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__card {
    border: 1px solid rgba(214, 224, 239, .96);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(27, 49, 88, .07);
    transition: transform .16s ease, box-shadow .18s ease, border-color .18s ease;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__card:active {
    transform: scale(.992);
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__card.is-returned {
    border-color: #73a7f5;
    box-shadow: 0 0 0 3px rgba(35, 116, 235, .13), 0 12px 28px rgba(27, 82, 165, .13);
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__card-main h3 {
    font-size: 17px;
    line-height: 1.45;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__facts {
    gap: 7px;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__facts span {
    min-height: 32px;
    padding: 6px 9px;
    border-radius: 11px;
    background: #f6f8fc;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__pagination {
    margin: 16px 12px 4px;
    padding: 8px;
    border: 1px solid #dbe5f2;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(28, 55, 96, .07);
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-native-v19521h2__pagination > a {
    min-height: 46px;
    border-radius: 13px;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-overlay-v19521h2__panel {
    max-height: calc(100 * var(--mapp-vh, 1vh) - 8px - env(safe-area-inset-top, 0px));
    border-radius: 24px 24px 0 0;
    background: #f8faff;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-overlay-v19521h2__head {
    position: sticky;
    z-index: 4;
    top: 0;
    background: rgba(248, 250, 255, .97);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-overlay-v19521h2__form.is-filter {
    padding-bottom: calc(94px + env(safe-area-inset-bottom, 0px));
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-overlay-v19521h2__form label {
    gap: 7px;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-overlay-v19521h2__form input,
  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-overlay-v19521h2__form select {
    min-height: 50px;
    border-radius: 14px;
    background: #fff;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-overlay-v19521h2__filter-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 44px;
    padding: 9px 11px;
    border: 1px dashed #cbd9ec;
    border-radius: 13px;
    background: #f2f6fc;
    color: #728096;
    font-size: 11px;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-overlay-v19521h2__filter-summary strong {
    color: #244b83;
    font-size: 11px;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-overlay-v19521h2__filter-actions {
    position: sticky;
    z-index: 5;
    bottom: 0;
    margin-inline: -14px;
    margin-bottom: calc(-14px - env(safe-area-inset-bottom, 0px));
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid #dce6f3;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 -10px 24px rgba(28, 55, 96, .08);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-overlay-v19521h2__filter-actions > a,
  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] .mobile-jobs-overlay-v19521h2__filter-actions > button {
    min-height: 50px;
    border-radius: 14px;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] [data-mobile-jobs-apply-filters] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 8px;
  }

  body.mobile-app-page-jobs [data-mobile-jobs-native-v195-2-1-h9-2] [data-mobile-jobs-apply-filters] b {
    min-width: 28px;
    padding: 3px 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    color: #fff;
    font-size: 10px;
  }
}

@media (min-width: 761px) {
  [data-mobile-jobs-native-v195-2-1-h9-2] { display: none !important; }
}

@media (max-width: 760px) {
  /* H11.6 SEARCH4 SAFE2 — keep below-list content out of the first viewport
     while the shared server cards move to their mobile surface. */
  body.mobile-app-page-jobs [data-mobile-jobs-results-list][data-shared-results-pending="1"] {
    min-height: 100vh;
    min-height: 100svh;
  }

  .mobile-jobs-native-v19521h2__list > .mobile-jobs-shared-result-card {
    width: 100%;
    min-width: 0;
    margin: 0;
  }
  body.mobile-app-page-jobs.mobile-jobs-shared-results-fallback .mobile-jobs-native-v19521h2 {
    display: none !important;
  }
  body.mobile-app-page-jobs.mobile-jobs-shared-results-fallback .jobs-web-experience-v19521h2 {
    display: block !important;
  }
}


/* ========================================================================== 
   V195.2.1-H9.5 — Mobile authentication consolidation
   ========================================================================== */
@media (max-width: 760px) {
  body.mobile-app-page-auth.mobile-app-pilot-v195-2-1 {
    background: linear-gradient(180deg, #f6f9fe 0%, #edf3fb 100%) !important;
  }

  body.mobile-app-page-auth #main-content > .alert {
    display: none !important;
  }

  .mobile-auth-native-v19521h94 {
    min-height: calc(var(--mapp-vh, 1vh) * 100);
    padding-bottom: max(18px, env(safe-area-inset-bottom, 0px));
  }

  .mobile-auth-native-v19521h94__topbar {
    min-height: calc(58px + env(safe-area-inset-top, 0px));
    padding-block: calc(7px + env(safe-area-inset-top, 0px)) 7px;
    background: rgba(248,251,255,.94);
  }

  .mobile-auth-native-v19521h94__canvas {
    width: min(100%, 560px);
    margin-inline: auto;
    padding: 14px 12px 18px;
    display: grid;
    gap: 12px;
  }

  .mobile-auth-native-v19521h94__intro {
    display: grid;
    grid-template-columns: 52px minmax(0,1fr);
    align-items: center;
    gap: 12px;
    padding: 2px 2px 0;
  }

  .mobile-auth-native-v19521h94__intro-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: linear-gradient(145deg, #eaf2ff, #fff);
    color: #1457d9;
    box-shadow: 0 10px 26px rgba(20,87,217,.13), inset 0 0 0 1px rgba(20,87,217,.08);
  }

  .mobile-auth-native-v19521h94__intro-icon svg { width: 25px; height: 25px; }
  .mobile-auth-native-v19521h94__intro > div { min-width: 0; display: grid; gap: 2px; }
  .mobile-auth-native-v19521h94__intro small { color: #1457d9; font-size: 10px; font-weight: 900; }
  .mobile-auth-native-v19521h94__intro h1 { margin: 0; color: #101828; font-size: 24px; line-height: 1.25; font-weight: 950; }
  .mobile-auth-native-v19521h94__intro p { margin: 0; color: #667085; font-size: 10.5px; line-height: 1.55; font-weight: 650; }

  .mobile-auth-native-v19521h94__return-card {
    margin: 0 !important;
    min-height: 56px;
    padding: 9px 10px !important;
    border-radius: 16px !important;
  }

  .mobile-auth-native-v19521h94__offline,
  .mobile-auth-native-v19521h94__feedback .alert {
    display: grid;
    grid-template-columns: 22px minmax(0,1fr);
    align-items: center;
    gap: 9px;
    width: 100%;
    margin: 0;
    padding: 11px 12px;
    border-radius: 15px;
    font-size: 11px;
    line-height: 1.55;
    font-weight: 800;
  }

  .mobile-auth-native-v19521h94__offline[hidden] { display: none !important; }
  .mobile-auth-native-v19521h94__offline {
    border: 1px solid #f5c56b;
    background: #fff8e8;
    color: #8a5200;
  }
  .mobile-auth-native-v19521h94__offline svg { width: 20px; height: 20px; }
  .mobile-auth-native-v19521h94__feedback:empty { display: none; }
  .mobile-auth-native-v19521h94__feedback .alert-error { border: 1px solid #f3b8c1; background: #fff3f5; color: #ad233d; }
  .mobile-auth-native-v19521h94__feedback .alert-success { border: 1px solid #a8e0ca; background: #effbf6; color: #087a55; }

  .mobile-auth-native-v19521h94__tabs {
    position: sticky;
    z-index: 8;
    top: calc(58px + env(safe-area-inset-top, 0px));
    margin: 0;
    padding: 4px;
    border-radius: 16px;
    background: rgba(231,238,248,.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .mobile-auth-native-v19521h94__tabs a {
    min-height: 43px;
    font-size: 12px;
  }

  .mobile-auth-native-v19521h94__sheet {
    margin: 0;
    padding: 14px;
    border: 1px solid #dfe7f2;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(16,24,40,.08);
  }

  .mobile-auth-native-v19521h94__account-types {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px;
    margin: 0 0 13px;
  }
  .mobile-auth-native-v19521h94__account-types legend { margin-bottom: 8px; font-size: 11px; }
  .mobile-auth-native-v19521h94__account-types label {
    min-height: 88px;
    padding: 10px 8px;
    grid-template-columns: 34px minmax(0,1fr);
    gap: 7px;
    border-radius: 16px;
  }

  .mobile-auth-native-v19521h94__google { min-height: 48px; border-radius: 14px; }
  .mobile-auth-native-v19521h94__form { gap: 12px; }

  .mobile-auth-native-v19521h94__field {
    gap: 6px;
    font-size: 11px;
  }

  .mobile-auth-native-v19521h94__field > div {
    min-height: 52px;
    padding-inline: 13px 8px;
    border-radius: 15px;
    background: #f9fbfd;
  }

  .mobile-auth-native-v19521h94__field.is-invalid > div {
    border-color: #e94b64 !important;
    background: #fff8f9 !important;
    box-shadow: 0 0 0 3px rgba(233,75,100,.08) !important;
  }
  .mobile-auth-native-v19521h94__field.is-valid > div { border-color: #8cd5bc; }
  .mobile-auth-native-v19521h94__field [data-auth-error] {
    display: none;
    min-height: 0;
    color: #c02843;
    font-size: 9px;
    font-weight: 800;
  }
  .mobile-auth-native-v19521h94__field.is-invalid [data-auth-error] { display: block; }

  .mobile-auth-native-v19521h94__password-meter {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 4px;
    margin-top: 1px;
  }
  .mobile-auth-native-v19521h94__password-meter i {
    height: 4px;
    border-radius: 999px;
    background: #e5eaf1;
    transition: background .18s ease;
  }
  .mobile-auth-native-v19521h94__password-meter[data-strength="1"] i:nth-child(-n+1) { background:#e94b64; }
  .mobile-auth-native-v19521h94__password-meter[data-strength="2"] i:nth-child(-n+2) { background:#e7a323; }
  .mobile-auth-native-v19521h94__password-meter[data-strength="3"] i:nth-child(-n+3) { background:#4da77f; }
  .mobile-auth-native-v19521h94__password-meter[data-strength="4"] i { background:#087a55; }

  .mobile-auth-native-v19521h94__captcha .captcha-box {
    margin: 0;
    border-radius: 15px;
    background: #f8fafc;
  }

  .mobile-auth-native-v19521h94__form-summary {
    grid-template-columns: 20px minmax(0,1fr);
    align-items: center;
    gap: 8px;
    padding: 10px 11px;
    border: 1px solid #f2b7c0;
    border-radius: 14px;
    background: #fff4f6;
    color: #b4233f;
    font-size: 10px;
    line-height: 1.5;
    font-weight: 850;
  }
  .mobile-auth-native-v19521h94__form-summary svg { width: 18px; height: 18px; }

  .mobile-auth-native-v19521h94__submit {
    min-height: 54px;
    border-radius: 16px;
    font-size: 13px;
    box-shadow: 0 12px 25px rgba(20,87,217,.24);
  }
  .mobile-auth-native-v19521h94__submit[disabled] { opacity:.62; cursor:not-allowed; box-shadow:none; }
  .mobile-auth-native-v19521h94__form.is-submitting [data-auth-submit-label],
  .mobile-auth-native-v19521h94__form.is-submitting .mobile-auth-native-v19521h94__submit > svg { display:none; }
  .mobile-auth-native-v19521h94__form.is-submitting [data-auth-submit-loading] { display:inline !important; }
  .mobile-auth-native-v19521h94__form.is-submitting .mobile-auth-native-v19521h94__submit::before {
    content:"";
    width:18px;
    height:18px;
    border:2px solid rgba(255,255,255,.5);
    border-top-color:#fff;
    border-radius:50%;
    animation:mauth-h94-spin .75s linear infinite;
  }
  @keyframes mauth-h94-spin { to { transform:rotate(360deg); } }

  .mobile-auth-native-v19521h94__trust {
    margin-top: 13px;
    padding: 10px;
    border-radius: 14px;
  }
  .mobile-auth-native-v19521h94__switch { margin: 0; padding: 0 4px 12px; }

  body.mobile-soft-keyboard-open.mobile-app-page-auth .mobile-auth-native-v19521h94__intro,
  body.mobile-soft-keyboard-open.mobile-app-page-auth .mobile-auth-native-v19521h94__return-card,
  body.mobile-soft-keyboard-open.mobile-app-page-auth .mobile-auth-native-v19521h94__offline:empty { display:none; }
  body.mobile-soft-keyboard-open.mobile-app-page-auth .mobile-auth-native-v19521h94__canvas { padding-top:8px; gap:8px; }

  @media (max-width: 360px) {
    .mobile-auth-native-v19521h94__canvas { padding-inline: 9px; }
    .mobile-auth-native-v19521h94__sheet { padding: 11px; }
    .mobile-auth-native-v19521h94__intro { grid-template-columns: 44px minmax(0,1fr); gap:9px; }
    .mobile-auth-native-v19521h94__intro-icon { width:44px;height:44px;border-radius:15px; }
    .mobile-auth-native-v19521h94__intro h1 { font-size:21px; }
    .mobile-auth-native-v19521h94__account-types label { min-height:82px; grid-template-columns:30px minmax(0,1fr); padding-inline:6px; }
    .mobile-auth-native-v19521h94__account-types label > span { width:30px;height:30px; }
  }
}

@media (min-width: 761px) {
  .mobile-auth-native-v19521h94 { display:none !important; }
  .desktop-auth-v19521h94 { display:contents !important; }
}


/* V195.2.1-H9.5 — Jobseeker mobile dashboard consolidation.
   Mobile-only transformation for resources/views/panels/jobseeker-home.php.
   Desktop remains on the existing cd158 layout. */
@media (min-width: 761px) {
  body.mobile-app-page-control-panel .candidate-dashboard.cd158-dashboard[data-dashboard="candidate"] {
    max-width: 100%;
  }
}

@media (max-width: 760px) {
  body.mobile-app-page-control-panel.mobile-app-pilot-v195-2-1 {
    background: #f6f8fc !important;
    overflow-x: hidden !important;
  }

  body.mobile-app-page-control-panel.mobile-app-pilot-v195-2-1 .site-header,
  body.mobile-app-page-control-panel.mobile-app-pilot-v195-2-1 .site-footer,
  body.mobile-app-page-control-panel.mobile-app-pilot-v195-2-1 .jobseeker-control-nav-v178,
  body.mobile-app-page-control-panel.mobile-app-pilot-v195-2-1 .workspace-panel-nav,
  body.mobile-app-page-control-panel.mobile-app-pilot-v195-2-1 .candidate-nav,
  body.mobile-app-page-control-panel.mobile-app-pilot-v195-2-1 .panel-nav,
  body.mobile-app-page-control-panel.mobile-app-pilot-v195-2-1 .v145-new-user-onboarding {
    display: none !important;
  }

  body.mobile-app-page-control-panel .container.section.panel-page.jobseeker-panel-page.candidate-dashboard.cd158-dashboard {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    padding: calc(74px + env(safe-area-inset-top, 0px)) 12px calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    background: #f6f8fc !important;
    color: #14213d !important;
    direction: rtl;
    overflow-x: hidden !important;
  }

  body.mobile-app-page-control-panel .cd158-dashboard,
  body.mobile-app-page-control-panel .cd158-dashboard * {
    box-sizing: border-box;
    max-width: 100%;
  }

  body.mobile-app-page-control-panel .cd158-layout {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.mobile-app-page-control-panel .cd158-main {
    display: grid !important;
    gap: 14px !important;
    width: 100% !important;
  }

  body.mobile-app-page-control-panel .cd158-sidebar {
    display: contents !important;
  }

  body.mobile-app-page-control-panel .cd158-hero {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
    border: 1px solid #e3eaf6 !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 42px rgba(23, 43, 77, .08) !important;
    overflow: hidden !important;
  }

  body.mobile-app-page-control-panel .cd158-hero::before {
    content: "";
    position: absolute;
    inset-inline-start: -40px;
    top: -50px;
    width: 145px;
    height: 145px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(92,65,202,.14), rgba(92,65,202,0) 70%);
    pointer-events: none;
  }

  body.mobile-app-page-control-panel .cd158-hero-copy {
    display: grid !important;
    gap: 8px !important;
    position: relative;
    z-index: 1;
  }

  body.mobile-app-page-control-panel .cd158-eyebrow {
    display: inline-flex !important;
    width: max-content;
    align-items: center;
    min-height: 28px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f0edff;
    color: #5c41ca;
    font-size: 11px !important;
    font-weight: 900 !important;
  }

  body.mobile-app-page-control-panel .cd158-hero h1 {
    margin: 0 !important;
    color: #111d35 !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 950 !important;
  }

  body.mobile-app-page-control-panel .cd158-hero p {
    margin: 0 !important;
    color: #66728a !important;
    font-size: 12px !important;
    line-height: 1.75 !important;
  }

  body.mobile-app-page-control-panel .cd158-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 4px !important;
  }

  body.mobile-app-page-control-panel .cd158-btn,
  body.mobile-app-page-control-panel a.cd158-btn {
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    border-radius: 16px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    border: 1px solid transparent !important;
  }

  body.mobile-app-page-control-panel .cd158-btn svg { width: 18px !important; height: 18px !important; }
  body.mobile-app-page-control-panel .cd158-btn.primary { background: linear-gradient(135deg,#4f35c6,#6f4ff2) !important; color:#fff !important; box-shadow:0 12px 24px rgba(84,58,205,.22) !important; }
  body.mobile-app-page-control-panel .cd158-btn.secondary { background:#f7f9fe !important; color:#33405b !important; border-color:#dde7f6 !important; }
  body.mobile-app-page-control-panel .cd158-btn.accent { background:#fff4df !important; color:#a05d00 !important; border-color:#ffe0a6 !important; }

  body.mobile-app-page-control-panel .cd158-hero-art {
    display: none !important;
  }

  body.mobile-app-page-control-panel .cd158-profile-card {
    order: -2;
    padding: 14px !important;
    border: 1px solid #e3eaf6 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(23,43,77,.07) !important;
  }

  body.mobile-app-page-control-panel .cd158-side-card {
    margin: 0 !important;
    border: 1px solid #e3eaf6 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(23,43,77,.07) !important;
    padding: 14px !important;
  }

  body.mobile-app-page-control-panel .cd158-side-title,
  body.mobile-app-page-control-panel .cd158-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }

  body.mobile-app-page-control-panel .cd158-section-head h2,
  body.mobile-app-page-control-panel .cd158-side-title h2 {
    margin: 0 !important;
    color: #111d35 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 950 !important;
  }

  body.mobile-app-page-control-panel .cd158-section-head a,
  body.mobile-app-page-control-panel .cd158-side-title + a,
  body.mobile-app-page-control-panel .cd158-side-link {
    color: #563ad8 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  body.mobile-app-page-control-panel .cd158-label {
    display: block !important;
    color: #7d8798 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    margin-bottom: 3px !important;
  }

  body.mobile-app-page-control-panel .cd158-profile-score {
    display: grid !important;
    grid-template-columns: 104px minmax(0,1fr) !important;
    gap: 14px !important;
    align-items: center !important;
  }

  body.mobile-app-page-control-panel .cd158-donut {
    width: 104px !important;
    height: 104px !important;
    border-radius: 999px !important;
    display: grid !important;
    place-items: center !important;
    background:
      radial-gradient(circle at center, #fff 0 55%, transparent 56%),
      conic-gradient(#5a3ed5 var(--score), #ebe8ff 0) !important;
    color: #4f35c6 !important;
  }

  body.mobile-app-page-control-panel .cd158-donut strong { font-size: 25px !important; font-weight: 950 !important; }
  body.mobile-app-page-control-panel .cd158-donut small { font-size: 10px !important; color:#5d6680 !important; }

  body.mobile-app-page-control-panel .cd158-mini-scores {
    display: grid !important;
    gap: 8px !important;
  }

  body.mobile-app-page-control-panel .cd158-mini-scores > div {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 5px 8px !important;
    align-items: center !important;
  }

  body.mobile-app-page-control-panel .cd158-mini-scores span { font-size: 11px !important; color:#69758c !important; font-weight:800 !important; }
  body.mobile-app-page-control-panel .cd158-mini-scores b { color:#17213a !important; font-size:12px !important; }
  body.mobile-app-page-control-panel .cd158-mini-scores i { grid-column:1/-1;height:6px;border-radius:999px;background:#eef2fb;overflow:hidden; }
  body.mobile-app-page-control-panel .cd158-mini-scores em { display:block;height:100%;border-radius:999px;background:#5a3ed5; }

  body.mobile-app-page-control-panel .cd158-quick-strip {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  body.mobile-app-page-control-panel .cd158-quick-strip a {
    min-width: 0 !important;
    min-height: 70px !important;
    padding: 9px 5px !important;
    border: 1px solid #e5ebf6 !important;
    border-radius: 18px !important;
    background: #fff !important;
    display: grid !important;
    place-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(23,43,77,.055) !important;
  }

  body.mobile-app-page-control-panel .cd158-quick-strip a span {
    width: 35px !important;
    height: 35px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 14px !important;
    background: #f3f0ff !important;
    color: #5a3ed5 !important;
  }

  body.mobile-app-page-control-panel .cd158-quick-strip svg { width: 19px !important; height: 19px !important; }
  body.mobile-app-page-control-panel .cd158-quick-strip b { color:#1f2a44 !important; font-size: 10px !important; font-weight: 900 !important; text-align:center !important; line-height:1.3 !important; }

  body.mobile-app-page-control-panel .cd158-metrics {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    border: 1px solid #e5ebf6 !important;
    border-radius: 19px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 12px 28px rgba(23,43,77,.06) !important;
  }

  body.mobile-app-page-control-panel .cd158-metric {
    display: grid !important;
    place-items: center !important;
    gap: 3px !important;
    min-height: 72px !important;
    padding: 8px 5px !important;
    border: 0 !important;
    border-inline-start: 1px solid #eef2f8 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  body.mobile-app-page-control-panel .cd158-metric:first-child { border-inline-start: 0 !important; }
  body.mobile-app-page-control-panel .cd158-metric-icon,
  body.mobile-app-page-control-panel .cd158-mini-chart,
  body.mobile-app-page-control-panel .cd158-mini-ring { display: none !important; }
  body.mobile-app-page-control-panel .cd158-metric-copy { display: grid !important; place-items:center !important; text-align:center !important; gap:2px !important; }
  body.mobile-app-page-control-panel .cd158-metric-copy small { font-size:9px !important; color:#6e7b91 !important; font-weight:850 !important; }
  body.mobile-app-page-control-panel .cd158-metric-copy strong { font-size:18px !important; font-weight:950 !important; color:#4f35c6 !important; }
  body.mobile-app-page-control-panel .cd158-metric-copy em { display:none !important; }

  body.mobile-app-page-control-panel .cd158-row,
  body.mobile-app-page-control-panel .cd158-row-content,
  body.mobile-app-page-control-panel .cd158-row-action {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.mobile-app-page-control-panel .cd158-card,
  body.mobile-app-page-control-panel .cd158-jobs-card,
  body.mobile-app-page-control-panel .cd158-apps-card,
  body.mobile-app-page-control-panel .cd158-next-card,
  body.mobile-app-page-control-panel .cd158-plan-card {
    margin: 0 !important;
    padding: 14px !important;
    border: 1px solid #e5ebf6 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(23,43,77,.07) !important;
  }

  body.mobile-app-page-control-panel .cd158-next-card {
    display: grid !important;
    grid-template-columns: 48px minmax(0,1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    background: #fff9ee !important;
    border-color: #ffe3ae !important;
  }

  body.mobile-app-page-control-panel .cd158-next-card .cd158-btn { grid-column: 1 / -1 !important; }
  body.mobile-app-page-control-panel .cd158-next-icon { width:48px !important;height:48px !important;border-radius:17px !important;display:grid !important;place-items:center !important;background:#fff0d3 !important;color:#d17a00 !important; }
  body.mobile-app-page-control-panel .cd158-next-copy { min-width:0 !important;display:grid !important;gap:4px !important; }
  body.mobile-app-page-control-panel .cd158-next-copy h2 { margin:0 !important;font-size:15px !important;color:#17213a !important;line-height:1.45 !important; }
  body.mobile-app-page-control-panel .cd158-next-copy p { margin:0 !important;color:#69758c !important;font-size:11px !important;line-height:1.6 !important; }
  body.mobile-app-page-control-panel .cd158-progress-mini { display:flex !important;align-items:center !important;gap:8px !important; }
  body.mobile-app-page-control-panel .cd158-progress-mini i { flex:1;height:6px;border-radius:999px;background:#f0e6cf;overflow:hidden; }
  body.mobile-app-page-control-panel .cd158-progress-mini em { display:block;height:100%;border-radius:999px;background:#f0a52a; }
  body.mobile-app-page-control-panel .cd158-progress-mini small { color:#9d6500;font-size:11px;font-weight:900; }

  body.mobile-app-page-control-panel .cd158-plan-card,
  body.mobile-app-page-control-panel .cd158-best-side {
    display: none !important;
  }

  body.mobile-app-page-control-panel .cd158-job-list,
  body.mobile-app-page-control-panel .cd158-app-list,
  body.mobile-app-page-control-panel .cd158-updates {
    display: grid !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  body.mobile-app-page-control-panel .cd158-job-item,
  body.mobile-app-page-control-panel .cd158-app-list li,
  body.mobile-app-page-control-panel .cd158-update {
    display: grid !important;
    grid-template-columns: 44px minmax(0,1fr) auto !important;
    gap: 9px !important;
    align-items: center !important;
    padding: 10px !important;
    border: 1px solid #eef2f8 !important;
    border-radius: 17px !important;
    background: #fff !important;
    text-decoration: none !important;
  }

  body.mobile-app-page-control-panel .cd158-job-mark,
  body.mobile-app-page-control-panel .cd158-app-progress,
  body.mobile-app-page-control-panel .cd158-update > span {
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    display: grid !important;
    place-items: center !important;
    background: #f1efff !important;
    color: #5a3ed5 !important;
  }

  body.mobile-app-page-control-panel .cd158-job-copy h3,
  body.mobile-app-page-control-panel .cd158-app-list strong,
  body.mobile-app-page-control-panel .cd158-update strong {
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    color: #14213d !important;
    line-height: 1.4 !important;
  }

  body.mobile-app-page-control-panel .cd158-job-copy a { color: inherit !important;text-decoration:none !important; }
  body.mobile-app-page-control-panel .cd158-job-copy p,
  body.mobile-app-page-control-panel .cd158-job-copy small,
  body.mobile-app-page-control-panel .cd158-app-list small,
  body.mobile-app-page-control-panel .cd158-update small {
    display: block !important;
    margin: 2px 0 0 !important;
    color: #7b8799 !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  body.mobile-app-page-control-panel .cd158-match,
  body.mobile-app-page-control-panel .cd158-status {
    min-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    background: #eaf7f0 !important;
    color: #16835d !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  body.mobile-app-page-control-panel .cd158-app-summary {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 6px !important;
    margin: 0 0 8px !important;
  }

  body.mobile-app-page-control-panel .cd158-app-summary div {
    min-height: 54px !important;
    display: grid !important;
    place-items: center !important;
    gap: 1px !important;
    border-radius: 14px !important;
    background: #f7f9fe !important;
  }

  body.mobile-app-page-control-panel .cd158-app-summary strong { font-size:18px !important;color:#4f35c6 !important; }
  body.mobile-app-page-control-panel .cd158-app-summary span { font-size:10px !important;color:#6b768c !important;font-weight:850 !important; }

  body.mobile-app-page-control-panel .cd158-empty {
    min-height: 112px !important;
    display: grid !important;
    place-items: center !important;
    gap: 7px !important;
    padding: 16px !important;
    text-align: center !important;
    border-radius: 18px !important;
    background: #f7f9fe !important;
  }

  body.mobile-app-page-control-panel .cd158-empty span { width:44px;height:44px;border-radius:16px;background:#eef2ff;color:#5a3ed5;display:grid;place-items:center; }
  body.mobile-app-page-control-panel .cd158-empty strong { color:#18243e;font-size:13px;font-weight:950; }
  body.mobile-app-page-control-panel .cd158-empty p { margin:0;color:#77849a;font-size:11px;line-height:1.6; }

  body.mobile-app-page-control-panel .cd158-side-symbol,
  body.mobile-app-page-control-panel .cd158-side-link,
  body.mobile-app-page-control-panel .cd158-profile-card .cd158-side-title,
  body.mobile-app-page-control-panel .cd158-health-card,
  body.mobile-app-page-control-panel .cd158-updates .cd158-empty span svg {
    max-width: 100% !important;
  }

  @media (max-width: 360px) {
    body.mobile-app-page-control-panel .container.section.panel-page.jobseeker-panel-page.candidate-dashboard.cd158-dashboard { padding-inline: 9px !important; }
    body.mobile-app-page-control-panel .cd158-quick-strip { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
    body.mobile-app-page-control-panel .cd158-metrics { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    body.mobile-app-page-control-panel .cd158-metric:nth-child(odd) { border-inline-start:0 !important; }
  }
}


/* ========================================================================
   V195.2.1-H9.9 — Control Panel Mobile Refinement
   Mobile-only visual/touch polish for the approved H9.8 control_panel gate.
   No controller/AJAX contract changes.
   ======================================================================== */
@media (max-width: 760px) {
  body.mobile-app-page-control-panel.mobile-app-pilot-v195-2-1 {
    --cp99-surface: #ffffff;
    --cp99-bg: #f4f7fb;
    --cp99-border: #dfe8f5;
    --cp99-text: #12203a;
    --cp99-muted: #66758d;
    --cp99-brand: #5a3ed5;
    --cp99-shadow: 0 14px 34px rgba(15, 31, 60, .075);
    background:
      radial-gradient(circle at 100% 0%, rgba(90, 62, 213, .11), transparent 34%),
      linear-gradient(180deg, #f7f9fd 0%, var(--cp99-bg) 100%) !important;
    color: var(--cp99-text) !important;
    overscroll-behavior-x: none !important;
  }

  body.mobile-app-page-control-panel .container.section.panel-page.jobseeker-panel-page.candidate-dashboard.cd158-dashboard {
    max-width: 480px !important;
    padding-top: calc(68px + env(safe-area-inset-top, 0px)) !important;
    padding-inline: clamp(10px, 3.4vw, 16px) !important;
    padding-bottom: calc(106px + env(safe-area-inset-bottom, 0px)) !important;
    background: transparent !important;
    scroll-padding-top: calc(72px + env(safe-area-inset-top, 0px)) !important;
  }

  body.mobile-app-page-control-panel .cd158-main {
    gap: 12px !important;
  }

  body.mobile-app-page-control-panel .cd158-hero,
  body.mobile-app-page-control-panel .cd158-card,
  body.mobile-app-page-control-panel .cd158-side-card,
  body.mobile-app-page-control-panel .cd158-profile-card,
  body.mobile-app-page-control-panel .cd158-jobs-card,
  body.mobile-app-page-control-panel .cd158-apps-card,
  body.mobile-app-page-control-panel .cd158-next-card,
  body.mobile-app-page-control-panel .cd158-plan-card {
    border-color: var(--cp99-border) !important;
    background: var(--cp99-surface) !important;
    box-shadow: var(--cp99-shadow) !important;
    overflow: hidden !important;
  }

  body.mobile-app-page-control-panel .cd158-hero {
    padding: 16px !important;
    gap: 10px !important;
    border-radius: 26px !important;
  }

  body.mobile-app-page-control-panel .cd158-hero h1 {
    font-size: clamp(20px, 5.2vw, 25px) !important;
    letter-spacing: -.015em !important;
  }

  body.mobile-app-page-control-panel .cd158-hero p,
  body.mobile-app-page-control-panel .cd158-next-copy p,
  body.mobile-app-page-control-panel .cd158-empty p,
  body.mobile-app-page-control-panel .cd158-job-copy p,
  body.mobile-app-page-control-panel .cd158-job-copy small,
  body.mobile-app-page-control-panel .cd158-app-list small,
  body.mobile-app-page-control-panel .cd158-update small {
    color: var(--cp99-muted) !important;
  }

  body.mobile-app-page-control-panel .cd158-hero-actions,
  body.mobile-app-page-control-panel .cd158-next-card .cd158-btn,
  body.mobile-app-page-control-panel .cd158-best-job .cd158-btn,
  body.mobile-app-page-control-panel .cd158-side-link,
  body.mobile-app-page-control-panel .cd158-btn,
  body.mobile-app-page-control-panel a.cd158-btn {
    min-height: 48px !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }

  body.mobile-app-page-control-panel .cd158-btn,
  body.mobile-app-page-control-panel a.cd158-btn,
  body.mobile-app-page-control-panel .cd158-side-link {
    width: 100% !important;
    border-radius: 17px !important;
  }

  body.mobile-app-page-control-panel .cd158-quick-strip {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(104px, 31%) !important;
    grid-template-columns: none !important;
    gap: 9px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 1px 1px 8px !important;
    margin-inline: -1px !important;
    scroll-snap-type: inline mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body.mobile-app-page-control-panel .cd158-quick-strip::-webkit-scrollbar {
    display: none !important;
  }

  body.mobile-app-page-control-panel .cd158-quick-strip a {
    scroll-snap-align: start !important;
    min-height: 86px !important;
    padding: 10px 8px !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 24px rgba(15, 31, 60, .06) !important;
  }

  body.mobile-app-page-control-panel .cd158-metrics {
    gap: 9px !important;
  }

  body.mobile-app-page-control-panel .cd158-metric {
    min-height: 92px !important;
    border-radius: 19px !important;
    padding: 10px !important;
  }

  body.mobile-app-page-control-panel .cd158-metric-icon,
  body.mobile-app-page-control-panel .cd158-job-mark,
  body.mobile-app-page-control-panel .cd158-app-progress,
  body.mobile-app-page-control-panel .cd158-update > span,
  body.mobile-app-page-control-panel .cd158-side-symbol,
  body.mobile-app-page-control-panel .cd158-next-icon {
    flex: 0 0 auto !important;
  }

  body.mobile-app-page-control-panel .cd158-row,
  body.mobile-app-page-control-panel .cd158-row-content,
  body.mobile-app-page-control-panel .cd158-row-action,
  body.mobile-app-page-control-panel .cd158-plan-card,
  body.mobile-app-page-control-panel .cd158-best-side,
  body.mobile-app-page-control-panel .cd158-job-list,
  body.mobile-app-page-control-panel .cd158-app-list,
  body.mobile-app-page-control-panel .cd158-updates {
    gap: 11px !important;
  }

  body.mobile-app-page-control-panel .cd158-section-head,
  body.mobile-app-page-control-panel .cd158-side-title {
    align-items: flex-start !important;
  }

  body.mobile-app-page-control-panel .cd158-section-head h2,
  body.mobile-app-page-control-panel .cd158-side-title h2 {
    font-size: clamp(15px, 4.2vw, 18px) !important;
  }

  body.mobile-app-page-control-panel .cd158-section-head a,
  body.mobile-app-page-control-panel .cd158-side-title + a,
  body.mobile-app-page-control-panel .cd158-side-link {
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.mobile-app-page-control-panel .cd158-job-item,
  body.mobile-app-page-control-panel .cd158-app-list li,
  body.mobile-app-page-control-panel .cd158-update {
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    min-height: 72px !important;
    padding: 10px !important;
    border-radius: 18px !important;
  }

  body.mobile-app-page-control-panel .cd158-job-copy,
  body.mobile-app-page-control-panel .cd158-app-list li > div,
  body.mobile-app-page-control-panel .cd158-update > div,
  body.mobile-app-page-control-panel .cd158-next-copy,
  body.mobile-app-page-control-panel .cd158-metric-copy {
    min-width: 0 !important;
  }

  body.mobile-app-page-control-panel .cd158-job-copy h3,
  body.mobile-app-page-control-panel .cd158-app-list strong,
  body.mobile-app-page-control-panel .cd158-update strong,
  body.mobile-app-page-control-panel .cd158-best-job h3 {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.45 !important;
  }

  body.mobile-app-page-control-panel .cd158-status,
  body.mobile-app-page-control-panel .cd158-match,
  body.mobile-app-page-control-panel .cd158-best-score {
    white-space: nowrap !important;
  }

  body.mobile-app-page-control-panel .cd158-plan-steps {
    display: grid !important;
    gap: 8px !important;
  }

  body.mobile-app-page-control-panel .cd158-plan-steps a {
    min-height: 58px !important;
    border-radius: 18px !important;
    padding: 9px 10px !important;
    touch-action: manipulation !important;
  }

  body.mobile-app-page-control-panel .cd158-profile-score {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.mobile-app-page-control-panel .cd158-donut {
    width: 96px !important;
    height: 96px !important;
  }

  body.mobile-app-page-control-panel .cd158-best-job {
    display: grid !important;
    gap: 8px !important;
  }

  body.mobile-app-page-control-panel .cd158-empty {
    border-radius: 18px !important;
  }

  body.mobile-app-page-control-panel .mobile-app-menu-panel-v19521[popover],
  body.mobile-app-page-control-panel .ma97-filter[popover] {
    max-width: min(430px, calc(100vw - 20px)) !important;
  }
}

@media (max-width: 380px) {
  body.mobile-app-page-control-panel .container.section.panel-page.jobseeker-panel-page.candidate-dashboard.cd158-dashboard {
    padding-inline: 9px !important;
  }

  body.mobile-app-page-control-panel .cd158-quick-strip {
    grid-auto-columns: minmax(96px, 38%) !important;
  }

  body.mobile-app-page-control-panel .cd158-profile-score {
    grid-template-columns: 86px minmax(0, 1fr) !important;
  }

  body.mobile-app-page-control-panel .cd158-donut {
    width: 86px !important;
    height: 86px !important;
  }

  body.mobile-app-page-control-panel .cd158-job-item,
  body.mobile-app-page-control-panel .cd158-app-list li,
  body.mobile-app-page-control-panel .cd158-update {
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }

  body.mobile-app-page-control-panel .cd158-job-item .cd158-match,
  body.mobile-app-page-control-panel .cd158-app-list li .cd158-status {
    grid-column: 2 / -1 !important;
    justify-self: start !important;
  }
}


/* ========================================================================
   V195.2.1-H9.6 — Mobile profile/settings readability and shell closure
   Scoped to mobile. Desktop remains on its original DOM at 761px and above.
   ======================================================================== */
@media (max-width: 760px) {
  /* Profile/settings rows use existing resume-builder routes; no new save API. */
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__settings-card {
    display: grid;
    gap: 12px;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__settings-mark {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    border-radius: 14px;
    color: var(--mprofile-brand);
    background: var(--mprofile-soft);
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__settings-mark svg {
    width: 21px;
    height: 21px;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__settings-list {
    display: grid;
    gap: 8px;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__settings-list > a {
    min-width: 0;
    min-height: 66px;
    padding: 10px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 10px;
    border: 1px solid #e2eaf3;
    border-radius: 17px;
    color: inherit;
    background: #f8fafd;
    text-decoration: none;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__settings-list > a > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--mprofile-brand);
    background: #fff;
    box-shadow: 0 5px 14px rgba(16,33,59,.055);
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__settings-list > a > span svg {
    width: 20px;
    height: 20px;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__settings-list > a > div {
    min-width: 0;
    display: grid;
    gap: 3px;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__settings-list strong {
    color: #263950;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 900;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__settings-list small {
    color: var(--mprofile-muted);
    font-size: 10px;
    line-height: 1.5;
    font-weight: 650;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__settings-list > a > svg {
    width: 18px;
    height: 18px;
    color: #8290a3;
  }

  body.rtl.mobile-app-page-profile .mobile-profile-native-v19521h96__settings-list > a > svg {
    transform: rotate(180deg);
  }

  /* Readability pass for H9.6 without touching the desktop profile. */
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__next-action small,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__strength header small,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__card-head small,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__stats span,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__missing-note,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__warning span {
    font-size: 10px;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__next-action p,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__empty small,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__contact-row small,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__visibility small {
    font-size: 10.5px;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__quick-actions b,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__check-grid b,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__chips :is(span,a),
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__manage-link {
    font-size: 10px;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__preference-list small,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__languages small {
    font-size: 9.5px;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__preference-list strong,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__languages strong,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__contact-row strong,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__visibility strong,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__details summary strong,
  body.mobile-app-page-profile .mobile-profile-native-v19521h96__timeline article strong {
    font-size: 12px;
  }

  body.mobile-app-page-profile .mobile-profile-native-v19521h96__summary {
    font-size: 13px;
    line-height: 1.75;
  }

  /* Live H9.5 defect closure: one full-width dock, independent of RTL/LTR. */
  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav {
    top: auto !important;
    inset-block-start: auto !important;
    inset-inline-start: 8px !important;
    inset-inline-end: 8px !important;
    left: 8px !important;
    right: 8px !important;
    bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    inset-block-end: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    grid-auto-flow: row !important;
    grid-auto-columns: initial !important;
    transform: none !important;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav[data-role-navigation="candidate"],
  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav[data-role-navigation="guest"] {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav[data-role-navigation="admin"],
  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav[data-role-navigation="employer"] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav a {
    min-width: 0 !important;
  }

  /* Restore intentional hiding after the transform reset above. */
  html.soft-keyboard-open body.mobile-app-pilot-v195-2-1 .mobile-bottom-nav,
  body.mobile-app-pilot-v195-2-1.mobile-soft-keyboard-open .mobile-bottom-nav,
  body.mobile-app-pilot-v195-2-1.mobile-app-menu-open .mobile-bottom-nav,
  body.mobile-app-pilot-v195-2-1.mobile-sheet-open .mobile-bottom-nav,
  body.mobile-home-search-open .mobile-bottom-nav,
  body.mobile-jobs-search-open .mobile-bottom-nav,
  body.mobile-jobs-filter-open .mobile-bottom-nav,
  body.mobile-job-apply-open .mobile-bottom-nav,
  body.mobile-applications-filter-open .mobile-bottom-nav {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(125%) !important;
  }
}

@media (min-width: 761px) {
  .mobile-profile-native-v19521h96 { display: none !important; }
  .desktop-profile-v19521h96 { display: block !important; }
}


/* ========================================================================
   V195.2.1-H10.3 — Control Panel Mobile Polish and Navigation QA
   Mobile-only, CSS-only product polish. No controller/AJAX/route changes.
   ======================================================================== */
@media (max-width: 760px) {
  body.mobile-app-page-control-panel.mobile-control-panel-h910-ready {
    --cp910-focus: #0ea5e9;
    --cp910-tap-bg: #edf6ff;
    --cp910-ring: 0 0 0 3px rgba(14, 165, 233, .22);
  }

  body.mobile-app-page-control-panel .cd158-layout,
  body.mobile-app-page-control-panel .cd158-main,
  body.mobile-app-page-control-panel .cd158-sidebar,
  body.mobile-app-page-control-panel .cd158-card,
  body.mobile-app-page-control-panel .cd158-side-card,
  body.mobile-app-page-control-panel .cd158-hero,
  body.mobile-app-page-control-panel .cd158-row,
  body.mobile-app-page-control-panel .cd158-row-content,
  body.mobile-app-page-control-panel .cd158-row-action {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.mobile-app-page-control-panel .cd158-quick-strip[data-cp-h910-nav="quick-actions"] {
    scroll-padding-inline: 10px !important;
    mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%) !important;
  }

  body.mobile-app-page-control-panel [data-cp-h910-nav-item],
  body.mobile-app-page-control-panel .cd158-section-head a,
  body.mobile-app-page-control-panel .cd158-btn[href],
  body.mobile-app-page-control-panel .cd158-side-link,
  body.mobile-app-page-control-panel .cd158-plan-steps a,
  body.mobile-app-page-control-panel .cd158-job-title a,
  body.mobile-app-page-control-panel .cd158-job-copy a {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.mobile-app-page-control-panel [data-cp-h910-nav-item]:active,
  body.mobile-app-page-control-panel .cd158-section-head a:active,
  body.mobile-app-page-control-panel .cd158-btn[href]:active,
  body.mobile-app-page-control-panel .cd158-side-link:active {
    transform: translateY(1px) scale(.99) !important;
    background-color: var(--cp910-tap-bg) !important;
  }

  body.mobile-app-page-control-panel a:focus-visible,
  body.mobile-app-page-control-panel button:focus-visible,
  body.mobile-app-page-control-panel [tabindex]:focus-visible {
    outline: 2px solid var(--cp910-focus) !important;
    outline-offset: 3px !important;
    box-shadow: var(--cp910-ring) !important;
  }

  body.mobile-app-page-control-panel .cd158-section-head {
    gap: 10px !important;
  }

  body.mobile-app-page-control-panel .cd158-section-head a {
    flex: 0 0 auto !important;
    max-width: 46% !important;
    padding-inline: 10px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.25 !important;
  }

  body.mobile-app-page-control-panel .cd158-metrics[data-cp-h910-nav="metrics"] .cd158-metric {
    position: relative !important;
    isolation: isolate !important;
  }

  body.mobile-app-page-control-panel .cd158-metrics[data-cp-h910-nav="metrics"] .cd158-metric::after {
    content: "" !important;
    position: absolute !important;
    inset-inline-end: 9px !important;
    top: 9px !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: rgba(90, 62, 213, .22) !important;
  }

  body.mobile-app-page-control-panel .cd158-job-item,
  body.mobile-app-page-control-panel .cd158-app-list li,
  body.mobile-app-page-control-panel .cd158-update {
    contain: layout paint !important;
  }

  body.mobile-app-page-control-panel .cd158-job-copy h3,
  body.mobile-app-page-control-panel .cd158-job-copy a,
  body.mobile-app-page-control-panel .cd158-app-list strong,
  body.mobile-app-page-control-panel .cd158-update strong {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: auto !important;
  }

  body.mobile-app-page-control-panel .cd158-status,
  body.mobile-app-page-control-panel .cd158-match,
  body.mobile-app-page-control-panel .cd158-best-score {
    max-width: 38vw !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.mobile-app-page-control-panel.mobile-control-panel-h910-nav-ok .cd158-quick-strip {
    border-radius: 20px !important;
  }
}

@media (max-width: 380px) {
  body.mobile-app-page-control-panel .cd158-section-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.mobile-app-page-control-panel .cd158-section-head a {
    max-width: 112px !important;
    min-height: 38px !important;
    font-size: 11px !important;
  }

  body.mobile-app-page-control-panel .cd158-metrics[data-cp-h910-nav="metrics"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mobile-app-page-control-panel *,
  body.mobile-app-page-control-panel *::before,
  body.mobile-app-page-control-panel *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}


/* ========================================================================
   V195.2.1-H10.3 — Employer Control Panel Native Pilot Gate
   Mobile-only pilot shell and navigation QA for /employer-control-panel only.
   No controller, route, job posting, applicant, or resume AJAX changes.
   ======================================================================== */
@media (max-width: 760px) {
  body.mobile-app-page-employer-control-panel.mobile-employer-control-panel-h102-ready {
    --emp102-bg: #f7f9fc;
    --emp102-card: rgba(255, 255, 255, .96);
    --emp102-border: rgba(15, 23, 42, .10);
    --emp102-shadow: 0 16px 42px rgba(15, 23, 42, .10);
    --emp102-focus: #2563eb;
    --emp102-tap-bg: #eff6ff;
    background: var(--emp102-bg) !important;
  }

  body.mobile-app-page-employer-control-panel .employer-workspace,
  body.mobile-app-page-employer-control-panel .workspace-page,
  body.mobile-app-page-employer-control-panel .workspace-main-grid,
  body.mobile-app-page-employer-control-panel .workspace-main-column,
  body.mobile-app-page-employer-control-panel .workspace-side-column,
  body.mobile-app-page-employer-control-panel .workspace-card,
  body.mobile-app-page-employer-control-panel .workspace-hero,
  body.mobile-app-page-employer-control-panel .v145-employer-hero-simple,
  body.mobile-app-page-employer-control-panel .v145-employer-stats-strip,
  body.mobile-app-page-employer-control-panel .v143-mission-layout,
  body.mobile-app-page-employer-control-panel .employer-focus-grid,
  body.mobile-app-page-employer-control-panel .workspace-kpi-grid,
  body.mobile-app-page-employer-control-panel .workspace-shortcuts,
  body.mobile-app-page-employer-control-panel .hiring-funnel,
  body.mobile-app-page-employer-control-panel .workspace-list,
  body.mobile-app-page-employer-control-panel .item-main,
  body.mobile-app-page-employer-control-panel .item-actions,
  body.mobile-app-page-employer-control-panel .ecn179,
  body.mobile-app-page-employer-control-panel .ecn179__shell,
  body.mobile-app-page-employer-control-panel .ecn179__grid,
  body.mobile-app-page-employer-control-panel .ecn179-portal__sheet,
  body.mobile-app-page-employer-control-panel .ecn179-portal__grid {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-app-page-employer-control-panel .employer-workspace {
    padding-inline: max(14px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-right)) !important;
    padding-top: 14px !important;
    padding-bottom: calc(var(--runtime-mobile-nav, 82px) + 18px) !important;
    overflow-x: clip !important;
  }

  body.mobile-app-page-employer-control-panel .workspace-main-grid,
  body.mobile-app-page-employer-control-panel .v143-mission-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.mobile-app-page-employer-control-panel .workspace-card,
  body.mobile-app-page-employer-control-panel .workspace-health-card,
  body.mobile-app-page-employer-control-panel .employer-focus-card,
  body.mobile-app-page-employer-control-panel .workspace-kpi-card,
  body.mobile-app-page-employer-control-panel .v145-trust-cta {
    border: 1px solid var(--emp102-border) !important;
    box-shadow: var(--emp102-shadow) !important;
    border-radius: 22px !important;
    background: var(--emp102-card) !important;
  }

  body.mobile-app-page-employer-control-panel .workspace-hero,
  body.mobile-app-page-employer-control-panel .v145-employer-hero-simple,
  body.mobile-app-page-employer-control-panel .employer-mission-primary {
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  body.mobile-app-page-employer-control-panel .workspace-hero-actions,
  body.mobile-app-page-employer-control-panel .employer-mission-actions,
  body.mobile-app-page-employer-control-panel .v145-employer-hero-cta,
  body.mobile-app-page-employer-control-panel .workspace-shortcuts,
  body.mobile-app-page-employer-control-panel .item-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  body.mobile-app-page-employer-control-panel a[href],
  body.mobile-app-page-employer-control-panel button,
  body.mobile-app-page-employer-control-panel [role="button"],
  body.mobile-app-page-employer-control-panel [data-employer-control-nav-item-h10-2] {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.mobile-app-page-employer-control-panel .btn,
  body.mobile-app-page-employer-control-panel .btn-hero-primary,
  body.mobile-app-page-employer-control-panel .btn-hero-secondary,
  body.mobile-app-page-employer-control-panel .trust-action,
  body.mobile-app-page-employer-control-panel .workspace-shortcuts a,
  body.mobile-app-page-employer-control-panel [data-employer-control-nav-item-h10-2] {
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.25 !important;
  }

  body.mobile-app-page-employer-control-panel a[href]:active,
  body.mobile-app-page-employer-control-panel button:active,
  body.mobile-app-page-employer-control-panel [role="button"]:active {
    transform: translateY(1px) scale(.99) !important;
    background-color: var(--emp102-tap-bg) !important;
  }

  body.mobile-app-page-employer-control-panel a:focus-visible,
  body.mobile-app-page-employer-control-panel button:focus-visible,
  body.mobile-app-page-employer-control-panel [tabindex]:focus-visible {
    outline: 2px solid var(--emp102-focus) !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .22) !important;
  }

  body.mobile-app-page-employer-control-panel .v145-employer-stats-strip,
  body.mobile-app-page-employer-control-panel .workspace-kpi-grid,
  body.mobile-app-page-employer-control-panel .employer-focus-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.mobile-app-page-employer-control-panel .employer-critical-action,
  body.mobile-app-page-employer-control-panel .workspace-priority-card,
  body.mobile-app-page-employer-control-panel .workspace-kpi-card,
  body.mobile-app-page-employer-control-panel .employer-focus-card {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body.mobile-app-page-employer-control-panel .item-metrics,
  body.mobile-app-page-employer-control-panel .workspace-health-list,
  body.mobile-app-page-employer-control-panel .company-status-stack {
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: thin !important;
  }

  body.mobile-app-page-employer-control-panel.mobile-employer-control-panel-h102-nav-ok .ecn179__mobile-trigger {
    border-color: rgba(37, 99, 235, .22) !important;
  }
}

@media (max-width: 380px) {
  body.mobile-app-page-employer-control-panel .v145-employer-stats-strip,
  body.mobile-app-page-employer-control-panel .workspace-kpi-grid,
  body.mobile-app-page-employer-control-panel .employer-focus-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mobile-app-page-employer-control-panel .workspace-hero-actions .btn,
  body.mobile-app-page-employer-control-panel .employer-mission-actions .btn,
  body.mobile-app-page-employer-control-panel .v145-employer-hero-cta a {
    width: 100% !important;
  }
}


/* V195.2.1-H10.3 — Employer control panel view marker gate fix. */
body.mobile-app-page-employer-control-panel[data-employer-control-panel-view-marker-h10-3="1"] {
  --employer-h103-view-marker-gate: 1;
}
body.mobile-app-page-employer-control-panel.mobile-employer-control-panel-h103-ready .ecn179__mobile-trigger {
  border-color: rgba(37, 99, 235, .28) !important;
}


/* ========================================================================
   V195.2.1-H10.3 — Employer Control Panel Mobile Polish and Navigation QA
   Scope: /employer-control-panel only. No employer sub-pages are added to the
   pilot. No controller, route, job posting, applicants, company, or resume AJAX
   behavior changes.
   ======================================================================== */
@media (max-width: 760px) {
  body.mobile-app-page-employer-control-panel.mobile-employer-control-panel-h103-polish-ready {
    --emp103-surface: rgba(255, 255, 255, .98);
    --emp103-border: rgba(15, 23, 42, .12);
    --emp103-shadow: 0 18px 46px rgba(15, 23, 42, .11);
    --emp103-ring: rgba(37, 99, 235, .28);
    --emp103-soft: rgba(37, 99, 235, .08);
    overflow-x: hidden !important;
  }

  body.mobile-app-page-employer-control-panel .employer-workspace,
  body.mobile-app-page-employer-control-panel .workspace-page,
  body.mobile-app-page-employer-control-panel .workspace-main-grid,
  body.mobile-app-page-employer-control-panel .workspace-main-column,
  body.mobile-app-page-employer-control-panel .workspace-side-column,
  body.mobile-app-page-employer-control-panel .workspace-card,
  body.mobile-app-page-employer-control-panel .workspace-health-card,
  body.mobile-app-page-employer-control-panel .workspace-list,
  body.mobile-app-page-employer-control-panel .workspace-item,
  body.mobile-app-page-employer-control-panel .workspace-kpi-grid,
  body.mobile-app-page-employer-control-panel .workspace-kpi-card,
  body.mobile-app-page-employer-control-panel .employer-focus-grid,
  body.mobile-app-page-employer-control-panel .employer-focus-card,
  body.mobile-app-page-employer-control-panel .hiring-funnel,
  body.mobile-app-page-employer-control-panel .ecn179,
  body.mobile-app-page-employer-control-panel .ecn179__shell,
  body.mobile-app-page-employer-control-panel .ecn179__grid,
  body.mobile-app-page-employer-control-panel .ecn179-portal__sheet,
  body.mobile-app-page-employer-control-panel .ecn179-portal__grid {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-app-page-employer-control-panel .employer-workspace {
    padding-inline: max(14px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-right)) !important;
    padding-bottom: calc(var(--runtime-mobile-nav, 82px) + env(safe-area-inset-bottom) + 20px) !important;
    overflow-x: clip !important;
  }

  body.mobile-app-page-employer-control-panel .workspace-main-grid,
  body.mobile-app-page-employer-control-panel .v143-mission-layout,
  body.mobile-app-page-employer-control-panel .workspace-kpi-grid,
  body.mobile-app-page-employer-control-panel .employer-focus-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.mobile-app-page-employer-control-panel .workspace-card,
  body.mobile-app-page-employer-control-panel .workspace-health-card,
  body.mobile-app-page-employer-control-panel .workspace-kpi-card,
  body.mobile-app-page-employer-control-panel .employer-focus-card,
  body.mobile-app-page-employer-control-panel .v145-trust-cta {
    border: 1px solid var(--emp103-border) !important;
    border-radius: 22px !important;
    box-shadow: var(--emp103-shadow) !important;
    background: var(--emp103-surface) !important;
    overflow: hidden !important;
  }

  body.mobile-app-page-employer-control-panel .workspace-hero-actions,
  body.mobile-app-page-employer-control-panel .employer-mission-actions,
  body.mobile-app-page-employer-control-panel .v145-employer-hero-cta,
  body.mobile-app-page-employer-control-panel .workspace-shortcuts,
  body.mobile-app-page-employer-control-panel .item-actions,
  body.mobile-app-page-employer-control-panel .workspace-item-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  body.mobile-app-page-employer-control-panel .workspace-shortcuts,
  body.mobile-app-page-employer-control-panel .item-metrics,
  body.mobile-app-page-employer-control-panel .company-status-stack,
  body.mobile-app-page-employer-control-panel .workspace-health-list {
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: thin !important;
  }

  body.mobile-app-page-employer-control-panel a[href],
  body.mobile-app-page-employer-control-panel button,
  body.mobile-app-page-employer-control-panel [role="button"],
  body.mobile-app-page-employer-control-panel [data-employer-control-nav-item-h10-3] {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.mobile-app-page-employer-control-panel .btn,
  body.mobile-app-page-employer-control-panel .btn-hero-primary,
  body.mobile-app-page-employer-control-panel .btn-hero-secondary,
  body.mobile-app-page-employer-control-panel .trust-action,
  body.mobile-app-page-employer-control-panel .workspace-shortcuts a,
  body.mobile-app-page-employer-control-panel [data-employer-control-nav-item-h10-3] {
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  body.mobile-app-page-employer-control-panel a[href]:active,
  body.mobile-app-page-employer-control-panel button:active,
  body.mobile-app-page-employer-control-panel [role="button"]:active {
    transform: translateY(1px) scale(.99) !important;
  }

  body.mobile-app-page-employer-control-panel a:focus-visible,
  body.mobile-app-page-employer-control-panel button:focus-visible,
  body.mobile-app-page-employer-control-panel [tabindex]:focus-visible {
    outline: 2px solid var(--emp102-focus, #2563eb) !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 4px var(--emp103-ring) !important;
  }

  body.mobile-app-page-employer-control-panel .workspace-card h1,
  body.mobile-app-page-employer-control-panel .workspace-card h2,
  body.mobile-app-page-employer-control-panel .workspace-card h3,
  body.mobile-app-page-employer-control-panel .workspace-card p,
  body.mobile-app-page-employer-control-panel .workspace-card a,
  body.mobile-app-page-employer-control-panel .workspace-item,
  body.mobile-app-page-employer-control-panel .employer-focus-card,
  body.mobile-app-page-employer-control-panel .workspace-kpi-card {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body.mobile-app-page-employer-control-panel.mobile-employer-control-panel-h103-nav-ok .ecn179__mobile-trigger,
  body.mobile-app-page-employer-control-panel.mobile-employer-control-panel-h103-nav-ok .ecn179__item.is-active {
    border-color: var(--emp103-ring) !important;
    box-shadow: 0 8px 22px var(--emp103-soft) !important;
  }
}

@media (max-width: 380px) {
  body.mobile-app-page-employer-control-panel .workspace-hero-actions .btn,
  body.mobile-app-page-employer-control-panel .employer-mission-actions .btn,
  body.mobile-app-page-employer-control-panel .v145-employer-hero-cta a,
  body.mobile-app-page-employer-control-panel .workspace-shortcuts a {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mobile-app-page-employer-control-panel *,
  body.mobile-app-page-employer-control-panel *::before,
  body.mobile-app-page-employer-control-panel *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

body.mobile-app-page-employer-control-panel[data-employer-control-panel-polish-h10-3="1"] {
  --employer-h103-polish-gate: 1;
}


/* ========================================================================
   V195.2.1-H10.4 — Employer My Jobs Native Pilot Gate
   Scope: /my-jobs/{kind}/{lang}. No controller, route, job posting,
   applicants, company, or resume AJAX behavior changes.
   ======================================================================== */
@media (max-width: 760px) {
  body.mobile-app-page-employer-my-jobs.mobile-employer-my-jobs-h104-ready {
    --ej104-surface: rgba(255,255,255,.98);
    --ej104-border: rgba(15,23,42,.12);
    --ej104-ring: rgba(37,99,235,.28);
    --ej104-shadow: 0 18px 46px rgba(15,23,42,.11);
    overflow-x: hidden !important;
  }

  body.mobile-app-page-employer-my-jobs .ej20-page,
  body.mobile-app-page-employer-my-jobs .ej20-layout,
  body.mobile-app-page-employer-my-jobs .ej20-main,
  body.mobile-app-page-employer-my-jobs .ej20-insights,
  body.mobile-app-page-employer-my-jobs .ej20-cards,
  body.mobile-app-page-employer-my-jobs .ej20-card,
  body.mobile-app-page-employer-my-jobs .ej20-panel,
  body.mobile-app-page-employer-my-jobs .ej20-filter-form,
  body.mobile-app-page-employer-my-jobs .ecn179,
  body.mobile-app-page-employer-my-jobs .ecn179__shell,
  body.mobile-app-page-employer-my-jobs .ecn179-portal__sheet,
  body.mobile-app-page-employer-my-jobs .ecn179-portal__grid {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-app-page-employer-my-jobs .ej20-page {
    padding-inline: max(14px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-right)) !important;
    padding-bottom: calc(var(--runtime-mobile-nav, 82px) + env(safe-area-inset-bottom) + 20px) !important;
    overflow-x: clip !important;
  }

  body.mobile-app-page-employer-my-jobs .ej20-layout,
  body.mobile-app-page-employer-my-jobs .ej20-hero,
  body.mobile-app-page-employer-my-jobs .ej20-list-head,
  body.mobile-app-page-employer-my-jobs .ej20-card-facts,
  body.mobile-app-page-employer-my-jobs .ej20-summary-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.mobile-app-page-employer-my-jobs .ej20-card,
  body.mobile-app-page-employer-my-jobs .ej20-panel,
  body.mobile-app-page-employer-my-jobs .ej20-empty,
  body.mobile-app-page-employer-my-jobs .ej20-filters,
  body.mobile-app-page-employer-my-jobs .ej20-hero,
  body.mobile-app-page-employer-my-jobs .ej20-mobile-toolbar button {
    border: 1px solid var(--ej104-border) !important;
    border-radius: 22px !important;
    background: var(--ej104-surface) !important;
    box-shadow: var(--ej104-shadow) !important;
  }

  body.mobile-app-page-employer-my-jobs .ej20-hero-metrics,
  body.mobile-app-page-employer-my-jobs .ej20-kind-tabs,
  body.mobile-app-page-employer-my-jobs .ej20-action-buttons,
  body.mobile-app-page-employer-my-jobs .ej20-pagination,
  body.mobile-app-page-employer-my-jobs .ej20-quick-actions,
  body.mobile-app-page-employer-my-jobs .ej20-priority-list,
  body.mobile-app-page-employer-my-jobs .ej20-summary-grid {
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: thin !important;
  }

  body.mobile-app-page-employer-my-jobs a[href],
  body.mobile-app-page-employer-my-jobs button,
  body.mobile-app-page-employer-my-jobs [role="button"],
  body.mobile-app-page-employer-my-jobs select,
  body.mobile-app-page-employer-my-jobs input {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.mobile-app-page-employer-my-jobs .ej20-primary-action,
  body.mobile-app-page-employer-my-jobs .ej20-apply,
  body.mobile-app-page-employer-my-jobs .ej20-reset,
  body.mobile-app-page-employer-my-jobs .ej20-action-buttons a,
  body.mobile-app-page-employer-my-jobs .ej20-kind-tabs a,
  body.mobile-app-page-employer-my-jobs .ej20-pagination a,
  body.mobile-app-page-employer-my-jobs .ej20-mobile-toolbar button,
  body.mobile-app-page-employer-my-jobs [data-employer-control-nav-item-h10-4] {
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  body.mobile-app-page-employer-my-jobs a:focus-visible,
  body.mobile-app-page-employer-my-jobs button:focus-visible,
  body.mobile-app-page-employer-my-jobs select:focus-visible,
  body.mobile-app-page-employer-my-jobs input:focus-visible,
  body.mobile-app-page-employer-my-jobs [tabindex]:focus-visible {
    outline: 2px solid #2563eb !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 4px var(--ej104-ring) !important;
  }

  body.mobile-app-page-employer-my-jobs .ej20-card,
  body.mobile-app-page-employer-my-jobs .ej20-card-title,
  body.mobile-app-page-employer-my-jobs .ej20-card-title h3,
  body.mobile-app-page-employer-my-jobs .ej20-company,
  body.mobile-app-page-employer-my-jobs .ej20-location,
  body.mobile-app-page-employer-my-jobs .ej20-quality-body,
  body.mobile-app-page-employer-my-jobs .ej20-last-activity {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body.mobile-app-page-employer-my-jobs.mobile-employer-my-jobs-h104-nav-ok .ecn179__mobile-trigger,
  body.mobile-app-page-employer-my-jobs.mobile-employer-my-jobs-h104-nav-ok .ecn179__item.is-active {
    border-color: var(--ej104-ring) !important;
  }
}

@media (max-width: 380px) {
  body.mobile-app-page-employer-my-jobs .ej20-primary-action,
  body.mobile-app-page-employer-my-jobs .ej20-action-buttons a,
  body.mobile-app-page-employer-my-jobs .ej20-empty a,
  body.mobile-app-page-employer-my-jobs .ej20-quick-actions a {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mobile-app-page-employer-my-jobs *,
  body.mobile-app-page-employer-my-jobs *::before,
  body.mobile-app-page-employer-my-jobs *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

body.mobile-app-page-employer-my-jobs[data-employer-my-jobs-view-marker-h10-4="1"] {
  --employer-my-jobs-h104-gate: 1;
}


/* ========================================================================
   V195.2.1-H10.4.1 — Employer My Jobs Filter Initial State Gate Fix
   Scope: mobile filter drawer initial closed state and button-owned open/close.
   No controller, route, job posting, applicants, company, or resume behavior changes.
   ======================================================================== */
@media (max-width: 760px) {
  body.mobile-app-page-employer-my-jobs [data-employer-my-jobs-filter-drawer-h10-4-1] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.mobile-app-page-employer-my-jobs.rtl [data-employer-my-jobs-filter-drawer-h10-4-1] {
    transform: translate3d(105%, 0, 0) !important;
  }

  body.mobile-app-page-employer-my-jobs.ltr [data-employer-my-jobs-filter-drawer-h10-4-1] {
    transform: translate3d(-105%, 0, 0) !important;
  }

  body.mobile-app-page-employer-my-jobs [data-employer-my-jobs-filter-drawer-h10-4-1].is-open,
  body.mobile-app-page-employer-my-jobs.mobile-employer-my-jobs-filter-open-h10-4-1 [data-employer-my-jobs-filter-drawer-h10-4-1] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }

  body.mobile-app-page-employer-my-jobs [data-employer-my-jobs-filter-backdrop-h10-4-1][hidden] {
    display: none !important;
  }
}

body.mobile-app-page-employer-my-jobs[data-employer-my-jobs-filter-initial-state-gate-h10-4-1="1"] {
  --employer-my-jobs-h1041-filter-gate: 1;
}


/* V195.2.1-H10.5 - Employer Companies Native Pilot Gate.
   Mobile-only shell and safety polish for /my-companies/{lang}.
   No controller, route, company mutation, applicants, jobs, or resume behavior changes. */
@media (max-width: 760px) {
  body.mobile-app-page-employer-companies .cp40-page,
  body.mobile-app-page-employer_companies .cp40-page {
    max-width: 480px;
    margin: 0 auto;
    padding: max(14px, env(safe-area-inset-top)) 14px calc(96px + env(safe-area-inset-bottom));
    overflow-x: hidden;
  }

  body.mobile-app-page-employer-companies .cp40-hero,
  body.mobile-app-page-employer_companies .cp40-hero,
  body.mobile-app-page-employer-companies .cp40-filter-card,
  body.mobile-app-page-employer_companies .cp40-filter-card,
  body.mobile-app-page-employer-companies .cp40-company-card,
  body.mobile-app-page-employer_companies .cp40-company-card,
  body.mobile-app-page-employer-companies .cp40-side-card,
  body.mobile-app-page-employer_companies .cp40-side-card {
    border-radius: 22px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
  }

  body.mobile-app-page-employer-companies .cp40-layout,
  body.mobile-app-page-employer_companies .cp40-layout,
  body.mobile-app-page-employer-companies .cp40-main,
  body.mobile-app-page-employer_companies .cp40-main,
  body.mobile-app-page-employer-companies .cp40-sidebar,
  body.mobile-app-page-employer_companies .cp40-sidebar {
    display: block;
    width: 100%;
    min-width: 0;
  }

  body.mobile-app-page-employer-companies .cp40-kpis,
  body.mobile-app-page-employer_companies .cp40-kpis,
  body.mobile-app-page-employer-companies .cp40-status-tabs,
  body.mobile-app-page-employer_companies .cp40-status-tabs,
  body.mobile-app-page-employer-companies .cp40-quick-actions,
  body.mobile-app-page-employer_companies .cp40-quick-actions {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    padding-bottom: 6px;
  }

  body.mobile-app-page-employer-companies .cp40-kpis > *,
  body.mobile-app-page-employer_companies .cp40-kpis > *,
  body.mobile-app-page-employer-companies .cp40-status-tabs > *,
  body.mobile-app-page-employer_companies .cp40-status-tabs > *,
  body.mobile-app-page-employer-companies .cp40-quick-actions > *,
  body.mobile-app-page-employer_companies .cp40-quick-actions > * {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  body.mobile-app-page-employer-companies .cp40-btn,
  body.mobile-app-page-employer_companies .cp40-btn,
  body.mobile-app-page-employer-companies .cp40-action,
  body.mobile-app-page-employer_companies .cp40-action,
  body.mobile-app-page-employer-companies .cp40-priority,
  body.mobile-app-page-employer_companies .cp40-priority {
    min-height: 44px;
    touch-action: manipulation;
  }

  body.mobile-app-page-employer-companies .cp40-search-row,
  body.mobile-app-page-employer_companies .cp40-search-row,
  body.mobile-app-page-employer-companies .cp40-advanced-grid,
  body.mobile-app-page-employer_companies .cp40-advanced-grid,
  body.mobile-app-page-employer-companies .cp40-company-actions,
  body.mobile-app-page-employer_companies .cp40-company-actions {
    grid-template-columns: 1fr;
  }

  body.mobile-app-page-employer-companies .cp40-company-grid,
  body.mobile-app-page-employer_companies .cp40-company-grid {
    grid-template-columns: 1fr;
  }

  body.mobile-app-page-employer-companies a:focus-visible,
  body.mobile-app-page-employer_companies a:focus-visible,
  body.mobile-app-page-employer-companies button:focus-visible,
  body.mobile-app-page-employer_companies button:focus-visible,
  body.mobile-app-page-employer-companies input:focus-visible,
  body.mobile-app-page-employer_companies input:focus-visible,
  body.mobile-app-page-employer-companies select:focus-visible,
  body.mobile-app-page-employer_companies select:focus-visible,
  body.mobile-app-page-employer-companies summary:focus-visible,
  body.mobile-app-page-employer_companies summary:focus-visible {
    outline: 3px solid rgba(37, 99, 235, .35);
    outline-offset: 3px;
  }

  body.mobile-app-page-employer-companies .cp40-company-card *,
  body.mobile-app-page-employer_companies .cp40-company-card * {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 380px) {
  body.mobile-app-page-employer-companies .cp40-page,
  body.mobile-app-page-employer_companies .cp40-page { padding-left: 10px; padding-right: 10px; }
  body.mobile-app-page-employer-companies .cp40-hero,
  body.mobile-app-page-employer_companies .cp40-hero,
  body.mobile-app-page-employer-companies .cp40-filter-card,
  body.mobile-app-page-employer_companies .cp40-filter-card,
  body.mobile-app-page-employer-companies .cp40-company-card,
  body.mobile-app-page-employer_companies .cp40-company-card { border-radius: 18px; }
}


/* V195.2.1-H10.6 - Employer Applicants Native Pilot Gate.
   Mobile-only safety polish for /my-job-applicants/{lang}.
   No controller, route, applicant status, company, job, or resume behavior changes. */
@media (max-width: 760px) {
  body.mobile-app-page-employer-applicants .applicants-v1712-container,
  body.mobile-app-page-employer_applicants .applicants-v1712-container {
    max-width: 480px;
    margin: 0 auto;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
    overflow-x: hidden;
  }

  body.mobile-app-page-employer-applicants .applicants-v1712-page,
  body.mobile-app-page-employer_applicants .applicants-v1712-page,
  body.mobile-app-page-employer-applicants .applicants-v1712-header,
  body.mobile-app-page-employer_applicants .applicants-v1712-header,
  body.mobile-app-page-employer-applicants .applicants-v1712-card,
  body.mobile-app-page-employer_applicants .applicants-v1712-card,
  body.mobile-app-page-employer-applicants .applicants-v1712-summary,
  body.mobile-app-page-employer_applicants .applicants-v1712-summary,
  body.mobile-app-page-employer-applicants .applicants-v1712-list-panel,
  body.mobile-app-page-employer_applicants .applicants-v1712-list-panel,
  body.mobile-app-page-employer-applicants .applicants-v1712-filters,
  body.mobile-app-page-employer_applicants .applicants-v1712-filters {
    min-width: 0;
    max-width: 100%;
  }

  body.mobile-app-page-employer-applicants .applicants-v1712-workspace,
  body.mobile-app-page-employer_applicants .applicants-v1712-workspace,
  body.mobile-app-page-employer-applicants .applicants-v1712-card-row,
  body.mobile-app-page-employer_applicants .applicants-v1712-card-row,
  body.mobile-app-page-employer-applicants .applicants-v1712-header,
  body.mobile-app-page-employer_applicants .applicants-v1712-header,
  body.mobile-app-page-employer-applicants .applicants-v1712-header-context,
  body.mobile-app-page-employer_applicants .applicants-v1712-header-context,
  body.mobile-app-page-employer-applicants .applicants-v1712-header-actions,
  body.mobile-app-page-employer_applicants .applicants-v1712-header-actions,
  body.mobile-app-page-employer-applicants .applicants-v1712-card-actions,
  body.mobile-app-page-employer_applicants .applicants-v1712-card-actions {
    display: block;
    width: 100%;
  }

  body.mobile-app-page-employer-applicants .applicants-v1712-kpis,
  body.mobile-app-page-employer_applicants .applicants-v1712-kpis,
  body.mobile-app-page-employer-applicants .applicants-v1712-pipeline-flow,
  body.mobile-app-page-employer_applicants .applicants-v1712-pipeline-flow,
  body.mobile-app-page-employer-applicants .applicants-v1712-card-actions,
  body.mobile-app-page-employer_applicants .applicants-v1712-card-actions {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    gap: 10px;
    padding-bottom: 6px;
  }

  body.mobile-app-page-employer-applicants .applicants-v1712-card-actions,
  body.mobile-app-page-employer_applicants .applicants-v1712-card-actions {
    display: flex;
  }

  body.mobile-app-page-employer-applicants .applicants-v1712-btn,
  body.mobile-app-page-employer_applicants .applicants-v1712-btn,
  body.mobile-app-page-employer-applicants .applicants-v1712-action,
  body.mobile-app-page-employer_applicants .applicants-v1712-action,
  body.mobile-app-page-employer-applicants button,
  body.mobile-app-page-employer_applicants button {
    min-height: 44px;
    touch-action: manipulation;
  }

  body.mobile-app-page-employer-applicants .applicants-v1712-card *,
  body.mobile-app-page-employer_applicants .applicants-v1712-card *,
  body.mobile-app-page-employer-applicants .applicants-v1712-header *,
  body.mobile-app-page-employer_applicants .applicants-v1712-header * {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  body.mobile-app-page-employer-applicants a:focus-visible,
  body.mobile-app-page-employer_applicants a:focus-visible,
  body.mobile-app-page-employer-applicants button:focus-visible,
  body.mobile-app-page-employer_applicants button:focus-visible,
  body.mobile-app-page-employer-applicants select:focus-visible,
  body.mobile-app-page-employer_applicants select:focus-visible,
  body.mobile-app-page-employer-applicants input:focus-visible,
  body.mobile-app-page-employer_applicants input:focus-visible,
  body.mobile-app-page-employer-applicants summary:focus-visible,
  body.mobile-app-page-employer_applicants summary:focus-visible {
    outline: 3px solid rgba(37, 99, 235, .35);
    outline-offset: 3px;
  }
}

@media (max-width: 380px) {
  body.mobile-app-page-employer-applicants .applicants-v1712-container,
  body.mobile-app-page-employer_applicants .applicants-v1712-container { padding-left: 10px; padding-right: 10px; }
}


/* V195.2.1-H10.8 - Employer Add Job Native Pilot Gate.
   Mobile-only safety polish for /add-job/{lang}.
   No controller, route, save, publish, draft, preview, AI, applicant, company, job-list, or resume behavior changes. */
@media (max-width: 760px) {
  body.mobile-app-page-employer-add-job .job-posting-studio-page,
  body.mobile-app-page-employer_add_job .job-posting-studio-page {
    max-width: 480px;
    margin: 0 auto;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
    overflow-x: hidden;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-shell,
  body.mobile-app-page-employer_add_job .addjob-safe-shell,
  body.mobile-app-page-employer-add-job .addjob-safe-workspace,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace,
  body.mobile-app-page-employer-add-job .addjob-safe-main,
  body.mobile-app-page-employer_add_job .addjob-safe-main,
  body.mobile-app-page-employer-add-job .addjob-safe-form,
  body.mobile-app-page-employer_add_job .addjob-safe-form,
  body.mobile-app-page-employer-add-job .addjob-safe-step,
  body.mobile-app-page-employer_add_job .addjob-safe-step,
  body.mobile-app-page-employer-add-job .job-form-step,
  body.mobile-app-page-employer_add_job .job-form-step,
  body.mobile-app-page-employer-add-job .job-posting-step,
  body.mobile-app-page-employer_add_job .job-posting-step,
  body.mobile-app-page-employer-add-job .addjob-safe-section,
  body.mobile-app-page-employer_add_job .addjob-safe-section {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-workspace,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace,
  body.mobile-app-page-employer-add-job .addjob-safe-main,
  body.mobile-app-page-employer_add_job .addjob-safe-main,
  body.mobile-app-page-employer-add-job .addjob-safe-sidebar,
  body.mobile-app-page-employer_add_job .addjob-safe-sidebar,
  body.mobile-app-page-employer-add-job .addjob-safe-quality,
  body.mobile-app-page-employer_add_job .addjob-safe-quality,
  body.mobile-app-page-employer-add-job .job-vscode-panel,
  body.mobile-app-page-employer_add_job .job-vscode-panel {
    display: block;
    width: 100%;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-form input,
  body.mobile-app-page-employer_add_job .addjob-safe-form input,
  body.mobile-app-page-employer-add-job .addjob-safe-form select,
  body.mobile-app-page-employer_add_job .addjob-safe-form select,
  body.mobile-app-page-employer-add-job .addjob-safe-form textarea,
  body.mobile-app-page-employer_add_job .addjob-safe-form textarea,
  body.mobile-app-page-employer-add-job .addjob-safe-form button,
  body.mobile-app-page-employer_add_job .addjob-safe-form button,
  body.mobile-app-page-employer-add-job .addjob-safe-form a,
  body.mobile-app-page-employer_add_job .addjob-safe-form a {
    min-height: 44px;
    touch-action: manipulation;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-form textarea,
  body.mobile-app-page-employer_add_job .addjob-safe-form textarea {
    min-height: 132px;
  }

  body.mobile-app-page-employer-add-job .addjob-css-step-nav,
  body.mobile-app-page-employer_add_job .addjob-css-step-nav,
  body.mobile-app-page-employer-add-job .addjob-panel-nav-unified-v11,
  body.mobile-app-page-employer_add_job .addjob-panel-nav-unified-v11,
  body.mobile-app-page-employer-add-job .addjob-panel-nav-above-title-v11-2,
  body.mobile-app-page-employer_add_job .addjob-panel-nav-above-title-v11-2,
  body.mobile-app-page-employer-add-job .addjob-safe-actions,
  body.mobile-app-page-employer_add_job .addjob-safe-actions,
  body.mobile-app-page-employer-add-job .job-activity-bar,
  body.mobile-app-page-employer_add_job .job-activity-bar {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }

  body.mobile-app-page-employer-add-job a:focus-visible,
  body.mobile-app-page-employer_add_job a:focus-visible,
  body.mobile-app-page-employer-add-job button:focus-visible,
  body.mobile-app-page-employer_add_job button:focus-visible,
  body.mobile-app-page-employer-add-job input:focus-visible,
  body.mobile-app-page-employer_add_job input:focus-visible,
  body.mobile-app-page-employer-add-job select:focus-visible,
  body.mobile-app-page-employer_add_job select:focus-visible,
  body.mobile-app-page-employer-add-job textarea:focus-visible,
  body.mobile-app-page-employer_add_job textarea:focus-visible {
    outline: 3px solid rgba(37, 99, 235, .35);
    outline-offset: 3px;
  }
}

@media (max-width: 380px) {
  body.mobile-app-page-employer-add-job .job-posting-studio-page,
  body.mobile-app-page-employer_add_job .job-posting-studio-page { padding-left: 10px; padding-right: 10px; }
}


/* V195.2.1-H10.8.1 - Employer Add Job Mobile Overflow + Bottom Actions Gate Fix.
   Scope: /add-job/{lang} only via employer_add_job mobile pilot body class.
   Fixes horizontal overflow, off-viewport side/panel leakage, and clipped previous/next actions.
   No controller, route, save, publish, draft, preview, AI wizard, applicants, companies, or my-jobs behavior changes. */
@media (max-width: 760px) {
  body.mobile-app-page-employer-add-job,
  body.mobile-app-page-employer_add_job {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
  }

  body.mobile-app-page-employer-add-job *,
  body.mobile-app-page-employer-add-job *::before,
  body.mobile-app-page-employer-add-job *::after,
  body.mobile-app-page-employer_add_job *,
  body.mobile-app-page-employer_add_job *::before,
  body.mobile-app-page-employer_add_job *::after {
    box-sizing: border-box !important;
  }

  body.mobile-app-page-employer-add-job .job-posting-studio-page,
  body.mobile-app-page-employer_add_job .job-posting-studio-page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: calc(var(--runtime-mobile-nav, 82px) + 48px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
  }

  body.mobile-app-page-employer-add-job .panel-card,
  body.mobile-app-page-employer-add-job .addjob-safe-card,
  body.mobile-app-page-employer-add-job .panel-card-head,
  body.mobile-app-page-employer-add-job .addjob-safe-shell,
  body.mobile-app-page-employer-add-job .addjob-safe-workspace,
  body.mobile-app-page-employer-add-job .addjob-safe-main,
  body.mobile-app-page-employer-add-job .workspace-main,
  body.mobile-app-page-employer-add-job .addjob-safe-form,
  body.mobile-app-page-employer-add-job .addjob-safe-panel,
  body.mobile-app-page-employer-add-job .job-command-status,
  body.mobile-app-page-employer-add-job .job-status-main,
  body.mobile-app-page-employer-add-job .job-status-meta,
  body.mobile-app-page-employer-add-job .wizard-section-title,
  body.mobile-app-page-employer-add-job .form-row,
  body.mobile-app-page-employer-add-job label,
  body.mobile-app-page-employer_add_job .panel-card,
  body.mobile-app-page-employer_add_job .addjob-safe-card,
  body.mobile-app-page-employer_add_job .panel-card-head,
  body.mobile-app-page-employer_add_job .addjob-safe-shell,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace,
  body.mobile-app-page-employer_add_job .addjob-safe-main,
  body.mobile-app-page-employer_add_job .workspace-main,
  body.mobile-app-page-employer_add_job .addjob-safe-form,
  body.mobile-app-page-employer_add_job .addjob-safe-panel,
  body.mobile-app-page-employer_add_job .job-command-status,
  body.mobile-app-page-employer_add_job .job-status-main,
  body.mobile-app-page-employer_add_job .job-status-meta,
  body.mobile-app-page-employer_add_job .wizard-section-title,
  body.mobile-app-page-employer_add_job .form-row,
  body.mobile-app-page-employer_add_job label {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-shell,
  body.mobile-app-page-employer_add_job .addjob-safe-shell {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-workspace,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "main" !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-main,
  body.mobile-app-page-employer_add_job .addjob-safe-main {
    display: block !important;
    grid-area: main !important;
    margin: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 18px !important;
    overflow: visible !important;
    overflow-x: hidden !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job .job-activity-bar,
  body.mobile-app-page-employer_add_job .job-activity-bar {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 10px !important;
    padding: 7px !important;
    gap: 7px !important;
    overflow: hidden !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job .job-activity-button,
  body.mobile-app-page-employer_add_job .job-activity-button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 7px 4px !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  body.mobile-app-page-employer-add-job .job-activity-text,
  body.mobile-app-page-employer_add_job .job-activity-text {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-workspace > aside:not(.is-open),
  body.mobile-app-page-employer-add-job .addjob-safe-workspace > .job-mobile-panel-anchor:not(.is-open),
  body.mobile-app-page-employer_add_job .addjob-safe-workspace > aside:not(.is-open),
  body.mobile-app-page-employer_add_job .addjob-safe-workspace > .job-mobile-panel-anchor:not(.is-open) {
    display: none !important;
    position: static !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-workspace > aside.is-open,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace > aside.is-open {
    position: fixed !important;
    inset-block: 0 !important;
    inset-inline-start: 0 !important;
    width: min(420px, 92vw) !important;
    max-width: 92vw !important;
    min-width: 0 !important;
    z-index: 1200 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-steps,
  body.mobile-app-page-employer-add-job .addjob-css-step-nav,
  body.mobile-app-page-employer-add-job .addjob-panel-nav-unified-v11,
  body.mobile-app-page-employer-add-job .addjob-panel-nav-above-title-v11-2,
  body.mobile-app-page-employer_add_job .addjob-safe-steps,
  body.mobile-app-page-employer_add_job .addjob-css-step-nav,
  body.mobile-app-page-employer_add_job .addjob-panel-nav-unified-v11,
  body.mobile-app-page-employer_add_job .addjob-panel-nav-above-title-v11-2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-steps,
  body.mobile-app-page-employer_add_job .addjob-safe-steps {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 8px !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-steps a,
  body.mobile-app-page-employer-add-job .addjob-css-step-link,
  body.mobile-app-page-employer_add_job .addjob-safe-steps a,
  body.mobile-app-page-employer_add_job .addjob-css-step-link {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.mobile-app-page-employer-add-job .form-row,
  body.mobile-app-page-employer_add_job .form-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.mobile-app-page-employer-add-job input,
  body.mobile-app-page-employer-add-job select,
  body.mobile-app-page-employer-add-job textarea,
  body.mobile-app-page-employer-add-job .filterable-select-trigger,
  body.mobile-app-page-employer-add-job .native-select-hidden,
  body.mobile-app-page-employer_add_job input,
  body.mobile-app-page-employer_add_job select,
  body.mobile-app-page-employer_add_job textarea,
  body.mobile-app-page-employer_add_job .filterable-select-trigger,
  body.mobile-app-page-employer_add_job .native-select-hidden {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-actions,
  body.mobile-app-page-employer-add-job .workspace-sticky-actions,
  body.mobile-app-page-employer_add_job .addjob-safe-actions,
  body.mobile-app-page-employer_add_job .workspace-sticky-actions {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 14px 0 0 !important;
    padding: 10px !important;
    gap: 10px !important;
    overflow: hidden !important;
    transform: none !important;
    translate: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-actions > *,
  body.mobile-app-page-employer-add-job .workspace-sticky-actions > *,
  body.mobile-app-page-employer_add_job .addjob-safe-actions > *,
  body.mobile-app-page-employer_add_job .workspace-sticky-actions > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: hidden !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-actions > :nth-child(3):last-child,
  body.mobile-app-page-employer-add-job .workspace-sticky-actions > :nth-child(3):last-child,
  body.mobile-app-page-employer_add_job .addjob-safe-actions > :nth-child(3):last-child,
  body.mobile-app-page-employer_add_job .workspace-sticky-actions > :nth-child(3):last-child {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 430px) {
  body.mobile-app-page-employer-add-job .addjob-safe-steps,
  body.mobile-app-page-employer_add_job .addjob-safe-steps,
  body.mobile-app-page-employer-add-job .job-activity-bar,
  body.mobile-app-page-employer_add_job .job-activity-bar,
  body.mobile-app-page-employer-add-job .addjob-safe-actions,
  body.mobile-app-page-employer-add-job .workspace-sticky-actions,
  body.mobile-app-page-employer_add_job .addjob-safe-actions,
  body.mobile-app-page-employer_add_job .workspace-sticky-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* V195.2.1-H10.8.2 - Employer Add Job Final Mobile Layout Gate Fix.
   Scope: /add-job/{lang} only, via employer_add_job body page contract.
   Purpose: fix remaining left rail/implicit tool column leakage and clipped previous/next actions after H10.8.1.
   No controller, route, save, publish, draft, preview, AI wizard, applicants, companies, or my-jobs behavior changes. */
@media (max-width: 1100px) {
  html:has(body.mobile-app-page-employer-add-job),
  html:has(body.mobile-app-page-employer_add_job),
  body.mobile-app-page-employer-add-job,
  body.mobile-app-page-employer_add_job {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none !important;
  }

  body.mobile-app-page-employer-add-job,
  body.mobile-app-page-employer_add_job {
    --addjob-h1082-edge: 14px;
    --addjob-h1082-bottom-safe: calc(var(--runtime-mobile-nav, 82px) + 48px + env(safe-area-inset-bottom, 0px));
  }

  body.mobile-app-page-employer-add-job *,
  body.mobile-app-page-employer-add-job *::before,
  body.mobile-app-page-employer-add-job *::after,
  body.mobile-app-page-employer_add_job *,
  body.mobile-app-page-employer_add_job *::before,
  body.mobile-app-page-employer_add_job *::after {
    box-sizing: border-box !important;
    min-width: 0;
  }

  body.mobile-app-page-employer-add-job .job-posting-studio-page,
  body.mobile-app-page-employer_add_job .job-posting-studio-page,
  html body.mobile-app-page-employer-add-job .container.job-posting-studio-page,
  html body.mobile-app-page-employer_add_job .container.job-posting-studio-page {
    display: block !important;
    width: 100% !important;
    max-width: min(100%, 620px) !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    padding-inline: var(--addjob-h1082-edge) !important;
    padding-block-end: var(--addjob-h1082-bottom-safe) !important;
    overflow-x: hidden !important;
    transform: none !important;
    translate: 0 !important;
    left: auto !important;
    right: auto !important;
  }

  body.mobile-app-page-employer-add-job .panel-card.addjob-safe-card,
  body.mobile-app-page-employer_add_job .panel-card.addjob-safe-card,
  body.mobile-app-page-employer-add-job .addjob-safe-shell,
  body.mobile-app-page-employer_add_job .addjob-safe-shell,
  body.mobile-app-page-employer-add-job .addjob-safe-workspace,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace,
  body.mobile-app-page-employer-add-job .addjob-safe-main,
  body.mobile-app-page-employer_add_job .addjob-safe-main,
  body.mobile-app-page-employer-add-job .workspace-main,
  body.mobile-app-page-employer_add_job .workspace-main,
  body.mobile-app-page-employer-add-job .addjob-safe-form,
  body.mobile-app-page-employer_add_job .addjob-safe-form,
  body.mobile-app-page-employer-add-job .addjob-safe-panel,
  body.mobile-app-page-employer_add_job .addjob-safe-panel,
  body.mobile-app-page-employer-add-job .panel-form,
  body.mobile-app-page-employer_add_job .panel-form,
  body.mobile-app-page-employer-add-job .form-row,
  body.mobile-app-page-employer_add_job .form-row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    transform: none !important;
    translate: 0 !important;
    left: auto !important;
    right: auto !important;
    clip-path: none !important;
  }

  body.mobile-app-page-employer-add-job .panel-card.addjob-safe-card,
  body.mobile-app-page-employer_add_job .panel-card.addjob-safe-card {
    overflow-x: hidden !important;
    border-radius: 22px !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-shell,
  body.mobile-app-page-employer_add_job .addjob-safe-shell {
    padding: 10px !important;
    overflow-x: hidden !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-workspace,
  body.mobile-app-page-employer-add-job .addjob-safe-workspace.workspace-layout,
  body.mobile-app-page-employer-add-job .addjob-safe-workspace.workspace-layout-left,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace.workspace-layout,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace.workspace-layout-left {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "main" !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-main,
  body.mobile-app-page-employer-add-job main.addjob-safe-main.workspace-main,
  body.mobile-app-page-employer_add_job .addjob-safe-main,
  body.mobile-app-page-employer_add_job main.addjob-safe-main.workspace-main {
    grid-area: main !important;
    display: block !important;
    padding: 10px !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  body.mobile-app-page-employer-add-job .job-activity-bar,
  body.mobile-app-page-employer_add_job .job-activity-bar {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 12px !important;
    padding: 7px !important;
    gap: 7px !important;
    overflow: hidden !important;
    order: 0 !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job .job-activity-button,
  body.mobile-app-page-employer_add_job .job-activity-button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 7px 3px !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: hidden !important;
  }

  body.mobile-app-page-employer-add-job .job-activity-text,
  body.mobile-app-page-employer_add_job .job-activity-text {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-workspace > aside:not(.is-open),
  body.mobile-app-page-employer-add-job .addjob-safe-workspace > .job-mobile-panel-anchor:not(.is-open),
  body.mobile-app-page-employer_add_job .addjob-safe-workspace > aside:not(.is-open),
  body.mobile-app-page-employer_add_job .addjob-safe-workspace > .job-mobile-panel-anchor:not(.is-open) {
    display: none !important;
    position: static !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-workspace > aside.is-open,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace > aside.is-open {
    position: fixed !important;
    inset-block: 0 !important;
    inset-inline-start: 0 !important;
    width: min(420px, 92vw) !important;
    max-width: 92vw !important;
    min-width: 0 !important;
    z-index: 1200 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-steps,
  body.mobile-app-page-employer-add-job .addjob-css-step-nav,
  body.mobile-app-page-employer-add-job .addjob-panel-nav-unified-v11,
  body.mobile-app-page-employer-add-job .addjob-panel-nav-above-title-v11-2,
  body.mobile-app-page-employer_add_job .addjob-safe-steps,
  body.mobile-app-page-employer_add_job .addjob-css-step-nav,
  body.mobile-app-page-employer_add_job .addjob-panel-nav-unified-v11,
  body.mobile-app-page-employer_add_job .addjob-panel-nav-above-title-v11-2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job .form-row,
  body.mobile-app-page-employer_add_job .form-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.mobile-app-page-employer-add-job input,
  body.mobile-app-page-employer-add-job select,
  body.mobile-app-page-employer-add-job textarea,
  body.mobile-app-page-employer-add-job .select-enhanced,
  body.mobile-app-page-employer-add-job .filterable-select-trigger,
  body.mobile-app-page-employer-add-job .select-trigger,
  body.mobile-app-page-employer-add-job .native-select-hidden,
  body.mobile-app-page-employer_add_job input,
  body.mobile-app-page-employer_add_job select,
  body.mobile-app-page-employer_add_job textarea,
  body.mobile-app-page-employer_add_job .select-enhanced,
  body.mobile-app-page-employer_add_job .filterable-select-trigger,
  body.mobile-app-page-employer_add_job .select-trigger,
  body.mobile-app-page-employer_add_job .native-select-hidden {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-actions,
  body.mobile-app-page-employer-add-job .workspace-sticky-actions,
  body.mobile-app-page-employer_add_job .addjob-safe-actions,
  body.mobile-app-page-employer_add_job .workspace-sticky-actions {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 14px 0 0 !important;
    padding: 10px !important;
    gap: 10px !important;
    overflow: hidden !important;
    transform: none !important;
    translate: 0 !important;
    box-sizing: border-box !important;
    direction: inherit !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-actions > *,
  body.mobile-app-page-employer-add-job .workspace-sticky-actions > *,
  body.mobile-app-page-employer_add_job .addjob-safe-actions > *,
  body.mobile-app-page-employer_add_job .workspace-sticky-actions > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: hidden !important;
    transform: none !important;
    translate: 0 !important;
  }
}

@media (max-width: 430px) {
  body.mobile-app-page-employer-add-job,
  body.mobile-app-page-employer_add_job { --addjob-h1082-edge: 10px; }
  body.mobile-app-page-employer-add-job .job-activity-bar,
  body.mobile-app-page-employer_add_job .job-activity-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* V195.2.1-H10.8.3 - Employer Add Job residual viewport containment + gate precision fix.
   Scope: /add-job/{lang} only via employer_add_job body page contract.
   Purpose: remove the remaining 4px body width leak, neutralize inert skip-link/closed-popover offscreen false positives,
   and keep previous/next/save actions fully inside the mobile viewport.
   No controller, route, save, publish, draft, preview, AI wizard, applicants, companies, or my-jobs behavior changes. */
@media (max-width: 1100px) {
  body.mobile-app-page-employer-add-job,
  body.mobile-app-page-employer_add_job {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    overflow-x: clip !important;
    overscroll-behavior-x: none !important;
    --addjob-h1083-edge: 10px;
    --addjob-h1083-bottom-safe: calc(var(--runtime-mobile-nav, 82px) + 56px + env(safe-area-inset-bottom, 0px));
  }

  body.mobile-app-page-employer-add-job *,
  body.mobile-app-page-employer-add-job *::before,
  body.mobile-app-page-employer-add-job *::after,
  body.mobile-app-page-employer_add_job *,
  body.mobile-app-page-employer_add_job *::before,
  body.mobile-app-page-employer_add_job *::after {
    box-sizing: border-box !important;
    min-width: 0;
  }

  body.mobile-app-page-employer-add-job > .skip-link:not(:focus):not(:focus-visible),
  body.mobile-app-page-employer_add_job > .skip-link:not(:focus):not(:focus-visible),
  body.mobile-app-page-employer-add-job .skip-link:not(:focus):not(:focus-visible),
  body.mobile-app-page-employer_add_job .skip-link:not(:focus):not(:focus-visible) {
    position: fixed !important;
    inset-block-start: 0 !important;
    inset-inline-start: 0 !important;
    width: 1px !important;
    max-width: 1px !important;
    height: 1px !important;
    max-height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    transform: none !important;
    translate: 0 !important;
    white-space: nowrap !important;
  }

  body.mobile-app-page-employer-add-job #mobile-app-menu-v19521[popover]:not(:popover-open),
  body.mobile-app-page-employer_add_job #mobile-app-menu-v19521[popover]:not(:popover-open) {
    display: none !important;
    position: fixed !important;
    inset: auto 0 auto auto !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    translate: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  body.mobile-app-page-employer-add-job .job-posting-studio-page,
  body.mobile-app-page-employer_add_job .job-posting-studio-page,
  html body.mobile-app-page-employer-add-job .container.job-posting-studio-page,
  html body.mobile-app-page-employer_add_job .container.job-posting-studio-page {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    padding-inline: var(--addjob-h1083-edge) !important;
    padding-block-end: var(--addjob-h1083-bottom-safe) !important;
    overflow-x: clip !important;
    transform: none !important;
    translate: 0 !important;
    left: auto !important;
    right: auto !important;
    contain: layout paint;
  }

  body.mobile-app-page-employer-add-job .panel-card.addjob-safe-card,
  body.mobile-app-page-employer_add_job .panel-card.addjob-safe-card,
  body.mobile-app-page-employer-add-job .addjob-safe-shell,
  body.mobile-app-page-employer_add_job .addjob-safe-shell,
  body.mobile-app-page-employer-add-job .addjob-safe-workspace,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace,
  body.mobile-app-page-employer-add-job .addjob-safe-main,
  body.mobile-app-page-employer_add_job .addjob-safe-main,
  body.mobile-app-page-employer-add-job .workspace-main,
  body.mobile-app-page-employer_add_job .workspace-main,
  body.mobile-app-page-employer-add-job .addjob-safe-form,
  body.mobile-app-page-employer_add_job .addjob-safe-form,
  body.mobile-app-page-employer-add-job .addjob-safe-panel,
  body.mobile-app-page-employer_add_job .addjob-safe-panel,
  body.mobile-app-page-employer-add-job .panel-form,
  body.mobile-app-page-employer_add_job .panel-form,
  body.mobile-app-page-employer-add-job .form-row,
  body.mobile-app-page-employer_add_job .form-row,
  body.mobile-app-page-employer-add-job .job-command-status,
  body.mobile-app-page-employer_add_job .job-command-status {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    transform: none !important;
    translate: 0 !important;
    left: auto !important;
    right: auto !important;
    clip-path: none !important;
    overflow-x: clip !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-shell,
  body.mobile-app-page-employer_add_job .addjob-safe-shell {
    padding: 10px !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-workspace,
  body.mobile-app-page-employer-add-job .addjob-safe-workspace.workspace-layout,
  body.mobile-app-page-employer-add-job .addjob-safe-workspace.workspace-layout-left,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace.workspace-layout,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace.workspace-layout-left {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "main" !important;
    gap: 0 !important;
    padding: 0 !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-main,
  body.mobile-app-page-employer-add-job main.addjob-safe-main.workspace-main,
  body.mobile-app-page-employer_add_job .addjob-safe-main,
  body.mobile-app-page-employer_add_job main.addjob-safe-main.workspace-main {
    grid-area: main !important;
    display: block !important;
    padding-inline: 0 !important;
    padding-block: 10px !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-workspace > aside:not(.is-open),
  body.mobile-app-page-employer-add-job .addjob-safe-workspace > .job-mobile-panel-anchor:not(.is-open),
  body.mobile-app-page-employer-add-job .addjob-safe-workspace > .job-vscode-panel:not(.is-open),
  body.mobile-app-page-employer-add-job .addjob-safe-workspace > .addjob-safe-sidebar:not(.is-open),
  body.mobile-app-page-employer_add_job .addjob-safe-workspace > aside:not(.is-open),
  body.mobile-app-page-employer_add_job .addjob-safe-workspace > .job-mobile-panel-anchor:not(.is-open),
  body.mobile-app-page-employer_add_job .addjob-safe-workspace > .job-vscode-panel:not(.is-open),
  body.mobile-app-page-employer_add_job .addjob-safe-workspace > .addjob-safe-sidebar:not(.is-open) {
    display: none !important;
    position: static !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job .job-activity-bar,
  body.mobile-app-page-employer_add_job .job-activity-bar {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 12px !important;
    padding: 7px !important;
    gap: 7px !important;
    overflow: hidden !important;
    order: 0 !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job .job-activity-button,
  body.mobile-app-page-employer_add_job .job-activity-button,
  body.mobile-app-page-employer-add-job .job-activity-button *,
  body.mobile-app-page-employer_add_job .job-activity-button * {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.mobile-app-page-employer-add-job input,
  body.mobile-app-page-employer-add-job select,
  body.mobile-app-page-employer-add-job textarea,
  body.mobile-app-page-employer-add-job button,
  body.mobile-app-page-employer-add-job .btn,
  body.mobile-app-page-employer-add-job .select-enhanced,
  body.mobile-app-page-employer-add-job .filterable-select-trigger,
  body.mobile-app-page-employer-add-job .select-trigger,
  body.mobile-app-page-employer-add-job .native-select-hidden,
  body.mobile-app-page-employer_add_job input,
  body.mobile-app-page-employer_add_job select,
  body.mobile-app-page-employer_add_job textarea,
  body.mobile-app-page-employer_add_job button,
  body.mobile-app-page-employer_add_job .btn,
  body.mobile-app-page-employer_add_job .select-enhanced,
  body.mobile-app-page-employer_add_job .filterable-select-trigger,
  body.mobile-app-page-employer_add_job .select-trigger,
  body.mobile-app-page-employer_add_job .native-select-hidden {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-actions,
  body.mobile-app-page-employer-add-job .workspace-sticky-actions,
  body.mobile-app-page-employer_add_job .addjob-safe-actions,
  body.mobile-app-page-employer_add_job .workspace-sticky-actions {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 14px 0 0 !important;
    padding: 10px !important;
    gap: 10px !important;
    overflow: hidden !important;
    transform: none !important;
    translate: 0 !important;
    direction: inherit !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-actions > *,
  body.mobile-app-page-employer-add-job .workspace-sticky-actions > *,
  body.mobile-app-page-employer_add_job .addjob-safe-actions > *,
  body.mobile-app-page-employer_add_job .workspace-sticky-actions > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: hidden !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job [data-addjob-h1083-contained="1"],
  body.mobile-app-page-employer_add_job [data-addjob-h1083-contained="1"] {
    max-width: calc(100vw - 20px) !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    transform: none !important;
    translate: 0 !important;
  }
}

/* V195.2.1-H10.8.5 - Employer Add Job tool-panel workspace containment + final gate precision fix.
   Scope: /add-job/{lang} only via employer_add_job body page contract.
   Purpose: remove residual offscreen readings caused by the Add Job tool panels / step cards / internal carousels
   after H10.8.3, without touching controllers, routes, save/publish/draft/preview, AI wizard, applicants, companies, or my-jobs. */
@media (max-width: 1100px) {
  body.mobile-app-page-employer-add-job,
  body.mobile-app-page-employer_add_job {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: clip !important;
    overscroll-behavior-x: none !important;
    --addjob-h1085-edge: 10px;
    --addjob-h1085-bottom-safe: calc(var(--runtime-mobile-nav, 82px) + 64px + env(safe-area-inset-bottom, 0px));
  }

  body.mobile-app-page-employer-add-job .job-posting-studio-page,
  body.mobile-app-page-employer_add_job .job-posting-studio-page,
  body.mobile-app-page-employer-add-job .addjob-safe-shell,
  body.mobile-app-page-employer_add_job .addjob-safe-shell,
  body.mobile-app-page-employer-add-job .addjob-safe-workspace,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace,
  body.mobile-app-page-employer-add-job .addjob-safe-main,
  body.mobile-app-page-employer_add_job .addjob-safe-main,
  body.mobile-app-page-employer-add-job .addjob-safe-panel,
  body.mobile-app-page-employer_add_job .addjob-safe-panel,
  body.mobile-app-page-employer-add-job .job-vscode-panel,
  body.mobile-app-page-employer_add_job .job-vscode-panel,
  body.mobile-app-page-employer-add-job .addjob-safe-sidebar,
  body.mobile-app-page-employer_add_job .addjob-safe-sidebar {
    max-width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
    translate: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
  }

  body.mobile-app-page-employer-add-job .job-posting-studio-page,
  body.mobile-app-page-employer_add_job .job-posting-studio-page {
    padding-inline: var(--addjob-h1085-edge) !important;
    padding-block-end: var(--addjob-h1085-bottom-safe) !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-workspace,
  body.mobile-app-page-employer-add-job .addjob-safe-workspace.workspace-layout,
  body.mobile-app-page-employer-add-job .addjob-safe-workspace.workspace-layout-left,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace.workspace-layout,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace.workspace-layout-left {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "main" !important;
    gap: 0 !important;
    width: 100% !important;
    padding: 0 !important;
  }

  body.mobile-app-page-employer-add-job .job-activity-bar,
  body.mobile-app-page-employer_add_job .job-activity-bar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 12px !important;
    padding: 7px !important;
    gap: 7px !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    scroll-snap-type: none !important;
  }

  body.mobile-app-page-employer-add-job .job-activity-bar > *,
  body.mobile-app-page-employer_add_job .job-activity-bar > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
    translate: 0 !important;
    scroll-snap-align: none !important;
  }

  body.mobile-app-page-employer-add-job .job-side-step-map,
  body.mobile-app-page-employer_add_job .job-side-step-map,
  body.mobile-app-page-employer-add-job .addjob-safe-steps,
  body.mobile-app-page-employer_add_job .addjob-safe-steps,
  body.mobile-app-page-employer-add-job .addjob-css-step-nav,
  body.mobile-app-page-employer_add_job .addjob-css-step-nav,
  body.mobile-app-page-employer-add-job .addjob-panel-nav-unified-v11,
  body.mobile-app-page-employer_add_job .addjob-panel-nav-unified-v11,
  body.mobile-app-page-employer-add-job .addjob-panel-nav-above-title-v11-2,
  body.mobile-app-page-employer_add_job .addjob-panel-nav-above-title-v11-2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    scroll-snap-type: none !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job .job-side-step-map > *,
  body.mobile-app-page-employer_add_job .job-side-step-map > *,
  body.mobile-app-page-employer-add-job .addjob-safe-steps > *,
  body.mobile-app-page-employer_add_job .addjob-safe-steps > *,
  body.mobile-app-page-employer-add-job .addjob-css-step-nav > *,
  body.mobile-app-page-employer_add_job .addjob-css-step-nav > *,
  body.mobile-app-page-employer-add-job .addjob-panel-nav-unified-v11 > *,
  body.mobile-app-page-employer_add_job .addjob-panel-nav-unified-v11 > *,
  body.mobile-app-page-employer-add-job .addjob-panel-nav-above-title-v11-2 > *,
  body.mobile-app-page-employer_add_job .addjob-panel-nav-above-title-v11-2 > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    transform: none !important;
    translate: 0 !important;
    scroll-snap-align: none !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-actions,
  body.mobile-app-page-employer-add-job .workspace-sticky-actions,
  body.mobile-app-page-employer_add_job .addjob-safe-actions,
  body.mobile-app-page-employer_add_job .workspace-sticky-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 14px 0 0 !important;
    padding: 10px !important;
    gap: 10px !important;
    overflow-x: hidden !important;
  }

  body.mobile-app-page-employer-add-job .addjob-safe-actions > *,
  body.mobile-app-page-employer-add-job .workspace-sticky-actions > *,
  body.mobile-app-page-employer_add_job .addjob-safe-actions > *,
  body.mobile-app-page-employer_add_job .workspace-sticky-actions > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.mobile-app-page-employer-add-job [data-addjob-h1085-contained="1"],
  body.mobile-app-page-employer_add_job [data-addjob-h1085-contained="1"] {
    max-width: calc(100vw - 20px) !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    transform: none !important;
    translate: 0 !important;
  }
}


/* V195.2.1-H10.8.5 — Employer Add Job tool-rail hard containment.
   Scope: /add-job/{lang} only via employer_add_job body page contract.
   Purpose: remove remaining negative-positioned activity/tool buttons from viewport checks without changing routes/controllers/save/publish logic. */
@media (max-width: 1100px) {
  body.mobile-app-page-employer-add-job,
  body.mobile-app-page-employer_add_job {
    overflow-x: clip !important;
    max-width: 100vw !important;
  }

  body.mobile-app-page-employer-add-job .job-activity-bar,
  body.mobile-app-page-employer_add_job .job-activity-bar {
    position: static !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 12px !important;
    padding: 7px !important;
    gap: 8px !important;
    overflow: hidden !important;
    transform: none !important;
    translate: 0 !important;
    contain: layout paint !important;
  }

  body.mobile-app-page-employer-add-job .job-activity-bar *,
  body.mobile-app-page-employer_add_job .job-activity-bar * {
    position: static !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    float: none !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job .job-activity-bar > *,
  body.mobile-app-page-employer_add_job .job-activity-bar > * {
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body.mobile-app-page-employer-add-job [data-addjob-h1085-hidden-offscreen-tool="1"],
  body.mobile-app-page-employer_add_job [data-addjob-h1085-hidden-offscreen-tool="1"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.mobile-app-page-employer-add-job [data-addjob-h1085-contained="1"],
  body.mobile-app-page-employer_add_job [data-addjob-h1085-contained="1"] {
    max-width: calc(100vw - 20px) !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    transform: none !important;
    translate: 0 !important;
  }
}


/* V195.2.1-H10.8.6 — Employer Add Job visible viewport intersection containment.
   Scope: /add-job/{lang} only through employer_add_job body contract.
   Purpose: distinguish truly visible overflow from descendants clipped by closed/contained tool panels,
   while keeping previous/next/draft actions fully visible and without changing controllers/routes/save/publish. */
@media (max-width: 1100px) {
  body.mobile-app-page-employer-add-job,
  body.mobile-app-page-employer_add_job {
    max-width: 100vw !important;
    overflow-x: clip !important;
    overscroll-behavior-x: none !important;
  }

  body.mobile-app-page-employer-add-job .job-posting-studio-page,
  body.mobile-app-page-employer_add_job .job-posting-studio-page,
  body.mobile-app-page-employer-add-job .panel-card.addjob-safe-card,
  body.mobile-app-page-employer_add_job .panel-card.addjob-safe-card,
  body.mobile-app-page-employer-add-job .addjob-safe-shell,
  body.mobile-app-page-employer_add_job .addjob-safe-shell,
  body.mobile-app-page-employer-add-job .addjob-safe-workspace,
  body.mobile-app-page-employer_add_job .addjob-safe-workspace,
  body.mobile-app-page-employer-add-job .addjob-safe-main,
  body.mobile-app-page-employer_add_job .addjob-safe-main,
  body.mobile-app-page-employer-add-job .job-mobile-panel-anchor,
  body.mobile-app-page-employer_add_job .job-mobile-panel-anchor {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job .job-mobile-panel-anchor,
  body.mobile-app-page-employer_add_job .job-mobile-panel-anchor {
    contain: layout paint !important;
  }

  body.mobile-app-page-employer-add-job .job-mobile-panel-anchor > .job-vscode-panel,
  body.mobile-app-page-employer-add-job .job-mobile-panel-anchor > .addjob-safe-sidebar,
  body.mobile-app-page-employer_add_job .job-mobile-panel-anchor > .job-vscode-panel,
  body.mobile-app-page-employer_add_job .job-mobile-panel-anchor > .addjob-safe-sidebar,
  body.mobile-app-page-employer-add-job .job-vscode-panel.job-tool-open,
  body.mobile-app-page-employer-add-job .addjob-safe-sidebar.job-tool-open,
  body.mobile-app-page-employer_add_job .job-vscode-panel.job-tool-open,
  body.mobile-app-page-employer_add_job .addjob-safe-sidebar.job-tool-open {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    overflow-x: hidden !important;
    transform: none !important;
    translate: 0 !important;
    contain: layout paint !important;
  }

  body.mobile-app-page-employer-add-job .job-vscode-panel[aria-hidden="true"],
  body.mobile-app-page-employer-add-job .addjob-safe-sidebar[aria-hidden="true"],
  body.mobile-app-page-employer-add-job .job-vscode-panel:not(.job-tool-open),
  body.mobile-app-page-employer-add-job .addjob-safe-sidebar:not(.job-tool-open),
  body.mobile-app-page-employer_add_job .job-vscode-panel[aria-hidden="true"],
  body.mobile-app-page-employer_add_job .addjob-safe-sidebar[aria-hidden="true"],
  body.mobile-app-page-employer_add_job .job-vscode-panel:not(.job-tool-open),
  body.mobile-app-page-employer_add_job .addjob-safe-sidebar:not(.job-tool-open) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.mobile-app-page-employer-add-job .job-vscode-panel *,
  body.mobile-app-page-employer-add-job .addjob-safe-sidebar *,
  body.mobile-app-page-employer_add_job .job-vscode-panel *,
  body.mobile-app-page-employer_add_job .addjob-safe-sidebar * {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.mobile-app-page-employer-add-job .job-side-step-map,
  body.mobile-app-page-employer-add-job .addjob-safe-steps,
  body.mobile-app-page-employer-add-job .addjob-css-step-nav,
  body.mobile-app-page-employer-add-job .job-template-stack,
  body.mobile-app-page-employer-add-job .posting-coach-card,
  body.mobile-app-page-employer-add-job .quality-score-card,
  body.mobile-app-page-employer_add_job .job-side-step-map,
  body.mobile-app-page-employer_add_job .addjob-safe-steps,
  body.mobile-app-page-employer_add_job .addjob-css-step-nav,
  body.mobile-app-page-employer_add_job .job-template-stack,
  body.mobile-app-page-employer_add_job .posting-coach-card,
  body.mobile-app-page-employer_add_job .quality-score-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    overflow-x: hidden !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job .job-side-step-map > *,
  body.mobile-app-page-employer-add-job .addjob-safe-steps > *,
  body.mobile-app-page-employer-add-job .addjob-css-step-nav > *,
  body.mobile-app-page-employer-add-job .job-template-stack > *,
  body.mobile-app-page-employer_add_job .job-side-step-map > *,
  body.mobile-app-page-employer_add_job .addjob-safe-steps > *,
  body.mobile-app-page-employer_add_job .addjob-css-step-nav > *,
  body.mobile-app-page-employer_add_job .job-template-stack > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    overflow-x: hidden !important;
    transform: none !important;
    translate: 0 !important;
  }

  body.mobile-app-page-employer-add-job [data-addjob-h1086-contained="1"],
  body.mobile-app-page-employer_add_job [data-addjob-h1086-contained="1"] {
    max-width: calc(100vw - 20px) !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    transform: none !important;
    translate: 0 !important;
  }
}



/* E9 / H10.11 — Employer Job AI Wizard Native Pilot Gate
   Scope: /job-ai-wizard/{lang} only via employer_job_ai_wizard mobile pilot body class.
   Baseline retained from V195.2.1-H10.8.6. */
body.mobile-app-page-employer_job_ai_wizard,
body.mobile-app-page-employer-job-ai-wizard{
  --employer-aiw-h1010-bottom-space: calc(104px + env(safe-area-inset-bottom, 0px));
  max-width:100%!important;
  overflow-x:hidden!important;
  background:#f4f8fc!important;
}
body.mobile-app-page-employer_job_ai_wizard *,
body.mobile-app-page-employer-job-ai-wizard *{
  box-sizing:border-box;
}
body.mobile-app-page-employer_job_ai_wizard main,
body.mobile-app-page-employer-job-ai-wizard main,
body.mobile-app-page-employer_job_ai_wizard .aiw169-page,
body.mobile-app-page-employer-job-ai-wizard .aiw169-page,
body.mobile-app-page-employer_job_ai_wizard .aiw169-container,
body.mobile-app-page-employer-job-ai-wizard .aiw169-container{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}
body.mobile-app-page-employer_job_ai_wizard .aiw169-page,
body.mobile-app-page-employer-job-ai-wizard .aiw169-page{
  padding-top:14px!important;
  padding-bottom:var(--employer-aiw-h1010-bottom-space)!important;
}
body.mobile-app-page-employer_job_ai_wizard .aiw169-container,
body.mobile-app-page-employer-job-ai-wizard .aiw169-container{
  padding-inline:10px!important;
  margin-inline:auto!important;
}
body.mobile-app-page-employer_job_ai_wizard .aiw169-grid,
body.mobile-app-page-employer-job-ai-wizard .aiw169-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"main" "right" "left"!important;
  gap:12px!important;
  overflow:hidden!important;
}
body.mobile-app-page-employer_job_ai_wizard .aiw169-main,
body.mobile-app-page-employer-job-ai-wizard .aiw169-main,
body.mobile-app-page-employer_job_ai_wizard .aiw169-right,
body.mobile-app-page-employer-job-ai-wizard .aiw169-right,
body.mobile-app-page-employer_job_ai_wizard .aiw169-left,
body.mobile-app-page-employer-job-ai-wizard .aiw169-left,
body.mobile-app-page-employer_job_ai_wizard .aiw169-side-header,
body.mobile-app-page-employer-job-ai-wizard .aiw169-side-header,
body.mobile-app-page-employer_job_ai_wizard .aiw169-side-card,
body.mobile-app-page-employer-job-ai-wizard .aiw169-side-card{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-inline:0!important;
  transform:none!important;
  translate:0!important;
  overflow:hidden!important;
}
body.mobile-app-page-employer_job_ai_wizard .aiw169-right,
body.mobile-app-page-employer-job-ai-wizard .aiw169-right,
body.mobile-app-page-employer_job_ai_wizard .aiw169-left,
body.mobile-app-page-employer-job-ai-wizard .aiw169-left{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
}
body.mobile-app-page-employer_job_ai_wizard .aiw169-main-header,
body.mobile-app-page-employer-job-ai-wizard .aiw169-main-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  padding:16px 14px 12px!important;
}
body.mobile-app-page-employer_job_ai_wizard .aiw169-main-status,
body.mobile-app-page-employer-job-ai-wizard .aiw169-main-status{
  width:100%!important;
  min-width:0!important;
}
body.mobile-app-page-employer_job_ai_wizard .aiw-focus-step.active,
body.mobile-app-page-employer-job-ai-wizard .aiw-focus-step.active{
  padding:16px 14px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
body.mobile-app-page-employer_job_ai_wizard .aiw-card-grid,
body.mobile-app-page-employer-job-ai-wizard .aiw-card-grid,
body.mobile-app-page-employer_job_ai_wizard .aiw-v30-card-grid[data-aiw-choice-group],
body.mobile-app-page-employer-job-ai-wizard .aiw-v30-card-grid[data-aiw-choice-group],
body.mobile-app-page-employer_job_ai_wizard .aiw-multi-grid,
body.mobile-app-page-employer-job-ai-wizard .aiw-multi-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
body.mobile-app-page-employer_job_ai_wizard .aiw-choice-card,
body.mobile-app-page-employer-job-ai-wizard .aiw-choice-card,
body.mobile-app-page-employer_job_ai_wizard .aiw-multi-card,
body.mobile-app-page-employer-job-ai-wizard .aiw-multi-card,
body.mobile-app-page-employer_job_ai_wizard .aiw-single-input-card,
body.mobile-app-page-employer-job-ai-wizard .aiw-single-input-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
body.mobile-app-page-employer_job_ai_wizard input,
body.mobile-app-page-employer-job-ai-wizard input,
body.mobile-app-page-employer_job_ai_wizard textarea,
body.mobile-app-page-employer-job-ai-wizard textarea,
body.mobile-app-page-employer_job_ai_wizard select,
body.mobile-app-page-employer-job-ai-wizard select,
body.mobile-app-page-employer_job_ai_wizard button,
body.mobile-app-page-employer-job-ai-wizard button,
body.mobile-app-page-employer_job_ai_wizard a.btn,
body.mobile-app-page-employer-job-ai-wizard a.btn{
  max-width:100%!important;
  min-width:0!important;
}
body.mobile-app-page-employer_job_ai_wizard .aiw169-actions,
body.mobile-app-page-employer-job-ai-wizard .aiw169-actions{
  position:static!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:12px 14px!important;
  overflow:hidden!important;
}
body.mobile-app-page-employer_job_ai_wizard .aiw169-action-nav,
body.mobile-app-page-employer-job-ai-wizard .aiw169-action-nav,
body.mobile-app-page-employer_job_ai_wizard .aiw169-action-create,
body.mobile-app-page-employer-job-ai-wizard .aiw169-action-create{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
}
body.mobile-app-page-employer_job_ai_wizard .aiw169-action-nav .btn,
body.mobile-app-page-employer-job-ai-wizard .aiw169-action-nav .btn,
body.mobile-app-page-employer_job_ai_wizard .aiw169-action-create .btn,
body.mobile-app-page-employer-job-ai-wizard .aiw169-action-create .btn{
  width:100%!important;
  justify-content:center!important;
}
body.mobile-app-page-employer_job_ai_wizard .aiw169-panel-nav,
body.mobile-app-page-employer-job-ai-wizard .aiw169-panel-nav{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  padding-bottom:4px!important;
}
body.mobile-app-page-employer_job_ai_wizard .aiw169-panel-nav .panel-nav.workspace-nav-unified,
body.mobile-app-page-employer-job-ai-wizard .aiw169-panel-nav .panel-nav.workspace-nav-unified{
  width:max-content!important;
  min-width:720px!important;
  max-width:none!important;
}
body.mobile-app-page-employer_job_ai_wizard #mobile-app-menu-v19521:not(:popover-open),
body.mobile-app-page-employer-job-ai-wizard #mobile-app-menu-v19521:not(:popover-open){
  display:none!important;
}
body.mobile-app-page-employer_job_ai_wizard.skip-link:not(:focus),
body.mobile-app-page-employer-job-ai-wizard .skip-link:not(:focus){
  left:0!important;
  right:auto!important;
  transform:translateY(-160%)!important;
}
@media (min-width:761px) and (max-width:1100px){
  body.mobile-app-page-employer_job_ai_wizard .aiw169-container,
  body.mobile-app-page-employer-job-ai-wizard .aiw169-container{padding-inline:14px!important;}
}

/* E10 / H10.11 — Employer Job AI Drafts native pilot base markers. */
body.mobile-app-page-employer-job-ai-drafts,
body.mobile-app-page-employer_job_ai_drafts{max-width:100%;overflow-x:hidden;}
body.mobile-app-page-employer-job-ai-drafts [data-employer-job-ai-drafts-native-pilot-page],
body.mobile-app-page-employer_job_ai_drafts [data-employer-job-ai-drafts-native-pilot-page]{max-width:100%;min-width:0;}


/* E11 / H10.11 - Employer Job AI Preview native pilot containment marker: employer_job_ai_preview */

/* E11.1 / H10.11.1 - Job AI Preview runtime fallback cache-bust marker. */


/* E12 / H10.12 - Employer Edit Job native pilot base marker: employer_edit_job */
body.mobile-app-page-employer-edit-job,
body.mobile-app-page-employer_edit_job{max-width:100%!important;overflow-x:hidden!important;}
body.mobile-app-page-employer-edit-job [data-employer-edit-job-native-pilot-page],
body.mobile-app-page-employer_edit_job [data-employer-edit-job-native-pilot-page]{max-width:100%;min-width:0;}


/* ========================================================================
   V195.2.1-H11.1 — Public Home Native Mobile Baseline Gate
   Scope: public /ar and /en home only. No controllers, routes, database,
   employer pages, candidate pages, save/submit/publish/delete logic changed.
   Markers: public_home_native_mobile_baseline_gate, no_mutation_safety.
   ======================================================================== */
@media (max-width: 760px) {
  body.mobile-app-page-home.mobile-app-pilot-v195-2-1[data-public-home-baseline-gate-h11-1="1"] {
    --public-home-native-baseline-gate: "195.2.1-H11.1";
    max-width: 100% !important;
    overflow-x: hidden !important;
    touch-action: pan-y;
  }

  body.mobile-app-page-home.mobile-app-pilot-v195-2-1[data-public-home-baseline-gate-h11-1="1"] main#main-content,
  body.mobile-app-page-home.mobile-app-pilot-v195-2-1[data-public-home-baseline-gate-h11-1="1"] .mobile-home-native-v19521h1,
  body.mobile-app-page-home.mobile-app-pilot-v195-2-1[data-public-home-baseline-gate-h11-1="1"] .mobile-home-native-v19521h111 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip !important;
  }

  body.mobile-app-page-home.mobile-app-pilot-v195-2-1[data-public-home-baseline-gate-h11-1="1"] .home-web-experience-v19521h1 {
    display: none !important;
  }

  body.mobile-app-page-home.mobile-app-pilot-v195-2-1[data-public-home-baseline-gate-h11-1="1"] .mobile-home-native-v19521h1[data-mobile-home-version="195.2.1-H11.1"] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: calc(var(--mapp-vh, 1vh) * 100 - var(--mapp-topbar));
    padding: 0 0 14px;
    overflow: clip;
    isolation: isolate;
  }

  body.mobile-app-page-home.mobile-app-pilot-v195-2-1[data-public-home-baseline-gate-h11-1="1"] .mobile-home-native-v19521h1__search-launch,
  body.mobile-app-page-home.mobile-app-pilot-v195-2-1[data-public-home-baseline-gate-h11-1="1"] .mobile-home-native-v19521h1__job,
  body.mobile-app-page-home.mobile-app-pilot-v195-2-1[data-public-home-baseline-gate-h11-1="1"] .mobile-home-native-v19521h1__account-card,
  body.mobile-app-page-home.mobile-app-pilot-v195-2-1[data-public-home-baseline-gate-h11-1="1"] .mobile-home-native-v19521h1__category-list > a {
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

@media (min-width: 761px) {
  body.mobile-app-page-home[data-public-home-baseline-gate-h11-1="1"] .mobile-home-native-v19521h1[data-mobile-home-version="195.2.1-H11.1"],
  body.mobile-app-page-home[data-public-home-baseline-gate-h11-1="1"] .mobile-home-search-v19521h1 {
    display: none !important;
  }
}


/* V195.2.1-H11.2 - Public Jobs Listing Native Mobile Gate markers.
   This block intentionally keeps the approved H9.2 visual composition and only
   pins the H11.2 public jobs baseline gate contract. */
@media (max-width: 760px) {
  body.mobile-app-page-jobs .mobile-jobs-native-v19521h2[data-public-jobs-native-listing-h11-2="1"] {
    contain: layout paint style;
  }

  body.mobile-app-page-jobs .mobile-jobs-native-v19521h2[data-public-jobs-native-listing-h11-2="1"] .mobile-jobs-native-v19521h2__search-launch,
  body.mobile-app-page-jobs .mobile-jobs-native-v19521h2[data-public-jobs-native-listing-h11-2="1"] [data-mobile-jobs-filter-open],
  body.mobile-app-page-jobs .mobile-jobs-native-v19521h2[data-public-jobs-native-listing-h11-2="1"] [data-mobile-jobs-result-link] {
    touch-action: manipulation;
  }
}


/* V195.2.1-H11.3 - Public Job Detail Native Mobile Gate markers.
   This block intentionally does not restyle the approved H9.3 detail composition;
   it pins the H11.3 public job detail baseline gate contract. */
@media (max-width: 760px) {
  body.mobile-app-page-job_detail.mobile-app-pilot-v195-2-1[data-public-job-detail-gate-h11-3="1"] {
    --public-job-detail-native-gate: "195.2.1-H11.3";
  }

  body.mobile-app-page-job_detail[data-public-job-detail-gate-h11-3="1"] .mobile-job-detail-native-v19521h93[data-mobile-job-detail-version="195.2.1-H11.3"] {
    contain: layout paint;
  }
}


/* ========================================================================== 
   H11.3.3 — Emergency restore / safe typography only
   DO NOT change layout grids, widths, positioning, transforms, or composition.
   Root cause fixed: H11.3.2 broad PWA normalizer could classify large page containers
   as install prompts. This version restores H11.3 layout and blocks stale H11.3.2 prompt UI.
   Markers: public_job_detail_emergency_restore_h11_3_3, public_job_detail_safe_typography_h11_3_3, public_job_detail_pwa_regression_guard_h11_3_3.
   ========================================================================== */
@media (max-width: 760px) {
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93[data-mobile-job-detail-version="195.2.1-H11.3.5"] {
    contain: layout paint;
  }

  /* Conservative typography refinement only: no layout/display/width/position changes. */
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__prose {
    font-size: 13px;
    line-height: 1.9;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__prose p,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__prose li {
    line-height: inherit;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__section summary b {
    font-size: 13.5px;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__facts strong {
    font-size: 10.75px;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__readiness > span,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__signals span {
    font-size: 10.75px;
    line-height: 1.62;
  }

  /* Regression guard: if a cached H11.3.2 JS ever injected/normalized the install prompt,
     hide that stale prompt and undo its dock transform. The approved layout must remain H11.3. */
  body.mobile-app-page-job_detail [data-mobile-pwa-install-h11-3-2],
  body.mobile-app-page-job_detail .mobile-pwa-install-v19521h1132 {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  body.mobile-app-page-job_detail.mobile-pwa-install-visible-h11-3-2 .mobile-job-detail-native-v19521h93__dock {
    transform: none !important;
  }
}


/* ========================================================================== 
   H11.3.5 — Legacy PWA prompt quarantine on public job detail only
   Keep H11.3/H11.3.3 layout. Do not redesign page. Do not normalize containers.
   Root cause of remaining visual issue: v145 legacy PWA prompt is injected by old JS
   as .v145-pwa-prompt and may appear unstyled/raw above the bottom navigation.
   This fix targets ONLY that exact legacy prompt selector on job_detail pages.
   Markers: public_job_detail_legacy_pwa_quarantine_h11_3_4, public_job_detail_v145_prompt_hidden_h11_3_4.
   ========================================================================== */
@media (max-width: 760px) {
  body.mobile-app-page-job_detail .v145-pwa-prompt,
  body.mobile-app-page-job_detail .v145-pwa-prompt.visible,
  body.mobile-app-page-job_detail .v145-pwa-prompt .pwa-icon,
  body.mobile-app-page-job_detail .v145-pwa-prompt .pwa-text,
  body.mobile-app-page-job_detail .v145-pwa-prompt .pwa-install,
  body.mobile-app-page-job_detail .v145-pwa-prompt .pwa-dismiss {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.mobile-app-page-job_detail .v145-pwa-prompt {
    position: fixed !important;
    inset: auto auto -9999px auto !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}


/* ========================================================================== 
   H11.3.5 — Readability + in-flow apply dock + safe install button stabilization
   Purpose: fix the post-H11.3.4 visual feedback without touching page grid/hero/cards.
   Markers: public_job_detail_readability_h11_3_5, public_job_detail_apply_dock_in_flow_h11_3_5, public_job_detail_safe_install_button_h11_3_5.
   ========================================================================== */
@media (max-width: 760px) {
  body.mobile-app-page-job_detail.mobile-app-pilot-v195-2-1 {
    padding-bottom: calc(var(--mapp-nav-height) + 26px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93 {
    font-size: 15px;
  }

  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__prose {
    font-size: 15px !important;
    line-height: 1.92 !important;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__prose p,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__prose li {
    font-size: 15px !important;
    line-height: 1.92 !important;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__section-title small,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__meta small,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__company small {
    font-size: 12px !important;
    line-height: 1.65 !important;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__section-title h2,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__section summary b {
    font-size: 17px !important;
    line-height: 1.55 !important;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__facts strong,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__readiness strong,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__signals strong {
    font-size: 13px !important;
    line-height: 1.62 !important;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__facts small,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__readiness small,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__signals small,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__readiness > span,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__signals span {
    font-size: 12.5px !important;
    line-height: 1.75 !important;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__advice strong,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__faq summary,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__report strong {
    font-size: 13.5px !important;
    line-height: 1.7 !important;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__advice small,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__faq p,
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__report small {
    font-size: 12px !important;
    line-height: 1.72 !important;
    white-space: normal !important;
  }

  /* The apply call-to-action must not be fixed because it covers FAQ/report content.
     Keep it as an in-flow card after the job content, above the bottom nav clearance. */
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__dock {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    min-height: 72px !important;
    margin: 14px 14px calc(var(--mapp-nav-height) + 22px + env(safe-area-inset-bottom, 0px)) !important;
    transform: none !important;
    z-index: 1 !important;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__dock strong {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__dock small {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__dock button {
    font-size: 14px !important;
    min-height: 52px !important;
  }

  /* Safe PWA install card: it is in normal flow and appears only when app.js exposes
     the official beforeinstallprompt state via html.pwa-install-ready. It never scans
     or rewrites existing page containers. */
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__install {
    display: none;
    margin: 14px 14px 4px;
    padding: 13px;
    grid-template-columns: 44px minmax(0,1fr) auto 34px;
    align-items: center;
    gap: 10px;
    border: 1px solid #d5e6ff;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(16,24,40,.10);
  }
  html.pwa-install-ready body.mobile-app-page-job_detail:not([data-public-job-detail-install-dismissed-h11-3-5="1"]) .mobile-job-detail-native-v19521h93__install {
    display: grid !important;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__install-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient(145deg,var(--mjd-brand),var(--mjd-brand-dark));
    color: #fff;
    font-size: 20px;
    font-weight: 950;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__install strong {
    display: block;
    color: var(--mjd-ink);
    font-size: 13.5px;
    line-height: 1.55;
    font-weight: 950;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__install small {
    display: block;
    color: var(--mjd-muted);
    font-size: 12px;
    line-height: 1.6;
    font-weight: 700;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__install-btn {
    min-height: 42px !important;
    padding: 9px 12px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: linear-gradient(145deg,var(--mjd-brand),var(--mjd-brand-dark)) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    box-shadow: 0 8px 20px rgba(20,87,217,.18) !important;
  }
  body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__install-close {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid #d8e2ef !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #475467 !important;
    font-size: 19px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
  }
  @media (max-width: 374px) {
    body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__install {
      grid-template-columns: 40px minmax(0,1fr) 30px;
    }
    body.mobile-app-page-job_detail .mobile-job-detail-native-v19521h93__install-btn {
      grid-column: 1 / -1;
      width: 100%;
    }
  }
}


/* V195.2.1-H11.4 - Public Auth Native Mobile Baseline Gate.
   Markers: public_auth_native_mobile_gate_h11_4, public_auth_no_mutation_safety_h11_4.
   Scope is auth-only and preserves the approved H9.4/H4 selectors. */
@media (max-width: 760px) {
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] {
    overflow-x: hidden !important;
    touch-action: pan-y;
  }
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .mobile-auth-native-v19521h114 {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .desktop-auth-v19521h94 {
    display: none !important;
  }
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .mobile-auth-native-v19521h94__intro p,
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .mobile-auth-native-v19521h94__return-card small,
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .mobile-auth-native-v19521h94__trust small,
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .mobile-auth-native-v19521h94__account-types small {
    font-size: 12px !important;
    line-height: 1.65 !important;
  }
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .mobile-auth-native-v19521h94__field,
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .mobile-auth-native-v19521h94__account-types legend {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
  }
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .mobile-auth-native-v19521h94__field > div > input,
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .mobile-auth-native-v19521h4__field > div > input,
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .mobile-auth-native-v19521h94__captcha .captcha-box input {
    color: #101828 !important;
    -webkit-text-fill-color: #101828 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
  }
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .mobile-auth-native-v19521h94__field > div > input::placeholder,
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .mobile-auth-native-v19521h4__field > div > input::placeholder {
    color: #98a2b3 !important;
    -webkit-text-fill-color: #98a2b3 !important;
  }
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .mobile-auth-native-v19521h94__submit,
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .mobile-auth-native-v19521h94__tabs a,
  body.mobile-app-page-auth[data-public-auth-gate-h11-4="1"] .mobile-auth-native-v19521h94__google {
    font-size: 14px !important;
  }
}
@media (min-width: 761px) {
  .mobile-auth-native-v19521h114 { display: none !important; }
}


/* V195.2.1-H11.4.3 - Public Auth Interaction Hotfix.
   Markers: public_auth_account_type_interaction_h11_4_2, public_auth_password_toggle_hotfix_h11_4_2.
   Scope: auth mobile only. No POST contract, route, controller, CSRF or CAPTCHA changes. */
@media (max-width: 760px) {
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h1142 {
    display:block !important;
    width:100% !important;
    max-width:100vw !important;
    overflow-x:hidden !important;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__account-types,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h4__account-types {
    gap:10px !important;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__account-types label,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h4__account-types label {
    position:relative !important;
    min-height:104px !important;
    padding:14px 11px !important;
    isolation:isolate !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:rgba(20,87,217,.12) !important;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__account-types label:has(input:checked),
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h4__account-types label:has(input:checked),
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__account-types label.is-selected,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h4__account-types label.is-selected {
    border-color:#1d64e8 !important;
    background:#eef5ff !important;
    box-shadow:inset 0 0 0 1px rgba(20,87,217,.18), 0 8px 20px rgba(20,87,217,.08) !important;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__account-types input[type="radio"],
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h4__account-types input[type="radio"] {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    opacity:0.001 !important;
    pointer-events:auto !important;
    z-index:5 !important;
    cursor:pointer !important;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__account-types label > span,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__account-types label > div,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__account-types label > i,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h4__account-types label > span,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h4__account-types label > div,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h4__account-types label > i {
    position:relative !important;
    z-index:2 !important;
    pointer-events:none !important;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__account-types strong,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h4__account-types strong {
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:950 !important;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__account-types small,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h4__account-types small {
    font-size:12px !important;
    line-height:1.6 !important;
    font-weight:750 !important;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__field,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h4__field {
    font-size:13px !important;
    line-height:1.55 !important;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__field > div,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h4__field > div {
    min-height:58px !important;
    grid-template-columns:22px minmax(0,1fr) 42px !important;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__field input,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h4__field input,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__captcha .captcha-box input {
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:760 !important;
    color:#101828 !important;
    -webkit-text-fill-color:#101828 !important;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__field small,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h4__field small,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] [data-mobile-auth-password-hint] {
    font-size:11.5px !important;
    line-height:1.55 !important;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] [data-mobile-auth-password-toggle] {
    position:relative !important;
    z-index:6 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    border:1px solid #d8e5fb !important;
    background:#f1f6ff !important;
    color:#52657f !important;
    border-radius:13px !important;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] [data-mobile-auth-password-toggle]:active {
    transform:scale(.96) !important;
    background:#e6f0ff !important;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__tabs a,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-2="1"] .mobile-auth-native-v19521h94__submit {
    font-size:15px !important;
  }
}


/* V195.2.1-H11.4.3 - Public Auth Interaction Recovery.
   Markers: public_auth_interaction_recovery_h11_4_3, public_auth_account_type_interaction_h11_4_3, public_auth_password_toggle_recovery_h11_4_3. */
@media (max-width: 760px) {
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h94__account-types,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h4__account-types {
    gap: 12px;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h94__account-types label,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h4__account-types label {
    min-height: 112px;
    cursor: pointer;
    touch-action: manipulation;
    user-select: none;
    -webkit-tap-highlight-color: rgba(20, 99, 229, .14);
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h94__account-types label > span,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h4__account-types label > span,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h94__account-types label > div,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h4__account-types label > div,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h94__account-types label > i,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h4__account-types label > i {
    pointer-events: none;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h94__account-types strong,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h4__account-types strong {
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 900;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h94__account-types small,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h4__account-types small {
    font-size: 12.5px !important;
    line-height: 1.6 !important;
    font-weight: 760;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h94__account-types label.is-selected,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h4__account-types label.is-selected,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h94__account-types label[aria-checked="true"],
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h4__account-types label[aria-checked="true"] {
    border-color: #1d68e8 !important;
    background: #eef5ff !important;
    box-shadow: inset 0 0 0 1px rgba(29,104,232,.22), 0 12px 28px rgba(29,104,232,.08) !important;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] [data-mobile-auth-password-toggle] {
    cursor: pointer;
    touch-action: manipulation;
    z-index: 4;
  }
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h94__field input,
  body.mobile-app-page-auth[data-public-auth-interaction-hotfix-h11-4-3="1"] .mobile-auth-native-v19521h4__field input {
    font-size: 16px !important;
    min-height: 50px;
  }
}


/* V195.2.1-H11.4.4 - Public Auth final account type button recovery.
   Markers: public_auth_account_type_buttons_h11_4_4, public_auth_password_toggle_final_h11_4_4. */
@media (max-width: 760px) {
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] .mobile-auth-native-v19521h1144__account-types {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] .mobile-auth-native-v19521h1144__account-types legend {
    grid-column: 1 / -1 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 900 !important;
    color: #111827 !important;
    margin-bottom: 8px !important;
  }
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] .mobile-auth-native-v19521h1144__account-choice {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 1px solid #d7e2f1 !important;
    background: #f8fbff !important;
    border-radius: 18px !important;
    min-height: 112px !important;
    padding: 12px 10px !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 9px !important;
    position: relative !important;
    width: 100% !important;
    text-align: start !important;
    color: #152238 !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    user-select: none !important;
    -webkit-tap-highlight-color: rgba(29,104,232,.16) !important;
    font-family: inherit !important;
  }
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] .mobile-auth-native-v19521h1144__account-choice.is-selected,
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] .mobile-auth-native-v19521h1144__account-choice[aria-checked="true"] {
    border-color: #1d68e8 !important;
    background: #eef5ff !important;
    box-shadow: inset 0 0 0 1px rgba(29,104,232,.25), 0 12px 28px rgba(29,104,232,.08) !important;
  }
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] .mobile-auth-native-v19521h1144__account-choice > span {
    width: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 13px !important;
    background: #fff !important;
    color: #1d68e8 !important;
    box-shadow: 0 5px 12px rgba(16,24,40,.06) !important;
    pointer-events: none !important;
  }
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] .mobile-auth-native-v19521h1144__account-choice > span svg { width: 20px !important; height: 20px !important; }
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] .mobile-auth-native-v19521h1144__account-choice > div { display: grid !important; gap: 4px !important; min-width: 0 !important; pointer-events: none !important; }
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] .mobile-auth-native-v19521h1144__account-choice strong {
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 900 !important;
    color: #111827 !important;
  }
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] .mobile-auth-native-v19521h1144__account-choice small {
    font-size: 12.5px !important;
    line-height: 1.6 !important;
    font-weight: 760 !important;
    color: #445266 !important;
  }
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] .mobile-auth-native-v19521h1144__account-choice > i {
    position: absolute !important;
    top: 8px !important;
    inset-inline-end: 8px !important;
    width: 22px !important;
    height: 22px !important;
    display: none !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: #1d68e8 !important;
    color: #fff !important;
    pointer-events: none !important;
  }
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] .mobile-auth-native-v19521h1144__account-choice.is-selected > i,
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] .mobile-auth-native-v19521h1144__account-choice[aria-checked="true"] > i { display: grid !important; }
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] [data-mobile-auth-password-toggle] {
    cursor: pointer !important;
    touch-action: manipulation !important;
    z-index: 6 !important;
    pointer-events: auto !important;
  }
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] .mobile-auth-native-v19521h94__field input,
  body.mobile-app-page-auth[data-public-auth-account-type-buttons-h11-4-4="1"] .mobile-auth-native-v19521h4__field input {
    font-size: 16px !important;
    min-height: 50px !important;
  }
}


/* V195.2.1-H11.4.6 - Public Auth native form control radical hotfix.
   Markers: public_auth_native_form_control_h11_4_5, public_auth_account_radio_native_h11_4_5, public_auth_password_toggle_native_h11_4_5.
   Scope: public auth mobile only. Uses real radio inputs bound to the register form; no route/controller/POST contract changes. */
@media (max-width: 760px) {
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-types {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    margin:0 0 14px !important;
  }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-types legend {
    grid-column:1/-1 !important;
    margin:0 0 8px !important;
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:950 !important;
    color:#111827 !important;
  }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-card {
    position:relative !important;
    min-height:118px !important;
    padding:14px 10px !important;
    border:1px solid #d7e2f1 !important;
    border-radius:18px !important;
    background:#f8fbff !important;
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    align-items:center !important;
    gap:10px !important;
    color:#152238 !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
    user-select:none !important;
    -webkit-user-select:none !important;
    -webkit-tap-highlight-color:rgba(29,104,232,.18) !important;
    isolation:isolate !important;
    overflow:hidden !important;
  }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-card:has(input:checked),
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-card.is-selected,
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-card[aria-checked="true"] {
    border-color:#1d68e8 !important;
    background:#eef5ff !important;
    box-shadow:inset 0 0 0 1px rgba(29,104,232,.26), 0 12px 28px rgba(29,104,232,.08) !important;
  }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-card input[type="radio"] {
    position:absolute !important;
    inset:0 !important;
    z-index:20 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    opacity:.001 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    background:transparent !important;
  }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-card > span {
    width:38px !important;
    height:38px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#1d68e8 !important;
    box-shadow:0 5px 12px rgba(16,24,40,.06) !important;
    pointer-events:none !important;
    z-index:2 !important;
  }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-card > span svg { width:21px !important; height:21px !important; }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-card > div { display:grid !important; gap:5px !important; min-width:0 !important; pointer-events:none !important; z-index:2 !important; }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-card strong { font-size:15px !important; line-height:1.55 !important; font-weight:950 !important; color:#111827 !important; }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-card small { font-size:12.8px !important; line-height:1.6 !important; font-weight:780 !important; color:#445266 !important; }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-card > i {
    position:absolute !important;
    top:9px !important;
    inset-inline-end:9px !important;
    z-index:3 !important;
    width:24px !important;
    height:24px !important;
    display:none !important;
    place-items:center !important;
    border-radius:999px !important;
    background:#1d68e8 !important;
    color:#fff !important;
    pointer-events:none !important;
  }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-card:has(input:checked) > i,
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-card.is-selected > i,
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h1145__account-card[aria-checked="true"] > i { display:grid !important; }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h94__field > div,
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h4__field > div {
    position:relative !important;
    grid-template-columns:22px minmax(0,1fr) 44px !important;
    min-height:58px !important;
    padding-inline:13px 8px !important;
  }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h94__field input,
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h4__field input,
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] .mobile-auth-native-v19521h94__captcha .captcha-box input { font-size:16px !important; line-height:1.45 !important; font-weight:760 !important; }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] [data-mobile-auth-password-toggle] {
    position:relative !important;
    z-index:30 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    border:1px solid #d8e5fb !important;
    background:#f1f6ff !important;
    color:#52657f !important;
    border-radius:13px !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:rgba(29,104,232,.18) !important;
  }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] [data-mobile-auth-password-toggle] svg { width:20px !important; height:20px !important; pointer-events:none !important; }
  body.mobile-app-page-auth[data-public-auth-native-form-control-h11-4-5="1"] [data-mobile-auth-password-toggle]:active { transform:scale(.96) !important; background:#e6f0ff !important; }
}


/* V195.2.1-H11.4.6 - Public Auth isolated form control final hotfix.
   Markers: public_auth_isolated_form_control_h11_4_6, public_auth_account_switch_isolated_h11_4_6, public_auth_password_toggle_isolated_h11_4_6. Root fix: no radio labels, no H11.4.3/4/5 account selectors. Uses exactly one hidden user_type input + native buttons. */
@media (max-width: 760px) {
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h1146__account-types {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    margin:0 0 16px !important;
    padding:0 !important;
    border:0 !important;
  }
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h1146__account-legend {
    grid-column:1/-1 !important;
    margin:0 0 7px !important;
    color:#111827 !important;
    font-size:15.5px !important;
    line-height:1.5 !important;
    font-weight:950 !important;
    text-align:start !important;
  }
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h1146__account-card {
    appearance:none !important;
    -webkit-appearance:none !important;
    width:100% !important;
    min-width:0 !important;
    min-height:122px !important;
    border:1px solid #d7e2f1 !important;
    border-radius:18px !important;
    background:#f8fbff !important;
    color:#152238 !important;
    display:grid !important;
    grid-template-columns:40px minmax(0,1fr) !important;
    align-items:center !important;
    gap:10px !important;
    padding:14px 11px !important;
    position:relative !important;
    text-align:start !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
    user-select:none !important;
    -webkit-user-select:none !important;
    -webkit-tap-highlight-color:rgba(29,104,232,.18) !important;
    overflow:hidden !important;
    box-shadow:none !important;
    z-index:1 !important;
  }
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h1146__account-card.is-selected,
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h1146__account-card[aria-pressed="true"] {
    border-color:#1d68e8 !important;
    background:#eef5ff !important;
    box-shadow:inset 0 0 0 1px rgba(29,104,232,.28), 0 12px 28px rgba(29,104,232,.08) !important;
  }
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h1146__account-card > span {
    width:40px !important;
    height:40px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#1d68e8 !important;
    box-shadow:0 5px 12px rgba(16,24,40,.06) !important;
    pointer-events:none !important;
  }
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h1146__account-card > span svg { width:22px !important; height:22px !important; }
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h1146__account-card > div { display:grid !important; gap:6px !important; min-width:0 !important; pointer-events:none !important; }
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h1146__account-card strong { color:#111827 !important; font-size:16px !important; line-height:1.55 !important; font-weight:950 !important; }
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h1146__account-card small { color:#445266 !important; font-size:13.5px !important; line-height:1.65 !important; font-weight:800 !important; }
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h1146__account-card > i {
    position:absolute !important;
    top:10px !important;
    inset-inline-start:10px !important;
    z-index:3 !important;
    width:26px !important;
    height:26px !important;
    display:none !important;
    place-items:center !important;
    border-radius:999px !important;
    background:#1d68e8 !important;
    color:#fff !important;
    pointer-events:none !important;
  }
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h1146__account-card.is-selected > i,
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h1146__account-card[aria-pressed="true"] > i { display:grid !important; }
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] [data-public-auth-password-toggle-h11-4-6] {
    position:relative !important;
    z-index:40 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    border-radius:14px !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid #d7e2f1 !important;
    background:#eef5ff !important;
    color:#62728a !important;
    cursor:pointer !important;
  }
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] [data-public-auth-password-toggle-h11-4-6][aria-pressed="true"] { color:#1d68e8 !important; background:#e7f0ff !important; border-color:#b9d0ff !important; }
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h94__field > div,
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h4__field > div {
    position:relative !important;
    grid-template-columns:22px minmax(0,1fr) 48px !important;
    min-height:60px !important;
    padding-inline:13px 8px !important;
  }
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h94__field input,
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h4__field input,
  body.mobile-app-page-auth[data-public-auth-isolated-form-control-h11-4-6="1"] .mobile-auth-native-v19521h94__captcha .captcha-box input {
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:760 !important;
  }
}


/* V195.2.1-H11.4.8 - Public Auth native select + password checkbox final recovery.
   Root fix: account type is a real native <select name="user_type">, password reveal is a real checkbox. No radio/cards/hidden account workaround. */
@media (max-width:760px){
  body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] [data-public-auth-account-select-wrap-h11-4-7]{display:grid!important;gap:9px!important;margin:0 0 16px!important;}
  body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] .mobile-auth-native-v19521h1147__account-legend{font-size:15.5px!important;line-height:1.5!important;font-weight:950!important;color:#111827!important;text-align:start!important;}
  body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] .mobile-auth-native-v19521h1147__select-shell{position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:3px 12px!important;min-height:92px!important;border:1px solid #d7e2f1!important;border-radius:18px!important;background:#f8fbff!important;padding:14px 14px!important;box-shadow:0 10px 24px rgba(15,23,42,.05)!important;overflow:hidden!important;}
  body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] .mobile-auth-native-v19521h1147__select-icon{grid-row:1/3!important;width:42px!important;height:42px!important;border-radius:14px!important;background:#fff!important;display:grid!important;place-items:center!important;color:#1d68e8!important;box-shadow:0 6px 14px rgba(16,24,40,.06)!important;pointer-events:none!important;}
  body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] .mobile-auth-native-v19521h1147__select-icon svg{width:23px!important;height:23px!important;}
  body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] [data-public-auth-account-label-h11-4-7]{font-size:17px!important;line-height:1.45!important;font-weight:950!important;color:#111827!important;pointer-events:none!important;}
  body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] [data-public-auth-account-help-h11-4-7]{font-size:13.5px!important;line-height:1.55!important;font-weight:800!important;color:#445266!important;pointer-events:none!important;}
  body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] [data-public-auth-account-select-h11-4-7]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.01!important;z-index:20!important;cursor:pointer!important;appearance:auto!important;-webkit-appearance:menulist-button!important;pointer-events:auto!important;}
  body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] .mobile-auth-native-v19521h1147__select-shell:focus-within{border-color:#1d68e8!important;background:#eef5ff!important;box-shadow:inset 0 0 0 1px rgba(29,104,232,.22),0 12px 28px rgba(29,104,232,.08)!important;}
  body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] .mobile-auth-native-v19521h4__field>div, body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] .mobile-auth-native-v19521h94__field>div{grid-template-columns:22px minmax(0,1fr) 50px!important;min-height:60px!important;padding-inline:13px 8px!important;}
  body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] .mobile-auth-native-v19521h1147__password-checkbox{position:relative!important;z-index:50!important;width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;border:1px solid #d7e2f1!important;background:#eef5ff!important;color:#62728a!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;}
  body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] .mobile-auth-native-v19521h1147__password-checkbox input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.01!important;margin:0!important;cursor:pointer!important;pointer-events:auto!important;z-index:5!important;}
  body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] .mobile-auth-native-v19521h1147__password-checkbox svg{width:22px!important;height:22px!important;pointer-events:none!important;}
  body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] .mobile-auth-native-v19521h1147__password-checkbox[aria-pressed="true"]{color:#1d68e8!important;background:#e7f0ff!important;border-color:#b9d0ff!important;}
  body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] .mobile-auth-native-v19521h94__field input, body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] .mobile-auth-native-v19521h4__field input, body.mobile-app-page-auth[data-public-auth-native-select-recovery-h11-4-7="1"] .mobile-auth-native-v19521h94__captcha .captcha-box input{font-size:16px!important;line-height:1.45!important;font-weight:760!important;}
}


/* V195.2.1-H11.4.8 - Public Auth beautiful card chooser final recovery.
   Root fix: two clear visual cards backed by real native radio controls named user_type. */
@media (max-width:760px){
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-choice{
    display:grid!important;gap:10px!important;margin:0 0 16px!important;position:relative!important;isolation:isolate!important;
  }
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-legend{
    margin:0!important;font-size:16px!important;line-height:1.5!important;font-weight:950!important;color:#101828!important;text-align:start!important;
  }
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-grid{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;align-items:stretch!important;width:100%!important;
  }
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-card{
    position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:6px 11px!important;min-height:112px!important;padding:15px 12px!important;border:1.5px solid #d7e2f1!important;border-radius:20px!important;background:linear-gradient(180deg,#ffffff,#f7faff)!important;box-shadow:0 10px 26px rgba(15,23,42,.055)!important;color:#101828!important;cursor:pointer!important;overflow:hidden!important;touch-action:manipulation!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important;
  }
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-card input[type="radio"]{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.01!important;margin:0!important;z-index:5!important;cursor:pointer!important;pointer-events:auto!important;appearance:none!important;-webkit-appearance:none!important;
  }
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-icon{
    grid-row:1/3!important;width:42px!important;height:42px!important;border-radius:15px!important;background:#eef5ff!important;color:#1d68e8!important;display:grid!important;place-items:center!important;box-shadow:inset 0 0 0 1px rgba(29,104,232,.08)!important;pointer-events:none!important;
  }
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-icon svg{width:23px!important;height:23px!important;}
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-copy{display:grid!important;gap:4px!important;min-width:0!important;pointer-events:none!important;}
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-copy strong{font-size:16.5px!important;line-height:1.35!important;font-weight:950!important;color:#101828!important;}
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-copy small{font-size:13.4px!important;line-height:1.55!important;font-weight:820!important;color:#4b5b70!important;}
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-state{
    position:absolute!important;inset-block-start:10px!important;inset-inline-start:10px!important;width:28px!important;height:28px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#1d68e8!important;color:#fff!important;opacity:0!important;transform:scale(.82)!important;transition:opacity .15s ease,transform .15s ease!important;pointer-events:none!important;z-index:2!important;
  }
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-state svg{width:17px!important;height:17px!important;}
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-card.is-selected,
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-card:has(input[type="radio"]:checked){
    border-color:#1d68e8!important;background:linear-gradient(180deg,#eef5ff,#eaf2ff)!important;box-shadow:inset 0 0 0 1px rgba(29,104,232,.2),0 16px 34px rgba(29,104,232,.12)!important;
  }
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-card.is-selected .mobile-auth-native-v19521h1148__account-state,
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-card:has(input[type="radio"]:checked) .mobile-auth-native-v19521h1148__account-state{opacity:1!important;transform:scale(1)!important;}
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-card.is-selected .mobile-auth-native-v19521h1148__account-icon,
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-card:has(input[type="radio"]:checked) .mobile-auth-native-v19521h1148__account-icon{background:#fff!important;color:#1d68e8!important;}
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__account-note{font-size:12.5px!important;line-height:1.55!important;font-weight:760!important;color:#61708a!important;margin-top:0!important;}
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h4__field>div,
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h94__field>div{grid-template-columns:22px minmax(0,1fr) 50px!important;min-height:60px!important;padding-inline:13px 8px!important;}
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__password-checkbox{position:relative!important;z-index:50!important;width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;border:1px solid #d7e2f1!important;background:#eef5ff!important;color:#62728a!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;}
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__password-checkbox input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.01!important;margin:0!important;cursor:pointer!important;pointer-events:auto!important;z-index:5!important;}
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__password-checkbox svg{width:22px!important;height:22px!important;pointer-events:none!important;}
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h1148__password-checkbox[aria-pressed="true"]{color:#1d68e8!important;background:#e7f0ff!important;border-color:#b9d0ff!important;}
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h94__field input,
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h4__field input,
  body.mobile-app-page-auth[data-public-auth-beautiful-card-recovery-h11-4-8="1"] .mobile-auth-native-v19521h94__captcha .captcha-box input{font-size:16px!important;line-height:1.45!important;font-weight:760!important;}
}


/* ==========================================================================
   H11.4.10 — Public jobs filter drawer final recovery
   Fixes the state where the backdrop opens but the filter drawer remains hidden.
   Markers: public_jobs_filter_drawer_final_recovery_h11_4_10,
   public_jobs_filter_visual_cdp_gate_h11_4_10
   ========================================================================== */
@media (max-width: 760px) {
  body.mobile-app-page-jobs[data-public-jobs-filter-drawer-recovery-h11-4-10="1"] .mobile-jobs-overlay-v19521h2[data-mobile-jobs-filter-layer] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99990 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: stretch !important;
    padding: 0 !important;
    pointer-events: none;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-drawer-recovery-h11-4-10="1"].mobile-jobs-filter-open .mobile-jobs-overlay-v19521h2[data-mobile-jobs-filter-layer] {
    pointer-events: auto !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-drawer-recovery-h11-4-10="1"] .mobile-jobs-overlay-v19521h2[data-mobile-jobs-filter-layer] .mobile-jobs-overlay-v19521h2__backdrop {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    background: rgba(15, 23, 42, .58) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    backdrop-filter: blur(4px) !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-drawer-recovery-h11-4-10="1"].mobile-jobs-filter-open .mobile-jobs-overlay-v19521h2[data-mobile-jobs-filter-layer] .mobile-jobs-overlay-v19521h2__backdrop {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-drawer-recovery-h11-4-10="1"] .mobile-jobs-overlay-v19521h2[data-mobile-jobs-filter-layer] .mobile-jobs-overlay-v19521h2__panel {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    min-height: min(460px, calc(100dvh - 82px)) !important;
    max-height: min(88dvh, calc(var(--mapp-vh, 1vh) * 88)) !important;
    margin: 0 !important;
    padding: 0 15px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-y: auto !important;
    border-radius: 28px 28px 0 0 !important;
    border: 1px solid rgba(194, 211, 236, .9) !important;
    border-bottom: 0 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 -28px 88px rgba(15, 23, 42, .32) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(0, 105%, 0) !important;
    transition: transform 230ms cubic-bezier(.2,.8,.2,1) !important;
    pointer-events: none !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-drawer-recovery-h11-4-10="1"].mobile-jobs-filter-open .mobile-jobs-overlay-v19521h2[data-mobile-jobs-filter-layer] .mobile-jobs-overlay-v19521h2__panel {
    transform: translate3d(0, 0, 0) !important;
    pointer-events: auto !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-drawer-recovery-h11-4-10="1"] .mobile-jobs-overlay-v19521h2[data-mobile-jobs-filter-layer] .mobile-jobs-overlay-v19521h2__head {
    border-bottom: 1px solid rgba(210, 222, 240, .85) !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-drawer-recovery-h11-4-10="1"].mobile-jobs-filter-open .mobile-bottom-nav {
    transform: translateY(120%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}


/* ===========================================================================
   H11.4.11 — Public jobs filter portal radical fix
   Purpose: stop relying on the legacy jobs filter overlay that could open a
   blurred backdrop without a visible drawer. A new body-level portal is shown
   above every old layer and is independent from old overlay transforms.
   Markers: public_jobs_filter_portal_radical_fix_h11_4_11,
   public_jobs_filter_portal_visual_cdp_gate_h11_4_11
   =========================================================================== */
@media (max-width: 760px) {
  body.mobile-app-page-jobs[data-public-jobs-filter-portal-radical-fix-h11-4-11="1"] [data-mobile-jobs-filter-layer] {
    pointer-events: none !important;
  }

  body.mobile-app-page-jobs.jobs-filter-portal-open-h11-4-11,
  html.jobs-filter-portal-open-h11-4-11 {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: none !important;
  }

  .jobs-filter-portal-h11411[hidden] {
    display: none !important;
  }

  .jobs-filter-portal-h11411 {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    display: grid !important;
    align-items: end !important;
    justify-items: stretch !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    padding: 0 !important;
    margin: 0 !important;
    direction: inherit !important;
    pointer-events: auto !important;
    isolation: isolate !important;
  }

  .jobs-filter-portal-h11411__backdrop {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(15, 23, 42, .56) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    backdrop-filter: blur(4px) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .jobs-filter-portal-h11411__panel {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-height: min(520px, calc(100dvh - 72px)) !important;
    max-height: min(92dvh, calc(100dvh - 38px)) !important;
    margin: 0 !important;
    padding: 0 15px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    overflow: hidden !important;
    border-radius: 30px 30px 0 0 !important;
    border: 1px solid rgba(204, 218, 239, .95) !important;
    border-bottom: 0 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: 0 -30px 90px rgba(15, 23, 42, .34) !important;
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    color: #111827 !important;
    box-sizing: border-box !important;
  }

  .jobs-filter-portal-h11411__handle {
    width: 44px !important;
    height: 5px !important;
    flex: 0 0 auto !important;
    margin: 9px auto 7px !important;
    border-radius: 999px !important;
    background: #d4ddec !important;
  }

  .jobs-filter-portal-h11411__head {
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 66px !important;
    margin: 0 -15px 0 !important;
    padding: 6px 15px 11px !important;
    border-bottom: 1px solid rgba(214, 225, 241, .95) !important;
    background: rgba(255, 255, 255, .98) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
  }

  .jobs-filter-portal-h11411__icon,
  .jobs-filter-portal-h11411__close {
    width: 44px !important;
    height: 44px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 15px !important;
    border: 1px solid #dce7f7 !important;
    background: #eef5ff !important;
    color: #1664df !important;
  }

  .jobs-filter-portal-h11411__close {
    background: #f3f6fa !important;
    color: #475569 !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    border: 0 !important;
  }

  .jobs-filter-portal-h11411__title {
    min-width: 0 !important;
    text-align: inherit !important;
  }

  .jobs-filter-portal-h11411__title small {
    display: block !important;
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1.3 !important;
  }

  .jobs-filter-portal-h11411__title h2 {
    margin: 2px 0 0 !important;
    color: #111827 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
  }

  .jobs-filter-portal-h11411__content {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 14px 0 0 !important;
    overscroll-behavior: contain !important;
  }

  .jobs-filter-portal-h11411__content form,
  .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__form.is-filter {
    display: grid !important;
    gap: 13px !important;
    padding: 0 0 8px !important;
    margin: 0 !important;
  }

  .jobs-filter-portal-h11411__content label {
    display: grid !important;
    gap: 7px !important;
    margin: 0 !important;
    color: #182235 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  .jobs-filter-portal-h11411__content label > span:first-child {
    color: #334155 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
  }

  .jobs-filter-portal-h11411__content input,
  .jobs-filter-portal-h11411__content select {
    width: 100% !important;
    min-height: 52px !important;
    border: 1px solid #d7e2f2 !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: #111827 !important;
    font: inherit !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .04) !important;
    padding: 0 13px !important;
    outline: 0 !important;
  }

  .jobs-filter-portal-h11411__content input:focus,
  .jobs-filter-portal-h11411__content select:focus {
    border-color: #2f75ff !important;
    box-shadow: 0 0 0 4px rgba(47, 117, 255, .14) !important;
  }

  .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-height: 46px !important;
    padding: 10px 12px !important;
    border: 1px dashed #c6d7ee !important;
    border-radius: 15px !important;
    background: #f0f6ff !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 850 !important;
  }

  .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-actions {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 4 !important;
    display: grid !important;
    grid-template-columns: .8fr 1.2fr !important;
    gap: 10px !important;
    margin: 8px -15px calc(-16px - env(safe-area-inset-bottom, 0px)) !important;
    padding: 11px 15px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid #dce7f6 !important;
    background: rgba(255, 255, 255, .98) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 -12px 28px rgba(15, 23, 42, .08) !important;
  }

  .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-actions > a,
  .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-actions > button {
    min-height: 52px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
  }

  .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-actions > button {
    border: 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1769ff, #0ea5e9) !important;
    box-shadow: 0 12px 26px rgba(23, 105, 255, .22) !important;
  }

  .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-actions > a {
    color: #475569 !important;
    background: #eef3f9 !important;
  }

  body.jobs-filter-portal-open-h11-4-11 .mobile-bottom-nav {
    transform: translateY(120%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}


/* H11.4.12 marker: public_jobs_filter_portal_actionbar_final_polish_h11_4_12
   Purpose: keep the H11.4.11 working filter portal, but fully contain and restyle
   the cloned action bar so the Show results button cannot expand, wrap vertically,
   create horizontal scroll, or inherit legacy oversized SVG/action styles. */
@media (max-width: 760px) {
  html.jobs-filter-portal-open-h11-4-11,
  body.mobile-app-page-jobs.jobs-filter-portal-open-h11-4-11 {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411,
  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411 *,
  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411 *::before,
  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411 *::after {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__panel {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__content {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-inline: 0 !important;
    padding-bottom: 10px !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__content form,
  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__content [data-jobs-filter-portal-form-h11-4-11] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    padding-inline: 0 !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-actions {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 20 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 14px 0 0 !important;
    padding: 12px 0 calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid #dce7f6 !important;
    background: linear-gradient(180deg, rgba(255,255,255,.94), #ffffff 45%, #f8fbff 100%) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 -12px 26px rgba(15, 23, 42, .06) !important;
    overflow: hidden !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-actions > a,
  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-actions > button {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    translate: 0 !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    max-height: 58px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 16px !important;
    border: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-actions > a {
    color: #475569 !important;
    background: #eef3f9 !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-actions > button,
  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__content [data-mobile-jobs-apply-filters] {
    color: #ffffff !important;
    background: linear-gradient(135deg, #1769ff, #0ea5e9) !important;
    box-shadow: 0 12px 26px rgba(23, 105, 255, .22) !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__content [data-mobile-jobs-apply-filters] > span,
  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__content [data-mobile-jobs-filter-reset] {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__content [data-mobile-jobs-apply-filters] svg,
  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__content [data-mobile-jobs-filter-reset] svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    flex: 0 0 18px !important;
    stroke-width: 2.15 !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__content [data-mobile-jobs-apply-filters] svg:last-child {
    display: none !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-portal-actions-safe-h11-4-12="1"] .jobs-filter-portal-h11411__content [data-mobile-jobs-apply-filters] b {
    display: none !important;
  }
}


/* H11.4.13 marker: public_jobs_filter_dependent_selects_compact_sheet_h11_4_13
   Purpose: keep the H11.4.11 working portal, but make the filter sheet compact enough
   to show actions without forced vertical/horizontal scrolling on normal mobile sizes. */
@media (max-width: 760px) {
  html.jobs-filter-portal-open-h11-4-11,
  body.mobile-app-page-jobs.jobs-filter-portal-open-h11-4-11 {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411,
  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411 * {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411 {
    overflow: hidden !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__panel {
    min-height: auto !important;
    max-height: calc(100dvh - 70px) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0 12px calc(10px + env(safe-area-inset-bottom,0px)) !important;
    overflow: hidden !important;
    border-radius: 24px 24px 0 0 !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__handle {
    width: 42px !important;
    height: 5px !important;
    margin: 8px auto 5px !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__head {
    grid-template-columns: 40px minmax(0,1fr) 40px !important;
    gap: 8px !important;
    min-height: 54px !important;
    margin: 0 -12px !important;
    padding: 4px 12px 8px !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__icon,
  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__close {
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__title small {
    font-size: 9px !important;
    line-height: 1.1 !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__title h2 {
    font-size: 18px !important;
    line-height: 1.18 !important;
    margin-top: 1px !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    overflow-x: hidden !important;
    padding: 8px 0 0 !important;
    scrollbar-width: none !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content::-webkit-scrollbar,
  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__panel::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content form,
  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content [data-jobs-filter-portal-form-h11-4-11] {
    display: grid !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    overflow-x: hidden !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content label {
    gap: 3px !important;
    margin: 0 !important;
    font-size: 11px !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content label > span:first-child {
    font-size: 10px !important;
    line-height: 1.15 !important;
    color: #334155 !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content input,
  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content select {
    min-height: 43px !important;
    height: 43px !important;
    border-radius: 14px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    box-shadow: 0 5px 14px rgba(15,23,42,.035) !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-summary {
    min-height: 34px !important;
    padding: 7px 10px !important;
    border-radius: 13px !important;
    font-size: 10px !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-actions {
    position: static !important;
    bottom: auto !important;
    z-index: 4 !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    overflow: hidden !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-actions > a,
  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content .mobile-jobs-overlay-v19521h2__filter-actions > button {
    min-height: 45px !important;
    height: 45px !important;
    max-height: 45px !important;
    border-radius: 15px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content [data-mobile-jobs-apply-filters] svg,
  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content [data-mobile-jobs-filter-reset] svg {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    flex: 0 0 16px !important;
  }

  body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content [data-mobile-jobs-apply-filters] svg:last-child {
    display: none !important;
  }

  @media (max-height: 690px) {
    body.mobile-app-page-jobs[data-public-jobs-filter-compact-sheet-h11-4-13="1"] .jobs-filter-portal-h11411__content {
      overflow-y: auto !important;
      max-height: calc(100dvh - 145px) !important;
    }
  }
}


/* H11.4.14 marker: global_mobile_searchable_selects_h11_4_14
   Unified searchable dropdown styling for mobile app shell across public pages. */
@media (max-width: 920px) {
  body.mobile-app-shell[data-mobile-select-unified-h11-4-14="1"] select.mobile-select-native-h11414 {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    min-inline-size: 1px !important;
    min-block-size: 1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    clip-path: inset(50%) !important;
  }

  body.mobile-app-shell[data-mobile-select-unified-h11-4-14="1"] .mobile-select-trigger-h11414 {
    appearance: none;
    -webkit-appearance: none;
    inline-size: 100%;
    min-block-size: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid rgba(148, 163, 184, .34);
    border-radius: 16px;
    background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
    color: #0f172a;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .045);
    padding: 0 14px;
    font: inherit;
    font-weight: 800;
    text-align: start;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
  }

  body.mobile-app-shell[data-mobile-select-unified-h11-4-14="1"] .mobile-select-trigger-h11414:active {
    transform: scale(.992);
  }

  body.mobile-app-shell[data-mobile-select-unified-h11-4-14="1"] .mobile-select-trigger-h11414:focus-visible,
  body.mobile-app-shell[data-mobile-select-unified-h11-4-14="1"] .mobile-select-trigger-h11414.is-open {
    outline: 0;
    border-color: rgba(37, 99, 235, .82);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .12), 0 14px 30px rgba(37, 99, 235, .10);
    background: #fff;
  }

  body.mobile-app-shell[data-mobile-select-unified-h11-4-14="1"] .mobile-select-trigger-h11414:disabled,
  body.mobile-app-shell[data-mobile-select-unified-h11-4-14="1"] .mobile-select-trigger-h11414[aria-disabled="true"] {
    opacity: .72;
    cursor: not-allowed;
    background: #f8fafc;
    color: #94a3b8;
    box-shadow: none;
  }

  body.mobile-app-shell[data-mobile-select-unified-h11-4-14="1"] .mobile-select-trigger-h11414__text {
    min-inline-size: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.35;
  }

  body.mobile-app-shell[data-mobile-select-unified-h11-4-14="1"] .mobile-select-trigger-h11414__meta {
    flex: 0 0 auto;
    inline-size: 32px;
    block-size: 32px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    color: #2563eb;
  }

  body.mobile-app-shell[data-mobile-select-unified-h11-4-14="1"] .mobile-select-trigger-h11414__chevron {
    display: inline-block;
    font-size: 17px;
    line-height: 1;
    transform: translateY(-1px);
  }

  body.mobile-app-shell[data-mobile-select-unified-h11-4-14="1"].rtl .mobile-select-trigger-h11414,
  html[dir="rtl"] body.mobile-app-shell[data-mobile-select-unified-h11-4-14="1"] .mobile-select-trigger-h11414 {
    direction: rtl;
  }

  .mobile-select-portal-h11414,
  .mobile-select-portal-h11414 * {
    box-sizing: border-box;
  }

  .mobile-select-portal-h11414 {
    position: fixed;
    inset: 0;
    z-index: 2147483200;
    display: none;
    direction: inherit;
  }

  .mobile-select-portal-h11414.is-open {
    display: block;
  }

  .mobile-select-portal-h11414__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, .44);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .mobile-select-portal-h11414__panel {
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0;
    margin-inline: auto;
    inline-size: min(100%, 680px);
    max-block-size: min(78vh, 680px);
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid rgba(226, 232, 240, .96);
    border-radius: 28px 28px 0 0;
    box-shadow: 0 -26px 70px rgba(15, 23, 42, .23);
    overflow: hidden;
  }

  .mobile-select-portal-h11414__handle {
    inline-size: 54px;
    block-size: 6px;
    border-radius: 999px;
    background: #dbe4f0;
    margin: 10px auto 4px;
    flex: 0 0 auto;
  }

  .mobile-select-portal-h11414__head {
    display: grid;
    grid-template-columns: 46px minmax(0,1fr) 46px;
    align-items: center;
    gap: 10px;
    padding: 8px 16px 10px;
    border-bottom: 1px solid rgba(226, 232, 240, .78);
  }

  .mobile-select-portal-h11414__icon,
  .mobile-select-portal-h11414__close {
    inline-size: 46px;
    block-size: 46px;
    border-radius: 16px;
    border: 1px solid rgba(191, 219, 254, .72);
    background: #eff6ff;
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-select-portal-h11414__close {
    color: #475569;
    background: #f8fafc;
    cursor: pointer;
  }

  .mobile-select-portal-h11414__title {
    min-inline-size: 0;
    text-align: start;
  }

  .mobile-select-portal-h11414__title small {
    display: block;
    color: #64748b;
    font-weight: 800;
    font-size: 11px;
    margin-block-end: 3px;
  }

  .mobile-select-portal-h11414__title strong {
    display: block;
    color: #0f172a;
    font-weight: 950;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mobile-select-portal-h11414__search-wrap {
    position: relative;
    padding: 12px 16px 10px;
    border-bottom: 1px solid rgba(226, 232, 240, .62);
  }

  .mobile-select-portal-h11414__search {
    inline-size: 100%;
    block-size: 48px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, .34);
    background: #fff;
    padding: 0 44px 0 14px;
    color: #0f172a;
    font: inherit;
    font-weight: 800;
    outline: none;
  }

  html[dir="ltr"] .mobile-select-portal-h11414__search,
  body.ltr .mobile-select-portal-h11414__search {
    padding: 0 14px 0 44px;
  }

  .mobile-select-portal-h11414__search:focus {
    border-color: rgba(37, 99, 235, .78);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .11);
  }

  .mobile-select-portal-h11414__search-icon {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 30px;
    transform: translateY(-50%);
    color: #64748b;
    pointer-events: none;
  }

  html[dir="ltr"] .mobile-select-portal-h11414__search-icon,
  body.ltr .mobile-select-portal-h11414__search-icon {
    inset-inline-end: auto;
    inset-inline-start: 30px;
  }

  .mobile-select-portal-h11414__list {
    padding: 8px 12px max(16px, env(safe-area-inset-bottom));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    flex: 1 1 auto;
  }

  .mobile-select-portal-h11414__option {
    inline-size: 100%;
    min-block-size: 46px;
    border: 0;
    border-radius: 16px;
    background: transparent;
    color: #0f172a;
    display: grid;
    grid-template-columns: minmax(0,1fr) 30px;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    text-align: start;
    font: inherit;
    cursor: pointer;
  }

  html[dir="ltr"] .mobile-select-portal-h11414__option,
  body.ltr .mobile-select-portal-h11414__option {
    grid-template-columns: 30px minmax(0,1fr);
  }

  .mobile-select-portal-h11414__option:hover,
  .mobile-select-portal-h11414__option:focus-visible {
    background: #eff6ff;
    outline: none;
  }

  .mobile-select-portal-h11414__option.is-selected {
    background: linear-gradient(135deg, #eff6ff 0%, #e0f2fe 100%);
    color: #1d4ed8;
    font-weight: 950;
  }

  .mobile-select-portal-h11414__option-main {
    min-inline-size: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .mobile-select-portal-h11414__option-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 850;
  }

  .mobile-select-portal-h11414__option-group {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
  }

  .mobile-select-portal-h11414__check {
    inline-size: 28px;
    block-size: 28px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: transparent;
  }

  .mobile-select-portal-h11414__option.is-selected .mobile-select-portal-h11414__check {
    background: #2563eb;
    color: #fff;
  }

  .mobile-select-portal-h11414__empty {
    margin: 16px 4px;
    border: 1px dashed rgba(148, 163, 184, .6);
    border-radius: 18px;
    padding: 16px;
    text-align: center;
    color: #64748b;
    font-weight: 850;
    background: #f8fafc;
  }

  .mobile-select-no-scroll-h11414 {
    overflow: hidden !important;
    touch-action: none;
  }
}


/* H11.4.15 marker: global_searchable_selects_hard_open_bridge_h11_4_15
   Purpose: make searchable dropdown opening independent from browser/native select quirks inside filter portals. */
@media (max-width: 920px) {
  body.mobile-app-shell[data-mobile-select-hard-open-h11-4-15="1"] .mobile-select-trigger-h11414,
  body.mobile-app-shell[data-mobile-select-hard-open-h11-4-15="1"] [data-mobile-select-trigger-h11-4-14] {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: auto !important;
    user-select: none !important;
    touch-action: manipulation !important;
  }

  body.mobile-app-shell[data-mobile-select-hard-open-h11-4-15="1"] .jobs-filter-portal-h11411 [data-mobile-select-trigger-h11-4-14] {
    min-block-size: 45px !important;
    border-radius: 15px !important;
    padding-inline: 12px !important;
  }

  body.mobile-app-shell[data-mobile-select-hard-open-h11-4-15="1"] select.mobile-select-native-h11414,
  body.mobile-app-shell[data-mobile-select-hard-open-h11-4-15="1"] select[data-global-searchable-select-original-h11-4-14] {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    min-inline-size: 1px !important;
    min-block-size: 1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    clip-path: inset(50%) !important;
  }

  .mobile-select-portal-h11415,
  .mobile-select-portal-h11415 * {
    box-sizing: border-box;
  }

  .mobile-select-portal-h11415 {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483500 !important;
    display: none;
    direction: inherit;
  }

  .mobile-select-portal-h11415.is-open {
    display: block !important;
  }

  .mobile-select-portal-h11415__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(15, 23, 42, .48);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .mobile-select-portal-h11415__panel {
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0;
    margin-inline: auto;
    inline-size: min(100%, 680px);
    max-block-size: min(74vh, 620px);
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid rgba(226, 232, 240, .96);
    border-radius: 28px 28px 0 0;
    box-shadow: 0 -26px 70px rgba(15, 23, 42, .25);
    overflow: hidden;
  }

  .mobile-select-portal-h11415__handle {
    inline-size: 54px;
    block-size: 6px;
    border-radius: 999px;
    background: #dbe4f0;
    margin: 10px auto 4px;
    flex: 0 0 auto;
  }

  .mobile-select-portal-h11415__head {
    display: grid;
    grid-template-columns: 46px minmax(0,1fr) 46px;
    align-items: center;
    gap: 10px;
    padding: 8px 16px 10px;
    border-bottom: 1px solid rgba(226, 232, 240, .78);
  }

  .mobile-select-portal-h11415__close,
  .mobile-select-portal-h11415__icon {
    inline-size: 46px;
    block-size: 46px;
    border-radius: 16px;
    border: 1px solid rgba(191, 219, 254, .72);
    background: #eff6ff;
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
  }

  .mobile-select-portal-h11415__close {
    background: #f8fafc;
    color: #475569;
    cursor: pointer;
  }

  .mobile-select-portal-h11415__title {
    min-inline-size: 0;
    text-align: start;
  }

  .mobile-select-portal-h11415__title small {
    display: block;
    color: #64748b;
    font-weight: 800;
    font-size: 11px;
    margin-block-end: 3px;
  }

  .mobile-select-portal-h11415__title strong {
    display: block;
    color: #0f172a;
    font-weight: 950;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mobile-select-portal-h11415__search-wrap {
    position: relative;
    padding: 12px 16px 10px;
    border-bottom: 1px solid rgba(226, 232, 240, .62);
  }

  .mobile-select-portal-h11415__search {
    inline-size: 100%;
    block-size: 48px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, .34);
    background: #fff;
    padding: 0 44px 0 14px;
    color: #0f172a;
    font: inherit;
    font-weight: 800;
    outline: none;
  }

  html[dir="ltr"] .mobile-select-portal-h11415__search,
  body.ltr .mobile-select-portal-h11415__search {
    padding: 0 14px 0 44px;
  }

  .mobile-select-portal-h11415__search:focus {
    border-color: rgba(37, 99, 235, .78);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .11);
  }

  .mobile-select-portal-h11415__search-icon {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 30px;
    transform: translateY(-50%);
    color: #64748b;
    pointer-events: none;
  }

  html[dir="ltr"] .mobile-select-portal-h11415__search-icon,
  body.ltr .mobile-select-portal-h11415__search-icon {
    inset-inline-end: auto;
    inset-inline-start: 30px;
  }

  .mobile-select-portal-h11415__list {
    padding: 8px 12px max(16px, env(safe-area-inset-bottom));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    flex: 1 1 auto;
  }

  .mobile-select-portal-h11415__option {
    inline-size: 100%;
    min-block-size: 46px;
    border: 0;
    border-radius: 16px;
    background: transparent;
    color: #0f172a;
    display: grid;
    grid-template-columns: minmax(0,1fr) 30px;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    text-align: start;
    font: inherit;
    cursor: pointer;
  }

  html[dir="ltr"] .mobile-select-portal-h11415__option,
  body.ltr .mobile-select-portal-h11415__option {
    grid-template-columns: 30px minmax(0,1fr);
  }

  .mobile-select-portal-h11415__option:focus-visible,
  .mobile-select-portal-h11415__option:hover {
    background: #eff6ff;
    outline: none;
  }

  .mobile-select-portal-h11415__option.is-selected {
    background: linear-gradient(135deg, #eff6ff 0%, #e0f2fe 100%);
    color: #1d4ed8;
    font-weight: 950;
  }

  .mobile-select-portal-h11415__option-main {
    min-inline-size: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .mobile-select-portal-h11415__option-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 850;
  }

  .mobile-select-portal-h11415__option-group {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
  }

  .mobile-select-portal-h11415__check {
    inline-size: 28px;
    block-size: 28px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: transparent;
  }

  .mobile-select-portal-h11415__option.is-selected .mobile-select-portal-h11415__check {
    background: #2563eb;
    color: #fff;
  }

  .mobile-select-portal-h11415__empty {
    margin: 16px 4px;
    border: 1px dashed rgba(148, 163, 184, .6);
    border-radius: 18px;
    padding: 16px;
    text-align: center;
    color: #64748b;
    font-weight: 850;
    background: #f8fafc;
  }

  html.mobile-select-no-scroll-h11415,
  html.mobile-select-no-scroll-h11415 body,
  body.mobile-select-no-scroll-h11415 {
    overflow: hidden !important;
    touch-action: none;
  }
}


/* H11.4.17 marker: public_jobs_hero_filter_isolated_trigger_h11_4_17
   The hero filter icon is no longer a child of the search-open button. This
   prevents the old jobs-search overlay from catching the tap before the filter
   portal can open. */
@media (max-width: 760px) {
  body.mobile-app-page-jobs .mobile-jobs-native-v19521h2__search-shell-h11417 {
    position: relative;
    z-index: 3;
    width: 100%;
    margin-top: 16px;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 8px;
    align-items: stretch;
    direction: ltr;
  }
  body.mobile-app-page-jobs .mobile-jobs-native-v19521h2__search-shell-h11417 .mobile-jobs-native-v19521h2__search-launch {
    margin-top: 0 !important;
    min-width: 0;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    direction: rtl;
  }
  html[lang^="en"] body.mobile-app-page-jobs .mobile-jobs-native-v19521h2__search-shell-h11417 .mobile-jobs-native-v19521h2__search-launch {
    direction: ltr;
  }
  body.mobile-app-page-jobs .mobile-jobs-native-v19521h2__search-tune-h11417 {
    appearance: none;
    -webkit-appearance: none;
    width: 50px !important;
    min-width: 50px;
    height: auto !important;
    min-height: 62px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(188, 209, 239, .92);
    border-radius: 20px;
    background: #fff;
    color: #0f63e9;
    box-shadow: 0 8px 22px rgba(20, 74, 160, .10);
    display: grid;
    place-items: center;
    cursor: pointer;
    touch-action: manipulation;
  }
  body.mobile-app-page-jobs .mobile-jobs-native-v19521h2__search-tune-h11417:active {
    transform: scale(.97);
  }
  body.mobile-app-page-jobs .mobile-jobs-native-v19521h2__search-tune-h11417 svg {
    width: 22px;
    height: 22px;
    pointer-events: none;
  }
  body.mobile-app-page-jobs .mobile-jobs-native-v19521h2__search-shell-h11417 [data-mobile-jobs-search-open] {
    touch-action: manipulation;
  }
}


/* H11.4.18 marker: public_jobs_hero_search_portal_h11_4_18
   Hard-fix the jobs hero search button by opening an independent visible search portal.
*/
.public-jobs-search-portal-h11418,
.public-jobs-search-portal-h11418 *{box-sizing:border-box;}
.public-jobs-search-portal-h11418{position:fixed;inset:0;z-index:2147483300;display:none;direction:var(--mobile-app-dir, rtl);font-family:inherit;}
html[dir="ltr"] .public-jobs-search-portal-h11418{direction:ltr;}
.public-jobs-search-portal-open-h11418 .public-jobs-search-portal-h11418{display:block;}
.public-jobs-search-portal-h11418__backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.48);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.public-jobs-search-portal-h11418__sheet{position:absolute;left:0;right:0;bottom:0;max-height:min(76vh,620px);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);border-radius:26px 26px 0 0;border:1px solid rgba(191,207,235,.94);box-shadow:0 -22px 70px rgba(15,23,42,.30);padding:10px 16px calc(16px + env(safe-area-inset-bottom));overflow:auto;transform:translateY(0);}
.public-jobs-search-portal-h11418__handle{width:54px;height:6px;border-radius:99px;background:#d5dfef;margin:0 auto 12px;}
.public-jobs-search-portal-h11418__head{display:flex;align-items:center;gap:12px;padding:4px 2px 14px;border-bottom:1px solid rgba(203,213,225,.82);}
.public-jobs-search-portal-h11418__title{flex:1;min-width:0;text-align:start;}
.public-jobs-search-portal-h11418__title small{display:block;color:#64748b;font-weight:800;font-size:11px;margin-bottom:2px;}
.public-jobs-search-portal-h11418__title h2{margin:0;color:#0f172a;font-size:22px;line-height:1.2;font-weight:950;letter-spacing:-.02em;}
.public-jobs-search-portal-h11418__icon,.public-jobs-search-portal-h11418__close{width:52px;height:52px;border-radius:18px;border:1px solid #d8e5f8;background:#eff6ff;color:#1663e8;display:inline-grid;place-items:center;flex:0 0 auto;}
.public-jobs-search-portal-h11418__close{background:#f1f5f9;color:#334155;border-color:#e2e8f0;cursor:pointer;}
.public-jobs-search-portal-h11418__icon svg,.public-jobs-search-portal-h11418__close svg{width:24px;height:24px;}
.public-jobs-search-portal-h11418__form{display:grid;gap:14px;padding-top:16px;}
.public-jobs-search-portal-h11418__field{display:grid;gap:7px;}
.public-jobs-search-portal-h11418__field>span{font-weight:900;color:#334155;font-size:12px;text-align:start;}
.public-jobs-search-portal-h11418__control{min-height:62px;border-radius:20px;border:1px solid #d6e2f4;background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;box-shadow:0 12px 24px rgba(15,23,42,.045);}
.public-jobs-search-portal-h11418__control svg{width:22px;height:22px;color:#2563eb;flex:0 0 auto;}
.public-jobs-search-portal-h11418__control input{border:0;outline:0;background:transparent;width:100%;min-width:0;font:inherit;font-size:16px;font-weight:800;color:#0f172a;text-align:start;}
.public-jobs-search-portal-h11418__control input::placeholder{color:#94a3b8;font-weight:800;}
.public-jobs-search-portal-h11418__suggestions{display:grid;gap:9px;}
.public-jobs-search-portal-h11418__suggestions>span{font-size:12px;font-weight:900;color:#64748b;text-align:start;}
.public-jobs-search-portal-h11418__chips{display:flex;flex-wrap:wrap;gap:8px;}
.public-jobs-search-portal-h11418__chip{border:1px solid #d7e4f7;background:#fff;color:#1d4ed8;border-radius:999px;padding:10px 13px;font-weight:900;font-size:13px;cursor:pointer;box-shadow:0 8px 18px rgba(37,99,235,.08);}
.public-jobs-search-portal-h11418__primary{border:0;border-radius:20px;min-height:58px;background:linear-gradient(135deg,#1663ff,#18a9df);color:#fff;font-weight:950;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 18px 40px rgba(37,99,235,.24);cursor:pointer;}
.public-jobs-search-portal-h11418__primary svg{width:22px;height:22px;}
.public-jobs-search-portal-h11418__note{font-size:12px;color:#64748b;font-weight:800;text-align:center;margin:0;}
.public-jobs-search-portal-open-h11418 body{overflow:hidden;}
body.public-jobs-search-portal-open-h11418{overflow:hidden;touch-action:none;}
@media (max-width:420px){.public-jobs-search-portal-h11418__sheet{padding-inline:14px;border-radius:24px 24px 0 0}.public-jobs-search-portal-h11418__title h2{font-size:20px}.public-jobs-search-portal-h11418__icon,.public-jobs-search-portal-h11418__close{width:48px;height:48px;border-radius:16px}.public-jobs-search-portal-h11418__control{min-height:58px;border-radius:18px}.public-jobs-search-portal-h11418__primary{min-height:56px;border-radius:18px}}


/* H11.4.19 marker: public_jobs_seo_landing_results_native_mobile_h11_4_19
   Category/country/city SEO landing pages now render as an app-like result screen on mobile.
   Desktop SEO content remains untouched and is hidden only below the mobile breakpoint. */
.mobile-jobs-landing-native-v19521h11419 { display:none; }

@media (max-width: 760px) {
  body.mobile-app-page-jobs .seo-landing-web-experience-v19521h11419 { display:none !important; }
  body.mobile-app-page-jobs .mobile-jobs-landing-native-v19521h11419 {
    --ml-blue:#1668f2;
    --ml-cyan:#12a9dc;
    --ml-ink:#111827;
    --ml-muted:#657389;
    --ml-border:#dce7f7;
    --ml-soft:#eef5ff;
    --ml-card:#fff;
    --ml-shadow:0 18px 45px rgba(15,23,42,.10);
    display:block;
    min-height:100vh;
    padding:10px 12px 96px;
    background:linear-gradient(180deg,#f7fbff 0%,#edf5ff 52%,#f8fbff 100%);
    color:var(--ml-ink);
    direction:rtl;
  }
  body.ltr.mobile-app-page-jobs .mobile-jobs-landing-native-v19521h11419 { direction:ltr; }
  .mobile-jobs-landing-native-v19521h11419 *,
  .mobile-jobs-landing-native-v19521h11419 *::before,
  .mobile-jobs-landing-native-v19521h11419 *::after { box-sizing:border-box; }
  .mobile-jobs-landing-native-v19521h11419 svg { width:20px;height:20px;display:block; }

  .mlanding-h11419__top {
    position:sticky;
    top:0;
    z-index:24;
    margin:0 -12px 10px;
    padding:10px 14px 12px;
    background:rgba(248,251,255,.94);
    backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(210,222,240,.74);
  }
  .mlanding-h11419__title-row { display:flex;align-items:center;justify-content:space-between;gap:12px; }
  .mlanding-h11419__title { min-width:0;display:grid;gap:2px; }
  .mlanding-h11419__title small { color:#657389;font-weight:800;font-size:10.5px; }
  .mlanding-h11419__title h1 { margin:0;color:#0f172a;font-size:19px;line-height:1.28;font-weight:950;letter-spacing:-.2px; }
  .mlanding-h11419__count {
    min-width:66px;min-height:54px;padding:8px 10px;border-radius:19px;
    display:grid;place-items:center;text-align:center;
    color:#0b5ee8;background:linear-gradient(135deg,#edf5ff,#ffffff);
    border:1px solid #d7e6ff;box-shadow:0 10px 25px rgba(22,104,242,.10);
  }
  .mlanding-h11419__count strong { display:block;font-size:16px;font-weight:950;line-height:1; }
  .mlanding-h11419__count span { display:block;font-size:9.5px;color:#64748b;font-weight:800;margin-top:2px; }

  .mlanding-h11419__actions {
    margin-top:12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;
  }
  .mlanding-h11419__actions button,
  .mlanding-h11419__actions a {
    min-height:46px;border:1px solid #d8e5f7;border-radius:17px;background:#fff;color:#1a3153;
    display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;
    font-size:11.5px;font-weight:900;box-shadow:0 8px 20px rgba(15,23,42,.05);
  }
  .mlanding-h11419__actions button:first-child { color:#0b65e5;background:linear-gradient(135deg,#eff6ff,#fff);border-color:#cfe1ff; }
  .mlanding-h11419__actions button:nth-child(2) { color:#0b65e5;background:#eef6ff;border-color:#bfd8ff; }
  .mlanding-h11419__actions button:active { transform:scale(.985); }

  .mlanding-h11419__active {
    margin:8px 0 10px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 1px 2px;
  }
  .mlanding-h11419__active::-webkit-scrollbar { display:none; }
  .mlanding-h11419__active a,
  .mlanding-h11419__active span {
    min-height:34px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:999px;
    padding:7px 11px;text-decoration:none;background:#eaf3ff;border:1px solid #cfe2ff;color:#135fdb;
    font-size:11px;font-weight:850;
  }
  .mlanding-h11419__active a.is-clear { background:#fff3f2;border-color:#ffd2cb;color:#c53b2f; }

  .mlanding-h11419__results-head {
    display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:14px 2px 10px;
  }
  .mlanding-h11419__results-head div { min-width:0; }
  .mlanding-h11419__results-head small { display:block;color:#66748a;font-size:10.5px;font-weight:800;margin-bottom:2px; }
  .mlanding-h11419__results-head h2 { margin:0;font-size:21px;line-height:1.25;font-weight:950;color:#111827; }
  .mlanding-h11419__results-head p { margin:0;color:#66748a;font-size:10.5px;font-weight:800;white-space:nowrap; }

  .mlanding-h11419__list { display:grid;gap:12px; }
  .mlanding-h11419__card {
    position:relative;display:grid;gap:12px;padding:16px 14px;background:#fff;border:1px solid #dce7f7;
    border-radius:24px;box-shadow:0 12px 30px rgba(15,23,42,.06);overflow:hidden;
  }
  .mlanding-h11419__card::before { content:"";position:absolute;inset-inline-end:0;top:22px;bottom:22px;width:4px;border-radius:999px;background:linear-gradient(180deg,#1f75ff,#21c6d9); }
  .mlanding-h11419__card-top { display:flex;align-items:flex-start;justify-content:space-between;gap:10px; }
  .mlanding-h11419__mark {
    width:54px;height:54px;border-radius:20px;background:#eaf3ff;color:#145de2;display:grid;place-items:center;
    font-size:20px;font-weight:950;box-shadow:inset 0 0 0 1px #d4e5ff;
  }
  .mlanding-h11419__badges { display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end; }
  body.ltr .mlanding-h11419__badges { justify-content:flex-start; }
  .mlanding-h11419__badges span { padding:6px 8px;border-radius:999px;background:#edf5ff;color:#286ee8;font-size:10px;font-weight:850; }
  .mlanding-h11419__badges span.is-green { background:#e8faef;color:#07854e; }
  .mlanding-h11419__badges span.is-violet { background:#f2eaff;color:#7048d8; }
  .mlanding-h11419__job-title { margin:0;font-size:16.5px;line-height:1.55;font-weight:950;color:#15213a; }
  .mlanding-h11419__job-title a { color:inherit;text-decoration:none; }
  .mlanding-h11419__meta { display:flex;flex-wrap:wrap;gap:7px;margin-top:-4px;color:#657389;font-size:11px;font-weight:800; }
  .mlanding-h11419__meta span { display:inline-flex;align-items:center;gap:4px; }
  .mlanding-h11419__meta span::before { content:"";width:5px;height:5px;border-radius:99px;background:#adc2de; }
  .mlanding-h11419__excerpt { margin:0;color:#4b5f7c;font-size:12px;line-height:1.65;font-weight:700; }
  .mlanding-h11419__footer { display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px; }
  .mlanding-h11419__footer a { min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:16px;text-decoration:none;font-weight:900;font-size:12px; }
  .mlanding-h11419__details { flex:1;background:linear-gradient(135deg,#edf5ff,#e7f1ff);color:#145de2;border:1px solid #d3e5ff; }
  .mlanding-h11419__save { width:44px;background:#fff;border:1px solid #dce7f7;color:#64748b; }

  .mlanding-h11419__empty { padding:26px 18px;text-align:center;background:#fff;border:1px solid #dce7f7;border-radius:26px;box-shadow:0 12px 30px rgba(15,23,42,.06); }
  .mlanding-h11419__empty span { width:64px;height:64px;margin:0 auto 12px;border-radius:24px;background:#edf5ff;color:#1769e8;display:grid;place-items:center; }
  .mlanding-h11419__empty h3 { margin:0 0 6px;font-size:17px;font-weight:950; }
  .mlanding-h11419__empty p { margin:0;color:#64748b;font-size:12px;font-weight:700; }

  .mlanding-h11419__pagination { display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 8px; }
  .mlanding-h11419__pagination a,
  .mlanding-h11419__pagination span { min-height:42px;padding:10px 13px;border-radius:16px;border:1px solid #d8e5f7;background:#fff;color:#1a3153;text-decoration:none;font-weight:900;font-size:12px; }
  .mlanding-h11419__pagination a.is-disabled { opacity:.45;pointer-events:none; }

  .mlanding-h11419__features-list { display:grid;gap:10px; }
  .mlanding-h11419__features-list article { padding:13px;border:1px solid #dce7f7;border-radius:18px;background:#f8fbff; }
  .mlanding-h11419__features-list h3 { margin:0 0 5px;font-size:14px;font-weight:950;color:#15213a; }
  .mlanding-h11419__features-list p { margin:0;color:#607089;font-size:12px;line-height:1.55;font-weight:700; }
  .mlanding-h11419__links { display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0; }
  .mlanding-h11419__links::-webkit-scrollbar { display:none; }
  .mlanding-h11419__links a { white-space:nowrap;text-decoration:none;border:1px solid #d8e5f7;border-radius:999px;background:#fff;padding:8px 11px;color:#145de2;font-size:11px;font-weight:850; }

  .mlanding-h11419__sheet-features[hidden] { display:none!important; }
  .mlanding-h11419__sheet-features { position:fixed;inset:0;z-index:10020;display:grid;align-items:end; }
  .mlanding-h11419__sheet-backdrop { position:absolute;inset:0;background:rgba(15,23,42,.46);backdrop-filter:blur(8px);border:0; }
  .mlanding-h11419__sheet-panel { position:relative;max-height:78vh;overflow:auto;background:#fff;border-radius:30px 30px 0 0;padding:12px 16px 22px;box-shadow:0 -24px 70px rgba(15,23,42,.24); }
  .mlanding-h11419__sheet-panel::before { content:"";display:block;width:56px;height:6px;border-radius:999px;background:#d5dfef;margin:0 auto 12px; }
  .mlanding-h11419__sheet-head { display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e3ebf6;padding-bottom:10px;margin-bottom:12px; }
  .mlanding-h11419__sheet-head h2 { margin:0;font-size:18px;font-weight:950; }
  .mlanding-h11419__sheet-head small { color:#66748a;font-weight:800;font-size:10px; }
  .mlanding-h11419__sheet-head button { width:44px;height:44px;border:0;border-radius:17px;background:#f2f6fb;color:#1f2937;display:grid;place-items:center; }
}

@media (min-width: 761px) {
  .mobile-jobs-landing-native-v19521h11419 { display:none!important; }
}


/* H11.4.20 Career advice native mobile application shell */
.mobile-career-advice-v19521h11420{display:none;}
.mcad-h11420-sheet{display:none;}
@media (max-width:760px){
  body.mobile-app-page-career-advice{background:#eef4ff;}
  body.mobile-app-page-career-advice .page-hero,
  body.mobile-app-page-career-advice .advice-category-strip,
  body.mobile-app-page-career-advice .editorial-grid,
  body.mobile-app-page-career-advice .career-strip,
  body.mobile-app-page-career-advice .article-layout{display:none!important;}
  body.mobile-app-page-career-advice .site-main{padding:0 0 104px!important;}
  html.mcad-h11420-lock,html.mcad-h11420-lock body{overflow:hidden!important;}
  .mobile-career-advice-v19521h11420{display:block;min-height:100vh;padding:14px 14px 108px;background:linear-gradient(180deg,#eef6ff 0%,#f8fbff 42%,#ffffff 100%);font-family:inherit;direction:rtl;color:#10233f;}
  html[lang="en"] .mobile-career-advice-v19521h11420{direction:ltr;}
  .mcad-h11420-hero{position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(135deg,#1458dc 0%,#0f3e9c 100%);color:#fff;padding:22px 18px 20px;box-shadow:0 22px 46px rgba(15,67,160,.24);}
  .mcad-h11420-hero:before{content:"";position:absolute;inset:-80px auto auto -70px;width:210px;height:210px;border-radius:999px;background:rgba(255,255,255,.10);box-shadow:72px 46px 0 rgba(255,255,255,.07);}
  html[dir="rtl"] .mcad-h11420-hero:before{left:auto;right:-70px;}
  .mcad-h11420-eyebrow{display:inline-flex;align-items:center;gap:8px;position:relative;z-index:1;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.16);font-size:12px;font-weight:800;}
  .mcad-h11420-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:#64f1b2;box-shadow:0 0 0 5px rgba(100,241,178,.14);}
  .mcad-h11420-hero h1{position:relative;z-index:1;margin:16px 0 8px;font-size:30px;line-height:1.22;font-weight:950;letter-spacing:-.04em;color:#fff;}
  .mcad-h11420-hero p{position:relative;z-index:1;margin:0;color:rgba(255,255,255,.86);font-size:14px;line-height:1.75;font-weight:700;}
  .mcad-h11420-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;}
  .mcad-h11420-action{border:1px solid #d7e4f8;background:#fff;color:#1454d4;border-radius:18px;min-height:56px;padding:9px 8px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:13px;box-shadow:0 12px 26px rgba(43,86,154,.08);}
  .mcad-h11420-action svg{width:18px;height:18px;flex:0 0 18px;}
  .mcad-h11420-section{margin-top:14px;}
  .mcad-h11420-section-head{display:flex;align-items:end;justify-content:space-between;margin:18px 2px 10px;gap:12px;}
  .mcad-h11420-section-head small{display:block;color:#64748b;font-weight:800;margin-bottom:2px;}
  .mcad-h11420-section-head h2{margin:0;color:#10233f;font-size:24px;line-height:1.25;font-weight:950;letter-spacing:-.035em;}
  .mcad-h11420-count{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;border-radius:16px;background:#e8f1ff;color:#1769f2;font-weight:950;}
  .mcad-h11420-list{display:grid;gap:12px;}
  .mcad-h11420-card{display:block;text-decoration:none;color:#10233f;border:1px solid #dce7f8;border-radius:24px;background:#fff;padding:16px;box-shadow:0 16px 38px rgba(44,78,130,.08);}
  .mcad-h11420-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
  .mcad-h11420-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#edf5ff;color:#155ed9;font-size:11px;font-weight:900;}
  .mcad-h11420-min{color:#718096;font-size:11px;font-weight:900;white-space:nowrap;}
  .mcad-h11420-card h3{margin:0 0 8px;font-size:18px;line-height:1.45;font-weight:950;color:#10233f;}
  .mcad-h11420-card p{margin:0;color:#58677f;font-size:13px;line-height:1.7;font-weight:700;}
  .mcad-h11420-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;}
  .mcad-h11420-tags span{padding:5px 9px;border-radius:999px;background:#f3f7fd;color:#64748b;font-size:11px;font-weight:800;}
  .mcad-h11420-article{border:1px solid #dce7f8;border-radius:28px;background:#fff;padding:18px 16px;box-shadow:0 16px 38px rgba(44,78,130,.08);}
  .mcad-h11420-article h2{margin:22px 0 8px;font-size:22px;line-height:1.35;font-weight:950;color:#10233f;letter-spacing:-.025em;}
  .mcad-h11420-article p{margin:0 0 12px;color:#31425b;font-size:15px;line-height:1.95;font-weight:650;}
  .mcad-h11420-faq details{border:1px solid #e0e8f5;border-radius:18px;background:#f8fbff;margin:9px 0;padding:12px;}
  .mcad-h11420-faq summary{font-weight:900;color:#10233f;}
  .mcad-h11420-sheet{position:fixed;inset:0;z-index:2147483000;display:none;align-items:flex-end;background:rgba(15,23,42,.48);backdrop-filter:blur(12px);}
  .mcad-h11420-sheet.is-open{display:flex;}
  .mcad-h11420-panel{width:100%;max-height:82vh;overflow:auto;border-radius:30px 30px 0 0;background:#fff;padding:12px 16px 18px;box-shadow:0 -22px 60px rgba(15,23,42,.24);}
  .mcad-h11420-handle{width:58px;height:6px;border-radius:999px;background:#d7e0ef;margin:0 auto 14px;}
  .mcad-h11420-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
  .mcad-h11420-sheet-head h3{margin:0;font-size:22px;font-weight:950;color:#10233f;}
  .mcad-h11420-close{width:52px;height:52px;border:0;border-radius:18px;background:#f1f6fd;color:#263b59;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;}
  .mcad-h11420-searchbox{display:flex;align-items:center;gap:8px;border:1px solid #d7e4f8;background:#f8fbff;border-radius:22px;padding:8px 10px;margin:10px 0 14px;}
  .mcad-h11420-searchbox input{width:100%;height:46px;border:0;background:transparent;outline:0;font-size:15px;font-weight:800;color:#10233f;}
  .mcad-h11420-sheet-list{display:grid;gap:9px;}
  .mcad-h11420-sheet-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e0e8f5;border-radius:18px;background:#f8fbff;color:#10233f;text-decoration:none;padding:13px 14px;font-weight:900;line-height:1.45;}
  .mcad-h11420-sheet-link span{font-weight:700;color:#64748b;font-size:12px;}
  .mcad-h11420-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:58px;border:0;border-radius:20px;background:linear-gradient(135deg,#1d71ff,#13a9df);color:#fff;font-size:16px;font-weight:950;text-decoration:none;margin-top:12px;}
  .mcad-h11420-empty{border:1px dashed #cfe0f6;border-radius:20px;background:#f8fbff;padding:18px;text-align:center;color:#64748b;font-weight:800;}
}


/* H11.4.21 marker: public_career_advice_action_sheets_hard_open_h11_4_21 */
@media (max-width:760px){
  body.mobile-app-page-career-advice .mcad-h11420-action{touch-action:manipulation;cursor:pointer;position:relative;z-index:2;}
  body.mobile-app-page-career-advice .mcad-h11420-sheet.is-open,
  body.mobile-app-page-career-advice .mcad-h11420-sheet[aria-hidden="false"]{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
  body.mobile-app-page-career-advice .mcad-h11420-sheet.is-open .mcad-h11420-panel,
  body.mobile-app-page-career-advice .mcad-h11420-sheet[aria-hidden="false"] .mcad-h11420-panel{transform:translateY(0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
  html.mcad-h11421-lock,html.mcad-h11421-lock body{overflow:hidden!important;}
}


/* ========================================================================== 
   H11.4.22 — Career advice action sheets inline portal final fix
   Marker: public_career_advice_inline_portal_action_sheets_h11_4_22
   ========================================================================== */
@media (max-width: 920px) {
  .mobile-career-advice-v19521h11420 .mcad-h11420-action,
  [data-mcad-open-h11-4-22],
  [data-mcad-open-h11-4-21],
  [data-mcad-open-h11-4-20] {
    touch-action: manipulation !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 50 !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  [data-mcad-open-h11-4-22] *,
  [data-mcad-open-h11-4-21] *,
  [data-mcad-open-h11-4-20] *,
  .mobile-career-advice-v19521h11420 .mcad-h11420-action * {
    pointer-events: none !important;
  }
  .mcad-h11420-sheet.is-open,
  .mcad-h11420-sheet[data-h11422-open="1"],
  .mcad-h11420-sheet[aria-hidden="false"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483400 !important;
    align-items: flex-end !important;
    justify-content: center !important;
    background: rgba(15, 23, 42, .52) !important;
    backdrop-filter: blur(12px) !important;
  }
  .mcad-h11420-sheet.is-open .mcad-h11420-panel,
  .mcad-h11420-sheet[data-h11422-open="1"] .mcad-h11420-panel,
  .mcad-h11420-sheet[aria-hidden="false"] .mcad-h11420-panel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    width: 100% !important;
    max-height: 82vh !important;
    overflow: auto !important;
  }
  html.mcad-h11422-lock,
  body.mcad-h11422-lock {
    overflow: hidden !important;
    overscroll-behavior: contain !important;
  }
}


/* ========================================================================== 
   V195.2.1-H11.4.23 — Public Auth Desktop Restore Guard
   Marker: public_auth_desktop_restore_h11_4_23
   Purpose: restore desktop login/register forms on viewport >= 761px after
   mobile-native auth layers. Mobile auth remains unchanged.
   ========================================================================== */
@media (min-width: 761px) {
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] {
    overflow-x: hidden !important;
    background: #f6f9fc !important;
  }
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] > .site-header,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .site-header,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] > .site-footer,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .site-footer,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] footer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .mobile-app-chrome-v19521,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .mobile-bottom-nav,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .mobile-auth-native-v19521h4,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .mobile-auth-native-v19521h94,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .mobile-auth-native-v19521h114,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .mobile-auth-native-v19521h1148,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] [data-mobile-auth-native-v195-2-1-h11-4-8] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] #main-content {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] [data-desktop-auth-v195-2-1-h9-4],
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] [data-desktop-auth-v195-2-1-h11-4] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    clip: auto !important;
    clip-path: none !important;
    contain: none !important;
    content-visibility: visible !important;
  }
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94 > .auth-conversion-section,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94 .auth-page-v16,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94 .auth-layout-pro,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94 .auth-visual-card,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94 .auth-card,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94 .auth-form-card,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94 form {
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    clip: auto !important;
    clip-path: none !important;
    contain: none !important;
    content-visibility: visible !important;
  }
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94 > .auth-conversion-section,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94 .auth-page-v16 {
    display: block !important;
    padding-top: 44px !important;
    padding-bottom: 70px !important;
  }
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94 .auth-layout-pro {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(360px,500px) !important;
    gap: 24px !important;
    align-items: stretch !important;
  }
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94 .auth-form-card,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94 .auth-visual-card {
    display: flex !important;
  }
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94 .auth-form-card {
    flex-direction: column !important;
  }
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94 .enhanced-auth-form,
  html body.mobile-app-page-auth[data-public-auth-desktop-restore-h11-4-23="1"] .desktop-auth-v19521h94 .stack {
    display: grid !important;
    gap: 12px !important;
  }
}


/* ========================================================================== 
   V195.2.1-H11.4.24 — Public Auth Desktop Hard Restore
   Marker: public_auth_desktop_hard_restore_h11_4_24
   Purpose: restore /login and /register forms on desktop without relying on
   mobile body data attributes. Mobile-native auth remains limited to <=760px.
   ========================================================================== */
@media (min-width: 761px) {
  html body .mobile-auth-native-v19521h4,
  html body .mobile-auth-native-v19521h94,
  html body .mobile-auth-native-v19521h114,
  html body .mobile-auth-native-v19521h1148,
  html body [data-mobile-auth-native-v195-2-1-h11-4-8] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }
  html body .desktop-auth-v19521h94,
  html body .desktop-auth-hard-restore-v19521h11424,
  html body [data-public-auth-desktop-hard-restore-h11-4-24] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    transform: none !important;
    clip: auto !important;
    clip-path: none !important;
    contain: none !important;
    content-visibility: visible !important;
    pointer-events: auto !important;
  }
  html body .desktop-auth-hard-restore-v19521h11424 .auth-conversion-section,
  html body .desktop-auth-v19521h94 .auth-conversion-section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: min(1210px, 92%) !important;
    max-width: min(1210px, 92%) !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin-inline: auto !important;
    padding-top: 52px !important;
    padding-bottom: 76px !important;
    overflow: visible !important;
    transform: none !important;
    clip: auto !important;
    clip-path: none !important;
    contain: none !important;
    content-visibility: visible !important;
    pointer-events: auto !important;
  }
  html body .desktop-auth-hard-restore-v19521h11424 .auth-layout-pro,
  html body .desktop-auth-v19521h94 .auth-layout-pro {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 500px) !important;
    gap: 28px !important;
    align-items: stretch !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  html body .desktop-auth-hard-restore-v19521h11424 .auth-visual-card,
  html body .desktop-auth-hard-restore-v19521h11424 .auth-form-card,
  html body .desktop-auth-v19521h94 .auth-visual-card,
  html body .desktop-auth-v19521h94 .auth-form-card {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
  html body .desktop-auth-hard-restore-v19521h11424 .auth-form-card,
  html body .desktop-auth-v19521h94 .auth-form-card {
    flex-direction: column !important;
  }
  html body .desktop-auth-hard-restore-v19521h11424 form,
  html body .desktop-auth-hard-restore-v19521h11424 input,
  html body .desktop-auth-hard-restore-v19521h11424 select,
  html body .desktop-auth-hard-restore-v19521h11424 button,
  html body .desktop-auth-v19521h94 form,
  html body .desktop-auth-v19521h94 input,
  html body .desktop-auth-v19521h94 select,
  html body .desktop-auth-v19521h94 button {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}
@media (max-width: 760px) {
  html body .desktop-auth-hard-restore-v19521h11424,
  html body [data-public-auth-desktop-hard-restore-h11-4-24] {
    display: none !important;
  }
}


/* H11.4.25 — Public Auth DOM Structure Radical Fix.
   Root cause fixed in the mobile auth partial: the mobile <section> is now explicitly closed
   before the desktop auth wrapper is emitted, so the desktop form is no longer a descendant
   of a display:none mobile container. Marker: public_auth_dom_structure_fix_h11_4_25 */
@media (min-width:761px){
  html body.mobile-app-page-auth .desktop-auth-v19521h94{display:contents!important;visibility:visible!important;opacity:1!important;}
  html body.mobile-app-page-auth .mobile-auth-native-v19521h1148{display:none!important;}
}

/* H11.6 SEARCH4 SAFE1 — preserve native [hidden] semantics after drawer recovery. */
@media (max-width: 760px) {
  body.mobile-app-page-jobs [data-mobile-jobs-search-layer][hidden],
  body.mobile-app-page-jobs[data-public-jobs-filter-drawer-recovery-h11-4-10="1"] .mobile-jobs-overlay-v19521h2[data-mobile-jobs-filter-layer][hidden] {
    display: none !important;
    pointer-events: none !important;
  }
}