/* Theme the portal shell and dialogs without changing application workflows. */
html:has(#jobsWorkspace) { overscroll-behavior-y: none; }
#jobsWorkspace { overscroll-behavior-y: none; }
#jobsWorkspace .jobs-menu-button { display: none; }
#jobsWorkspace .static-theme-control { display: grid; gap: 2px; padding: 6px 9px; border: 1px solid var(--border); border-radius: 10px; background: var(--panel); color: var(--text); }
#jobsWorkspace .static-theme-control small { color: var(--muted); font-size: 10px; white-space: nowrap; }
#jobsWorkspace .static-theme-control select { color: inherit; background: transparent; border: 0; min-width: 70px; font: 700 12px Manrope, sans-serif; color-scheme: dark; }
#jobsWorkspace .modal-card { max-height: calc(100dvh - 32px); overflow-y: auto; }
#jobsWorkspace .modal-close { width: 44px; height: 44px; flex-shrink: 0; }
#jobsWorkspace :is(a, button, input, select):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
html[data-theme="light"] #jobsWorkspace {
  --bg: #f1f5fb; --bg-elev: #eaf1fb; --panel: #fff; --panel-strong: #fff; --panel-soft: #eaf1fb;
  --border: #c4d3e5; --border-strong: #9bb7d9; --text: #193552; --muted: #526882; --muted-soft: #60738b;
  --accent: #2166c5; --accent-strong: #1265de; --accent-soft: #e2edfc;
  --success: #16704f; --warning: #895b13; --danger: #ae3349; --shadow: 0 12px 32px rgb(28 57 96 / 8%);
  color: var(--text); background: #f1f5fb; color-scheme: light;
}
html[data-theme="light"] #jobsWorkspace :is(.vignette, .spotlight, .atmo, .noise-layer, #bg-canvas) { opacity: .06; }
html[data-theme="light"] #jobsWorkspace::before { opacity: .1; }
html[data-theme="light"] #jobsWorkspace :where(.surface, .results-overview, .insight-card, .feature-card, .panel--filters, .results-panels-shell, .job-card, .job-card.has-match-score, .modal-card, .modal-panel, .empty-state, .recruiter-suggestions, .filters-loading-card) { background: #fff; border-color: var(--border); color: var(--text); box-shadow: var(--shadow); }
html[data-theme="light"] #jobsWorkspace :is(.overview-chip, .filter-meta-card, .results-summary, .results-head, .results-tab-surface, .saved-strip-empty, .saved-item, .ai-pool-feature, .ai-signal-card, .ai-pool-metric-card, .ai-pool-note, .feed-mode-callout, .public-cta, .modal-overview, .modal-brief-hero, .modal-detail-card, .modal-story, .modal-overview-pill, .header-search, .filters-loading-state) { background: #eaf1fb; border-color: var(--border); color: var(--text); box-shadow: none; }
html[data-theme="light"] #jobsWorkspace :is(.field input, .field select, .header-search input) { color: var(--text); background: #fff; border-color: var(--border-strong); color-scheme: light; }
html[data-theme="light"] #jobsWorkspace input::placeholder { color: var(--muted-soft); }
html[data-theme="light"] #jobsWorkspace :is(.field label, .insight-value, .feature-card > div > strong, .feature-card-value, .job-role, .job-company-name, .job-footer-meta strong, .job-posted-line strong, .modal-overview-pill strong, .modal-detail-card strong, .modal-section-copy strong, .company-data-row strong, .company-data-row a, .public-cta strong, .ai-signal-main strong, .filters-loading-copy strong, .results-summary span:first-child) { color: var(--text); }
html[data-theme="light"] #jobsWorkspace :is(.job-company-line, .job-company-subline, .job-company-separator, .job-summary-line, .job-posted-line, .job-footer-meta, .public-cta > div span, .recruiter-suggestion-empty) { color: var(--muted); }
html[data-theme="light"] #jobsWorkspace :is(#mainMenu a, .nav-state-pill, .chip-link, .feed-chip, .tag, .action-btn, .secondary-btn, .modal-action, .modal-close, .btn-ghost, .results-tab-badge, .recruiter-suggestion) { color: #235c9f; background: #e7effb; border-color: var(--border); }
html[data-theme="light"] #jobsWorkspace :is(#mainMenu a.is-active, .feature-card.is-active, .nav-state-pill.is-active, .feed-chip.is-active, .results-tab-item.tab-current .results-tab-surface) { color: #1859aa; background: #e2edfc; border-color: #2166c5; }
html[data-theme="light"] #jobsWorkspace :is(#mainMenu a:hover, .feature-card:hover, .insight-card:hover, .job-card:hover, .action-btn:hover, .modal-action:hover, .recruiter-suggestion:hover, .recruiter-suggestion.is-active) { background: #edf4ff; border-color: #8aaddb; color: var(--text); }
html[data-theme="light"] #jobsWorkspace :is(.cta-link, .filter-btn, .action-btn--primary, .modal-action--primary, #jobDetailsApplyButton, .btn-primary) { background: linear-gradient(110deg, #1265de, #0754c5); color: #fff; }
html[data-theme="light"] #jobsWorkspace :is(.status-tag, .status-tag--applied, .job-fit-badge--score) { color: #16704f; background: #e5f6ed; border-color: #b5d9c8; }
html[data-theme="light"] #jobsWorkspace :is(.status-tag--warning, .status-tag--saved, .save-toggle.is-saved) { color: #895b13; background: #fff3db; border-color: #dfc794; }
html[data-theme="light"] #jobsWorkspace :is(.insight-icon, .feature-card-icon, .job-role-mark, .job-detail-icon, .modal-section-icon, .public-cta-icon, .ai-signal-icon, .ai-pool-feature-icon, .feed-mode-callout-icon) { color: #2166c5; background: #e2edfc; }
html[data-theme="light"] #jobsWorkspace :is(#mainMenu a i, .nav-state-pill i, .overview-chip i, .modal-overview-pill i, .modal-detail-label i, .modal-company-copy span i, .company-data-row span i, .job-posted-line i, .job-footer-note i, .section-heading h2 i) { color: #2166c5; }
html[data-theme="light"] #jobsWorkspace .hero-gradient-word { background: linear-gradient(100deg, #1265de, #4651b5); background-clip: text; -webkit-background-clip: text; }
html[data-theme="light"] #jobsWorkspace .shortlistii-logo .logo-text { color: #193552; }
html[data-theme="light"] #jobsWorkspace .shortlistii-logo .person .body { background: #193552; }
html[data-theme="light"] #jobsWorkspace .static-theme-control select { color-scheme: light; }
@media (max-width: 1100px) {
  #jobsWorkspace #mainHeader .header-shell { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
  #jobsWorkspace .jobs-menu-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; margin-left: auto; min-height: 44px; padding: 8px 12px; color: var(--text); background: var(--panel); border: 1px solid var(--border); border-radius: 10px; font: 700 13px Manrope, sans-serif; }
  #jobsWorkspace #mainMenu { display: none; order: 3; width: 100%; padding: 10px; flex-wrap: wrap; border-radius: 12px; }
  #jobsWorkspace #mainMenu.is-open { display: flex; }
  #jobsWorkspace .jobs-header-tools { display: none; order: 4; width: 100%; flex-wrap: wrap; }
  #jobsWorkspace #mainHeader:has(#mainMenu.is-open) .jobs-header-tools { display: flex; }
  #jobsWorkspace .jobs-header-tools .header-search { display: none; }
  #jobsWorkspace #mainHeader { max-height: 90dvh; overflow-y: auto; }
}
@media (max-width: 600px) {
  #jobsWorkspace .modal-overlay { padding: 12px; }
  #jobsWorkspace .modal-card { max-height: calc(100dvh - 24px); }
  #jobsWorkspace .job-role { overflow-wrap: anywhere; }
}
#jobsWorkspace .modal-overlay { z-index: 10000; }
html[data-theme="light"] #jobsWorkspace :is(.overview-chip strong, .modal-overview-kicker, .modal-kicker, .jobs-hero-eyebrow, .ai-pool-kicker) { color: #235c9f; }
html[data-theme="light"] #jobsWorkspace .jobs-hero-eyebrow { background: #e2edfc; border-color: var(--border); }
#jobsWorkspace .modal-title { max-width: calc(100% - 60px); overflow-wrap: anywhere; }
@media (max-width: 600px) {
  #jobsWorkspace .insight-card { display: grid; grid-template-columns: 1fr; align-content: start; gap: 10px; padding: 16px; }
  #jobsWorkspace .insight-icon { width: 32px; height: 32px; }
}
html[data-theme="light"] #jobsWorkspace :is(.job-detail-item, .job-summary-line) { background: #eaf1fb; color: var(--text); border-color: var(--border); }
html[data-theme="light"] #jobsWorkspace :is(.job-fit-badge--score i, .header-search i, .results-summary i) { color: #2166c5; }

