.enterprise-home,
.yop-enterprise-page {
  width: min(var(--yop-container), calc(100% - 32px));
  margin-inline: auto;
  padding: clamp(38px, 7vw, 86px) 0;
}

/* Homepage mobile campaign pass: expose real ad/career slides earlier without touching the app shell. */
@media (max-width: 760px) {
  html[data-yop-theme="light"] body.home-page.home-web-page .home-launch {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero {
    order: 0 !important;
    gap: .8rem !important;
    padding-top: .75rem !important;
    padding-bottom: .6rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-window {
    order: 1 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-trust-grid {
    order: 2 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-ad-placement-board {
    order: 3 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-section-head {
    order: 4 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-branch-grid {
    order: 5 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-split-section {
    order: 6 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-steps {
    order: 7 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-provider-cta {
    order: 8 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero-copy {
    gap: .58rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-eyebrow {
    min-height: 28px !important;
    padding-inline: .7rem !important;
    border-radius: 14px !important;
    font-size: .72rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero h1 {
    font-size: clamp(2.05rem, 10vw, 2.38rem) !important;
    line-height: 1.02 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero-copy > p {
    font-size: .94rem !important;
    line-height: 1.5 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-search {
    gap: .52rem !important;
    padding: .58rem !important;
    border-radius: 18px !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-search label {
    gap: .25rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-search label span {
    font-size: .68rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-search input,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-search select,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-search button {
    min-height: 46px !important;
    border-radius: 14px !important;
    font-size: .92rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero-actions {
    gap: .5rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero-actions a {
    min-height: 42px !important;
    border-radius: 14px !important;
    font-size: .86rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-meta-strip {
    display: none !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero-service-grid {
    display: flex !important;
    gap: .52rem !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    padding-bottom: .1rem !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero-service-grid::-webkit-scrollbar {
    display: none !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero-service-grid a {
    flex: 0 0 78% !important;
    min-height: 0 !important;
    gap: .18rem !important;
    padding: .68rem !important;
    border-radius: 16px !important;
    scroll-snap-align: start !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero-service-grid span {
    font-size: .68rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero-service-grid strong {
    font-size: .9rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero-service-grid small {
    font-size: .8rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-product-board {
    gap: .62rem !important;
    padding: .68rem !important;
    border-radius: 18px !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-product-board {
    display: none !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-board-head {
    gap: .55rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-board-head img {
    width: 62px !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-board-head strong {
    font-size: .9rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-board-head small {
    font-size: .74rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-board-tabs,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-board-main {
    display: none !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-board-showcase {
    height: 178px !important;
    border-radius: 16px !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-board-showcase figcaption {
    min-height: 28px !important;
    font-size: .72rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-board-score {
    gap: .6rem !important;
    padding: .58rem !important;
    border-radius: 16px !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-board-score strong {
    font-size: 1.28rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-board-score span {
    font-size: .78rem !important;
    line-height: 1.28 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-window {
    margin-top: .7rem !important;
    margin-bottom: 1.15rem !important;
    border-radius: 20px !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-head {
    gap: .75rem !important;
    padding: .95rem .95rem .5rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-head h2 {
    font-size: clamp(1.35rem, 7vw, 1.75rem) !important;
    line-height: 1.1 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-slide {
    gap: .75rem !important;
    padding: .75rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-media {
    min-height: 188px !important;
    border-radius: 16px !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-media img {
    max-height: 218px !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-copy {
    gap: .52rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-copy h3 {
    font-size: 1.25rem !important;
    line-height: 1.12 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-copy p {
    font-size: .88rem !important;
    line-height: 1.45 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-copy a,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-actions > a {
    min-height: 40px !important;
    border-radius: 14px !important;
    font-size: .84rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-dots {
    padding-bottom: .8rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .55rem !important;
    margin-top: .2rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-trust-grid article {
    min-height: 76px !important;
    padding: .7rem !important;
    border-radius: 16px !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-trust-grid strong {
    font-size: 1.25rem !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-trust-grid span {
    font-size: .82rem !important;
  }

  body.home-page.home-web-page .yop-cookie-banner {
    gap: 6px !important;
    left: 12px !important;
    right: 86px !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
    padding: 8px !important;
    border-radius: 16px !important;
  }

  body.home-page.home-web-page .yop-cookie-banner > div:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  body.home-page.home-web-page .yop-cookie-banner strong,
  body.home-page.home-web-page .yop-cookie-banner a {
    font-size: .72rem !important;
    line-height: 1.05 !important;
  }

  body.home-page.home-web-page .yop-cookie-actions {
    gap: 5px !important;
  }

  body.home-page.home-web-page .yop-cookie-actions button {
    min-height: 32px !important;
    padding: 5px 6px !important;
    border-radius: 12px !important;
    font-size: .68rem !important;
  }
}

.enterprise-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: clamp(24px, 5vw, 56px);
  align-items: center;
  min-height: 560px;
}

.enterprise-hero-copy {
  display: grid;
  gap: 1.25rem;
}

.enterprise-hero h1 {
  font-size: clamp(3.4rem, 7vw, 6.8rem);
  margin: 0;
}

.enterprise-hero-copy > p:not(.enterprise-kicker) {
  max-width: 680px;
  font-size: 1.08rem;
}

.enterprise-pills {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

.enterprise-pills a,
.enterprise-pills span {
  display: inline-flex;
  align-items: center;
  border-radius: var(--yop-radius-pill);
  padding: .55rem .85rem;
  background: #fff;
  border: 1px solid var(--yop-border);
  color: var(--yop-primary);
  font-weight: 650;
}

.enterprise-showcase-panel {
  padding: 1rem;
  min-height: 360px;
}

.mockup-window {
  background: #fff;
  border: 1px solid var(--yop-border);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: var(--yop-shadow-soft);
}

.mockup-top {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .9rem 1rem;
  border-bottom: 1px solid var(--yop-border);
}

.mockup-top strong { color: var(--yop-primary); margin-right: auto; }
.mockup-top span { width: 10px; height: 10px; border-radius: 999px; background: #dbeafe; }
.mockup-body { display: grid; grid-template-columns: 130px 1fr; gap: 1rem; padding: 1rem; }
.mockup-body nav { display: grid; gap: .5rem; align-content: start; }
.mockup-body nav span { border-radius: 12px; padding: .55rem .7rem; background: #f1f5f9; color: var(--yop-muted); font-weight: 650; }
.mockup-body nav span.active { background: rgba(37, 99, 255, .1); color: var(--yop-primary); }
.mockup-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
.mockup-cards article { border: 1px solid var(--yop-border); border-radius: 16px; padding: .65rem; display: grid; gap: .4rem; }
.mockup-cards img { aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; background: #eef2ff; }

.enterprise-section-head {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: end;
  margin: clamp(32px, 6vw, 72px) 0 1.25rem;
}

.enterprise-section-head h2 { font-size: clamp(2rem, 4vw, 3.6rem); margin: 0; }

.enterprise-why-grid,
.enterprise-stats,
.enterprise-popular-grid,
.enterprise-timeline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  margin-top: 1.25rem;
}

.enterprise-why-grid article,
.enterprise-stats article,
.enterprise-popular-grid a,
.enterprise-timeline article,
.enterprise-reviews article,
.enterprise-newsletter {
  background: rgba(255,255,255,.92);
  border: 1px solid var(--yop-border);
  border-radius: var(--yop-radius-lg);
  padding: 1.35rem;
  box-shadow: var(--yop-shadow-soft);
}

.enterprise-newsletter {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1rem;
  background: var(--yop-gradient-primary);
  color: #fff;
}

.enterprise-newsletter p, .enterprise-newsletter strong { color: #fff; }
.enterprise-newsletter form { display: flex; gap: .5rem; }
.enterprise-newsletter button { background: #fff !important; color: var(--yop-primary) !important; }

/* Enterprise light-mode normalization for legacy category pages.
   Backend logic stays untouched; this layer aligns the visual system. */
body:has(.auto-page),
body:has(.ads-page),
body:has(.profis-page),
body:has(.jobs-shell),
body:has(.travel-page),
body:has(.education-page),
body:has(.estate-page),
body:has(.compare-hub-page),
body:has(.yop-compare-page),
body:has(.insurance-page),
body:has(.kfz-page) {
  background:
    radial-gradient(circle at 12% 10%, rgba(37, 99, 255, .12), transparent 34%),
    radial-gradient(circle at 86% 12%, rgba(138, 21, 56, .10), transparent 30%),
    var(--yop-bg) !important;
  color: var(--yop-text) !important;
}

.auto-page,
.ads-page,
.profis-page,
.jobs-shell,
.travel-page,
.education-page,
.estate-page,
.compare-hub-page,
.yop-compare-page,
.insurance-page,
.kfz-page {
  color: var(--yop-text) !important;
}

.auto-page h1, .auto-page h2, .auto-page h3,
.ads-page h1, .ads-page h2, .ads-page h3,
.profis-page h1, .profis-page h2, .profis-page h3,
.jobs-shell h1, .jobs-shell h2, .jobs-shell h3,
.travel-page h1, .travel-page h2, .travel-page h3,
.education-page h1, .education-page h2, .education-page h3,
.estate-page h1, .estate-page h2, .estate-page h3,
.compare-hub-page h1, .compare-hub-page h2, .compare-hub-page h3,
.yop-compare-page h1, .yop-compare-page h2, .yop-compare-page h3,
.insurance-page h1, .insurance-page h2, .insurance-page h3,
.kfz-page h1, .kfz-page h2, .kfz-page h3 {
  color: var(--yop-text) !important;
  font-weight: 700 !important;
  letter-spacing: -.04em;
}

.auto-page p, .auto-page span, .auto-page li,
.ads-page p, .ads-page span, .ads-page li,
.profis-page p, .profis-page span, .profis-page li,
.jobs-shell p, .jobs-shell span, .jobs-shell li,
.travel-page p, .travel-page span, .travel-page li,
.education-page p, .education-page span, .education-page li,
.estate-page p, .estate-page span, .estate-page li,
.compare-hub-page p, .compare-hub-page span, .compare-hub-page li,
.yop-compare-page p, .yop-compare-page span, .yop-compare-page li,
.insurance-page p, .insurance-page span, .insurance-page li,
.kfz-page p, .kfz-page span, .kfz-page li {
  color: var(--yop-muted) !important;
}

.auto-hero-copy, .auto-sell-card, .auto-search-panel, .auto-side-box, .auto-card, .auto-empty, .auto-services article,
.ads-hero-copy, .ads-search-card, .ads-category-card, .ads-filter-card, .ads-listing-card, .ads-empty,
.profis-hero, .profis-card, .profis-panel, .professional-card,
.jobs-hero, .job-card, .job-detail-panel,
.travel-card, .travel-result-card, .travel-panel,
.education-card, .education-panel, .education-offer-card,
.estate-card, .estate-panel, .property-card {
  background: rgba(255, 255, 255, .90) !important;
  border: 1px solid rgba(226, 232, 240, .95) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.auto-sell-card a,
.auto-price-box a,
.auto-search-form button,
.ads-search-card button,
.ads-listing-card a,
.profis-page a[class*="button"],
.profis-page button,
.professional-card a,
.jobs-search button,
.job-card button,
.job-detail-panel a,
.travel-page button,
.travel-page a[class*="button"],
.education-page button,
.education-page a[class*="button"],
.estate-page button {
  background: linear-gradient(135deg, var(--yop-primary), #7C3AED) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 34px rgba(37, 99, 255, .20) !important;
}

.auto-sell-actions a:last-child,
.auto-active-filters a,
.auto-brand-list a,
.auto-side-box a,
.portal-topbar nav a,
.jobs-topbar nav a {
  color: var(--yop-primary) !important;
  background: rgba(255, 255, 255, .82) !important;
  border: 1px solid var(--yop-border) !important;
}

.auto-search-form input,
.auto-search-form select,
.ads-search-card input,
.ads-search-card select,
.jobs-search input,
.portal-search input,
.portal-search select,
.education-page input,
.education-page select,
.travel-page input,
.travel-page select {
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
}

/* Yop-Bildung marketplace and account flows */
.education-page,
.enterprise-form-page,
.enterprise-detail-page {
  width: min(var(--yop-container), calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
  color: var(--yop-text) !important;
}

.education-page .enterprise-hero,
.edu-advisor-card,
.edu-offer-card,
.enterprise-form-card,
.enterprise-upload-box,
.enterprise-detail-card,
.enterprise-side-card,
.enterprise-dashboard-grid .enterprise-panel,
.enterprise-inquiry-card {
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-lg) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.education-page .enterprise-hero,
.enterprise-form-card,
.enterprise-detail-card,
.enterprise-side-card {
  padding: clamp(1.4rem, 4vw, 3rem) !important;
}

.education-page .enterprise-hero {
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr) !important;
  min-height: auto !important;
}

.education-page h1,
.enterprise-form-page h1,
.enterprise-detail-page h1 {
  color: var(--yop-text) !important;
  font-weight: 760 !important;
  line-height: .98 !important;
}

.education-page p,
.education-page dd,
.enterprise-form-page p,
.enterprise-detail-page p,
.enterprise-inquiry-card small {
  color: var(--yop-muted) !important;
}

.enterprise-search-wide,
.enterprise-form-grid,
.edu-offer-grid,
.enterprise-dashboard-grid {
  display: grid !important;
  gap: 1rem !important;
}

.enterprise-search-wide {
  grid-template-columns: minmax(220px, 1fr) 220px minmax(180px, 1fr) auto !important;
  align-items: end !important;
  background: rgba(37, 99, 255, .06) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  border-radius: var(--yop-radius-lg) !important;
  padding: .85rem !important;
}

.enterprise-form-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}

.edu-offer-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
}

.enterprise-dashboard-grid {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
}

.education-page input,
.education-page select,
.education-page textarea,
.enterprise-form-page input,
.enterprise-form-page select,
.enterprise-form-page textarea {
  width: 100% !important;
  min-height: 52px !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
}

.education-page textarea,
.enterprise-form-page textarea {
  min-height: 140px !important;
}

.edu-offer-card {
  padding: 1.35rem !important;
  display: grid !important;
  gap: .9rem !important;
}

.edu-offer-card > span,
.edu-offer-card.demo > span {
  justify-self: start !important;
  border-radius: var(--yop-radius-pill) !important;
  background: rgba(37, 99, 255, .08) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  color: var(--yop-primary) !important;
  padding: .35rem .7rem !important;
  font-weight: 700 !important;
}

.edu-offer-card h3,
.enterprise-detail-card h2,
.enterprise-side-card h3,
.enterprise-panel h2 {
  color: var(--yop-text) !important;
}

.edu-offer-card dl,
.enterprise-data-list,
.enterprise-stats-row {
  display: grid !important;
  gap: .75rem !important;
}

.edu-offer-card dl {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.edu-offer-card dt,
.enterprise-data-list dt {
  color: var(--yop-text) !important;
  font-size: .78rem !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
}

.edu-offer-card dd,
.enterprise-data-list dd {
  margin: 0 !important;
}

.enterprise-card-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .7rem !important;
}

.enterprise-card-actions a,
.edu-offer-card > a,
.enterprise-side-card a,
.enterprise-section-head a,
.education-page button,
.enterprise-form-page button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  border-radius: 14px !important;
  padding: .8rem 1.1rem !important;
  background: var(--yop-gradient-primary) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(37, 99, 255, .20) !important;
}

.enterprise-media-strip,
.enterprise-gallery {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  gap: .75rem !important;
}

.enterprise-media-strip img,
.enterprise-media-strip video,
.enterprise-gallery img,
.enterprise-gallery video {
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  background: #eff6ff !important;
}

.enterprise-detail-page {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px !important;
  gap: 1.25rem !important;
  align-items: start !important;
}

.enterprise-stats-row {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  margin: 1.4rem 0 !important;
}

.enterprise-stats-row span {
  background: rgba(37, 99, 255, .06) !important;
  border: 1px solid rgba(37, 99, 255, .12) !important;
  border-radius: 16px !important;
  padding: .9rem !important;
  color: var(--yop-text) !important;
  font-weight: 750 !important;
}

.enterprise-stats-row small {
  display: block !important;
  color: var(--yop-muted) !important;
  font-weight: 500 !important;
}

.account-row,
.enterprise-inquiry-card {
  display: grid !important;
  gap: .45rem !important;
  padding: .95rem !important;
  border-radius: 16px !important;
  border: 1px solid var(--yop-border) !important;
  background: rgba(248, 250, 252, .82) !important;
  margin-bottom: .75rem !important;
}

.account-row b,
.enterprise-inquiry-card h3 {
  color: var(--yop-text) !important;
}

.yop-honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

.auto-account-card,
.auto-account-intro,
.auto-dashboard-hero,
.auto-dashboard-grid article,
.auto-dashboard-list,
.auto-editor-hero,
.auto-editor-card,
.auto-contact-summary,
.auto-contact-card,
.auto-success-card,
.auto-detail-gallery,
.auto-detail-title aside,
.auto-detail-layout article,
.auto-detail-layout aside,
.auto-inquiry-card {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-lg) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.auto-account-shell,
.auto-dashboard-grid,
.auto-contact-shell,
.auto-detail-layout,
.auto-editor-form {
  gap: 1.25rem !important;
}

.auto-pro-form input,
.auto-pro-form select,
.auto-pro-form textarea,
.auto-editor-form input,
.auto-editor-form select,
.auto-editor-form textarea {
  width: 100%;
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-md) !important;
  min-height: 48px;
  padding: .85rem 1rem;
}

.auto-pro-form label span,
.auto-editor-form label span,
.auto-upload-box span {
  color: var(--yop-text) !important;
  font-weight: 600 !important;
}

.auto-pro-form small,
.auto-editor-form small,
.auto-editor-hint {
  color: var(--yop-muted) !important;
}

.auto-pro-form button,
.auto-editor-actions button,
.auto-editor-hero a,
.auto-dashboard-actions a,
.auto-dashboard-list > a,
.auto-inline-action,
.auto-success-actions a,
.auto-contact-card > a,
.auto-contact-card button,
.auto-detail-hero > a,
.auto-owner-edit,
.auto-detail-title aside a,
.auto-detail-layout aside a {
  background: linear-gradient(135deg, var(--yop-primary), #7C3AED) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: var(--yop-radius-md) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.auto-editor-actions a,
.auto-success-actions a + a,
.auto-secondary-action {
  background: #fff !important;
  color: var(--yop-primary) !important;
  border: 1px solid var(--yop-border) !important;
}

.auto-dashboard-row,
.auto-inquiry-card {
  background: rgba(248,250,252,.88) !important;
  border: 1px solid var(--yop-border) !important;
}

.auto-form-error,
.auto-pro-form small {
  color: #B91C1C !important;
}

/* Yop-Immo enterprise pass */
.estate-topbar,
.estate-results-hero,
.estate-detail-main,
.estate-contact-card,
.estate-dashboard-hero,
.estate-dashboard-card,
.estate-contact-flow-card,
.estate-contact-success-card,
.estate-inbox-card,
.estate-editor-hero,
.estate-editor-card,
.estate-account-card,
.searchers-hero,
.searchers-search-card,
.searchers-services article,
.searchers-property-card,
.searchers-owner-strip {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.estate-topbar {
  border-radius: 0 !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.05) !important;
}

.estate-nav a,
.estate-chip,
.estate-back,
.estate-brand,
.estate-inline-action,
.estate-secondary-link,
.searchers-actions a,
.searchers-owner-strip a {
  color: var(--yop-primary) !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid var(--yop-border) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.estate-nav a:hover,
.estate-nav a.active,
.estate-primary-link,
.estate-message-button,
.estate-contact-submit,
.estate-form button,
.estate-editor-actions button,
.searchers-search-card button,
.primary-action {
  background: linear-gradient(135deg, var(--yop-primary), #7C3AED) !important;
  color: #fff !important;
  border: 0 !important;
  text-decoration: none !important;
}

.estate-filter-form input,
.estate-filter-form select,
.estate-field input,
.estate-field select,
.estate-field textarea,
.estate-form input,
.estate-form select,
.estate-form textarea,
.estate-form-grid input,
.estate-form-grid select,
.estate-form-grid textarea,
.searchers-search-card input,
.searchers-search-card select {
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
}

.estate-result-card,
.estate-table-row,
.estate-inbox-details div {
  background: rgba(255,255,255,.90) !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-text) !important;
}

.estate-map-panel {
  background: rgba(255,255,255,.72) !important;
  border-left: 1px solid var(--yop-border) !important;
}

.estate-section,
.estate-keyfacts,
.estate-spec-grid,
.estate-location-row,
.estate-internet-box,
.estate-plus-box {
  background: transparent !important;
  border-color: var(--yop-border) !important;
}

/* Yop-Jobs and shared listing editor */
.yop-jobs-page,
.account-form-page {
  background:
    radial-gradient(circle at 14% 12%, rgba(37,99,255,.11), transparent 32%),
    radial-gradient(circle at 86% 10%, rgba(138,21,56,.08), transparent 28%),
    var(--yop-bg) !important;
  color: var(--yop-text) !important;
}

.portal-topbar.jobs-topbar,
.jobs-hero,
.job-card,
.job-detail-panel,
.account-hero,
.account-edit-form,
.yop-upload-panel {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.jobs-hero h1,
.job-card h2,
.job-detail-panel h2,
.account-hero h1 {
  color: var(--yop-text) !important;
  font-weight: 700 !important;
}

.jobs-search input,
.account-edit-form input,
.account-edit-form select,
.account-edit-form textarea,
.yop-upload-panel input {
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
}

.jobs-search button,
.jobs-owner-action a,
.job-apply-link,
.job-detail-panel a,
.account-form-actions button {
  background: linear-gradient(135deg, var(--yop-primary), #7C3AED) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.account-form-actions a,
.portal-topbar.jobs-topbar nav a {
  background: #fff !important;
  color: var(--yop-primary) !important;
  border: 1px solid var(--yop-border) !important;
  text-decoration: none !important;
}

.jobs-shell {
  width: min(var(--yop-container), calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
}

.yop-jobs-page .jobs-shell {
  padding: 1.5rem 0 4rem !important;
}

.jobs-hero {
  border-radius: var(--yop-radius-xl) !important;
  padding: clamp(32px, 6vw, 68px) !important;
  display: grid !important;
  gap: 1.25rem !important;
}

.jobs-search {
  background: rgba(37, 99, 255, .06) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  border-radius: var(--yop-radius-lg) !important;
  padding: .8rem !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
  gap: .75rem !important;
}

.jobs-search input,
.jobs-search button,
.jobs-owner-action a,
.job-apply-link {
  min-height: 54px !important;
  border-radius: 16px !important;
  padding-inline: 1.2rem !important;
}

.jobs-owner-action {
  margin: 1.25rem 0 1.75rem !important;
  display: flex !important;
  justify-content: flex-end !important;
}

.jobs-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 340px !important;
  gap: 1.25rem !important;
  align-items: start !important;
}

.jobs-list {
  display: grid !important;
  gap: 1rem !important;
}

.job-card {
  border-radius: var(--yop-radius-lg) !important;
  padding: 1.35rem !important;
  display: grid !important;
  gap: .5rem !important;
}

.job-apply-link {
  width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: .5rem !important;
}

.job-detail-panel {
  border-radius: var(--yop-radius-lg) !important;
  padding: 1.35rem !important;
  position: sticky !important;
  top: 98px !important;
}

.yop-jobs-page {
  background: linear-gradient(180deg, #f7f9fc 0%, #eef4f8 48%, #ffffff 100%) !important;
}

.portal-topbar.jobs-topbar,
.jobs-hero,
.job-card,
.job-detail-panel,
.career-showcase-window,
.career-workbench article {
  border-radius: 8px !important;
}

.jobs-hero {
  grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr) !important;
  align-items: center !important;
  text-align: left !important;
  gap: 1.4rem !important;
  padding: 1.6rem !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 255, .08), rgba(20, 184, 166, .08)),
    #fff !important;
}

.jobs-hero-copy {
  display: grid !important;
  gap: .7rem !important;
  max-width: 820px !important;
}

.jobs-kicker,
.career-workbench article > span,
.jobs-list-head span,
.job-yopi-panel span {
  color: #0f766e !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.jobs-hero h1 {
  max-width: 860px !important;
  font-size: 2.35rem !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

.jobs-hero p,
.career-workbench p,
.jobs-list-head p,
.job-description,
.job-yopi-panel small,
.job-gap-list li,
.job-detail-panel p,
.employer-checklist span {
  color: #475569 !important;
  line-height: 1.6 !important;
}

.jobs-search {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: end !important;
  background: #ffffff !important;
  border-color: #d8e3ee !important;
  border-radius: 8px !important;
}

.jobs-search button {
  grid-column: 1 / -1 !important;
}

.jobs-search label {
  display: grid !important;
  gap: .35rem !important;
  min-width: 0 !important;
  color: #334155 !important;
  font-weight: 700 !important;
}

.jobs-search label span {
  font-size: .82rem !important;
}

.jobs-search input,
.jobs-search select,
.jobs-search button,
.job-apply-link,
.job-secondary-link,
.job-detail-panel a,
.career-workbench article a {
  min-height: 48px !important;
  border-radius: 8px !important;
}

.jobs-search select {
  width: 100% !important;
  height: 48px !important;
  border: 1px solid var(--yop-border) !important;
  background: #fff !important;
  color: var(--yop-text) !important;
  padding: 0 1rem !important;
}

.career-role-handoffs {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .75rem !important;
  margin-top: .85rem !important;
}

.career-role-handoffs a {
  display: grid !important;
  gap: .35rem !important;
  min-height: 120px !important;
  padding: 1rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #f7faff !important;
  color: #0f172a !important;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(37, 99, 255, .08) !important;
}

.career-role-handoffs span {
  color: #1a46cc !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.career-role-handoffs strong {
  color: #071a45 !important;
  font-size: 1.08rem !important;
}

.career-role-handoffs small {
  color: #55617a !important;
  line-height: 1.45 !important;
}

.career-role-handoffs a:hover,
.career-role-handoffs a:focus-visible {
  border-color: #b8d7ff !important;
  box-shadow: 0 14px 30px rgba(37, 99, 255, .12) !important;
}

.jobs-save-search {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: .75rem !important;
  align-items: center !important;
  margin-top: .85rem !important;
  padding-top: .9rem !important;
  border-top: 1px solid #d8e3ee !important;
  text-align: left !important;
}

.jobs-save-search > div {
  display: grid !important;
  gap: .2rem !important;
  min-width: 0 !important;
}

.jobs-save-search span,
.jobs-save-search small {
  color: #64748b !important;
}

.jobs-save-search strong {
  color: #0f172a !important;
  font-size: 1rem !important;
}

.jobs-save-search form {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .55rem !important;
}

.jobs-save-search label {
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  color: #334155 !important;
  font-size: .84rem !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.jobs-save-search input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  accent-color: #2563ff !important;
}

.jobs-save-search button,
.jobs-save-search a {
  min-height: 42px !important;
  border-radius: 8px !important;
  border: 1px solid #2563ff !important;
  cursor: pointer !important;
}

.jobs-save-search-hint {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 .8rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  color: #475569 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.career-signal-grid,
.career-workbench {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .85rem !important;
}

.career-signal-grid {
  grid-column: 1 / -1 !important;
}

.career-signal-grid div {
  display: grid !important;
  gap: .18rem !important;
  padding: 1rem !important;
  background: #f8fafc !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
}

.career-signal-grid span,
.career-signal-grid small {
  color: #64748b !important;
  font-size: .84rem !important;
}

.career-signal-grid strong {
  color: #0f172a !important;
  font-size: 1.65rem !important;
}

.career-showcase-window {
  display: grid !important;
  grid-template-columns: minmax(0, .72fr) minmax(360px, 1fr) !important;
  gap: 1rem !important;
  align-items: stretch !important;
  margin: 1.25rem 0 !important;
  padding: 1rem !important;
  border: 1px solid #d8e3ee !important;
  background: #ffffff !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .07) !important;
  overflow: hidden !important;
}

.career-showcase-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: .8rem !important;
  min-width: 0 !important;
  padding: .65rem !important;
}

.career-showcase-copy h2 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: clamp(1.55rem, 3vw, 2.35rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.career-showcase-copy p {
  margin: 0 !important;
  color: #475569 !important;
  line-height: 1.65 !important;
}

.career-showcase-copy > div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .65rem !important;
}

.career-showcase-copy .career-showcase-controls,
.career-showcase-copy .career-showcase-dots {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

.career-showcase-controls {
  width: fit-content !important;
  gap: .35rem !important;
  padding: .25rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

.career-showcase-controls button,
.career-showcase-dots button {
  border: 0 !important;
  cursor: pointer !important;
  color: #1a46cc !important;
}

.career-showcase-controls button {
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
}

.career-showcase-controls span {
  min-width: 42px !important;
  color: #64748b !important;
  font-size: .82rem !important;
  font-weight: 850 !important;
  text-align: center !important;
}

.career-showcase-dots {
  gap: .45rem !important;
}

.career-showcase-dots button {
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: #cbd5e1 !important;
  transition: width .18s ease, background .18s ease !important;
}

.career-showcase-dots button[aria-current="true"] {
  width: 28px !important;
  background: linear-gradient(90deg, #2563ff 0%, #1a46cc 100%) !important;
}

.career-showcase-controls button:hover,
.career-showcase-controls button:focus-visible,
.career-showcase-dots button:hover,
.career-showcase-dots button:focus-visible {
  background: #eaf4ff !important;
  outline: 2px solid rgba(37, 99, 255, .24) !important;
  outline-offset: 2px !important;
}

.career-showcase-copy a {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 .9rem !important;
  border: 1px solid #0f766e !important;
  border-radius: 8px !important;
  background: #0f766e !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 850 !important;
}

.career-showcase-copy a + a {
  background: #ffffff !important;
  color: #0f766e !important;
}

.career-showcase-frame {
  min-height: 320px !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%) !important;
  overflow: hidden !important;
}

.career-showcase-track {
  display: flex !important;
  width: 400% !important;
  height: 100% !important;
  animation: careerShowcaseSlide 30s infinite !important;
}

.career-showcase-window.is-carousel-ready .career-showcase-track {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  animation: none !important;
  transform: none !important;
}

.career-showcase-window:hover .career-showcase-track {
  animation-play-state: paused !important;
}

.career-showcase-track figure {
  position: relative !important;
  width: 25% !important;
  flex: 0 0 25% !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  padding: .75rem !important;
}

.career-showcase-window.is-carousel-ready .career-showcase-track figure {
  width: 100% !important;
  min-height: 320px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity .22s ease, visibility .22s ease !important;
}

.career-showcase-window.is-carousel-ready .career-showcase-track figure:not(:first-child) {
  position: absolute !important;
  inset: 0 !important;
}

.career-showcase-window.is-carousel-ready .career-showcase-track figure.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 1 !important;
}

.career-showcase-track img {
  width: 100% !important;
  height: 100% !important;
  max-height: 360px !important;
  object-fit: contain !important;
  display: block !important;
  filter: drop-shadow(0 16px 22px rgba(37, 99, 255, .13)) !important;
}

.career-showcase-track figcaption {
  position: absolute !important;
  left: 1rem !important;
  right: 1rem !important;
  bottom: 1rem !important;
  width: fit-content !important;
  max-width: calc(100% - 2rem) !important;
  padding: .4rem .65rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .94) !important;
  color: #1d4ed8 !important;
  font-size: .82rem !important;
  font-weight: 850 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .10) !important;
}

@keyframes careerShowcaseSlide {
  0%, 20% {
    transform: translateX(0);
  }
  25%, 45% {
    transform: translateX(-25%);
  }
  50%, 70% {
    transform: translateX(-50%);
  }
  75%, 95% {
    transform: translateX(-75%);
  }
  100% {
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .career-showcase-track {
    animation: none !important;
  }
}

.career-workbench {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 1.25rem 0 !important;
}

.career-workbench article {
  display: grid !important;
  gap: .65rem !important;
  padding: 1.25rem !important;
  background: #fff !important;
  border: 1px solid #d8e3ee !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .07) !important;
}

.career-workbench h2,
.jobs-list-head h2 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 1.35rem !important;
  letter-spacing: 0 !important;
}

.career-workbench article a {
  width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 1rem !important;
  background: #2563ff !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 800 !important;
}

.yop-jobs-page .jobs-kicker,
.yop-jobs-page .career-workbench article > span,
.yop-jobs-page .jobs-list-head span,
.yop-jobs-page .job-yopi-panel span {
  color: #1a46cc !important;
}

.yop-jobs-page .jobs-search button,
.yop-jobs-page .job-apply-link,
.yop-jobs-page .job-detail-panel a,
.yop-jobs-page .career-workbench article a,
.yop-jobs-page .career-showcase-copy a,
.yop-jobs-page .portal-topbar.jobs-topbar nav a:hover,
.yop-jobs-page .portal-topbar.jobs-topbar nav a:focus-visible {
  background: linear-gradient(90deg, #2563ff 0%, #1a46cc 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 12px 26px rgba(37, 99, 255, .18) !important;
}

.yop-jobs-page .career-showcase-copy a + a,
.yop-jobs-page .job-secondary-link,
.yop-jobs-page .portal-topbar.jobs-topbar nav a {
  background: #ffffff !important;
  color: #1a46cc !important;
  border-color: #d8e3ee !important;
  box-shadow: none !important;
}

html[data-yop-theme="light"] body:has(.yop-jobs-page) .yop-global-links a.is-active,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .yop-global-links a:hover {
  background: #eaf4ff !important;
  color: #1a46cc !important;
  border-color: #d9e8ff !important;
  box-shadow: none !important;
}

.jobs-layout {
  grid-template-columns: minmax(0, 1fr) 360px !important;
}

.jobs-list-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: end !important;
  gap: 1rem !important;
  padding: .25rem 0 .35rem !important;
}

.job-card {
  gap: .9rem !important;
  background: #fff !important;
}

.job-card-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: start !important;
  gap: 1rem !important;
}

.job-card h2 {
  margin: 0 0 .25rem !important;
  font-size: 1.25rem !important;
  letter-spacing: 0 !important;
}

.job-card h2 a {
  color: #0f172a !important;
  text-decoration: none !important;
}

.job-card h2 a:hover,
.job-card h2 a:focus-visible {
  color: #0f766e !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

.job-card strong {
  color: #334155 !important;
}

.job-boost-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  margin: 0 0 .45rem !important;
  padding: .32rem .58rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #eff6ff, #eef2ff) !important;
  color: #1d4ed8 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
}

.job-match-badge {
  min-width: 92px !important;
  display: grid !important;
  justify-items: center !important;
  gap: .1rem !important;
  padding: .55rem .75rem !important;
  border: 1px solid #99f6e4 !important;
  border-radius: 8px !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
}

.job-match-badge span {
  color: #047857 !important;
  font-size: 1.25rem !important;
  font-weight: 900 !important;
}

.job-match-badge small {
  color: #0f766e !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
}

.job-meta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
}

.job-meta-row span,
.job-gap-list li {
  padding: .35rem .55rem !important;
  border-radius: 8px !important;
  background: #f1f5f9 !important;
  color: #334155 !important;
  font-size: .88rem !important;
}

.job-yopi-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important;
  gap: .85rem !important;
  padding: .9rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

.job-quality-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important;
  gap: .85rem !important;
  padding: .9rem !important;
  border: 1px solid #d9e8ff !important;
  border-radius: 8px !important;
  background: #f4f7fc !important;
}

.job-yopi-panel div,
.job-quality-panel div,
.employer-checklist {
  display: grid !important;
  gap: .35rem !important;
}

.job-quality-panel span {
  color: #1a46cc !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.job-quality-panel strong {
  color: #0f172a !important;
  font-size: .98rem !important;
  line-height: 1.25 !important;
}

.job-quality-panel small {
  color: #475569 !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
}

.job-publication-note {
  display: grid !important;
  gap: .24rem !important;
  margin-top: .15rem !important;
  padding: .65rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

.job-publication-note span {
  color: #1a46cc !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.job-publication-note strong {
  color: #1d4ed8 !important;
  font-size: .9rem !important;
  line-height: 1.25 !important;
}

.job-publication-note small {
  color: #475569 !important;
  line-height: 1.45 !important;
}

.job-publication-note.ready {
  border-color: #bbf7d0 !important;
  background: #f0fdf4 !important;
}

.job-publication-note.ready span,
.job-publication-note.ready strong {
  color: #047857 !important;
}

.job-publication-note.warning {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
}

.job-publication-note.warning span,
.job-publication-note.warning strong {
  color: #c2410c !important;
}

.job-gap-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.job-card-context {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: .5rem .75rem !important;
  align-items: center !important;
  padding: .8rem .9rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 10px !important;
  background: #eff6ff !important;
  color: #1e3a8a !important;
}

.job-card-context.is-owner {
  border-color: #c4b5fd !important;
  background: #f5f3ff !important;
  color: #5b21b6 !important;
}

.job-card-context span {
  color: inherit !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.job-card-context strong {
  min-width: 0 !important;
  color: inherit !important;
  font-size: .98rem !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}

.job-card-context small {
  justify-self: end !important;
  color: #475569 !important;
  font-size: .82rem !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  text-align: right !important;
}

.job-card-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .65rem !important;
  align-items: center !important;
}

.job-detail-shell {
  gap: 1rem !important;
}

.yop-jobs-page *,
.yop-jobs-page *::before,
.yop-jobs-page *::after {
  box-sizing: border-box !important;
}

.yop-jobs-page .jobs-shell,
.yop-jobs-page .jobs-shell *,
.yop-jobs-page .portal-topbar.jobs-topbar,
.yop-jobs-page .portal-topbar.jobs-topbar * {
  box-sizing: border-box !important;
}

.job-detail-hero,
.job-detail-content-grid,
.job-detail-related-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  gap: 1rem !important;
  align-items: start !important;
}

.job-detail-hero,
.job-detail-section,
.job-detail-match,
.job-detail-employer,
.job-detail-apply-panel {
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .07) !important;
}

.job-detail-hero {
  padding: 1.45rem !important;
  background:
    linear-gradient(135deg, rgba(20, 184, 166, .09), rgba(245, 158, 11, .08)),
    #ffffff !important;
}

.job-detail-intro,
.job-detail-match,
.job-detail-section,
.job-detail-employer,
.job-detail-apply-panel {
  display: grid !important;
  gap: .85rem !important;
  min-width: 0 !important;
}

.job-detail-match,
.job-detail-section,
.job-detail-employer,
.job-detail-apply-panel {
  padding: 1.1rem !important;
}

.job-detail-intro h1 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 2.3rem !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.job-detail-intro p,
.job-detail-section p,
.job-detail-employer p,
.job-detail-apply-panel p,
.job-boundary-note {
  color: #475569 !important;
  line-height: 1.65 !important;
}

.job-detail-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .65rem !important;
  align-items: center !important;
}

.job-existing-application {
  display: grid !important;
  gap: .65rem !important;
  margin-top: .2rem !important;
  padding: .9rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: #eff6ff !important;
}

.job-existing-application div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
}

.job-existing-application span {
  color: #2563ff !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.job-existing-application strong {
  color: #0f172a !important;
}

.job-existing-application p {
  margin: 0 !important;
  color: #475569 !important;
}

.job-existing-application .job-existing-readiness {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: .15rem .65rem !important;
  align-items: center !important;
  padding: .7rem .75rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.job-existing-application .job-existing-readiness span {
  grid-column: 1 / -1 !important;
}

.job-existing-application .job-existing-readiness strong {
  color: #1d4ed8 !important;
}

.job-existing-application .job-existing-readiness small {
  color: #475569 !important;
  font-weight: 800 !important;
}

.job-existing-application .job-existing-status-path {
  margin-top: .15rem !important;
  padding: .75rem !important;
}

.job-existing-application .job-existing-status-path .account-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  margin: 0 !important;
}

.job-existing-application .job-existing-status-path .account-panel-head h2 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 1rem !important;
}

.job-existing-application .job-existing-status-path li div {
  display: grid !important;
  align-items: start !important;
  justify-content: stretch !important;
  gap: .18rem !important;
}

.job-existing-application a {
  color: #1d4ed8 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

.job-existing-application.is-owner {
  border-color: #bbf7d0 !important;
  background: #f0fdf4 !important;
}

.job-existing-application.is-owner span,
.job-existing-application.is-owner a {
  color: #047857 !important;
}

.job-owner-boost-action {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: .75rem !important;
  align-items: center !important;
  padding: .75rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.job-owner-boost-action div {
  display: grid !important;
  justify-content: stretch !important;
  gap: .12rem !important;
}

.job-owner-boost-action strong {
  color: #0f172a !important;
}

.job-owner-boost-action small {
  color: #475569 !important;
  font-weight: 750 !important;
}

.job-owner-boost-action a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 .9rem !important;
  border-radius: 8px !important;
  background: #174bff !important;
  color: #fff !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.job-owner-bulk-action {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  padding: .72rem !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.job-owner-bulk-action div {
  display: flex !important;
  align-items: baseline !important;
  gap: .4rem !important;
  color: #047857 !important;
  font-weight: 850 !important;
}

.job-owner-bulk-action strong {
  color: #047857 !important;
  font-size: 1.18rem !important;
}

.job-owner-bulk-action span {
  color: #475569 !important;
  text-transform: none !important;
}

.job-owner-bulk-action button {
  min-height: 40px !important;
  padding: 0 .9rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #047857 !important;
  color: #fff !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.job-detail-score {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: .75rem !important;
  align-items: center !important;
  padding: .85rem !important;
  border-radius: 8px !important;
  background: #ecfdf5 !important;
  border: 1px solid #99f6e4 !important;
}

.job-detail-score strong {
  color: #047857 !important;
  font-size: 2.2rem !important;
  line-height: 1 !important;
}

.job-detail-score span {
  color: #0f766e !important;
  font-weight: 900 !important;
}

.job-detail-match-grid,
.job-detail-quality {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .75rem !important;
}

.job-detail-match-grid div,
.job-detail-quality div {
  display: grid !important;
  gap: .3rem !important;
  padding: .8rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

.job-detail-match-grid b,
.job-detail-quality strong,
.job-detail-section h2,
.job-detail-employer h2,
.job-detail-apply-panel h2 {
  color: #0f172a !important;
}

.job-detail-match-grid small,
.job-detail-quality small {
  color: #475569 !important;
  line-height: 1.5 !important;
}

.job-boundary-note {
  margin: 0 !important;
  padding: .75rem !important;
  border-radius: 8px !important;
  background: #fff7ed !important;
  border: 1px solid #fed7aa !important;
  font-size: .88rem !important;
}

.job-detail-media-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .75rem !important;
}

.job-detail-media-grid img,
.job-detail-media-grid video {
  width: 100% !important;
  height: 210px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  border: 1px solid #d8e3ee !important;
  background: #f8fafc !important;
}

.job-detail-career-path {
  display: grid !important;
  gap: 1rem !important;
  padding: 1.1rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06) !important;
}

.job-detail-path-head {
  display: grid !important;
  gap: .45rem !important;
  max-width: 780px !important;
}

.job-detail-path-head h2 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: clamp(1.35rem, 2.5vw, 2rem) !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.job-detail-path-head p {
  margin: 0 !important;
  color: #475569 !important;
  line-height: 1.6 !important;
}

.job-detail-path-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .75rem !important;
}

.job-detail-path-grid article {
  display: grid !important;
  gap: .5rem !important;
  min-width: 0 !important;
  padding: .95rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

.job-detail-path-grid article span {
  width: fit-content !important;
  min-width: 34px !important;
  min-height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: #eaf2ff !important;
  color: #1a46cc !important;
  font-size: .82rem !important;
  font-weight: 950 !important;
}

.job-detail-path-grid article strong {
  color: #0f172a !important;
  font-size: 1.02rem !important;
}

.job-detail-path-grid article p {
  margin: 0 !important;
  color: #475569 !important;
  line-height: 1.55 !important;
}

.job-detail-section h2,
.job-detail-employer h2,
.job-detail-apply-panel h2 {
  margin: 0 !important;
  font-size: 1.35rem !important;
  letter-spacing: 0 !important;
}

.job-detail-apply-panel {
  background: #f8fafc !important;
}

.job-detail-related {
  display: grid !important;
  gap: .85rem !important;
}

.job-detail-related-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.job-detail-related-grid .job-card,
.job-detail-related-grid .job-card-head,
.job-detail-related-grid .job-meta-row,
.job-detail-related-grid .job-description,
.job-detail-related-grid .job-card-actions {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.job-detail-related-grid .job-card {
  padding: .95rem !important;
  overflow: hidden !important;
}

.job-detail-related-grid .job-card-head,
.job-detail-related-grid .job-meta-row,
.job-detail-related-grid .job-description,
.job-detail-related-grid .job-card-actions {
  width: 100% !important;
}

.job-detail-related-grid .job-card h2,
.job-detail-related-grid .job-card a,
.job-detail-related-grid .job-card strong,
.job-detail-related-grid .job-match-badge {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

.job-related-quality {
  display: grid !important;
  gap: .18rem !important;
  width: 100% !important;
  padding: .55rem .65rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #1d4ed8 !important;
}

.job-related-quality span {
  color: inherit !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.job-related-quality strong {
  color: inherit !important;
  font-size: .88rem !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}

.job-related-quality.ready {
  border-color: #bbf7d0 !important;
  background: #f0fdf4 !important;
  color: #047857 !important;
}

.job-related-quality.warning {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
  color: #c2410c !important;
}

.job-application-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px !important;
  gap: 1rem !important;
  align-items: start !important;
}

.job-application-main,
.job-application-advisor,
.job-application-success {
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .07) !important;
}

.job-application-main,
.job-application-success {
  display: grid !important;
  gap: 1rem !important;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
}

.job-application-main h1,
.job-application-success h1 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: clamp(2rem, 4vw, 3.25rem) !important;
  letter-spacing: 0 !important;
}

.job-application-target {
  display: grid !important;
  gap: .25rem !important;
  padding: .9rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

.job-application-target strong,
.job-application-advisor strong,
.job-application-actions button {
  color: #0f172a !important;
}

.job-application-target span,
.job-application-target small,
.job-application-existing p,
.job-application-form small,
.job-application-advisor p,
.job-application-success p {
  color: #475569 !important;
  line-height: 1.55 !important;
}

.job-application-existing {
  display: grid !important;
  gap: .85rem !important;
  padding: 1rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #f8fbff, #fff) !important;
}

.job-application-existing > strong {
  color: #0f172a !important;
  font-size: 1.08rem !important;
}

.job-application-existing p {
  margin: 0 !important;
}

.job-application-existing .application-status-timeline {
  margin-top: 0 !important;
  box-shadow: none !important;
}

.job-application-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .8rem !important;
}

.job-application-form label {
  display: grid !important;
  gap: .35rem !important;
  min-width: 0 !important;
  color: #334155 !important;
  font-weight: 800 !important;
}

.job-application-form label.wide,
.job-application-actions {
  grid-column: 1 / -1 !important;
}

.job-application-form input,
.job-application-form textarea {
  width: 100% !important;
  min-height: 46px !important;
  padding: .75rem .85rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #0f172a !important;
}

.job-application-form textarea {
  min-height: 150px !important;
  resize: vertical !important;
}

.job-application-form em {
  color: #b91c1c !important;
  font-style: normal !important;
}

.job-application-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .65rem !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.job-application-actions a,
.job-application-actions button {
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 1rem !important;
  border-radius: 8px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

.job-application-actions a {
  border: 1px solid #d8e3ee !important;
  background: #fff !important;
  color: #0f766e !important;
}

.job-application-actions button {
  border: 1px solid #0f766e !important;
  background: #0f766e !important;
  color: #fff !important;
  cursor: pointer !important;
}

.job-application-actions form.inline-withdraw-form {
  display: inline-flex !important;
  margin: 0 !important;
}

.job-application-actions button.is-danger {
  border-color: #b91c1c !important;
  background: #b91c1c !important;
  color: #fff !important;
}

.application-withdraw-guard {
  display: grid !important;
  gap: .25rem !important;
  padding: .8rem .9rem !important;
  border: 1px solid #fecdd3 !important;
  border-radius: 8px !important;
  background: #fff1f2 !important;
}

.application-withdraw-guard strong {
  color: #be123c !important;
}

.application-withdraw-guard p {
  margin: 0 !important;
  color: #475569 !important;
  line-height: 1.55 !important;
}

.job-application-advisor {
  display: grid !important;
  gap: .75rem !important;
  padding: 1rem !important;
  position: sticky !important;
  top: 98px !important;
}

.job-application-advisor > strong {
  width: fit-content !important;
  padding: .55rem .75rem !important;
  border-radius: 8px !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
  font-size: 1.35rem !important;
}

.job-application-advisor h2 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 1.25rem !important;
}

.job-application-gaps {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
}

.job-application-gaps small {
  padding: .35rem .5rem !important;
  border-radius: 8px !important;
  background: #fef2f2 !important;
  color: #991b1b !important;
  font-weight: 800 !important;
}

.job-application-readiness {
  display: grid !important;
  gap: .65rem !important;
  padding: .85rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

.job-application-readiness > div:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
}

.job-application-readiness > div:first-child span {
  color: #0f766e !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.job-application-readiness > div:first-child strong {
  color: #047857 !important;
  font-size: 1.45rem !important;
}

.job-application-readiness .employer-checklist {
  margin: 0 !important;
  box-shadow: none !important;
}

.yop-hidden-field {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.yop-hidden-field input {
  width: 1px !important;
  min-height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
}

.job-secondary-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 1rem !important;
  border: 1px solid #d8e3ee !important;
  background: #fff !important;
  color: #0f766e !important;
  text-decoration: none !important;
  font-weight: 800 !important;
}

.employer-stat-list {
  display: grid !important;
  gap: .55rem !important;
  margin: 1rem 0 !important;
}

.employer-stat-list div {
  display: flex !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  padding: .75rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

.employer-stat-list dt {
  color: #64748b !important;
}

.employer-stat-list dd {
  margin: 0 !important;
  color: #0f172a !important;
  font-weight: 900 !important;
}

.employer-checklist {
  margin: .9rem 0 1rem !important;
  padding: .85rem !important;
  border: 1px solid #fed7aa !important;
  border-radius: 8px !important;
  background: #fff7ed !important;
}

.employer-checklist strong {
  color: #9a3412 !important;
}

@media (min-width: 901px) {
  .yop-jobs-page .jobs-hero {
    padding-right: 5.25rem !important;
  }
}

html[data-yop-theme="light"] body .portal-topbar.jobs-topbar {
  width: min(var(--yop-container), calc(100% - 32px)) !important;
  min-height: 72px !important;
  margin: 1rem auto 0 !important;
  padding: .75rem 1rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  background: rgba(255, 255, 255, .94) !important;
}

html[data-yop-theme="light"] body .portal-topbar.jobs-topbar .portal-brand.logo-only img {
  max-height: 38px !important;
  width: auto !important;
}

html[data-yop-theme="light"] body .portal-topbar.jobs-topbar nav {
  margin-left: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
}

html[data-yop-theme="light"] body .portal-topbar.jobs-topbar nav a {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 .95rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #0f172a !important;
  font-size: .92rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

html[data-yop-theme="light"] body .portal-topbar.jobs-topbar nav a:hover,
html[data-yop-theme="light"] body .portal-topbar.jobs-topbar nav a:focus-visible {
  background: #0f766e !important;
  border-color: #0f766e !important;
  color: #fff !important;
}

html[data-yop-theme="light"] body:not(:has(.control-room-page)):not(:has(.analytics-dashboard-page)) .yop-jobs-page .portal-topbar.jobs-topbar nav > a:not(:hover):not(:focus-visible) {
  background: #fff !important;
  color: #0f172a !important;
}

html[data-yop-theme="light"] body:not(:has(.control-room-page)):not(:has(.analytics-dashboard-page)) .yop-jobs-page .portal-topbar.jobs-topbar nav > a:hover,
html[data-yop-theme="light"] body:not(:has(.control-room-page)):not(:has(.analytics-dashboard-page)) .yop-jobs-page .portal-topbar.jobs-topbar nav > a:focus-visible {
  background: #0f766e !important;
  color: #fff !important;
}

.account-form-page {
  width: min(1180px, calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
}

.account-edit-form,
.account-hero,
.yop-upload-panel {
  border-radius: var(--yop-radius-lg) !important;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
}

.account-edit-form {
  display: grid !important;
  gap: 1rem !important;
}

.account-form-shell {
  display: grid !important;
  gap: 1rem !important;
}

.account-form-shell.has-career-advisor {
  grid-template-columns: minmax(0, 1fr) 340px !important;
  align-items: start !important;
}

@media (min-width: 901px) {
  .account-form-shell.has-career-advisor {
    margin-right: 4.75rem !important;
  }
}

.account-edit-form label {
  display: grid !important;
  gap: .4rem !important;
  color: var(--yop-text) !important;
  font-weight: 650 !important;
}

.account-edit-form label em {
  color: #64748b !important;
  font-size: .84rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
}

.career-quality-panel {
  position: sticky !important;
  top: 88px !important;
  display: grid !important;
  gap: .9rem !important;
  padding: 1.25rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08) !important;
}

.career-quality-panel h2 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 1.2rem !important;
  letter-spacing: 0 !important;
}

html[data-yop-theme="light"] body .career-quality-panel h2 {
  font-size: 1.2rem !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

html[data-yop-theme="light"] body:not(:has(.control-room-page)):not(:has(.analytics-dashboard-page)) .account-form-page .career-quality-panel h2 {
  font-size: 1.2rem !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

.career-quality-score {
  display: grid !important;
  gap: .35rem !important;
  padding: .9rem !important;
  border: 1px solid #99f6e4 !important;
  border-radius: 8px !important;
  background: #ecfdf5 !important;
}

.career-quality-score strong {
  color: #047857 !important;
  font-size: 2rem !important;
  line-height: 1 !important;
}

.career-quality-score span,
.career-boundary-note {
  color: #475569 !important;
  line-height: 1.55 !important;
}

.career-publication-note {
  display: grid !important;
  gap: .3rem !important;
  padding: .85rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: #eff6ff !important;
}

.career-publication-note strong {
  color: #1d4ed8 !important;
}

.career-publication-note p {
  margin: 0 !important;
  color: #475569 !important;
  line-height: 1.55 !important;
}

.career-publication-note.warning {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
}

.career-publication-note.warning strong {
  color: #9a3412 !important;
}

.career-publication-note.ready {
  border-color: #99f6e4 !important;
  background: #ecfdf5 !important;
}

.career-publication-note.ready strong {
  color: #047857 !important;
}

.career-quality-block {
  display: grid !important;
  gap: .45rem !important;
}

.career-quality-block h3 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: .95rem !important;
  letter-spacing: 0 !important;
}

.career-quality-block span {
  display: block !important;
  padding: .55rem .65rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-size: .88rem !important;
}

.career-quality-block.priority span {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
}

.career-quality-actions {
  display: grid !important;
  gap: .55rem !important;
  padding-top: .25rem !important;
}

.career-quality-actions a {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: .65rem .8rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #1a46cc !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
}

.career-quality-actions a:first-child {
  border-color: transparent !important;
  background: linear-gradient(90deg, #2563ff 0%, #1a46cc 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(37, 99, 255, .18) !important;
}

.career-boundary-note {
  margin: 0 !important;
  padding-top: .75rem !important;
  border-top: 1px solid #e2e8f0 !important;
  font-size: .82rem !important;
}

.account-career-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}

.account-career-main,
.account-career-list article {
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #0f172a !important;
}

.account-career-main {
  display: grid !important;
  gap: .65rem !important;
  padding: 1rem !important;
}

.account-career-main > span {
  color: #0f766e !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.account-career-main h3 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 1.1rem !important;
  letter-spacing: 0 !important;
}

html[data-yop-theme="light"] body:not(:has(.control-room-page)):not(:has(.analytics-dashboard-page)) .account-career-panel h3 {
  font-size: 1.1rem !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

.account-career-main p,
.account-boundary-note,
.account-career-list article span,
.account-career-next-actions p,
.account-career-status-grid p {
  color: #475569 !important;
  line-height: 1.6 !important;
}

.account-career-next-actions,
.account-career-readiness-grid,
.account-career-status-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  margin-top: 1rem !important;
}

.account-career-publication-overview,
.account-career-review-queue {
  display: grid !important;
  gap: .75rem !important;
  margin-top: 1rem !important;
  padding: 1rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #f8fbff, #fff) !important;
}

.account-career-next-actions article,
.account-career-readiness-grid article,
.account-career-status-grid article {
  display: grid !important;
  gap: .7rem !important;
  min-width: 0 !important;
  padding: 1rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #f8fbff, #fff) !important;
}

.account-career-next-actions span,
.account-career-readiness-grid header span,
.account-career-status-grid header span {
  color: #2563ff !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.account-career-next-actions strong,
.account-career-readiness-grid header strong,
.account-career-status-grid header strong {
  color: #0f172a !important;
  font-size: 1.1rem !important;
}

.account-career-next-actions p,
.account-career-readiness-grid p {
  margin: 0 !important;
}

.account-career-next-actions a,
.account-career-readiness-grid a,
.account-career-status-grid a {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  border: 1px solid #dbeafe !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #1d4ed8 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

.account-career-next-actions a {
  width: fit-content !important;
  justify-content: center !important;
  padding: 0 .9rem !important;
  background: linear-gradient(135deg, #5BB8FF, #2563FF 58%, #0A2A6E) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.account-career-readiness-grid header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
}

.account-career-readiness-grid a {
  width: fit-content !important;
  padding: 0 .85rem !important;
}

.account-career-readiness-grid div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
}

.account-career-readiness-grid small {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: .25rem .55rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-weight: 850 !important;
}

.account-career-readiness-latest,
.account-career-readiness-grid .account-career-readiness-latest {
  display: grid !important;
  gap: .25rem !important;
  padding: .7rem .8rem !important;
  border: 1px solid #dbeafe !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

.account-career-readiness-latest > span {
  color: #475569 !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
}

.account-career-readiness-latest > strong {
  color: #0f172a !important;
  font-size: .98rem !important;
  line-height: 1.3 !important;
}

.account-career-readiness-steps {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
  gap: .35rem !important;
  margin: .35rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.account-career-readiness-steps li {
  min-width: 0 !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  gap: .4rem !important;
  padding: .35rem .45rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
}

.account-career-readiness-steps li > span {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #e2e8f0 !important;
  color: #475569 !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
}

.account-career-readiness-steps li > strong {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.account-career-readiness-steps li.is-done {
  border-color: #bbf7d0 !important;
  background: #f0fdf4 !important;
  color: #166534 !important;
}

.account-career-readiness-steps li.is-done > span {
  background: #dcfce7 !important;
  color: #166534 !important;
}

.account-career-readiness-steps li.is-active {
  border-color: #93c5fd !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

.account-career-readiness-steps li.is-active > span {
  background: linear-gradient(135deg, #5BB8FF, #2563FF 58%, #0A2A6E) !important;
  color: #fff !important;
}

.account-career-readiness-steps li.is-terminal {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
}

.account-application-readiness-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  margin-bottom: 1rem !important;
}

.account-career-status-grid header,
.account-career-status-grid a,
.account-career-publication-overview header,
.account-career-review-queue header,
.account-career-review-queue nav a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.account-career-publication-overview header span,
.account-career-review-queue header span {
  color: #2563ff !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.account-career-publication-overview header strong,
.account-career-review-queue header strong {
  color: #0f172a !important;
  font-size: 1.1rem !important;
}

.account-career-publication-overview p,
.account-career-review-queue p {
  margin: 0 !important;
  color: #475569 !important;
  line-height: 1.6 !important;
}

.account-career-queue-action {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  padding: .75rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: #eff6ff !important;
}

.account-career-queue-action div {
  display: flex !important;
  align-items: baseline !important;
  gap: .4rem !important;
  color: #1e3a8a !important;
  font-weight: 850 !important;
}

.account-career-queue-action strong {
  color: #174bff !important;
  font-size: 1.15rem !important;
}

.account-career-queue-action span {
  color: #475569 !important;
}

.account-career-queue-action button {
  min-height: 38px !important;
  padding: 0 .85rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #174bff !important;
  color: #fff !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.account-career-publication-overview div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
}

.account-career-publication-overview div span {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
  padding: .3rem .6rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-weight: 850 !important;
}

.account-career-publication-overview div span b {
  min-width: 26px !important;
  min-height: 24px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #dbeafe !important;
}

.account-career-publication-overview div span.warning {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
}

.account-career-publication-overview div span.warning b {
  background: #ffedd5 !important;
}

.account-career-publication-overview div span.ready {
  border-color: #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
}

.account-career-publication-overview div span.ready b {
  background: #ccfbf1 !important;
}

.account-career-review-queue nav {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(156px, 1fr)) !important;
  gap: .5rem !important;
}

.account-career-review-queue nav a {
  min-height: 46px !important;
  gap: .75rem !important;
  padding: .55rem .7rem !important;
  border: 1px solid #dbeafe !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #1d4ed8 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

.account-career-review-queue nav a.is-active {
  border-color: #93c5fd !important;
  background: #eff6ff !important;
}

.account-career-review-queue nav a b {
  min-width: 34px !important;
  min-height: 30px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}

.account-career-status-grid a {
  padding: .65rem .75rem !important;
}

.account-career-status-grid a b {
  min-width: 34px !important;
  min-height: 30px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

.account-career-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .6rem !important;
}

.account-career-actions a,
.account-career-list nav a {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 .85rem !important;
  border: 1px solid #0f766e !important;
  border-radius: 8px !important;
  background: #0f766e !important;
  color: #fff !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

.account-career-actions a + a,
.account-career-list nav a + a {
  background: #fff !important;
  color: #0f766e !important;
}

.account-career-list {
  display: grid !important;
  gap: .65rem !important;
  margin-top: 1rem !important;
}

.account-career-list article {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: .85rem !important;
  align-items: center !important;
  padding: .85rem !important;
}

.account-career-list article strong,
.account-career-list article b {
  color: #0f172a !important;
}

.account-career-list article b {
  min-width: 58px !important;
  padding: .45rem .55rem !important;
  border-radius: 8px !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
  text-align: center !important;
}

.account-career-list .account-career-publication {
  width: fit-content !important;
  margin-top: .3rem !important;
  padding: .32rem .5rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
}

.account-career-list .account-career-publication.warning {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
}

.account-career-list .account-career-publication.ready {
  border-color: #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
}

.account-career-list nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
}

.account-career-saved-searches {
  display: grid !important;
  gap: .65rem !important;
  margin-top: 1rem !important;
  padding-top: 1rem !important;
  border-top: 1px solid #e2e8f0 !important;
}

.account-career-saved-searches .account-panel-head h3 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 1.05rem !important;
  letter-spacing: 0 !important;
}

.account-career-saved-searches article {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: .75rem !important;
  align-items: center !important;
  padding: .8rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.account-career-saved-searches article strong {
  display: block !important;
  color: #0f172a !important;
}

.account-career-saved-searches article span {
  display: block !important;
  margin-top: .15rem !important;
  color: #475569 !important;
}

.account-career-saved-searches article small {
  display: block !important;
  margin-top: .25rem !important;
  color: #64748b !important;
  font-weight: 750 !important;
}

.account-career-saved-searches nav {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: .45rem !important;
}

.account-career-saved-searches form {
  margin: 0 !important;
}

.account-career-saved-searches nav a,
.account-career-saved-searches nav button {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 .75rem !important;
  border: 1px solid #2563ff !important;
  border-radius: 8px !important;
  background: #2563ff !important;
  color: #fff !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  cursor: pointer !important;
  box-shadow: 0 12px 24px rgba(37, 99, 255, .16) !important;
}

.account-career-saved-searches nav button {
  border-color: #cbd5e1 !important;
  background: #fff !important;
  color: #475569 !important;
  box-shadow: none !important;
}

.account-job-search-panel {
  display: grid !important;
  gap: 1rem !important;
}

.account-job-search-filter {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: .65rem !important;
  align-items: end !important;
  padding: .85rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

.account-job-search-filter label {
  display: grid !important;
  gap: .35rem !important;
  min-width: 0 !important;
}

.account-job-search-filter label span {
  color: #475569 !important;
  font-size: .82rem !important;
  font-weight: 850 !important;
}

.account-job-search-filter input {
  width: 100% !important;
  min-height: 44px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #0f172a !important;
  padding: 0 .8rem !important;
}

.account-job-search-filter button,
.account-job-search-filter a {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 .9rem !important;
  border: 1px solid #2563ff !important;
  border-radius: 8px !important;
  background: #2563ff !important;
  color: #fff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.account-job-search-filter a {
  border-color: #c7d2fe !important;
  background: #fff !important;
  color: #1d4ed8 !important;
}

.account-job-search-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .65rem !important;
}

.account-job-search-summary article {
  display: grid !important;
  gap: .2rem !important;
  padding: .85rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.account-job-search-summary span {
  color: #64748b !important;
  font-size: .82rem !important;
  font-weight: 850 !important;
}

.account-job-search-summary strong {
  color: #0f172a !important;
  font-size: 1.45rem !important;
}

.account-job-search-list {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.account-career-applications {
  display: grid !important;
  gap: .65rem !important;
  margin-top: 1rem !important;
  padding-top: 1rem !important;
  border-top: 1px solid #e2e8f0 !important;
}

.account-career-applications .account-panel-head h3 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 1.05rem !important;
  letter-spacing: 0 !important;
}

.account-career-applications article {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: .75rem !important;
  align-items: center !important;
  padding: .8rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.account-career-applications article strong,
.account-career-applications article b {
  color: #0f172a !important;
}

.account-career-applications article span {
  display: block !important;
  margin-top: .15rem !important;
  color: #475569 !important;
}

.account-career-applications .application-row-readiness {
  width: fit-content !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .35rem !important;
  margin-top: .45rem !important;
  padding: .35rem .55rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-weight: 850 !important;
}

.account-career-applications .application-row-readiness span,
.account-career-applications .application-row-readiness strong {
  display: inline !important;
  margin: 0 !important;
  color: inherit !important;
}

.account-career-applications .application-row-next {
  display: grid !important;
  gap: .25rem !important;
  max-width: 680px !important;
  margin-top: .55rem !important;
  padding: .55rem .65rem !important;
  border: 1px solid #c7d2fe !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  line-height: 1.35 !important;
}

.account-career-applications .application-row-next span {
  margin: 0 !important;
  color: #4f46e5 !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.account-career-applications .application-row-next strong {
  color: #0f172a !important;
  font-size: .88rem !important;
}

.account-career-applications article b {
  padding: .45rem .55rem !important;
  border-radius: 8px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

.account-career-applications nav {
  display: flex !important;
  justify-content: flex-end !important;
}

.account-career-applications nav a {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 180px !important;
  padding: 0 .75rem !important;
  border: 1px solid #0f766e !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #0f766e !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.account-application-list,
.account-application-detail {
  display: grid !important;
  gap: .75rem !important;
}

.account-application-search {
  margin-bottom: .25rem !important;
}

.account-application-review-board {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .65rem !important;
  margin: .15rem 0 .35rem !important;
}

.account-application-candidate-focus {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.account-application-review-board article {
  display: grid !important;
  gap: .2rem !important;
  padding: .85rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.account-application-review-board span {
  color: #64748b !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.account-application-review-board strong {
  color: #0f172a !important;
  font-size: 1.45rem !important;
}

.account-application-bulk-action {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  padding: .85rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: #eff6ff !important;
}

.account-application-bulk-action div {
  display: flex !important;
  align-items: baseline !important;
  gap: .4rem !important;
  color: #1e3a8a !important;
  font-weight: 850 !important;
}

.account-application-bulk-action strong {
  color: #174bff !important;
  font-size: 1.25rem !important;
}

.account-application-bulk-action span {
  color: #475569 !important;
  line-height: 1.25 !important;
}

.account-application-bulk-action button {
  min-height: 40px !important;
  padding: 0 .9rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #174bff !important;
  color: #fff !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.account-application-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
  margin: .25rem 0 .35rem !important;
}

.account-application-filters a {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
  padding: 0 .75rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #0f766e !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

.account-application-filters a.is-active {
  border-color: #0f766e !important;
  background: #0f766e !important;
  color: #fff !important;
}

.account-application-filters b {
  min-width: 1.65rem !important;
  padding: .15rem .4rem !important;
  border-radius: 999px !important;
  background: rgba(15, 118, 110, .12) !important;
  color: inherit !important;
  text-align: center !important;
}

.account-application-filters a.is-active b {
  background: rgba(255, 255, 255, .2) !important;
}

.account-application-job-filters a {
  max-width: min(100%, 22rem) !important;
}

.account-application-job-filters span {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  line-height: 1.25 !important;
}

.account-application-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: .85rem !important;
  align-items: center !important;
  padding: .9rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #0f172a !important;
  text-decoration: none !important;
}

.account-application-row.is-new {
  border-color: #99f6e4 !important;
  background: #f0fdfa !important;
}

.account-application-row strong,
.account-application-row b,
.application-detail-grid strong {
  color: #0f172a !important;
}

.account-application-row span,
.account-application-row small,
.account-application-row em,
.application-detail-grid span,
.application-message span,
.application-message p {
  color: #475569 !important;
  line-height: 1.55 !important;
}

.account-application-row .application-row-step {
  display: block !important;
  margin-top: .22rem !important;
  color: #1d4ed8 !important;
  font-weight: 800 !important;
}

.account-application-row .application-row-next {
  display: grid !important;
  gap: .2rem !important;
  max-width: 720px !important;
  margin-top: .5rem !important;
  padding: .5rem .6rem !important;
  border: 1px solid #c7d2fe !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  line-height: 1.35 !important;
}

.account-application-row .application-row-next span {
  margin: 0 !important;
  color: #4f46e5 !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.account-application-row .application-row-next strong {
  color: #0f172a !important;
  font-size: .88rem !important;
}

.account-application-row .application-row-cta {
  width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-top: .45rem !important;
  padding: .42rem .65rem !important;
  border-radius: 8px !important;
  background: #174bff !important;
  color: #fff !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.account-application-row .application-row-readiness {
  width: fit-content !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .35rem !important;
  margin-top: .45rem !important;
  padding: .35rem .55rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-weight: 850 !important;
}

.account-application-row .application-row-readiness span,
.account-application-row .application-row-readiness strong {
  color: inherit !important;
}

.account-application-row .application-row-readiness strong {
  font-size: .86rem !important;
}

.account-application-row b,
.account-application-row em {
  padding: .45rem .55rem !important;
  border-radius: 8px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  text-align: center !important;
}

.account-application-row b {
  background: #ecfdf5 !important;
  color: #047857 !important;
}

.account-application-row em {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

.account-empty-state {
  display: grid !important;
  gap: .85rem !important;
  padding: 1rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

.account-empty-state .account-muted {
  margin: 0 !important;
  color: #334155 !important;
}

.account-empty-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .65rem !important;
}

.account-empty-actions a {
  min-height: 2.7rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: .7rem 1rem !important;
  border-radius: 8px !important;
  background: #2563ff !important;
  color: #fff !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 28px rgba(37, 99, 255, .18) !important;
}

.account-empty-actions a + a {
  border: 1px solid #c7d2fe !important;
  background: #fff !important;
  color: #1d4ed8 !important;
  box-shadow: none !important;
}

.account-operations-panel {
  display: grid !important;
  gap: 1rem !important;
}

.account-operations-grid,
.account-operations-evidence,
.account-operations-boundaries {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}

.account-operations-card,
.account-operations-evidence article,
.account-operations-boundaries article {
  min-width: 0 !important;
  padding: 1rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.account-operations-card.ready {
  border-color: #99f6e4 !important;
  background: linear-gradient(180deg, #f0fdfa, #fff) !important;
}

.account-operations-evidence article.ready {
  border-color: #99f6e4 !important;
  background: linear-gradient(180deg, #f0fdfa, #fff) !important;
}

.account-operations-card.blocked {
  border-color: #fed7aa !important;
  background: linear-gradient(180deg, #fff7ed, #fff) !important;
}

.account-operations-evidence article.blocked {
  border-color: #fed7aa !important;
  background: linear-gradient(180deg, #fff7ed, #fff) !important;
}

.account-operations-card header,
.account-operations-evidence header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
}

.account-operations-card header span,
.account-operations-evidence header span,
.account-operations-boundaries span {
  color: #475569 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.account-operations-card header strong,
.account-operations-evidence header strong,
.account-operations-boundaries strong {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: .25rem .6rem !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
}

.account-operations-card.ready header strong,
.account-operations-evidence article.ready header strong {
  background: #ccfbf1 !important;
  color: #0f766e !important;
}

.account-operations-card.blocked header strong,
.account-operations-evidence article.blocked header strong {
  background: #ffedd5 !important;
  color: #c2410c !important;
}

.account-operations-card h3 {
  margin: .8rem 0 .35rem !important;
  color: #0f172a !important;
  font-size: 1.05rem !important;
  letter-spacing: 0 !important;
}

.account-operations-card p {
  margin: 0 0 .85rem !important;
  color: #475569 !important;
  line-height: 1.55 !important;
}

.account-operations-card p code {
  display: block !important;
  max-width: 100% !important;
  padding: .65rem .75rem !important;
  border: 1px solid #dbeafe !important;
  border-radius: 8px !important;
  background: #eff6ff !important;
  color: #1e3a8a !important;
  font-size: .82rem !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

.account-operations-card dl {
  display: grid !important;
  gap: .45rem !important;
  margin: 0 !important;
}

.account-operations-card dl div,
.account-operations-evidence li {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  padding: .55rem 0 !important;
  border-top: 1px solid #e2e8f0 !important;
}

.account-operations-card dt,
.account-operations-card dd {
  margin: 0 !important;
}

.account-operations-card dt {
  color: #64748b !important;
  font-size: .84rem !important;
  font-weight: 800 !important;
}

.account-operations-card dd {
  color: #0f172a !important;
  font-weight: 850 !important;
  text-align: right !important;
}

.account-operations-card > ul {
  display: grid !important;
  gap: .35rem !important;
  margin: .85rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.account-operations-card > ul li {
  padding: .55rem .65rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-size: .86rem !important;
  line-height: 1.45 !important;
}

.account-operations-card > ul li code {
  display: block !important;
  margin-top: .45rem !important;
  padding: .55rem .65rem !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #1e3a8a !important;
  font-size: .8rem !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

.account-operations-card .account-external-links {
  margin-top: .75rem !important;
}

.account-operations-evidence ul {
  display: grid !important;
  gap: .25rem !important;
  margin: .75rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.account-operations-evidence li span {
  flex: 0 0 auto !important;
  color: #64748b !important;
  font-size: .8rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.account-operations-evidence li.ready span {
  color: #0f766e !important;
}

.account-operations-evidence li.blocked span {
  color: #c2410c !important;
}

.account-operations-evidence li.missing span {
  color: #c2410c !important;
}

.account-operations-evidence code {
  min-width: 0 !important;
  color: #334155 !important;
  font-size: .82rem !important;
  overflow-wrap: anywhere !important;
  text-align: right !important;
}

.account-operations-boundaries article {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  background: #f8fafc !important;
}

.account-external-verification-grid,
.account-external-env-list,
.account-external-evidence-list,
.account-payment-external-grid,
.account-payment-evidence-list,
.account-payment-env-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}

.account-external-verification-grid article,
.account-external-env-list article,
.account-external-evidence-list article,
.account-payment-external-grid article,
.account-payment-evidence-list article,
.account-payment-env-list article {
  min-width: 0 !important;
  display: grid !important;
  gap: .55rem !important;
  padding: 1rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.account-external-env-list article.ready,
.account-external-evidence-list article.ready,
.account-payment-evidence-list article.ready,
.account-payment-env-list article.ready {
  border-color: #99f6e4 !important;
  background: linear-gradient(180deg, #f0fdfa, #fff) !important;
}

.account-external-env-list article.blocked,
.account-external-evidence-list article.blocked,
.account-payment-evidence-list article.blocked,
.account-payment-env-list article.blocked {
  border-color: #fed7aa !important;
  background: linear-gradient(180deg, #fff7ed, #fff) !important;
}

.account-external-verification-grid span,
.account-external-env-list span,
.account-external-evidence-list span,
.account-payment-external-grid span,
.account-payment-evidence-list span,
.account-payment-env-list span {
  color: #475569 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.account-external-verification-grid code,
.account-external-env-list small,
.account-external-evidence-list code,
.account-external-evidence-list p,
.account-payment-external-grid code,
.account-payment-evidence-list code,
.account-payment-evidence-list p,
.account-payment-env-list small {
  min-width: 0 !important;
  color: #334155 !important;
  font-size: .84rem !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
}

.account-payment-evidence-list code {
  display: block !important;
  padding: .6rem .7rem !important;
  border: 1px solid #dbeafe !important;
  border-radius: 8px !important;
  background: #eff6ff !important;
  color: #1e3a8a !important;
}

.account-external-evidence-list code {
  display: block !important;
  padding: .6rem .7rem !important;
  border: 1px solid #dbeafe !important;
  border-radius: 8px !important;
  background: #eff6ff !important;
  color: #1e3a8a !important;
}

.account-external-evidence-list p {
  margin: 0 !important;
}

.account-payment-evidence-list p {
  margin: 0 !important;
}

.account-external-env-list strong,
.account-payment-env-list strong {
  width: fit-content !important;
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: .25rem .6rem !important;
  border-radius: 999px !important;
  background: #ffedd5 !important;
  color: #c2410c !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
}

.account-external-env-list article.ready strong,
.account-payment-env-list article.ready strong {
  background: #ccfbf1 !important;
  color: #0f766e !important;
}

.account-external-verification-grid ul,
.account-payment-external-grid ul {
  display: grid !important;
  gap: .35rem !important;
  margin: 0 !important;
  padding-left: 1.1rem !important;
  color: #334155 !important;
  line-height: 1.45 !important;
}

.account-external-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
}

.account-external-links a {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: .35rem .65rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.application-detail-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .75rem !important;
}

.application-detail-grid article,
.application-message {
  display: grid !important;
  gap: .25rem !important;
  padding: .85rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.application-message {
  margin-top: .25rem !important;
}

.application-decision-bridge {
  display: grid !important;
  gap: .75rem !important;
  margin-top: .25rem !important;
  padding: .95rem !important;
  border: 1px solid #dbeafe !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 14px 34px rgba(37, 99, 255, .07) !important;
}

.application-decision-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .75rem !important;
}

.application-decision-grid article {
  display: grid !important;
  gap: .4rem !important;
  min-width: 0 !important;
  padding: .85rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.application-decision-grid span {
  color: #1a46cc !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.application-decision-grid strong {
  color: #0f172a !important;
  line-height: 1.25 !important;
}

.application-decision-grid p {
  margin: 0 !important;
  color: #475569 !important;
  line-height: 1.55 !important;
}

.application-match-snapshot {
  display: grid !important;
  gap: .75rem !important;
  margin-top: .25rem !important;
  padding: .95rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: #f8fbff !important;
  box-shadow: 0 16px 36px rgba(37, 99, 255, .08) !important;
}

.application-match-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .75rem !important;
}

.application-match-grid article {
  display: grid !important;
  gap: .45rem !important;
  padding: .85rem !important;
  border: 1px solid #dbeafe !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.application-match-grid span {
  color: #2563ff !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}

.application-match-grid ul {
  display: grid !important;
  gap: .35rem !important;
  margin: 0 !important;
  padding-left: 1.1rem !important;
  color: #0f172a !important;
  line-height: 1.5 !important;
}

.application-match-grid p,
.application-next-step {
  margin: 0 !important;
  color: #475569 !important;
  line-height: 1.55 !important;
}

.application-next-step {
  padding: .8rem .9rem !important;
  border-radius: 8px !important;
  background: #eff6ff !important;
}

.application-status-note {
  display: grid !important;
  gap: .25rem !important;
  margin-top: .25rem !important;
  padding: .85rem !important;
  border: 1px solid #fed7aa !important;
  border-radius: 8px !important;
  background: #fff7ed !important;
}

.application-status-note strong {
  color: #9a3412 !important;
}

.application-status-note p {
  margin: 0 !important;
  color: #475569 !important;
  line-height: 1.55 !important;
}

.application-status-cta {
  width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-top: .35rem !important;
  padding: .46rem .7rem !important;
  border-radius: 8px !important;
  background: #174bff !important;
  color: #fff !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
}

.application-status-note.is-action {
  border-color: #bfdbfe !important;
  background: #eff6ff !important;
}

.application-status-note.is-action strong {
  color: #1d4ed8 !important;
}

.application-status-note.is-terminal {
  border-color: #e2e8f0 !important;
  background: #f8fafc !important;
}

.application-status-note.is-terminal strong {
  color: #334155 !important;
}

.application-status-note form {
  margin-top: .35rem !important;
}

.application-status-guard {
  display: grid !important;
  gap: .2rem !important;
  margin-top: .4rem !important;
  padding: .55rem .65rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: #f8fbff !important;
}

.application-status-guard strong {
  color: #1d4ed8 !important;
  font-size: .86rem !important;
}

.application-status-guard p {
  margin: 0 !important;
  color: #475569 !important;
  line-height: 1.45 !important;
}

.application-quick-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
  margin-top: .45rem !important;
}

.application-quick-actions form {
  margin: 0 !important;
}

.application-notify-option {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: .45rem !important;
  row-gap: .15rem !important;
  width: min(100%, 340px) !important;
  margin: 0 0 .45rem !important;
  padding: .55rem .65rem !important;
  border: 1px solid #dbeafe !important;
  border-radius: 8px !important;
  background: #f8fbff !important;
  color: #1e3a8a !important;
  font-size: .82rem !important;
  font-weight: 850 !important;
}

.application-notify-option input {
  width: 16px !important;
  height: 16px !important;
  accent-color: #2563FF !important;
}

.application-notify-option small {
  grid-column: 2 !important;
  color: #64748b !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

.application-status-note button {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 .9rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #5BB8FF, #2563FF 58%, #0A2A6E) !important;
  color: #fff !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.application-status-note button.is-danger {
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.application-status-timeline {
  display: grid !important;
  gap: .8rem !important;
  margin-top: .25rem !important;
  padding: .95rem !important;
  border: 1px solid #dbeafe !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #f8fbff, #fff) !important;
}

.application-status-timeline ol {
  display: grid !important;
  gap: .65rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.application-status-timeline li {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: .7rem !important;
  align-items: start !important;
  padding: .75rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.application-status-timeline li > span {
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #e2e8f0 !important;
  color: #475569 !important;
  font-weight: 900 !important;
}

.application-status-timeline li.is-done > span {
  background: #dcfce7 !important;
  color: #166534 !important;
}

.application-status-timeline li.is-active {
  border-color: #93c5fd !important;
  box-shadow: 0 10px 24px rgba(37, 99, 255, .08) !important;
}

.application-status-timeline li.is-active > span {
  background: linear-gradient(135deg, #5BB8FF, #2563FF 58%, #0A2A6E) !important;
  color: #fff !important;
}

.application-status-timeline li.is-terminal {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
}

.application-status-timeline li div {
  display: grid !important;
  gap: .18rem !important;
  min-width: 0 !important;
}

.application-status-timeline strong {
  color: #0f172a !important;
}

.application-status-timeline p {
  margin: 0 !important;
  color: #475569 !important;
  line-height: 1.45 !important;
}

.application-review-form {
  display: grid !important;
  gap: .75rem !important;
  margin-top: .25rem !important;
  padding: .9rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

.application-review-form label {
  display: grid !important;
  gap: .35rem !important;
  min-width: 0 !important;
  color: #334155 !important;
  font-weight: 850 !important;
}

.application-review-form select,
.application-review-form textarea {
  width: 100% !important;
  min-height: 46px !important;
  padding: .75rem .85rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #0f172a !important;
}

.application-review-form textarea {
  min-height: 110px !important;
  resize: vertical !important;
}

.application-review-form small {
  color: #64748b !important;
  line-height: 1.45 !important;
}

.application-review-form em {
  color: #b91c1c !important;
  font-style: normal !important;
}

.account-boundary-note {
  margin: 1rem 0 0 !important;
  padding-top: .85rem !important;
  border-top: 1px solid #e2e8f0 !important;
  font-size: .86rem !important;
}

.account-form-actions {
  display: flex !important;
  gap: .75rem !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

.account-form-actions a,
.account-form-actions button {
  min-height: 50px !important;
  border-radius: 16px !important;
  padding: .85rem 1.25rem !important;
}

.account-checkout-form {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .75rem !important;
  align-items: end !important;
  justify-content: flex-start !important;
  margin-top: .9rem !important;
}

.account-checkout-form label {
  display: grid !important;
  gap: .35rem !important;
  min-width: min(100%, 320px) !important;
  color: #475569 !important;
  font-size: .86rem !important;
  font-weight: 750 !important;
}

.account-checkout-form select {
  min-height: 48px !important;
  border: 1px solid #dbe3ef !important;
  border-radius: 8px !important;
  padding: .75rem .85rem !important;
  background: #fff !important;
  color: #0f172a !important;
  font: inherit !important;
}

.account-checkout-form button {
  min-height: 48px !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: .8rem 1rem !important;
  background: linear-gradient(135deg, #5BB8FF, #2563FF 58%, #0A2A6E) !important;
  color: #fff !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.account-checkout-form button:disabled {
  border: 1px solid #cbd5e1 !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  cursor: not-allowed !important;
}

.account-checkout-selected-job {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: .75rem !important;
  align-items: center !important;
  margin-top: .9rem !important;
  padding: .85rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  background: #eff6ff !important;
}

.account-checkout-selected-job div {
  display: grid !important;
  gap: .15rem !important;
}

.account-checkout-selected-job span {
  color: #1d4ed8 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.account-checkout-selected-job strong {
  color: #0f172a !important;
}

.account-checkout-selected-job small {
  color: #475569 !important;
  font-weight: 750 !important;
}

.account-checkout-selected-job a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 .9rem !important;
  border-radius: 8px !important;
  background: #174bff !important;
  color: #fff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  .account-checkout-selected-job {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }
}

/* Yop-Profis marketplace, orders and request workflow */
.profis-page {
  width: min(var(--yop-container), calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
  background: transparent !important;
}

.profis-hero,
.profis-request-panel,
.profis-business-panel,
.profis-orders-head,
.profis-idea-box,
.profis-order-card,
.profis-empty-order,
.profis-detail-hero,
.profis-detail-card,
.profis-request-form-card,
.profis-request-aside,
.profis-result-card,
.profis-category-card,
.profis-flow > div,
.profis-stats > div,
.profis-hero-card {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.profis-hero,
.profis-request-shell,
.profis-detail-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr) !important;
  gap: 1.5rem !important;
  align-items: stretch !important;
}

.profis-hero,
.profis-request-panel,
.profis-business-panel,
.profis-orders-head,
.profis-detail-hero {
  border-radius: var(--yop-radius-xl) !important;
  padding: clamp(1.5rem, 4vw, 3rem) !important;
}

.profis-hero-card,
.profis-request-aside,
.profis-request-form-card,
.profis-detail-card,
.profis-result-card,
.profis-category-card,
.profis-order-card,
.profis-empty-order,
.profis-flow > div,
.profis-stats > div,
.profis-idea-box {
  border-radius: var(--yop-radius-lg) !important;
  padding: 1.35rem !important;
}

.profis-search,
.profis-form-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .75rem !important;
  align-items: end !important;
  background: rgba(37, 99, 255, .06) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  border-radius: var(--yop-radius-lg) !important;
  padding: .85rem !important;
}

.profis-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

.profis-search label,
.profis-form-grid label {
  display: grid !important;
  gap: .4rem !important;
  color: var(--yop-text) !important;
  font-weight: 650 !important;
}

.profis-search input,
.profis-search select,
.profis-form-grid input,
.profis-form-grid select,
.profis-form-grid textarea,
.yop-pro-form input,
.yop-pro-form select,
.yop-pro-form textarea {
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: 16px !important;
  min-height: 52px !important;
  padding: .85rem 1rem !important;
}

.profis-search button,
.profis-owner-action a,
.profis-primary-action,
.profis-request-actions a,
.profis-result-card a,
.profis-business-panel a,
.profis-orders-head a,
.profis-idea-box a,
.profis-empty-order a,
.profis-order-card footer a,
.profis-detail-hero nav a,
.account-submit {
  background: linear-gradient(135deg, var(--yop-primary), #7C3AED) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 16px !important;
  min-height: 50px !important;
  padding: .85rem 1.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  font-weight: 650 !important;
  box-shadow: 0 14px 34px rgba(37, 99, 255, .20) !important;
}

.profis-secondary-action,
.profis-ghost-link,
.profis-order-card footer a + a,
.profis-detail-hero nav a + a {
  background: #fff !important;
  color: var(--yop-primary) !important;
  border: 1px solid var(--yop-border) !important;
  box-shadow: none !important;
}

.profis-owner-action,
.profis-request-actions,
.profis-order-card footer,
.profis-detail-hero nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .75rem !important;
  align-items: center !important;
}

.profis-owner-action {
  justify-content: flex-end !important;
  margin: 1.25rem 0 !important;
}

.profis-stats,
.profis-category-grid,
.profis-card-grid,
.profis-flow,
.profis-order-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 1rem !important;
  margin-top: 1.25rem !important;
}

.profis-order-list {
  grid-template-columns: 1fr !important;
}

.profis-result-top,
.profis-order-main,
.profis-detail-hero {
  display: flex !important;
  gap: 1rem !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.profis-tags,
.profis-order-metrics,
.profis-step-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
}

.profis-tags span,
.profis-order-metrics span,
.profis-step-list span,
.profis-rating {
  background: #f8fafc !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-pill) !important;
  color: var(--yop-muted) !important;
  padding: .45rem .7rem !important;
}

/* Yop-Anzeige marketplace and shared classified editor */
.ads-page {
  width: min(var(--yop-container), calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
  background: transparent !important;
  color: var(--yop-text) !important;
}

.ads-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr) !important;
  gap: 1.5rem !important;
  align-items: stretch !important;
}

.ads-hero-copy,
.ads-search-card,
.ads-quick-actions,
.ads-category-card,
.ads-filter-card,
.ads-listing-card,
.ads-empty {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-lg) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.ads-hero-copy,
.ads-search-card {
  border-radius: var(--yop-radius-xl) !important;
  padding: clamp(1.5rem, 4vw, 3rem) !important;
}

.ads-hero-copy img {
  max-width: 150px !important;
  height: auto !important;
}

.ads-search-card {
  display: grid !important;
  gap: .9rem !important;
}

.ads-search-card label {
  display: grid !important;
  gap: .4rem !important;
  color: var(--yop-text) !important;
  font-weight: 650 !important;
}

.ads-search-card input,
.ads-search-card select {
  min-height: 52px !important;
  border-radius: 16px !important;
  padding: .85rem 1rem !important;
}

.ads-search-card button,
.ads-create-button,
.ads-listing-card a {
  background: linear-gradient(135deg, #5BB8FF 0%, #2563FF 55%, #0A2A6E 100%) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 16px !important;
  min-height: 50px !important;
  padding: .85rem 1.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  font-weight: 650 !important;
  box-shadow: 0 14px 34px rgba(37, 99, 255, .20) !important;
}

.ads-campaign-window {
  display: grid !important;
  grid-template-columns: minmax(260px, .36fr) minmax(0, .64fr) !important;
  gap: 1rem !important;
  align-items: stretch !important;
  margin: 1.25rem 0 !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-xl) !important;
  background: rgba(255, 255, 255, .94) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
  overflow: hidden !important;
}

.ads-campaign-intro {
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: .8rem !important;
}

.ads-campaign-intro h2 {
  margin: 0 !important;
  color: #061B4A !important;
  font-size: clamp(1.55rem, 3vw, 2.35rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.ads-campaign-intro p:not(.eyebrow) {
  margin: 0 !important;
  color: var(--yop-muted) !important;
  line-height: 1.65 !important;
}

.ads-campaign-controls,
.ads-campaign-dots {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

.ads-campaign-controls {
  width: fit-content !important;
  gap: .35rem !important;
  padding: .25rem !important;
  border: 1px solid #d8e3ee !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
}

.ads-campaign-controls button,
.ads-campaign-dots button {
  border: 0 !important;
  cursor: pointer !important;
  color: #1a46cc !important;
}

.ads-campaign-controls button {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  box-shadow: 0 6px 14px rgba(37, 99, 255, .10) !important;
}

.ads-campaign-controls span {
  min-width: 46px !important;
  color: #64748b !important;
  font-size: .82rem !important;
  font-weight: 850 !important;
  text-align: center !important;
}

.ads-campaign-dots {
  gap: .45rem !important;
}

.ads-campaign-dots button {
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: #cbd5e1 !important;
  transition: width .18s ease, background .18s ease !important;
}

.ads-campaign-dots button[aria-current="true"] {
  width: 28px !important;
  background: linear-gradient(90deg, #2563ff 0%, #1a46cc 100%) !important;
}

.ads-campaign-controls button:hover,
.ads-campaign-controls button:focus-visible,
.ads-campaign-dots button:hover,
.ads-campaign-dots button:focus-visible {
  background: #eaf4ff !important;
  outline: 2px solid rgba(37, 99, 255, .24) !important;
  outline-offset: 2px !important;
}

.ads-campaign-frame {
  min-width: 0 !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #EAF4FF, #FFFFFF) !important;
  border-left: 1px solid var(--yop-border) !important;
}

.ads-campaign-track {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 452px !important;
}

.ads-campaign-window:hover .ads-campaign-slide {
  animation-play-state: paused !important;
}

.ads-campaign-slide {
  box-sizing: border-box !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(220px, .58fr) minmax(220px, .42fr) !important;
  gap: 1rem !important;
  align-items: center !important;
  padding: 1rem !important;
  opacity: 0;
  visibility: hidden;
  animation: adsCampaignFade 36s infinite !important;
}

.ads-campaign-slide:first-child {
  position: relative !important;
}

.ads-campaign-slide:not(:first-child) {
  position: absolute !important;
  inset: 0 !important;
}

.ads-campaign-slide:nth-child(2) {
  animation-delay: 6s !important;
}

.ads-campaign-slide:nth-child(3) {
  animation-delay: 12s !important;
}

.ads-campaign-slide:nth-child(4) {
  animation-delay: 18s !important;
}

.ads-campaign-slide:nth-child(5) {
  animation-delay: 24s !important;
}

.ads-campaign-slide:nth-child(6) {
  animation-delay: 30s !important;
}

.ads-campaign-window.is-carousel-ready .ads-campaign-slide {
  animation: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity .22s ease, visibility .22s ease !important;
}

.ads-campaign-window.is-carousel-ready .ads-campaign-slide.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 1 !important;
}

.ads-campaign-slide img {
  width: 100% !important;
  max-height: 420px !important;
  object-fit: contain !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 18px 34px rgba(10, 42, 110, .16) !important;
}

.ads-campaign-slide div {
  display: grid !important;
  gap: .75rem !important;
  align-content: center !important;
  min-width: 0 !important;
}

.ads-campaign-slide span {
  width: fit-content !important;
  border-radius: var(--yop-radius-pill) !important;
  padding: .45rem .75rem !important;
  background: #EAF4FF !important;
  color: #1A3A8C !important;
  font-weight: 800 !important;
  font-size: .82rem !important;
}

.ads-campaign-slide h3 {
  margin: 0 !important;
  color: #061B4A !important;
  font-size: clamp(1.35rem, 2.6vw, 2rem) !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

.ads-campaign-slide p {
  margin: 0 !important;
  color: var(--yop-muted) !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}

.ads-campaign-slide a {
  width: fit-content !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  padding: .72rem 1rem !important;
  background: linear-gradient(135deg, #5BB8FF 0%, #2563FF 55%, #0A2A6E 100%) !important;
  color: #fff !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

html[data-yop-theme="light"] body .ads-page .ads-create-button,
html[data-yop-theme="light"] body .ads-page .ads-listing-card a,
html[data-yop-theme="light"] body .ads-page .ads-campaign-slide a {
  color: #fff !important;
}

@keyframes adsCampaignFade {
  0%, 13% {
    opacity: 1;
    visibility: visible;
    z-index: 1;
  }

  17%, 100% {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
  }
}

.ads-create-row {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 1.25rem 0 !important;
}

.ads-quick-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .75rem !important;
  padding: .85rem !important;
  margin-bottom: 1.5rem !important;
}

.ads-quick-actions a {
  color: var(--yop-primary) !important;
  background: #fff !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-pill) !important;
  padding: .65rem .9rem !important;
  text-decoration: none !important;
  font-weight: 650 !important;
}

.ads-category-card span {
  width: 52px !important;
  height: 52px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 16px !important;
  background: #EAF4FF !important;
  color: #1A3A8C !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.ads-category-grid,
.ads-results-section {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 1rem !important;
}

.ads-results-section {
  grid-template-columns: 280px minmax(0, 1fr) !important;
  align-items: start !important;
  margin-top: 1.5rem !important;
}

.ads-results {
  display: grid !important;
  gap: 1rem !important;
}

.ads-listing-card {
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) auto auto !important;
  gap: 1rem !important;
  align-items: center !important;
  padding: 1rem !important;
}

.ads-listing-thumb {
  min-height: 92px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(91,184,255,.22), rgba(37,99,255,.12)) !important;
  color: var(--yop-primary) !important;
  display: grid !important;
  place-items: center !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
}

.ads-filter-card {
  padding: 1.2rem !important;
  position: sticky !important;
  top: 98px !important;
}

.ads-filter-card label {
  display: flex !important;
  gap: .5rem !important;
  align-items: center !important;
  color: var(--yop-muted) !important;
  margin-top: .75rem !important;
}

/* Yop-Reise */
.reise-page {
  width: min(var(--yop-container), calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
  background: transparent !important;
  color: var(--yop-text) !important;
}

.reise-hero,
.reise-tabs,
.reise-destination-card,
.reise-offer-card,
.reise-affiliate-card,
.reise-trust-panel,
.reise-deal-card {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.reise-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr) !important;
  gap: 1.5rem !important;
  border-radius: var(--yop-radius-xl) !important;
  padding: clamp(1.5rem, 4vw, 3rem) !important;
}

.reise-deal-card,
.reise-destination-card,
.reise-offer-card,
.reise-affiliate-card,
.reise-trust-panel {
  border-radius: var(--yop-radius-lg) !important;
  padding: 1.25rem !important;
}

.reise-search {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: .75rem !important;
  align-items: end !important;
  background: rgba(37, 99, 255, .06) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  border-radius: var(--yop-radius-lg) !important;
  padding: .85rem !important;
}

.reise-search .wide {
  grid-column: span 2 !important;
}

.reise-search label {
  display: grid !important;
  gap: .4rem !important;
  color: var(--yop-text) !important;
  font-weight: 650 !important;
}

.reise-search input,
.reise-search select {
  min-height: 52px !important;
  border-radius: 16px !important;
  padding: .85rem 1rem !important;
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
}

.reise-search button,
.reise-price-box a,
.reise-affiliate-card a {
  background: linear-gradient(135deg, var(--yop-primary), #7C3AED) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 16px !important;
  min-height: 50px !important;
  padding: .85rem 1.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  font-weight: 650 !important;
  box-shadow: 0 14px 34px rgba(37, 99, 255, .20) !important;
}

.reise-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .75rem !important;
  padding: .85rem !important;
  margin: 1.25rem 0 !important;
  border-radius: var(--yop-radius-lg) !important;
}

.reise-tabs a {
  color: var(--yop-primary) !important;
  background: #fff !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-pill) !important;
  padding: .65rem .9rem !important;
  text-decoration: none !important;
  font-weight: 650 !important;
}

.reise-destination-grid,
.reise-affiliate-grid,
.reise-trust-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 1rem !important;
}

.reise-offer-list {
  display: grid !important;
  gap: 1rem !important;
}

.reise-offer-card {
  display: grid !important;
  grid-template-columns: 110px minmax(0, 1fr) auto !important;
  gap: 1rem !important;
  align-items: center !important;
}

.reise-offer-media {
  min-height: 96px !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, rgba(37,99,255,.16), rgba(138,21,56,.10)) !important;
  color: var(--yop-primary) !important;
  display: grid !important;
  place-items: center !important;
  font-size: 2rem !important;
}

.reise-tags,
.reise-ai-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
}

.reise-tags span,
.reise-ai-list small,
.reise-rating,
.reise-trust-grid span {
  background: #f8fafc !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-pill) !important;
  color: var(--yop-muted) !important;
  padding: .45rem .7rem !important;
}

/* Yop-Vergleich, Versicherung and Kfz flows */
.compare-hub-page,
.yop-compare-page,
.insurance-page,
.kfz-page {
  width: min(var(--yop-container), calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
  background: transparent !important;
  color: var(--yop-text) !important;
}

.compare-button-dock,
.compare-hub-hero,
.compare-hub-card,
.compare-hub-quick,
.portal-topbar,
.portal-hero-card,
.portal-filter-card,
.portal-offer-row,
.portal-empty,
.insurance-topbar,
.insurance-hero,
.insurance-compare-card,
.insurance-need-box,
.insurance-step-grid article,
.insurance-product-card,
.insurance-stage-grid article,
.insurance-overview,
.insurance-guide,
.insurance-result-hero,
.insurance-result-form,
.insurance-result-benefits,
.insurance-summary-card,
.insurance-offers article,
.kfz-topbar,
.kfz-note,
.kfz-form-frame,
.kfz-choice-card,
.kfz-info-box,
.kfz-model-db,
.kfz-trust-strip > div {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.compare-hub-hero,
.portal-hero-card,
.insurance-hero,
.insurance-result-hero,
.kfz-form-frame {
  border-radius: var(--yop-radius-xl) !important;
  padding: clamp(1.5rem, 4vw, 3rem) !important;
}

.compare-button-dock,
.compare-hub-card,
.compare-hub-quick,
.portal-topbar,
.portal-filter-card,
.portal-offer-row,
.portal-empty,
.insurance-topbar,
.insurance-compare-card,
.insurance-need-box,
.insurance-step-grid article,
.insurance-product-card,
.insurance-stage-grid article,
.insurance-overview,
.insurance-guide,
.insurance-result-form,
.insurance-result-benefits,
.insurance-summary-card,
.insurance-offers article,
.kfz-topbar,
.kfz-note,
.kfz-choice-card,
.kfz-info-box,
.kfz-model-db,
.kfz-trust-strip > div {
  border-radius: var(--yop-radius-lg) !important;
  padding: 1.2rem !important;
}

.compare-hub-hero,
.portal-compare-grid,
.insurance-hero,
.insurance-result-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr) !important;
  gap: 1.25rem !important;
  align-items: stretch !important;
}

.compare-button-dock,
.compare-hub-grid,
.insurance-step-grid,
.insurance-product-grid,
.insurance-stage-grid,
.insurance-offer-grid,
.kfz-choice-row,
.kfz-trust-strip {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 1rem !important;
}

.compare-hub-search,
.portal-search,
.insurance-compare-card,
.insurance-result-form form,
.kfz-form {
  display: grid !important;
  gap: .85rem !important;
}

.compare-hub-search {
  grid-template-columns: minmax(0, 1fr) 240px auto !important;
  background: rgba(37, 99, 255, .06) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  border-radius: var(--yop-radius-lg) !important;
  padding: .85rem !important;
}

.portal-search {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  background: rgba(37, 99, 255, .06) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  border-radius: var(--yop-radius-lg) !important;
  padding: .85rem !important;
}

.compare-hub-search input,
.compare-hub-search select,
.portal-search input,
.portal-search select,
.insurance-page input,
.insurance-page select,
.kfz-page input,
.kfz-page select {
  min-height: 52px !important;
  border-radius: 16px !important;
  padding: .85rem 1rem !important;
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
}

.compare-hub-search button,
.compare-hub-card,
.compare-hub-quick a,
.portal-search button,
.portal-offer-row a,
.portal-mini-filter button,
.insurance-page button,
.insurance-page a:not(.insurance-brand):not(.insurance-home),
.kfz-page button,
.kfz-login {
  background: linear-gradient(135deg, var(--yop-primary), #7C3AED) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 16px !important;
  min-height: 50px !important;
  padding: .85rem 1.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  font-weight: 650 !important;
  box-shadow: 0 14px 34px rgba(37, 99, 255, .20) !important;
}

.compare-button-dock a,
.portal-topbar nav a,
.insurance-topbar nav a,
.kfz-menu {
  background: #fff !important;
  color: var(--yop-primary) !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-pill) !important;
  padding: .65rem .9rem !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.portal-offer-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(180px, .6fr) auto auto !important;
  gap: 1rem !important;
  align-items: center !important;
}

.portal-feature-list,
.insurance-trust-row,
.kfz-radio-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
}

.portal-feature-list small,
.insurance-trust-row span,
.kfz-radio-group label,
.portal-rating {
  background: #f8fafc !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-pill) !important;
  color: var(--yop-muted) !important;
  padding: .45rem .7rem !important;
}

/* Yop-Agri enterprise light migration */
.agri-page {
  width: min(var(--yop-container), calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
  background: transparent !important;
  color: var(--yop-text) !important;
  font-family: var(--yop-font) !important;
}

.agri-estate-topbar,
.agri-estate-hero,
.agri-hero-panel,
.agri-estate-filter-form,
.agri-start-box,
.agri-top-products,
.agri-price-compare,
.agri-category-card,
.agri-empty-state {
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.agri-estate-topbar,
.agri-estate-hero,
.agri-start-box,
.agri-top-products,
.agri-price-compare,
.agri-empty-state {
  border-radius: var(--yop-radius-xl) !important;
  padding: clamp(1.2rem, 3vw, 2.4rem) !important;
}

.agri-estate-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin-bottom: 1rem !important;
}

.agri-estate-nav,
.agri-chip-row,
.agri-offer-tabs,
.agri-compare-header,
.agri-payment-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .65rem !important;
  align-items: center !important;
}

.agri-estate-nav a,
.agri-chip,
.agri-offer-tabs a,
.agri-compare-header a,
.agri-payment-tags span {
  background: #fff !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-primary) !important;
  border-radius: var(--yop-radius-pill) !important;
  padding: .55rem .8rem !important;
  text-decoration: none !important;
  font-weight: 650 !important;
}

.agri-chip.active,
.agri-offer-tabs a.active {
  background: var(--yop-gradient-primary) !important;
  color: #fff !important;
  border-color: transparent !important;
}

.agri-logo-image {
  width: 120px !important;
  max-height: 58px !important;
  object-fit: contain !important;
}

.agri-estate-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr) !important;
  gap: 1.25rem !important;
}

.agri-hero-panel {
  border-radius: var(--yop-radius-lg) !important;
  padding: clamp(1.4rem, 4vw, 3rem) !important;
}

.agri-page h1,
.agri-page h2,
.agri-page h3 {
  color: var(--yop-text) !important;
  font-weight: 760 !important;
  letter-spacing: -.04em !important;
}

.agri-page p,
.agri-page small,
.agri-page span {
  color: var(--yop-muted) !important;
}

.agri-page .eyebrow {
  display: inline-flex !important;
  width: max-content !important;
  color: var(--yop-primary) !important;
  background: rgba(37, 99, 255, .08) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  border-radius: var(--yop-radius-pill) !important;
  padding: .45rem .75rem !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
}

.agri-estate-filter-form {
  display: grid !important;
  gap: .85rem !important;
  border-radius: var(--yop-radius-lg) !important;
  padding: 1rem !important;
}

.agri-estate-filter-form input,
.agri-estate-filter-form select {
  min-height: 52px !important;
  border-radius: 16px !important;
  border: 1px solid var(--yop-border) !important;
  background: #fff !important;
  color: var(--yop-text) !important;
  padding: .85rem 1rem !important;
}

.agri-estate-filter-form button,
.agri-shop-button {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--yop-gradient-primary) !important;
  color: #fff !important;
  padding: .8rem 1.1rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(37, 99, 255, .20) !important;
}

.agri-compare-layout {
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 1.25rem !important;
  margin-top: 1.25rem !important;
}

.agri-top-products article,
.agri-compare-row {
  background: rgba(248, 250, 252, .88) !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: 18px !important;
  color: var(--yop-text) !important;
  box-shadow: none !important;
}

.agri-top-products article {
  display: grid !important;
  grid-template-columns: auto auto 1fr !important;
  gap: .75rem !important;
  align-items: center !important;
  padding: .8rem !important;
  margin-bottom: .65rem !important;
}

.agri-top-thumb {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  background: rgba(37, 99, 255, .10) !important;
  color: var(--yop-primary) !important;
  font-weight: 800 !important;
}

.agri-compare-table-head,
.agri-compare-row {
  display: grid !important;
  grid-template-columns: minmax(220px, 1.25fr) minmax(150px, .8fr) minmax(140px, .75fr) minmax(150px, .8fr) minmax(150px, .8fr) auto !important;
  gap: 1rem !important;
  align-items: center !important;
}

.agri-compare-table-head {
  padding: .8rem 1rem !important;
  color: var(--yop-muted) !important;
  font-weight: 750 !important;
}

.agri-compare-row {
  padding: 1rem !important;
  margin-bottom: .8rem !important;
}

.agri-offer-name a,
.agri-offer-price strong,
.agri-shop-rating strong,
.agri-top-products strong,
.agri-top-products b {
  color: var(--yop-text) !important;
}

.agri-offer-price em {
  display: inline-flex !important;
  margin-top: .35rem !important;
  border-radius: var(--yop-radius-pill) !important;
  background: rgba(34, 197, 94, .12) !important;
  color: #15803d !important;
  padding: .3rem .55rem !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

.agri-category-section {
  margin-top: clamp(32px, 6vw, 72px) !important;
}

.agri-category-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: 1rem !important;
}

.agri-category-card {
  border-radius: var(--yop-radius-lg) !important;
  padding: 1.2rem !important;
}

.agri-category-card span {
  display: inline-grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 15px !important;
  background: rgba(37, 99, 255, .10) !important;
  color: var(--yop-primary) !important;
  font-size: .9rem !important;
  font-weight: 800 !important;
}

@media (max-width: 900px) {
  .enterprise-hero { grid-template-columns: 1fr; min-height: auto; }
  .mockup-body { grid-template-columns: 1fr; }
  .mockup-cards { grid-template-columns: 1fr; }
  .enterprise-section-head { display: grid; }
  .enterprise-newsletter { grid-template-columns: 1fr; }
  .enterprise-newsletter form { flex-direction: column; }
  .jobs-save-search,
  .jobs-search,
  .career-role-handoffs,
  .jobs-hero,
  .jobs-layout,
  .job-detail-hero,
  .job-detail-content-grid,
  .job-detail-related-grid,
  .job-detail-media-grid,
  .job-detail-path-grid,
  .job-detail-match-grid,
  .job-detail-quality,
  .job-application-shell,
  .job-application-form,
  .career-signal-grid,
  .career-showcase-window,
  .career-workbench,
  .job-yopi-panel,
  .job-quality-panel,
  .account-career-grid,
  .account-career-next-actions,
  .account-career-status-grid,
  .account-career-review-queue nav,
  .account-career-list article,
  .account-career-saved-searches article,
  .account-job-search-filter,
  .account-job-search-summary,
  .job-owner-boost-action,
  .job-owner-bulk-action,
  .account-career-queue-action,
  .account-application-review-board,
  .account-application-bulk-action,
  .account-career-applications article,
  .account-application-row,
  .account-operations-grid,
  .account-operations-evidence,
  .account-operations-boundaries,
  .account-external-verification-grid,
  .account-external-env-list,
  .account-external-evidence-list,
  .account-payment-external-grid,
  .account-payment-evidence-list,
  .account-payment-env-list,
  .application-detail-grid,
  .application-decision-grid,
  .application-match-grid,
  .account-form-shell.has-career-advisor,
  .profis-hero,
  .profis-request-shell,
  .profis-detail-grid,
  .profis-search,
  .profis-form-grid,
  .ads-hero,
  .ads-campaign-window,
  .ads-campaign-slide,
  .ads-results-section,
  .ads-listing-card,
  .reise-hero,
  .reise-search,
  .reise-offer-card,
  .compare-hub-hero,
  .compare-hub-search,
  .portal-compare-grid,
  .portal-offer-row,
  .insurance-hero,
  .insurance-result-grid,
  .education-page .enterprise-hero,
  .enterprise-search-wide,
  .enterprise-detail-page,
  .agri-estate-hero,
  .agri-compare-layout,
  .agri-compare-table-head,
  .agri-compare-row {
    grid-template-columns: 1fr !important;
  }
  .jobs-save-search form,
  .account-career-saved-searches nav {
    justify-content: flex-start !important;
  }
  .account-career-queue-action {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .job-owner-boost-action {
    align-items: stretch !important;
  }
  .job-owner-bulk-action {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .account-application-bulk-action {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .account-job-search-filter button,
  .account-job-search-filter a,
  .account-career-queue-action button,
  .account-application-bulk-action button {
    width: 100% !important;
  }
  .ads-campaign-frame {
    border-left: 0 !important;
    border-top: 1px solid var(--yop-border) !important;
  }
  .ads-campaign-slide img {
    max-height: 360px !important;
  }
  .reise-search .wide {
    grid-column: auto !important;
  }
  .job-detail-panel,
  .job-detail-match,
  .job-detail-employer,
  .job-detail-apply-panel,
  .job-application-advisor,
  .career-quality-panel {
    position: static !important;
  }
  .jobs-hero h1 {
    font-size: 2.25rem !important;
  }
  .jobs-hero-copy {
    order: 1 !important;
  }
  .career-role-handoffs {
    order: 2 !important;
  }
  .jobs-search {
    order: 3 !important;
  }
  .jobs-save-search {
    order: 4 !important;
  }
  .career-signal-grid {
    order: 5 !important;
  }
  .career-role-handoffs a {
    min-height: 0 !important;
  }
  .jobs-list-head,
  .job-card-head,
  .job-card-context {
    display: grid !important;
    align-items: start !important;
  }
  .job-card-context {
    grid-template-columns: 1fr !important;
  }
  .job-card-context small {
    justify-self: start !important;
    text-align: left !important;
  }
  .jobs-search button,
  .job-apply-link,
  .job-secondary-link,
  .job-detail-panel a,
  .career-showcase-copy a,
  .career-workbench article a {
    width: 100% !important;
  }
  .job-application-actions {
    justify-content: stretch !important;
  }
  .job-detail-actions {
    display: grid !important;
  }
  .job-application-actions a,
  .job-application-actions button {
    width: 100% !important;
  }
  .job-detail-intro h1 {
    font-size: 2rem !important;
  }
  .ads-filter-card {
    position: static !important;
  }
}

/* Public homepage production overrides: keep this after legacy page rules. */
.enterprise-home {
  overflow-x: hidden !important;
}

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

.enterprise-home .enterprise-hero {
  min-height: auto !important;
  padding: clamp(28px, 5vw, 56px) 0 36px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  min-width: 0 !important;
}

.enterprise-home .enterprise-hero h1 {
  max-width: 720px !important;
  font-size: clamp(2.4rem, 4.8vw, 4.25rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.enterprise-home .enterprise-section-head {
  display: block !important;
  text-align: center !important;
}

.enterprise-home .enterprise-search {
  max-width: 100% !important;
  min-width: 0 !important;
}

.enterprise-home .enterprise-search input,
.enterprise-home .enterprise-search select,
.enterprise-home .enterprise-search button,
.enterprise-home .enterprise-newsletter input,
.enterprise-home .enterprise-newsletter button {
  max-width: 100% !important;
  min-width: 0 !important;
  border-radius: 8px !important;
}

.yop-cookie-banner {
  z-index: 1400 !important;
  left: auto !important;
  right: 24px !important;
  bottom: 24px !important;
  transform: none !important;
  max-width: min(620px, calc(100vw - 32px)) !important;
  border-radius: 8px !important;
}

@media (max-width: 760px) {
  .enterprise-home {
    width: calc(100% - 24px) !important;
    padding-top: 24px !important;
  }
  .enterprise-home .enterprise-hero h1 {
    font-size: clamp(2rem, 9.5vw, 2.65rem) !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere;
  }
  .enterprise-home .enterprise-hero-copy,
  .enterprise-home .enterprise-showcase-panel,
  .enterprise-home .mockup-window {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .enterprise-home .enterprise-search,
  .enterprise-home .enterprise-newsletter,
  .enterprise-home .enterprise-newsletter form {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .enterprise-home .enterprise-search {
    padding: .75rem !important;
  }
  .enterprise-home .enterprise-search input,
  .enterprise-home .enterprise-search select,
  .enterprise-home .enterprise-search button {
    width: 100% !important;
  }
  .yop-cookie-banner {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
    max-height: min(38vh, 320px) !important;
    overflow-y: auto !important;
    padding: 12px !important;
    gap: 10px !important;
  }
  .yop-cookie-banner p {
    margin: 3px 0 5px !important;
    font-size: .88rem !important;
    line-height: 1.38 !important;
  }
  .yop-cookie-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    min-width: 0 !important;
  }
  .yop-cookie-actions button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 9px 12px !important;
    font-size: .86rem !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

/* Final YOP Jobs color pass: keep Smart Career web aligned with the app-blue palette. */
html[data-yop-theme="light"] body.jobs-page-body,
html[data-yop-theme="light"] body.jobs-page-body .yop-page-main,
html[data-yop-theme="light"] body.jobs-page-body .yop-jobs-page,
html[data-yop-theme="light"] body.jobs-page-body:not(:has(.control-room-page)):not(:has(.analytics-dashboard-page)) .yop-page-main,
html[data-yop-theme="light"] body.jobs-page-body:not(:has(.control-room-page)):not(:has(.analytics-dashboard-page)) .yop-jobs-page,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .yop-page-main {
  background: #f3f6fb !important;
  background-image: none !important;
}

html[data-yop-theme="light"] body:has(.yop-jobs-page) .yop-global-links a.is-active,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .yop-global-links a:hover,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .yop-account-links a.is-primary,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .jobs-search button,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .job-apply-link,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .job-detail-panel a,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .career-workbench article a,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .career-showcase-copy a {
  background: linear-gradient(90deg, #2563ff 0%, #1a46cc 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 12px 26px rgba(37, 99, 255, .18) !important;
}

html[data-yop-theme="light"] body:has(.yop-jobs-page) .career-showcase-copy a + a,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .job-secondary-link,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .portal-topbar.jobs-topbar nav a {
  background: #ffffff !important;
  color: #1a46cc !important;
  border-color: #d8e3ee !important;
  box-shadow: none !important;
}

html[data-yop-theme="light"] body:has(.yop-jobs-page) .jobs-kicker,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .career-workbench article > span,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .jobs-list-head span,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .job-yopi-panel span {
  color: #1a46cc !important;
}

html[data-yop-theme="light"] body:has(.yop-jobs-page) .job-detail-score {
  background: #eef5ff !important;
  border-color: #bfdbfe !important;
}

html[data-yop-theme="light"] body:has(.yop-jobs-page) .job-detail-score strong {
  color: #2563ff !important;
}

html[data-yop-theme="light"] body:has(.yop-jobs-page) .job-detail-score span {
  color: #1a46cc !important;
}

html[data-yop-theme="light"] body:has(.yop-jobs-page) .job-boundary-note {
  background: #f8fbff !important;
  border-color: #d8e8ff !important;
  color: #475569 !important;
}

html[data-yop-theme="light"] body.jobs-page-body .yop-global-nav nav.yop-global-links > a.is-active,
html[data-yop-theme="light"] body.jobs-page-body .yop-global-nav nav.yop-global-links > a:hover,
html[data-yop-theme="light"] body.jobs-page-body .yop-global-nav nav.yop-global-links > a:focus-visible,
html[data-yop-theme="light"] body.jobs-page-body .yop-account-links a.is-primary {
  background: linear-gradient(90deg, #2563ff 0%, #1a46cc 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 12px 26px rgba(37, 99, 255, .18) !important;
}

html[data-yop-theme="light"] body.jobs-page-body .portal-topbar.jobs-topbar {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html[data-yop-theme="light"] body:has(.yop-jobs-page) .portal-topbar.jobs-topbar {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-inline: 0 !important;
}

html[data-yop-theme="light"] body:has(.yop-jobs-page) .job-detail-related-grid .job-card {
  padding: .95rem !important;
  overflow: hidden !important;
}

html[data-yop-theme="light"] body:has(.yop-jobs-page) .job-detail-related-grid .job-card-head,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .job-detail-related-grid .job-meta-row,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .job-detail-related-grid .job-description,
html[data-yop-theme="light"] body:has(.yop-jobs-page) .job-detail-related-grid .job-card-actions {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Final YOP Anzeige pass: align marketplace pages with the app-blue website style. */
html[data-yop-theme="light"] body.ads-page-body,
html[data-yop-theme="light"] body.ads-page-body .yop-page-main,
html[data-yop-theme="light"] body.ads-page-body .ads-page,
html[data-yop-theme="light"] body:has(.ads-page) .yop-page-main {
  background: #f3f6fb !important;
  background-image: none !important;
}

html[data-yop-theme="light"] body.ads-page-body:not(:has(.control-room-page)):not(:has(.analytics-dashboard-page)) .yop-page-main {
  background: #f3f6fb !important;
  background-image: none !important;
}

html[data-yop-theme="light"] body.ads-page-body .yop-global-nav nav.yop-global-links > a.is-active,
html[data-yop-theme="light"] body.ads-page-body .yop-global-nav nav.yop-global-links > a:hover,
html[data-yop-theme="light"] body.ads-page-body .yop-global-nav nav.yop-global-links > a:focus-visible,
html[data-yop-theme="light"] body.ads-page-body .yop-account-links a.is-primary,
html[data-yop-theme="light"] body:has(.ads-page) .ads-search-card button,
html[data-yop-theme="light"] body:has(.ads-page) .ads-create-button,
html[data-yop-theme="light"] body:has(.ads-page) .ads-listing-card a,
html[data-yop-theme="light"] body:has(.ads-page) .ads-campaign-slide a {
  background: linear-gradient(90deg, #2563ff 0%, #1a46cc 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 12px 26px rgba(37, 99, 255, .18) !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-page {
  padding: clamp(20px, 4vw, 40px) 0 56px !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-hero {
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr) !important;
  gap: 1rem !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-copy,
html[data-yop-theme="light"] body:has(.ads-page) .ads-search-card,
html[data-yop-theme="light"] body:has(.ads-page) .ads-campaign-window,
html[data-yop-theme="light"] body:has(.ads-page) .ads-quick-actions,
html[data-yop-theme="light"] body:has(.ads-page) .ads-category-card,
html[data-yop-theme="light"] body:has(.ads-page) .ads-filter-card,
html[data-yop-theme="light"] body:has(.ads-page) .ads-listing-card,
html[data-yop-theme="light"] body:has(.ads-page) .ads-empty {
  background: #ffffff !important;
  border-color: #e2e9f4 !important;
  box-shadow: 0 8px 22px rgba(37, 99, 255, .10) !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-copy {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(220px, .82fr) !important;
  gap: 1.25rem !important;
  align-items: center !important;
  min-height: auto !important;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  overflow: hidden !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-copy::after {
  display: none !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-brand {
  min-width: 0 !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-brand > img {
  width: 132px !important;
  max-width: 132px !important;
  margin-bottom: 1rem !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-copy h1 {
  max-width: 520px !important;
  margin-bottom: 1rem !important;
  font-size: clamp(2.35rem, 4.8vw, 4.2rem) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  color: #13183a !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-copy p:not(.eyebrow) {
  max-width: 560px !important;
  color: #525c77 !important;
  font-size: 1rem !important;
  line-height: 1.62 !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-media {
  position: relative !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-media img {
  width: 100% !important;
  max-width: none !important;
  max-height: 360px !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 20px !important;
  background: #f4f7fc !important;
  filter: drop-shadow(0 14px 22px rgba(37, 99, 255, .12)) !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-media figcaption,
html[data-yop-theme="light"] body:has(.ads-page) .ads-trust-row span,
html[data-yop-theme="light"] body:has(.ads-page) .ads-quick-actions a,
html[data-yop-theme="light"] body:has(.ads-page) .ads-campaign-slide span {
  background: #eaf4ff !important;
  border: 1px solid #d9e8ff !important;
  color: #1a46cc !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-media figcaption {
  position: absolute !important;
  left: .75rem !important;
  bottom: .75rem !important;
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  padding: .35rem .65rem !important;
  font-size: .8rem !important;
  font-weight: 850 !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-search-card input,
html[data-yop-theme="light"] body:has(.ads-page) .ads-search-card select {
  background: #f4f7fc !important;
  border-color: #e2e9f4 !important;
  color: #13183a !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-campaign-intro h2,
html[data-yop-theme="light"] body:has(.ads-page) .ads-campaign-slide h3 {
  color: #13183a !important;
  letter-spacing: 0 !important;
}

html[data-yop-theme="light"] body:has(.ads-page) .ads-campaign-frame,
html[data-yop-theme="light"] body:has(.ads-page) .ads-campaign-media {
  background: #f4f7fc !important;
}

@media (max-width: 980px) {
  html[data-yop-theme="light"] body:has(.ads-page) .ads-hero,
  html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-copy {
    grid-template-columns: 1fr !important;
  }

  html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-media img {
    max-height: 300px !important;
  }

  html[data-yop-theme="light"] body:has(.ads-page) .ads-campaign-track {
    min-height: 620px !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-copy {
    grid-template-columns: 1fr !important;
  }

  html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-media img {
    max-height: 230px !important;
  }
}

@media (max-width: 640px) {
  html[data-yop-theme="light"] body:has(.ads-page) {
    overflow-x: hidden !important;
  }

  html[data-yop-theme="light"] body:has(.ads-page) .ads-page {
    width: min(calc(100% - 20px), var(--yop-container)) !important;
  }

  html[data-yop-theme="light"] body:has(.ads-page) .ads-hero,
  html[data-yop-theme="light"] body:has(.ads-page) .ads-category-section,
  html[data-yop-theme="light"] body:has(.ads-page) .ads-results-section,
  html[data-yop-theme="light"] body:has(.ads-page) .ads-quick-actions {
    width: 100% !important;
    padding-inline: 0 !important;
  }

  html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-copy,
  html[data-yop-theme="light"] body:has(.ads-page) .ads-search-card {
    padding: 1.1rem !important;
  }

  html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-copy {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-brand,
  html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-media {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-copy h1 {
    font-size: clamp(1.82rem, 8.6vw, 2.18rem) !important;
    max-width: 13ch !important;
    overflow-wrap: anywhere !important;
  }

  html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-copy p:not(.eyebrow) {
    font-size: .95rem !important;
    max-width: 29ch !important;
    overflow-wrap: anywhere !important;
  }

  html[data-yop-theme="light"] body:has(.ads-page) .ads-hero-media img {
    display: block !important;
    width: 88% !important;
    max-width: 88% !important;
    margin-inline: auto !important;
  }

  html[data-yop-theme="light"] body:has(.ads-page) .ads-trust-row span {
    white-space: normal !important;
  }

  html[data-yop-theme="light"] body:has(.ads-page) .ads-campaign-track {
    min-height: 650px !important;
  }
}

/* Mobile web containment pass: prevent homepage and Smart Career pages from
   creating horizontal scroll on narrow preview and phone widths. */
@media (max-width: 640px) {
  html[data-yop-theme="light"] body.home-page.home-web-page,
  html[data-yop-theme="light"] body.jobs-page-body {
    overflow-x: hidden !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .yop-page-main,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-launch,
  html[data-yop-theme="light"] body.jobs-page-body .yop-page-main,
  html[data-yop-theme="light"] body.jobs-page-body .yop-jobs-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-trust-grid,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-section-head,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-branch-grid,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-split-section,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-steps,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-provider-cta,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-window,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-ad-placement-board,
  html[data-yop-theme="light"] body.jobs-page-body .portal-topbar.jobs-topbar,
  html[data-yop-theme="light"] body.jobs-page-body .jobs-shell {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-inline: auto !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-search,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero-service-grid,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-meta-strip,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-product-board,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-slide,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-campaign-media,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-ad-placement-grid,
  html[data-yop-theme="light"] body.jobs-page-body .jobs-hero,
  html[data-yop-theme="light"] body.jobs-page-body .jobs-search,
  html[data-yop-theme="light"] body.jobs-page-body .career-signal-grid,
  html[data-yop-theme="light"] body.jobs-page-body .career-showcase-window,
  html[data-yop-theme="light"] body.jobs-page-body .career-showcase-frame,
  html[data-yop-theme="light"] body.jobs-page-body .career-workbench,
  html[data-yop-theme="light"] body.jobs-page-body .jobs-layout {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero {
    padding-inline: 0 !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero h1 {
    font-size: clamp(2.15rem, 10.6vw, 2.55rem) !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
  }

  html[data-yop-theme="light"] body.home-page.home-web-page .home-hero-copy > p,
  html[data-yop-theme="light"] body.home-page.home-web-page .home-ad-placement-intro p,
  html[data-yop-theme="light"] body.jobs-page-body .jobs-hero p,
  html[data-yop-theme="light"] body.jobs-page-body .career-showcase-copy p {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .portal-topbar.jobs-topbar {
    align-items: flex-start !important;
    padding: .85rem !important;
    position: static !important;
    top: auto !important;
    z-index: auto !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .portal-topbar.jobs-topbar nav {
    width: 100% !important;
    margin-left: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .5rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .portal-topbar.jobs-topbar nav a {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: .55rem !important;
    text-align: center !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-shell {
    padding-top: 1rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-hero {
    padding: 1rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-hero h1 {
    font-size: clamp(2rem, 10.4vw, 2.36rem) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-search,
  html[data-yop-theme="light"] body.jobs-page-body .career-signal-grid,
  html[data-yop-theme="light"] body.jobs-page-body .career-showcase-window,
  html[data-yop-theme="light"] body.jobs-page-body .career-workbench,
  html[data-yop-theme="light"] body.jobs-page-body .job-quality-panel,
  html[data-yop-theme="light"] body.jobs-page-body .jobs-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .career-showcase-frame {
    min-height: 250px !important;
  }

  .yop-cookie-banner {
    left: 12px !important;
    right: 12px !important;
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    box-sizing: border-box !important;
  }
}

/* Cookie banner polish: keep consent visible without blocking the app-like homepage controls. */
.yop-cookie-banner {
  right: 112px !important;
  bottom: 16px !important;
  width: auto !important;
  max-width: min(680px, calc(100vw - 156px)) !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 12px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid #D9E8FF !important;
  box-shadow: 0 16px 42px rgba(37, 99, 255, .14) !important;
}

.yop-cookie-banner strong {
  color: #13183A !important;
  font-size: .95rem !important;
}

.yop-cookie-banner p {
  margin: 3px 0 4px !important;
  color: #525C77 !important;
  font-size: .86rem !important;
  line-height: 1.3 !important;
}

.yop-cookie-banner a {
  color: #2563FF !important;
  font-size: .9rem !important;
  font-weight: 760 !important;
}

.yop-cookie-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  min-width: 236px !important;
}

.yop-cookie-actions button {
  min-height: 38px !important;
  width: 100% !important;
  padding: 8px 12px !important;
  border-radius: 14px !important;
  font-size: .84rem !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

.yop-cookie-actions button:first-child {
  background: #EAF4FF !important;
  color: #1A46CC !important;
}

html[data-yop-theme="light"] .yop-cookie-actions button:first-child {
  background: #EAF4FF !important;
  color: #1A46CC !important;
}

html[data-yop-theme="light"] body:not(:has(.control-room-page)):not(:has(.analytics-dashboard-page)) .yop-cookie-actions button:first-child {
  background: #EAF4FF !important;
  color: #1A46CC !important;
}

@media (max-width: 760px) {
  .yop-cookie-banner {
    left: 12px !important;
    right: 12px !important;
    bottom: 10px !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 12px !important;
    border-radius: 18px !important;
    overflow: visible !important;
  }

  .yop-cookie-banner p {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  .yop-cookie-banner a {
    font-size: .84rem !important;
  }

  .yop-cookie-actions {
    min-width: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Smart Career mobile entry: keep the real search usable in the first screen. */
@media (max-width: 640px) {
  html[data-yop-theme="light"] body.jobs-page-body .portal-topbar.jobs-topbar {
    display: block !important;
    min-height: 0 !important;
    margin-top: .45rem !important;
    padding: .36rem !important;
    border-radius: 16px !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .portal-topbar.jobs-topbar .portal-home {
    display: none !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .portal-topbar.jobs-topbar .portal-brand.logo-only {
    display: none !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .portal-topbar.jobs-topbar nav {
    display: flex !important;
    flex-flow: row nowrap !important;
    width: 100% !important;
    overflow-x: auto !important;
    gap: .45rem !important;
    scrollbar-width: none !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .portal-topbar.jobs-topbar nav::-webkit-scrollbar {
    display: none !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .portal-topbar.jobs-topbar nav a {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    min-height: 32px !important;
    padding: .38rem .62rem !important;
    border-radius: 13px !important;
    font-size: .75rem !important;
    line-height: 1.1 !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-shell {
    padding-top: .32rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-hero {
    gap: .5rem !important;
    padding: .62rem !important;
    border-radius: 18px !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-hero-copy {
    gap: .32rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-kicker {
    min-height: 22px !important;
    padding: 0 .65rem !important;
    font-size: .68rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-hero h1 {
    max-width: 100% !important;
    font-size: 1.56rem !important;
    line-height: 1.07 !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-hero p {
    font-size: .82rem !important;
    line-height: 1.34 !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-search {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .38rem !important;
    padding: .52rem !important;
    border-radius: 15px !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-search label:first-child,
  html[data-yop-theme="light"] body.jobs-page-body .jobs-search label:nth-child(2),
  html[data-yop-theme="light"] body.jobs-page-body .jobs-search label:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-search label {
    gap: .16rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-search label span {
    font-size: .66rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-search input,
  html[data-yop-theme="light"] body.jobs-page-body .jobs-search select,
  html[data-yop-theme="light"] body.jobs-page-body .jobs-search button {
    min-height: 38px !important;
    border-radius: 12px !important;
    font-size: .8rem !important;
    padding-inline: .58rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-search button {
    grid-column: 1 / -1 !important;
    min-height: 40px !important;
    font-size: .82rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .job-detail-page .job-detail-hero {
    gap: .75rem !important;
    padding: .9rem !important;
    border-radius: 18px !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .job-detail-page .job-detail-intro,
  html[data-yop-theme="light"] body.jobs-page-body .job-detail-page .job-detail-match {
    gap: .6rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .job-detail-page .job-detail-match {
    padding: .82rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .job-detail-page .job-detail-intro h1 {
    font-size: 1.92rem !important;
    line-height: 1.08 !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .job-detail-page .job-detail-intro > p {
    font-size: .94rem !important;
    line-height: 1.48 !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .job-detail-page .job-meta-row {
    gap: .4rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .job-detail-page .job-meta-row span {
    padding: .42rem .58rem !important;
    border-radius: 10px !important;
    font-size: .78rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .job-detail-page .job-detail-actions {
    gap: .5rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .job-detail-page .job-detail-score {
    padding: .62rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .job-detail-page .job-detail-score strong {
    font-size: 1.9rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .career-signal-grid {
    display: flex !important;
    gap: .6rem !important;
    overflow-x: auto !important;
    padding-bottom: .05rem !important;
    scrollbar-width: none !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .career-signal-grid::-webkit-scrollbar {
    display: none !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .career-signal-grid div {
    flex: 0 0 58% !important;
    padding: .62rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .career-signal-grid strong {
    font-size: 1.15rem !important;
  }

  body.jobs-page-body .yop-cookie-banner {
    left: 12px !important;
    right: 78px !important;
    bottom: 8px !important;
    width: auto !important;
    max-width: none !important;
    padding: 6px !important;
    gap: 5px !important;
    border-radius: 16px !important;
  }

  body.jobs-page-body .yop-cookie-banner > div:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
  }

  body.jobs-page-body .yop-cookie-banner strong,
  body.jobs-page-body .yop-cookie-banner a {
    font-size: .68rem !important;
    line-height: 1.05 !important;
  }

  body.jobs-page-body .yop-cookie-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  body.jobs-page-body .yop-cookie-actions button {
    min-height: 30px !important;
    padding: 4px 5px !important;
    border-radius: 12px !important;
    font-size: .65rem !important;
  }

  body.jobs-page-body .yop-ai-assistant {
    right: 10px !important;
    bottom: 8px !important;
  }

  body.jobs-page-body .yop-ai-toggle {
    width: 56px !important;
    height: 56px !important;
    border-radius: 19px !important;
  }
}

@media (max-width: 380px) {
  html[data-yop-theme="light"] body.jobs-page-body .jobs-hero h1 {
    font-size: 1.46rem !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-hero p {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: .78rem !important;
    line-height: 1.28 !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-search input,
  html[data-yop-theme="light"] body.jobs-page-body .jobs-search select {
    min-height: 36px !important;
  }

  html[data-yop-theme="light"] body.jobs-page-body .jobs-search button {
    min-height: 38px !important;
  }
}