/* Final mobile cascade guard.
   This file is intentionally loaded after every desktop/theme stylesheet. */
@media (max-width: 760px) {
  html, body, #app { min-width: 0 !important; max-width: 100%; }

  body > header > .brand,
  body > header > .site-ad,
  body > header > .visitor,
  body > header > .main-nav,
  body > header > .account-actions {
    display: none !important;
  }
  body > header { display: flex !important; height: var(--mobile-bar) !important; padding: 0 14px !important; }
  .mobile-app-header { width: 100% !important; min-width: 0; grid-template-columns: auto minmax(0, 1fr) auto !important; }
  .mobile-page-title:empty { display: none; }
  .mobile-page-title:empty + .mobile-header-tools { justify-self: end; }

  .home-polished .hero .search {
    box-sizing: border-box;
    display: grid !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) 112px !important;
    grid-template-rows: 50px 48px;
    gap: 7px !important;
    padding: 6px !important;
    overflow: visible !important;
  }
  .home-polished .hero .search input {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
  }
  .home-polished .hero .search select,
  .home-polished .hero .search button {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    margin: 0 !important;
  }
  .home-polished .hero-paths { margin-top: 17px !important; }

  .consumer-filters {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 74dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translateY(calc(100% + var(--mobile-nav) + 28px)) !important;
  }
  body.mobile-filter-open .consumer-filters { transform: translateY(0) !important; }

  .consumer-detail .job-actions {
    position: fixed !important;
    z-index: 8 !important;
    right: 0 !important;
    bottom: calc(var(--mobile-nav) + var(--mobile-safe-bottom)) !important;
    left: 0 !important;
    display: grid !important;
    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    grid-template-columns: 1fr 1fr 1.35fr !important;
    gap: 8px !important;
    border-top: 1px solid #dce7ea !important;
    background: rgba(255,255,255,.97) !important;
    box-shadow: 0 -8px 25px rgba(20,54,68,.08) !important;
  }
  .consumer-detail .job-actions button {
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    padding: 0 8px !important;
  }
  .consumer-detail .job-actions #saveJob,
  .consumer-detail .job-actions .chat,
  .consumer-detail .job-actions .apply { display: block !important; }

  .consumer-shell.account-workspace,
  .consumer-shell.seeker-friendly,
  .consumer-shell.employer-crm,
  .consumer-shell.operations-admin {
    grid-template-rows: auto minmax(0, 1fr) !important;
  }
  .account-workspace .consumer-primary,
  .seeker-friendly .consumer-primary,
  .employer-crm .consumer-primary,
  .operations-admin .consumer-primary {
    grid-row: 1 !important;
    align-self: start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 57px !important;
    max-height: 57px !important;
    align-items: center !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  .account-workspace .consumer-primary > button,
  .seeker-friendly .consumer-primary > button,
  .employer-crm .consumer-primary > button,
  .operations-admin .consumer-primary > button {
    display: flex !important;
    width: auto !important;
    min-width: max-content !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 13px !important;
    align-items: center !important;
  }
  .account-workspace .consumer-stream,
  .seeker-friendly .consumer-stream,
  .employer-crm .consumer-stream,
  .operations-admin .consumer-stream { grid-row: 2 !important; }
}

@media (max-width: 380px) {
  .mobile-header-tools [data-mobile-business] { display: none !important; }
}