/* Light portal art direction: blue atmosphere, distinct shortcuts, crisp listings. */
html[data-theme="light"] #jobsWorkspace {
  background: radial-gradient(ellipse at 8% 0%, #dce9ff 0, transparent 36%), radial-gradient(ellipse at 96% 22%, #e9e4ff 0, transparent 32%), #f3f6fc;
}
html[data-theme="light"] #jobsWorkspace .results-overview {
  padding: clamp(26px, 4vw, 52px);
  border-radius: 24px;
  border-color: #b8cfee;
  background: radial-gradient(ellipse at 95% 10%, #c7c8ff 0, transparent 45%), radial-gradient(ellipse at 65% 95%, #bce9fa 0, transparent 50%), linear-gradient(115deg, #f7fbff 5%, #e2edff 65%, #d5ddfb);
  box-shadow: 0 22px 55px rgb(55 91 147 / 12%), inset 0 1px 0 #fff;
}
html[data-theme="light"] #jobsWorkspace .results-overview::before {
  background: repeating-linear-gradient(0deg, transparent 0 39px, rgb(67 112 188 / 6%) 39px 40px), repeating-linear-gradient(90deg, transparent 0 39px, rgb(67 112 188 / 6%) 39px 40px);
  opacity: .65;
}
html[data-theme="light"] #jobsWorkspace .results-overview::after {
  inset: -120px -60px auto auto;
  width: 510px; height: 510px; border-radius: 50%;
  background: repeating-radial-gradient(circle, transparent 0 62px, rgb(74 105 190 / 14%) 63px 64px, transparent 65px 96px);
  mask-image: linear-gradient(90deg, transparent, #000 45%);
  opacity: .8;
}
html[data-theme="light"] #jobsWorkspace .jobs-hero-eyebrow { width: fit-content; background: rgb(255 255 255 / 80%); box-shadow: 0 4px 14px rgb(42 89 158 / 7%); }
html[data-theme="light"] #jobsWorkspace .overview-chip { background: rgb(255 255 255 / 72%); border-color: #b9ccec; backdrop-filter: blur(8px); }
html[data-theme="light"] #jobsWorkspace .insight-card { border-radius: 16px; border-top: 3px solid #5d8be3; box-shadow: 0 8px 24px rgb(31 69 123 / 6%); }
html[data-theme="light"] #jobsWorkspace .insight-card:nth-child(2) { border-top-color: #42a994; }
html[data-theme="light"] #jobsWorkspace .insight-card:nth-child(3) { border-top-color: #d5a44e; }
html[data-theme="light"] #jobsWorkspace .insight-card:nth-child(4) { border-top-color: #8c78cf; }
html[data-theme="light"] #jobsWorkspace .insight-card:nth-child(2) .insight-icon { color: #167c68; background: #e0f4ed; }
html[data-theme="light"] #jobsWorkspace .insight-card:nth-child(3) .insight-icon { color: #93671e; background: #fff1d8; }
html[data-theme="light"] #jobsWorkspace .insight-card:nth-child(4) .insight-icon { color: #7155b0; background: #eee7fc; }
html[data-theme="light"] #jobsWorkspace .feature-card { border-radius: 16px; background: linear-gradient(120deg, #fff, #eef4ff); transition: border-color .2s, box-shadow .2s, transform .2s; }
html[data-theme="light"] #jobsWorkspace .feature-card--saved { background: linear-gradient(120deg, #fff, #fff3e1); }
html[data-theme="light"] #jobsWorkspace .feature-card--ai { background: linear-gradient(120deg, #fff, #ede8ff); }
html[data-theme="light"] #jobsWorkspace .feature-card--saved .feature-card-icon { color: #946619; background: #fff0d3; }
html[data-theme="light"] #jobsWorkspace .feature-card--ai .feature-card-icon { color: #7155b0; background: #ece4ff; }
html[data-theme="light"] #jobsWorkspace .feature-card.is-active { border-color: #719cde; box-shadow: inset 4px 0 0 #3779d9, 0 10px 24px rgb(39 93 174 / 10%); }
html[data-theme="light"] #jobsWorkspace .feature-card:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgb(45 75 124 / 12%); }
html[data-theme="light"] #jobsWorkspace .results-head { background: linear-gradient(100deg, #e7effc, #f1edfc); border-color: #c8d6ea; border-radius: 14px; }
html[data-theme="light"] #jobsWorkspace .job-card { border-radius: 18px; background: radial-gradient(ellipse at 100% 0, #edf3ff, transparent 48%), #fff; box-shadow: 0 10px 26px rgb(31 69 123 / 7%); }
html[data-theme="light"] #jobsWorkspace .job-card:hover { background: radial-gradient(ellipse at 100% 0, #e1edff, transparent 48%), #fff; box-shadow: 0 16px 34px rgb(31 69 123 / 12%); }
html[data-theme="light"] #jobsWorkspace .panel--filters { background: linear-gradient(180deg, #fff, #f7faff); border-radius: 18px; }
@media (max-width: 600px) {
  html[data-theme="light"] #jobsWorkspace .results-overview { border-radius: 20px; }
  html[data-theme="light"] #jobsWorkspace .results-overview::after { width: 350px; height: 350px; right: -170px; top: -80px; opacity: .5; }
}
@media (prefers-reduced-motion: reduce) {
  #jobsWorkspace :is(.feature-card, .job-card, .insight-card) { transition: none; transform: none; }
}

