.career-shell{max-width:1180px;margin:0 auto;padding:0 16px 40px}.career-hero{border:1px solid var(--border-color,#e6e8ec);border-radius:24px;padding:22px;background:linear-gradient(135deg,rgba(99,102,241,.10),rgba(16,185,129,.06));display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.career-eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.career-hero h1{margin:4px 0 6px;font-size:clamp(1.65rem,4vw,2.45rem);line-height:1.05}.career-hero p{margin:0;max-width:680px;color:var(--muted,#667085)}.career-actions{display:flex;gap:8px;flex-wrap:wrap}.career-card{border:1px solid var(--border-color,#e6e8ec);border-radius:20px;background:var(--card-bg,#fff);padding:18px}.career-section-title{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:22px 0 12px}.career-section-title h2{font-size:1.18rem;margin:0}.career-section-title p{margin:3px 0 0;color:var(--muted,#667085);font-size:.9rem}.career-filter{display:grid;grid-template-columns:1.4fr 1fr .9fr auto;gap:10px;align-items:end}.career-field label{display:block;font-size:.8rem;font-weight:700;margin:0 0 6px}.career-field input,.career-field select,.career-field textarea{width:100%}.career-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.career-job{overflow:hidden;padding:0}.career-job-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#eef2ff,#ecfdf5);position:relative;overflow:hidden}.career-job-thumb img{width:100%;height:100%;object-fit:cover;display:block}.career-job-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;opacity:.25}.career-job-body{padding:15px}.career-job-top{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.career-job h3{font-size:1.02rem;margin:0 0 5px;line-height:1.25}.career-company{font-size:.88rem}.career-meta{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.career-chip{font-size:.72rem;padding:5px 8px;border-radius:999px;background:rgba(127,127,127,.1);white-space:nowrap}.career-featured{font-size:.68rem;font-weight:800;padding:5px 8px;border-radius:999px;background:#fff3cd;color:#7a5200}.career-salary{font-weight:800;font-size:.92rem;margin:8px 0}.career-job-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.career-job-foot small{color:var(--muted,#667085)}.career-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:18px}.career-sticky{position:sticky;top:88px}.career-form-section{padding:18px;border-bottom:1px solid var(--border-color,#e6e8ec)}.career-form-section:last-child{border-bottom:0}.career-form-section h2{font-size:1rem;margin:0 0 4px}.career-form-section .section-help{color:var(--muted,#667085);font-size:.84rem;margin:0 0 14px}.career-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.career-form-grid .full{grid-column:1/-1}.career-upload{border:1px dashed var(--border-color,#d0d5dd);border-radius:16px;padding:12px;display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}.career-upload-preview{aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#eef2ff,#ecfdf5);display:flex;align-items:center;justify-content:center}.career-upload-preview img{width:100%;height:100%;object-fit:cover;display:none}.career-upload-preview.has-image img{display:block}.career-upload-preview.has-image span{display:none}.career-note{padding:12px 14px;border-radius:14px;background:rgba(127,127,127,.07);font-size:.86rem}.career-publish-card{padding:16px}.career-publish-card h3{margin:0 0 8px;font-size:1rem}.career-checklist{display:grid;gap:9px;margin:12px 0}.career-check{display:flex;gap:8px;align-items:flex-start;font-size:.84rem}.career-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.career-stat{padding:14px;border:1px solid var(--border-color,#e6e8ec);border-radius:16px}.career-stat strong{display:block;font-size:1.35rem}.career-stat span{font-size:.76rem;color:var(--muted,#667085)}.career-profile-head{display:flex;align-items:center;gap:14px}.career-avatar{width:64px;height:64px;border-radius:18px;object-fit:cover;background:rgba(127,127,127,.12)}.career-progress{height:8px;border-radius:999px;background:rgba(127,127,127,.12);overflow:hidden}.career-progress>span{height:100%;display:block;background:currentColor}.career-applicant{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.career-applicant-main{display:flex;gap:12px;align-items:flex-start}.career-applicant-avatar{width:48px;height:48px;border-radius:14px;object-fit:cover;background:rgba(127,127,127,.12)}.career-status{font-size:.72rem;font-weight:800;text-transform:capitalize;padding:5px 8px;border-radius:999px;background:rgba(127,127,127,.1)}.career-empty{text-align:center;padding:38px 18px}.career-opportunity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.career-opportunity{display:flex;flex-direction:column;min-height:240px;text-decoration:none!important;color:inherit!important}.career-opportunity-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(99,102,241,.1);font-size:1.45rem}.career-opportunity h2{font-size:1.05rem;margin:14px 0 6px}.career-opportunity p{font-size:.88rem;color:var(--muted,#667085);flex:1}.career-mobile-save{display:none}.career-employer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.career-list{display:grid;gap:10px}
@media(max-width:760px){.career-shell{padding:0 10px 82px}.career-hero{padding:16px;border-radius:18px;align-items:flex-start}.career-hero .career-actions{width:100%}.career-hero{flex-direction:column}.career-filter{grid-template-columns:1fr 1fr}.career-filter .career-search{grid-column:1/-1}.career-filter .career-filter-action{grid-column:1/-1}.career-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.career-job{border-radius:14px}.career-job-body{padding:10px}.career-job h3{font-size:.86rem}.career-company{font-size:.74rem}.career-meta{gap:4px;margin:7px 0}.career-chip{font-size:.62rem;padding:4px 6px}.career-job-foot{align-items:stretch;flex-direction:column}.career-job-foot .btn{width:100%;padding:.5rem .6rem;font-size:.76rem}.career-salary{font-size:.76rem}.career-layout{grid-template-columns:1fr}.career-sticky{position:static}.career-form-grid{grid-template-columns:1fr}.career-form-grid .full{grid-column:auto}.career-form-section{padding:14px}.career-upload{grid-template-columns:90px 1fr}.career-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.career-stat{padding:11px}.career-stat strong{font-size:1.12rem}.career-opportunity-grid{grid-template-columns:1fr}.career-applicant{grid-template-columns:1fr}.career-applicant-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.career-employer-row{grid-template-columns:1fr}.career-mobile-save{display:block;position:fixed;z-index:30;left:8px;right:8px;bottom:8px;padding:8px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid var(--border-color,#e6e8ec);border-radius:16px}.career-mobile-save .btn{width:100%}}


/* Career V3.1 — optional media + balanced dark mode */
.career-optional{display:inline-flex;align-items:center;margin-left:6px;padding:2px 7px;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:0;text-transform:none;background:rgba(127,127,127,.10);color:var(--muted,#667085);vertical-align:middle}

:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-card,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-stat{
  background:#17191d;
  border-color:#2b2f36;
  color:#eef0f3;
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-hero{
  background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(16,185,129,.08));
  border-color:#2b2f36;
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-hero p,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-section-title p,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-form-section .section-help,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-job-foot small,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-stat span,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-opportunity p,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-optional{
  color:#aeb4bf;
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-job-thumb,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-upload-preview{
  background:linear-gradient(135deg,#20242c,#172621);
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-upload{
  background:#14161a;
  border-color:#353a43;
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-note,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-chip,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-status,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-optional{
  background:rgba(255,255,255,.07);
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-featured{
  background:rgba(245,190,55,.14);
  color:#f0c96a;
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-opportunity-icon{
  background:rgba(99,102,241,.16);
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-progress,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-avatar,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-applicant-avatar{
  background:rgba(255,255,255,.08);
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-form-section{
  border-color:#292d34;
}
@media(max-width:760px){
  :is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode,[data-bs-theme="dark"]) .career-mobile-save{
    background:rgba(20,22,26,.94);
    border-color:#353a43;
  }
}

/* Career V3.2 — theme-safe surfaces and readable dark mode */
.career-shell{color:var(--text)}
.career-card,.career-stat{background:var(--surface);border-color:var(--border);color:var(--text)}
.career-hero{border-color:var(--border);color:var(--text-white)}
.career-hero p,.career-section-title p,.career-form-section .section-help,.career-job-foot small,.career-stat span,.career-opportunity p,.career-help,.career-card .text-muted{color:var(--text-muted)!important}
.career-card h1,.career-card h2,.career-card h3,.career-card strong,.career-section-title h2,.career-form-section h2,.career-field label,.career-job h3,.career-salary{color:var(--text-white)}
.career-field input,.career-field select,.career-field textarea{background:var(--surface2);border:1px solid var(--border);color:var(--text-white);border-radius:10px;padding:.72rem .78rem;outline:none}
.career-field input::placeholder,.career-field textarea::placeholder{color:var(--text-muted);opacity:.9}
.career-field input:focus,.career-field select:focus,.career-field textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 18%,transparent)}
.career-upload{background:color-mix(in srgb,var(--surface2) 52%,var(--surface));border-color:var(--border)}
.career-upload input[type=file]{color:var(--text)}
.career-upload-preview,.career-job-thumb{background:linear-gradient(135deg,var(--surface2),var(--surface))}
.career-chip,.career-status,.career-note,.career-optional{background:color-mix(in srgb,var(--surface2) 78%,transparent);color:var(--text)}
.career-form-section{border-color:var(--border)}
.career-progress{background:var(--surface2)}
.career-summary-row{display:grid;gap:3px;padding:13px 0;border-bottom:1px solid var(--border)}.career-summary-row:last-child{border-bottom:0}.career-summary-row small,.career-profile-facts small{color:var(--text-muted)}
.career-public-section+.career-public-section{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.career-public-section p{line-height:1.7;color:var(--text)}
.career-profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.career-profile-facts>div{padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface2);display:grid;gap:4px}
.career-avatar-fallback{display:grid;place-items:center;color:var(--text-white);font-weight:900;font-size:1.4rem}
.career-inline-check{display:flex;gap:7px;align-items:center;margin-top:10px;color:var(--text);font-size:.82rem}
.career-mobile-save{background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--border)}
[data-theme="light"] .career-card,[data-theme="light"] .career-stat{background:#fff;color:var(--text)}
[data-theme="light"] .career-field input,[data-theme="light"] .career-field select,[data-theme="light"] .career-field textarea{background:#fff;color:var(--text-white)}
[data-theme="light"] .career-upload{background:#fff}
[data-theme="light"] .career-profile-facts>div{background:var(--surface2)}
@media(max-width:760px){.career-profile-facts{grid-template-columns:1fr}.career-mobile-save{background:color-mix(in srgb,var(--surface) 94%,transparent)}}