html[data-theme="light"] #jobsWorkspace :is(#mainHeader, #mainHeader.scrolled, #mainMenu) { background: #fff; border-color: var(--border); color: var(--text); box-shadow: var(--shadow); }

/* Dark counterpart to the light portal's visual treatment. */
html[data-theme="dark"] #jobsWorkspace {
  background: radial-gradient(ellipse at 8% 0%, #10294b 0, transparent 38%), radial-gradient(ellipse at 96% 24%, #1a1739 0, transparent 35%), #050c18;
}
html[data-theme="dark"] #jobsWorkspace .results-overview {
  padding: clamp(26px, 4vw, 52px); border-radius: 24px; border-color: #304b78;
  background: radial-gradient(ellipse at 95% 5%, #34306a 0, transparent 46%), radial-gradient(ellipse at 70% 100%, #10455a 0, transparent 52%), linear-gradient(115deg, #0a172b 5%, #102747 65%, #20284d);
  box-shadow: 0 24px 60px rgb(0 0 0 / 30%), inset 0 1px 0 rgb(174 207 255 / 12%);
}
html[data-theme="dark"] #jobsWorkspace .results-overview::before {
  background: repeating-linear-gradient(0deg, transparent 0 39px, rgb(132 181 242 / 7%) 39px 40px), repeating-linear-gradient(90deg, transparent 0 39px, rgb(132 181 242 / 7%) 39px 40px); opacity: .6;
}
html[data-theme="dark"] #jobsWorkspace .results-overview::after {
  inset: -120px -60px auto auto; width: 510px; height: 510px; border-radius: 50%;
  background: repeating-radial-gradient(circle, transparent 0 62px, rgb(144 163 255 / 17%) 63px 64px, transparent 65px 96px);
  mask-image: linear-gradient(90deg, transparent, #000 45%); opacity: .8;
}
html[data-theme="dark"] #jobsWorkspace .hero-gradient-word { background: linear-gradient(100deg, #69d5ff, #9cadff 65%, #c3a8ff); background-clip: text; -webkit-background-clip: text; }
html[data-theme="dark"] #jobsWorkspace .jobs-hero-eyebrow { width: fit-content; color: #b9d9ff; background: rgb(13 30 54 / 80%); border-color: #36537b; box-shadow: 0 4px 18px rgb(0 0 0 / 12%); }
html[data-theme="dark"] #jobsWorkspace .overview-chip { color: #d7e5f7; background: rgb(9 23 43 / 64%); border-color: #355276; backdrop-filter: blur(8px); }
html[data-theme="dark"] #jobsWorkspace .insight-card { border-radius: 16px; border-top: 3px solid #658ddf; background: linear-gradient(145deg, #102039, #091423); box-shadow: 0 12px 26px rgb(0 0 0 / 18%); }
html[data-theme="dark"] #jobsWorkspace .insight-card:nth-child(2) { border-top-color: #4da98f; }
html[data-theme="dark"] #jobsWorkspace .insight-card:nth-child(3) { border-top-color: #cba356; }
html[data-theme="dark"] #jobsWorkspace .insight-card:nth-child(4) { border-top-color: #9782d6; }
html[data-theme="dark"] #jobsWorkspace .insight-card:nth-child(4) .insight-icon { color: #c2afff; background: #292345; }
html[data-theme="dark"] #jobsWorkspace .feature-card { border-radius: 16px; border-color: #2a3e5c; background: linear-gradient(120deg, #0e1c30, #142841); transition: border-color .2s, box-shadow .2s, transform .2s; }
html[data-theme="dark"] #jobsWorkspace .feature-card--saved { background: linear-gradient(120deg, #121d2b, #30271e); }
html[data-theme="dark"] #jobsWorkspace .feature-card--ai { background: linear-gradient(120deg, #131c31, #292342); }
html[data-theme="dark"] #jobsWorkspace .feature-card--saved .feature-card-icon { color: #e5b96e; background: #352c22; }
html[data-theme="dark"] #jobsWorkspace .feature-card--ai .feature-card-icon { color: #c1abff; background: #302748; }
html[data-theme="dark"] #jobsWorkspace .feature-card.is-active { border-color: #5487ce; box-shadow: inset 4px 0 0 #65a6ff, 0 10px 28px rgb(0 0 0 / 18%); }
html[data-theme="dark"] #jobsWorkspace .feature-card:hover { transform: translateY(-2px); border-color: #6386b9; box-shadow: 0 14px 30px rgb(0 0 0 / 26%); }
html[data-theme="dark"] #jobsWorkspace .results-head { border-radius: 14px; border-color: #304263; background: linear-gradient(100deg, #132741, #24243e); }
html[data-theme="dark"] #jobsWorkspace .job-card { border-radius: 18px; border-color: #293e5b; background: radial-gradient(ellipse at 100% 0, #172c49, transparent 52%), #0b1728; box-shadow: 0 12px 28px rgb(0 0 0 / 22%); }
html[data-theme="dark"] #jobsWorkspace .job-card:hover { border-color: #5388cb; background: radial-gradient(ellipse at 100% 0, #1c385a, transparent 52%), #0c1a2d; box-shadow: 0 18px 36px rgb(0 0 0 / 30%); }
html[data-theme="dark"] #jobsWorkspace .panel--filters { border-radius: 18px; border-color: #293b57; background: linear-gradient(180deg, #0f1d32, #091322); }
@media (max-width: 600px) {
  html[data-theme="dark"] #jobsWorkspace .results-overview { border-radius: 20px; }
  html[data-theme="dark"] #jobsWorkspace .results-overview::after { width: 350px; height: 350px; right: -170px; top: -80px; opacity: .5; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme] #jobsWorkspace :is(.feature-card, .job-card, .insight-card) { transition: none; transform: none; }
}

/* A calmer jobs directory: restrained surfaces, clear hierarchy, familiar controls. */
html[data-theme] #jobsWorkspace{--portal-surface:#111f31;--portal-soft:#17283c;--portal-line:#2a3c51;--portal-ink:#e8eff7;--portal-muted:#aebed0;background:#0b1625}
html[data-theme="light"] #jobsWorkspace{--portal-surface:#fff;--portal-soft:#f2f6fa;--portal-line:#dce5ed;--portal-ink:#20354a;--portal-muted:#5a6d80;background:#f5f7fa}
html[data-theme] #jobsWorkspace .results-overview{padding:28px 32px;border:1px solid var(--portal-line);border-radius:20px;background:linear-gradient(115deg,var(--portal-surface),var(--portal-soft));box-shadow:none;align-items:center;gap:22px}
html[data-theme] #jobsWorkspace .results-overview::before,html[data-theme] #jobsWorkspace .results-overview::after{display:none}
html[data-theme] #jobsWorkspace .results-overview-copy h1{font-size:clamp(30px,3.2vw,44px);line-height:1.18;letter-spacing:-1.3px;max-width:750px;margin:14px 0}
html[data-theme] #jobsWorkspace .results-overview-copy p{font-size:15px;line-height:1.7;color:var(--portal-muted);max-width:610px}
html[data-theme] #jobsWorkspace .hero-gradient-word{background:none;-webkit-text-fill-color:currentColor;color:var(--accent);font-style:normal}
html[data-theme] #jobsWorkspace .jobs-hero-eyebrow{background:none;border:0;box-shadow:none;padding:0;letter-spacing:1.4px;font-size:10px;color:var(--portal-muted)}
html[data-theme] #jobsWorkspace .overview-chip{background:var(--portal-surface);border-color:var(--portal-line);box-shadow:none;font-size:12px;color:var(--portal-muted)}
html[data-theme] #jobsWorkspace .overview-chip:last-child{display:none}
html[data-theme] #jobsWorkspace .insights-strip{gap:0;border-bottom:1px solid var(--portal-line);margin:12px 0 20px}
html[data-theme] #jobsWorkspace .insight-card{min-height:0;background:none;border:0;border-radius:0;box-shadow:none;padding:14px 20px;transform:none;display:flex;gap:12px}
html[data-theme] #jobsWorkspace .insight-card+.insight-card{border-left:1px solid var(--portal-line)}
html[data-theme] #jobsWorkspace .insight-icon{width:32px;height:32px;border:0;border-radius:10px;background:var(--portal-soft);color:var(--accent);font-size:17px;flex-shrink:0}
html[data-theme] #jobsWorkspace .insight-meta{display:none}
html[data-theme] #jobsWorkspace .insight-label{font-size:11px;text-transform:none;letter-spacing:0;color:var(--portal-muted)}
html[data-theme] #jobsWorkspace .insight-value{font-size:22px;color:var(--portal-ink)}
html[data-theme] #jobsWorkspace .feature-strip{gap:10px;margin-top:0}
html[data-theme] #jobsWorkspace .feature-card{background:var(--portal-surface);border:1px solid var(--portal-line);box-shadow:none;border-radius:12px;min-height:0;padding:16px;transform:none}
html[data-theme] #jobsWorkspace .feature-card.is-active{background:var(--portal-soft);border-color:var(--accent);box-shadow:inset 0 -2px var(--accent)}
html[data-theme] #jobsWorkspace .feature-card-icon{color:var(--accent);background:var(--portal-soft);border:0;border-radius:10px;width:36px;height:36px}
html[data-theme] #jobsWorkspace .feature-card>div>strong{font-size:14px;color:var(--portal-ink)}
html[data-theme] #jobsWorkspace .feature-card>div>span{color:var(--portal-muted);font-size:12px}
html[data-theme] #jobsWorkspace :is(.panel--filters,.results-panels-shell){background:var(--portal-surface);border:1px solid var(--portal-line);box-shadow:none;border-radius:16px}
html[data-theme] #jobsWorkspace .results-head{background:transparent;border:0;border-bottom:1px solid var(--portal-line);border-radius:0;padding-bottom:18px;box-shadow:none}
html[data-theme] #jobsWorkspace :is(.results-summary,.filter-meta-card,.public-cta){background:var(--portal-soft);border-color:var(--portal-line);box-shadow:none;color:var(--portal-muted)}
html[data-theme] #jobsWorkspace .job-card{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:16px;padding:26px;box-shadow:0 3px 12px #00000005;transform:none}
html[data-theme] #jobsWorkspace .job-card:hover{background:var(--portal-surface);border-color:var(--accent);box-shadow:0 6px 20px #0000000a;transform:none}
html[data-theme] #jobsWorkspace .job-card::after{display:none}
html[data-theme] #jobsWorkspace .job-role{color:var(--portal-ink);font-size:22px;letter-spacing:-.4px;line-height:1.35}
html[data-theme] #jobsWorkspace .job-company-line{color:var(--portal-muted);margin-top:10px}
html[data-theme] #jobsWorkspace .job-detail-item{background:transparent;border:0;padding:0;color:var(--portal-muted)}
html[data-theme] #jobsWorkspace .job-detail-icon{background:none;border:0;width:22px;height:24px;color:var(--portal-muted)}
html[data-theme] #jobsWorkspace .job-summary-line{background:var(--portal-soft);border:0;border-radius:10px;line-height:1.7;padding:14px 16px;color:var(--portal-muted)}
html[data-theme] #jobsWorkspace .job-fit-badge{font-size:11px;letter-spacing:0;text-transform:none;white-space:normal}
html[data-theme] #jobsWorkspace .job-ribbon{background:var(--portal-soft);color:var(--accent);box-shadow:none;border-color:var(--portal-line)}
html[data-theme] #jobsWorkspace :is(.job-actions button,.filter-btn,.secondary-btn){min-height:44px;border-radius:10px}
html[data-theme] #jobsWorkspace :is(.field input,.field select){border-color:var(--portal-line);border-radius:10px;background:var(--portal-surface);color:var(--portal-ink);min-height:44px}
@media(max-width:700px){html[data-theme] #jobsWorkspace .results-overview{padding:22px;gap:14px}html[data-theme] #jobsWorkspace .insights-strip{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme] #jobsWorkspace .insight-card{padding:12px;gap:9px}html[data-theme] #jobsWorkspace .insight-card:nth-child(3){border-left:0}html[data-theme] #jobsWorkspace .feature-strip{grid-template-columns:1fr}html[data-theme] #jobsWorkspace .feature-card{padding:12px 16px}html[data-theme] #jobsWorkspace .job-card{padding:20px}html[data-theme] #jobsWorkspace .job-role{font-size:20px}}
html[data-theme] #jobsWorkspace :is(.modal-shell,.modal-panel,.modal-overview-head,.modal-overview-copy,.modal-overview-badges,.modal-detail-card){min-width:0;max-width:100%;overflow-wrap:anywhere}
html[data-theme] #jobsWorkspace .modal-panel{background:var(--portal-surface);border-color:var(--portal-line);box-shadow:none}
html[data-theme] #jobsWorkspace :is(.modal-overview,.modal-brief-hero,.modal-detail-card,.modal-story){background:var(--portal-soft);border-color:var(--portal-line);box-shadow:none}
html[data-theme] #jobsWorkspace .modal-overview-pill{white-space:normal;min-width:0;max-width:100%;flex-wrap:wrap}
html[data-theme] #jobsWorkspace .action-btn--primary:not(:disabled),html[data-theme] #jobsWorkspace .action-btn--primary:not(:disabled):hover{background:#1764ce;color:#fff;border-color:#1764ce;box-shadow:none}
html[data-theme] #jobsWorkspace .action-btn--primary:not(:disabled) :is(i,span){color:#fff}
html[data-theme] #jobsWorkspace .job-brand-box{color:var(--portal-ink);background:var(--portal-soft);border-color:var(--portal-line)}
@media(max-width:600px){
 html[data-theme] #jobsWorkspace .page-shell{padding-left:12px;padding-right:12px}
 html[data-theme] #jobsWorkspace .results-panels-shell{padding:0;border:0;background:transparent;box-shadow:none}
 html[data-theme] #jobsWorkspace .results-panel{padding:0}
 html[data-theme] #jobsWorkspace .job-card{padding:20px}
 html[data-theme] #jobsWorkspace .job-actions{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%}
 html[data-theme] #jobsWorkspace .save-toggle{width:44px;min-width:44px;max-width:44px;flex:0 0 44px}
 html[data-theme] #jobsWorkspace .job-action-cluster{display:grid;grid-template-columns:1fr 1fr;flex:1;gap:8px;min-width:0}
 html[data-theme] #jobsWorkspace .job-action-cluster .action-btn{padding:10px 8px;min-width:0;font-size:12px}
}
html[data-theme] #jobsWorkspace .job-actions .action-btn--primary:not(:disabled){background:#1764ce!important;color:#fff!important;border-color:#1764ce!important}
html[data-theme] #jobsWorkspace .company-monogram{color:var(--portal-ink);background:var(--portal-soft);border-color:var(--portal-line)}
html[data-theme] #jobsWorkspace .job-brand-box{background:transparent}

/* Shared app-header rhythm: brand, plain navigation, then utility actions. */
html[data-theme] #jobsWorkspace #mainHeader{background:var(--portal-surface);border-bottom:1px solid var(--portal-line);box-shadow:0 2px 12px #00000005;min-height:76px}
html[data-theme] #jobsWorkspace #mainHeader .header-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:76px;gap:24px;width:100%;max-width:1520px;margin:auto;padding:10px 24px}
html[data-theme] #jobsWorkspace #mainMenu{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;gap:6px;justify-content:center}
html[data-theme] #jobsWorkspace #mainMenu a{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:10px 14px;border:0;border-radius:9px;background:transparent;box-shadow:none;color:var(--portal-muted);font-size:13px;font-weight:600;white-space:nowrap}
html[data-theme] #jobsWorkspace #mainMenu a::after{display:none}
html[data-theme] #jobsWorkspace #mainMenu a:hover,html[data-theme] #jobsWorkspace #mainMenu a.is-active{color:var(--accent);background:var(--portal-soft);box-shadow:none}
html[data-theme] #jobsWorkspace .jobs-header-tools{gap:12px}
html[data-theme] #jobsWorkspace .header-search{width:clamp(150px,16vw,230px);min-width:0;height:44px;border-radius:10px;background:var(--portal-soft);border:1px solid var(--portal-line);box-shadow:none}
html[data-theme] #jobsWorkspace .header-search input{background:transparent;color:var(--portal-ink);font:inherit;font-size:13px;border:0;padding:0;box-shadow:none}
html[data-theme] #jobsWorkspace .static-theme-control{border-radius:10px;border-color:var(--portal-line);background:var(--portal-soft);min-width:102px;min-height:44px;padding:5px 10px}
html[data-theme] #jobsWorkspace .static-theme-control select{color:var(--portal-ink);font-size:12px}
html[data-theme] #jobsWorkspace .header-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:10px;background:var(--portal-soft);color:var(--accent);border:1px solid var(--portal-line);box-shadow:none;font-size:13px;white-space:nowrap}
html[data-theme] #jobsWorkspace .header-actions .btn-primary{background:#1764ce;color:#fff;border-color:#1764ce}
html[data-theme] #jobsWorkspace .header-actions .btn-primary i{color:#fff}
@media(max-width:1100px){
 html[data-theme] #jobsWorkspace #mainHeader .header-shell{display:flex;flex-wrap:wrap;gap:12px;padding:10px 20px}
 html[data-theme] #jobsWorkspace .jobs-menu-button{min-height:44px;margin-left:auto;background:var(--portal-soft);color:var(--portal-ink);border-color:var(--portal-line);border-radius:10px}
 html[data-theme] #jobsWorkspace #mainMenu{display:none;order:3;width:100%;border-top:1px solid var(--portal-line);padding-top:12px;justify-content:flex-start}
 html[data-theme] #jobsWorkspace #mainMenu.is-open{display:flex}
 html[data-theme] #jobsWorkspace .jobs-header-tools{display:none;order:4;width:100%;padding-bottom:4px;justify-content:space-between;align-items:center}
 html[data-theme] #jobsWorkspace #mainHeader:has(#mainMenu.is-open) .jobs-header-tools{display:flex}
 html[data-theme] #jobsWorkspace .jobs-header-tools .header-search{display:none}
 html[data-theme] #jobsWorkspace .header-actions{margin:0}
}
@media(max-width:380px){html[data-theme] #jobsWorkspace #mainHeader .header-shell{padding:10px 12px}html[data-theme] #jobsWorkspace #mainMenu a{padding:10px 12px}}