:root{--navy:#0d2b45;--navy-mid:#1c4b7a;--navy-soft:#eaf1f7;--gold:#c8973a;--gold-soft:#fff5df;--cream:#faf7f2;--border:#ddd7cc;--ink:#1a2634;--muted:#667085;--white:#fff;--success:#1d9e75;--danger:#c34848;--shadow:0 12px 34px rgba(13,43,69,.08)}
.mt-3{margin-top:1rem!important}.w-100{width:100%!important}
*{box-sizing:border-box}.career-system{margin:0;background:#f7f8fa;color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.5}.career-system a{text-decoration:none}.career-shell{min-height:100vh}.career-sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--navy);padding:24px 16px;display:flex;flex-direction:column;z-index:50}.career-brand{display:flex;align-items:center;gap:12px;color:#fff;padding:0 10px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.career-brand-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--gold),#f0c46a);display:grid;place-items:center;font-size:18px;color:var(--navy)}.career-brand strong,.career-brand small{display:block}.career-brand strong{font-family:'DM Serif Display',serif;font-size:20px;line-height:1.1}.career-brand small{color:rgba(255,255,255,.55);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-top:3px}.career-nav{display:grid;gap:6px;margin-top:24px}.career-nav a,.sidebar-switch a{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.68);padding:11px 13px;border-radius:9px;font-weight:600;font-size:14px}.career-nav a:hover,.career-nav a.active{background:rgba(200,151,58,.16);color:#f3cf88}.career-nav i{width:20px;text-align:center}.sidebar-switch{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}.sidebar-switch a{font-size:12px;padding:8px 12px}.career-main{margin-left:260px;min-height:100vh}.career-topbar{height:72px;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:flex-end;padding:0 32px;position:sticky;top:0;z-index:30}.sidebar-toggle{display:none;border:0;background:transparent;font-size:24px}.user-context{display:flex;align-items:center;gap:10px}.user-context>span:last-child{display:block}.user-context small,.user-context strong{display:block}.user-context small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.user-context strong{font-size:13px}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--navy-soft);color:var(--navy-mid);display:grid;place-items:center;font-weight:700}.career-content{padding:32px;max-width:1500px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.page-heading .eyebrow{color:var(--gold);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.page-heading h1{font-family:'DM Serif Display',serif;color:var(--navy);font-size:32px;margin:0}.page-heading p{color:var(--muted);margin:5px 0 0;max-width:700px}.career-btn{border:0;border-radius:9px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px;cursor:pointer}.career-btn.primary{background:var(--navy-mid);color:#fff}.career-btn.gold{background:var(--gold);color:#fff}.career-btn.soft{background:var(--navy-soft);color:var(--navy-mid)}.career-btn.danger{background:#fbeaea;color:var(--danger)}.career-btn.sm{padding:7px 10px;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric-card,.career-card{background:#fff;border:1px solid #e7e4de;border-radius:14px;box-shadow:var(--shadow)}.metric-card{padding:20px}.metric-icon{width:42px;height:42px;border-radius:10px;background:var(--navy-soft);color:var(--navy-mid);display:grid;place-items:center;margin-bottom:14px}.metric-card small{color:var(--muted);font-weight:600}.metric-card strong{font-family:'DM Serif Display',serif;color:var(--navy);display:block;font-size:30px}.career-card{padding:22px;margin-bottom:20px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.card-head h2,.card-head h3{font-family:'DM Serif Display',serif;color:var(--navy);margin:0}.card-head h2{font-size:21px}.card-head h3{font-size:18px}.career-alert{display:flex;gap:10px;padding:13px 16px;border-radius:10px;margin-bottom:18px;font-size:13px}.career-alert.success{background:#e9f8f2;color:#11664d}.career-alert.error{background:#fdeeee;color:#8b2e2e}.career-alert ul{margin:6px 0 0;padding-left:18px}.progress-track{height:8px;background:#e9edf1;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),#efc66e);border-radius:10px}.career-table-wrap{overflow:auto}.career-table{width:100%;border-collapse:collapse;font-size:13px}.career-table th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;padding:11px 12px;border-bottom:1px solid #ddd}.career-table td{padding:14px 12px;border-bottom:1px solid #eee;vertical-align:middle}.career-table tr:last-child td{border-bottom:0}.career-table strong{display:block;color:var(--navy)}.career-table small{color:var(--muted)}.status-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;background:var(--navy-soft);color:var(--navy-mid);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-badge.published,.status-badge.hired,.status-badge.offered{background:#e5f7ef;color:#146b50}.status-badge.closed,.status-badge.rejected,.status-badge.inactive{background:#fbeaea;color:#953b3b}.status-badge.draft,.status-badge.new{background:var(--gold-soft);color:#8c641f}.form-section-card{background:#fff;border:1px solid #e6e1d8;border-radius:14px;margin-bottom:18px;overflow:hidden}.form-section-title{padding:16px 20px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:12px}.form-section-title i{width:34px;height:34px;border-radius:9px;background:var(--navy-soft);color:var(--navy-mid);display:grid;place-items:center}.form-section-title h2{font-family:'DM Serif Display',serif;color:var(--navy);font-size:18px;margin:0}.form-section-title p{font-size:11px;color:var(--muted);margin:0}.form-section-body{padding:20px}.career-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.career-form-grid.three{grid-template-columns:repeat(3,1fr)}.field-full{grid-column:1/-1}.career-label{display:block;font-size:12px;font-weight:700;color:var(--navy);margin-bottom:6px}.career-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--cream);font:inherit;font-size:13px;color:var(--ink);min-height:42px}.career-input:focus{outline:0;border-color:var(--navy-mid);box-shadow:0 0 0 3px rgba(28,75,122,.09);background:#fff}textarea.career-input{min-height:100px;resize:vertical}.field-help{font-size:10px;color:var(--muted);margin-top:5px}.upload-box{border:1px dashed #b9ad99;border-radius:10px;padding:14px;background:#fcfaf7}.document-list{display:flex;flex-wrap:wrap;gap:8px}.vacancy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.vacancy-card{background:#fff;border:1px solid #e5e1da;border-radius:14px;padding:20px;box-shadow:var(--shadow)}.vacancy-card h2{font-family:'DM Serif Display',serif;font-size:21px;color:var(--navy);margin:12px 0 5px}.vacancy-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.vacancy-meta span{font-size:10px;font-weight:700;color:var(--navy-mid);background:var(--navy-soft);padding:5px 8px;border-radius:16px}.vacancy-card p{font-size:13px;color:var(--muted)}.vacancy-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:16px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.definition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.definition-item small,.definition-item strong{display:block}.definition-item small{font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.05em}.definition-item strong{font-size:13px;margin-top:3px}.empty-state{text-align:center;padding:42px 20px;color:var(--muted)}.empty-state i{font-size:36px;color:#b4bdc7}.empty-state h3{font-family:'DM Serif Display',serif;color:var(--navy);margin:10px 0 4px}.inline-form{display:flex;gap:8px;align-items:center}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filter-bar .career-input{max-width:340px}.section-actions{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:12px;background:rgba(247,248,250,.92);padding:12px;border-radius:12px;backdrop-filter:blur(8px)}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.career-sidebar{transform:translateX(-100%);transition:.2s}.career-sidebar.open{transform:translateX(0)}.career-main{margin-left:0}.career-topbar{justify-content:space-between}.sidebar-toggle{display:block}}
@media(max-width:700px){.career-content{padding:20px 14px}.career-topbar{padding:0 16px}.user-context strong{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:28px}.metric-grid,.vacancy-grid,.career-form-grid,.career-form-grid.three,.definition-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.metric-grid{gap:10px}.inline-form{align-items:stretch;flex-direction:column}}
/* MDB Career authentication actions */
.sidebar-switch form{margin:0}.sidebar-logout{width:100%;display:flex;align-items:center;gap:12px;padding:8px 12px;color:rgba(255,255,255,.68);background:transparent;border:0;border-radius:9px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;text-align:left}.sidebar-logout:hover{color:#f3cf88;background:rgba(200,151,58,.12)}.sidebar-logout i{width:20px;text-align:center}

/* Unified MDB Career design system */
:root {
    --mdb-navy: #071e2a;
    --mdb-navy-2: #0c2c3b;
    --mdb-navy-3: #17475a;
    --mdb-gold: #efb238;
    --mdb-gold-dark: #b77a0c;
    --mdb-gold-soft: #fff3d9;
    --mdb-cream: #f4f1ea;
    --mdb-paper: #fbfaf7;
    --mdb-white: #ffffff;
    --mdb-ink: #132b36;
    --mdb-muted: #667b85;
    --mdb-line: #dce2df;
    --mdb-success: #267552;
    --mdb-danger: #a53e3e;
    --mdb-warning: #9a6710;
    --mdb-font: "Avenir Next", "Gill Sans", "Trebuchet MS", sans-serif;
    --mdb-shadow: 0 16px 40px rgba(7, 30, 42, 0.07);
}

/* 2026-08-27 portal workflow refinement */
.division-filter{padding:16px}.division-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.division-card{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:16px;align-items:start;margin:0;padding:18px}
.division-card__brand{width:66px;height:58px;display:grid;place-items:center;border:1px solid #e1e9e5;border-radius:10px;background:#fff}
.division-card__brand img{max-width:54px;max-height:40px;object-fit:contain}.division-card__brand i{font-size:1.4rem;color:#19734d}
.division-card__body>div{display:flex;align-items:center;gap:8px}.division-card__body>div>small{color:#71807d;font-size:.74rem}
.division-card h2{margin:9px 0 4px;font-size:1.04rem;font-weight:600;color:#153c3a}.division-card p{margin:0;color:#687975;font-size:.85rem;line-height:1.45}
.applicant-count-link{display:inline-flex;align-items:center;gap:8px;color:#146b50}.applicant-count-link .table-number{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:8px;background:#eaf5f0}.applicant-count-link span{font-size:.76rem;font-weight:500;white-space:nowrap}
.career-btn.invite{background:#176d4b;color:#fff}.talent-invited{display:inline-flex;align-items:center;gap:6px;color:#176d4b;background:#eaf5f0;border-radius:999px;padding:6px 9px;font-size:.76rem;font-weight:550}
.vacancy-card--rich .vacancy-card__brand{width:62px;height:52px;padding:7px;background:#fff;border:1px solid #e1e9e5}.vacancy-card--rich .vacancy-card__brand img{width:100%;height:100%;object-fit:contain}
.vacancy-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}.vacancy-facts>span{padding:9px 10px;border-radius:9px;background:#f4f8f6;border:1px solid #e1ebe6}.vacancy-facts small,.vacancy-facts strong{display:block}.vacancy-facts small{font-size:.67rem;color:#70817d;text-transform:uppercase;letter-spacing:.04em}.vacancy-facts strong{margin-top:2px;font-size:.8rem;font-weight:550;color:#183e3b}
.vacancy-card__details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vacancy-skill-list{display:flex;flex-wrap:wrap;gap:6px}.vacancy-skill-list span{padding:5px 8px;border-radius:999px;background:#eef4f2;color:#42635c;font-size:.75rem}.vacancy-skill-list span.required{background:#e5f4ed;color:#146b50}
.job-alert-portal-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:18px}.alert-multi-select{min-height:190px}.alert-company-options--portal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.alert-company-options--portal label>span{min-height:70px}.alert-company-options--portal img{max-height:32px}
.profile-step-nav{position:sticky;top:80px;z-index:20;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-bottom:16px;padding:8px;border:1px solid #dfe8e4;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 9px 24px rgba(17,56,52,.07);backdrop-filter:blur(12px)}
.profile-step-nav button{position:relative;min-height:58px;display:grid;grid-template-columns:22px 20px 1fr;align-items:center;gap:7px;padding:8px;border:0;border-radius:9px;background:transparent;color:#6b7d79;text-align:left;font:inherit;cursor:pointer}
.profile-step-nav button>span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#edf2f0;font-size:.67rem;font-weight:600}.profile-step-nav button>i{font-size:.95rem}.profile-step-nav button>b{font-size:.73rem;font-weight:500;line-height:1.25}
.profile-step-nav button.active{background:#eaf5f0;color:#135f42}.profile-step-nav button.active>span{background:#176d4b;color:#fff}.profile-step-actions>[data-profile-progress]{margin-right:auto;color:#647772;font-size:.8rem;font-weight:500}
[data-profile-panel][hidden]{display:none!important}.section-heading-icon{display:inline-flex;margin-right:8px;color:#19734d;font-size:.95em}
.candidate-detail-page strong,.candidate-detail-page .career-table strong,.candidate-detail-page .definition-item strong{font-weight:500!important}.candidate-detail-page .definition-item small{font-weight:500}.candidate-detail-page .card-head h2,.candidate-detail-page .card-head h3,.candidate-detail-page .structured-timeline h3{font-weight:600}.candidate-detail-page .status-badge{font-weight:600}
@media(max-width:1100px){.division-admin-grid{grid-template-columns:1fr}.profile-step-nav{grid-template-columns:repeat(3,1fr);position:relative;top:auto}.job-alert-portal-grid{grid-template-columns:1fr}}
@media(max-width:700px){.division-card{grid-template-columns:52px 1fr}.division-card>a{grid-column:1/-1}.profile-step-nav{display:flex;overflow-x:auto}.profile-step-nav button{min-width:170px}.vacancy-facts{grid-template-columns:repeat(2,1fr)}.vacancy-card__details-grid{grid-template-columns:1fr}.alert-company-options--portal{grid-template-columns:1fr}.profile-step-actions{flex-wrap:wrap}.profile-step-actions>a{display:none}}

/* Recruitment intelligence and structured form modules */
.bilingual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.language-field-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.language-field-head>span{font-size:.78rem;font-weight:700;letter-spacing:.12em;color:#527069}.translate-draft-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid #b8d7cc;border-radius:999px;background:#f0f8f5;color:#13653f;padding:8px 12px;font-size:.84rem;font-weight:650;cursor:pointer}.translation-draft{border-color:#69a58e!important;background:#f6fbf9!important}.career-input.tall{min-height:138px}.repeatable-section .form-section-title{align-items:center}.repeatable-section .form-section-title>.career-btn{margin-left:auto}.repeatable-list{display:grid;gap:18px}.repeatable-list.compact{gap:14px}.repeatable-row{border:1px solid #dce6e2;border-radius:14px;background:#fbfdfc;padding:18px}.repeatable-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.repeatable-row-head strong{font-size:1rem;color:#123b3a}.row-remove{width:36px;height:36px;border:0;border-radius:9px;background:#fff0ee;color:#9d342c;cursor:pointer}.check-line{display:flex;align-items:center;gap:10px;min-height:48px;color:#294d48;font-size:.94rem}.check-line input{width:18px;height:18px;accent-color:#13653f}.reviewer-select{min-height:190px;padding:8px}.field-action{display:flex;align-items:flex-end}.ai-search-card{padding:24px;margin-bottom:22px}.ai-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#eaf5f0;color:#13653f;font-size:.85rem;font-weight:700}.ai-ethics-note{display:flex;gap:10px;margin-top:20px;padding:14px 16px;border-radius:11px;background:#f0f6f4;color:#31534d;font-size:.9rem;line-height:1.55}.talent-match-list{display:grid;gap:12px;padding:8px 22px 24px}.talent-match-card{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:20px;border:1px solid #dce6e2;border-radius:14px;padding:18px;background:#fff}.match-score{width:76px;height:76px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#edf2f1;color:#48635f}.match-score.medium{background:#e6f3ee;color:#13653f}.match-score.high{background:#13653f;color:#fff}.match-score strong{font-size:1.25rem;line-height:1}.match-score span{font-size:.75rem;margin-top:4px}.match-profile h3{margin:0 0 5px;font-size:1.08rem}.match-profile p{margin:0;color:#667875}.match-evidence{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.match-evidence span{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:#eef7f3;color:#13653f;padding:5px 9px;font-size:.78rem}.match-warning{display:block;color:#a15a20;margin-top:9px}.match-meta{display:grid;justify-items:end;gap:7px;font-size:.82rem;color:#637672}.company-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.company-admin-card{padding:22px;display:grid;gap:17px;align-content:start}.company-admin-card h2{font-size:1.12rem;margin:10px 0 7px}.company-admin-card p{color:#62736f;line-height:1.55}.company-logo-frame{height:92px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e8e5;border-radius:12px;background:#fff}.company-logo-frame img{max-width:82%;max-height:64px}.company-logo-frame i{font-size:2rem;color:#13653f}.table-identity__icon img{max-width:34px;max-height:30px;object-fit:contain}
.structured-timeline{display:grid;gap:0}.structured-timeline article{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:14px 0;border-bottom:1px solid #e5ece9}.structured-timeline article:last-child{border-bottom:0}.structured-timeline article>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#edf6f2;color:#13653f}.structured-timeline h3{font-size:1rem;margin:0 0 4px;color:#173d3a}.structured-timeline p,.structured-timeline small{margin:0;color:#60726e}.structured-timeline .timeline-description{margin-top:9px;line-height:1.55}.certification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.certification-grid article{display:flex;align-items:center;gap:11px;border:1px solid #e0e8e5;border-radius:11px;padding:13px}.certification-grid article>i{color:#13653f}.certification-grid strong,.certification-grid small{display:block}.certification-grid small{color:#697a76;margin-top:3px}
@media(max-width:991px){.company-admin-grid{grid-template-columns:1fr 1fr}.talent-match-card{grid-template-columns:80px 1fr}.match-meta{grid-column:2;justify-items:start}}
@media(max-width:767px){.bilingual-grid,.company-admin-grid,.certification-grid{grid-template-columns:1fr}.form-section-title{align-items:flex-start}.repeatable-section .form-section-title>.career-btn{margin-left:0}.talent-match-card{grid-template-columns:1fr}.match-score{width:68px;height:68px}.match-meta{grid-column:1;justify-items:start}.ai-search-card{padding:18px}.repeatable-row{padding:15px}}

.career-system {
    min-height: 100vh;
    color: var(--mdb-ink);
    background:
        linear-gradient(120deg, rgba(7, 30, 42, 0.025) 0 1px, transparent 1px 170px),
        var(--mdb-cream);
    font-family: var(--mdb-font);
    font-weight: 500;
    line-height: 1.55;
}

.career-system button,
.career-system input,
.career-system select,
.career-system textarea {
    font-family: inherit;
}

.career-shell {
    min-height: 100vh;
}

.career-sidebar {
    width: 272px;
    padding: 26px 18px 20px;
    background:
        radial-gradient(circle at 20% 5%, rgba(239, 178, 56, 0.12), transparent 22%),
        linear-gradient(165deg, #092533, var(--mdb-navy) 68%);
    border-right: 1px solid rgba(239, 178, 56, 0.22);
}

.career-sidebar::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150px;
    height: 150px;
    border: 1px solid rgba(239, 178, 56, 0.13);
    border-radius: 50%;
    transform: translate(52%, 48%);
    box-shadow:
        0 0 0 26px rgba(239, 178, 56, 0.035),
        0 0 0 52px rgba(239, 178, 56, 0.025);
    pointer-events: none;
}

.career-brand {
    position: relative;
    z-index: 1;
    gap: 11px;
    padding: 0 8px 24px;
    border-bottom-color: rgba(255, 255, 255, 0.11);
}

.career-brand-mark {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    color: var(--mdb-gold);
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(239, 178, 56, 0.28);
    border-radius: 50%;
    font-size: 1.05rem;
}

.career-brand strong {
    color: #fff;
    font-family: var(--mdb-font);
    font-size: 0.94rem;
    font-weight: 900;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.career-brand small {
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.48);
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.17em;
}

.career-nav {
    position: relative;
    z-index: 1;
    gap: 5px;
    margin-top: 25px;
}

.career-nav a,
.sidebar-switch a {
    min-height: 44px;
    gap: 11px;
    padding: 11px 13px;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 0.79rem;
    font-weight: 800;
    transition: color .18s ease, background .18s ease, transform .18s ease;
}

.career-nav a:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.055);
    transform: translateX(2px);
}

.career-nav a.active {
    color: var(--mdb-navy);
    background: var(--mdb-gold);
    border-color: var(--mdb-gold);
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.15);
}

.career-nav a.active i {
    color: var(--mdb-navy);
}

.career-nav i,
.sidebar-switch i,
.sidebar-logout i {
    width: 20px;
    text-align: center;
}

.sidebar-switch {
    position: relative;
    z-index: 1;
    margin-top: auto;
    padding-top: 14px;
    border-top-color: rgba(255, 255, 255, 0.1);
}

.sidebar-switch a,
.sidebar-logout {
    min-height: 39px;
    padding: 8px 12px;
    color: rgba(255, 255, 255, 0.55);
    border-radius: 3px;
    font-size: 0.7rem;
    font-weight: 800;
}

.sidebar-switch a:hover,
.sidebar-logout:hover {
    color: var(--mdb-gold);
    background: rgba(239, 178, 56, 0.08);
}

.career-main {
    min-height: 100vh;
    margin-left: 272px;
}

.career-topbar {
    height: 76px;
    justify-content: flex-end;
    padding: 0 38px;
    background: rgba(251, 250, 247, 0.95);
    border-bottom: 1px solid rgba(7, 30, 42, 0.1);
    backdrop-filter: blur(16px);
}

.user-context {
    gap: 11px;
}

.user-avatar {
    width: 39px;
    height: 39px;
    color: var(--mdb-navy);
    background: var(--mdb-gold-soft);
    border: 1px solid rgba(183, 122, 12, 0.2);
    font-size: 0.82rem;
    font-weight: 900;
}

.user-context small {
    color: #87959b;
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.user-context strong {
    color: var(--mdb-ink);
    font-size: 0.76rem;
    font-weight: 800;
}

.career-content {
    width: 100%;
    max-width: 1480px;
    padding: 38px 40px 64px;
}

.page-heading {
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 28px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(7, 30, 42, 0.11);
}

.page-heading .eyebrow {
    margin-bottom: 8px;
    color: var(--mdb-gold-dark);
    font-size: 0.65rem;
    font-weight: 900;
    letter-spacing: .18em;
}

.page-heading h1 {
    margin: 0;
    color: var(--mdb-navy);
    font-family: var(--mdb-font);
    font-size: clamp(1.9rem, 3vw, 2.7rem);
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: -0.045em;
}

.page-heading p {
    max-width: 760px;
    margin: 8px 0 0;
    color: var(--mdb-muted);
    font-size: 0.82rem;
    line-height: 1.65;
}

.career-btn {
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.015em;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.career-btn:hover {
    transform: translateY(-2px);
}

.career-btn.primary {
    color: #fff;
    background: var(--mdb-navy);
    border-color: var(--mdb-navy);
}

.career-btn.primary:hover {
    background: var(--mdb-navy-3);
}

.career-btn.gold {
    color: var(--mdb-navy);
    background: var(--mdb-gold);
    border-color: var(--mdb-gold);
}

.career-btn.gold:hover {
    background: #f5c35c;
}

.career-btn.soft {
    color: var(--mdb-navy);
    background: #fff;
    border-color: var(--mdb-line);
}

.career-btn.soft:hover {
    border-color: var(--mdb-gold);
}

.career-btn.danger {
    color: var(--mdb-danger);
    background: #fff4f1;
    border-color: #efd0c9;
}

.career-btn.sm {
    min-height: 34px;
    padding: 7px 11px;
    font-size: .65rem;
}

.metric-grid {
    gap: 14px;
    margin-bottom: 22px;
}

.metric-card,
.career-card,
.form-section-card,
.vacancy-card {
    position: relative;
    background: var(--mdb-white);
    border: 1px solid var(--mdb-line);
    border-radius: 4px;
    box-shadow: var(--mdb-shadow);
}

.metric-card {
    min-height: 175px;
    padding: 22px;
    overflow: hidden;
}

.metric-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: var(--mdb-gold);
}

.metric-icon {
    width: 45px;
    height: 45px;
    margin-bottom: 22px;
    color: var(--mdb-gold-dark);
    background: var(--mdb-gold-soft);
    border: 1px solid rgba(183, 122, 12, .13);
    border-radius: 50%;
}

.metric-card small {
    color: #74868e;
    font-size: .68rem;
    font-weight: 800;
}

.metric-card strong {
    margin-top: 3px;
    color: var(--mdb-navy);
    font-family: var(--mdb-font);
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: -.04em;
}

.career-card {
    margin-bottom: 18px;
    padding: 24px;
}

.card-head {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #edf0ee;
}

.card-head h2,
.card-head h3 {
    color: var(--mdb-navy);
    font-family: var(--mdb-font);
    font-weight: 900;
    letter-spacing: -.025em;
}

.card-head h2 {
    font-size: 1.18rem;
}

.card-head h3 {
    font-size: 1rem;
}

.career-alert {
    align-items: flex-start;
    padding: 14px 16px;
    border: 1px solid #dce5e2;
    border-radius: 3px;
    font-size: .77rem;
}

.career-alert.success {
    color: #176141;
    background: #edf8f1;
    border-color: #3d9a6a;
}

.career-alert.error {
    color: #8f3434;
    background: #fff1ef;
    border-color: #c6554f;
}

.progress-track {
    height: 6px;
    margin-top: 12px;
    background: #e7ece9;
    border-radius: 20px;
}

.progress-fill {
    background: linear-gradient(90deg, var(--mdb-gold-dark), var(--mdb-gold));
}

.career-table-wrap {
    border: 1px solid #edf0ee;
    border-radius: 3px;
}

.career-table {
    min-width: 760px;
    color: var(--mdb-ink);
    font-size: .76rem;
}

.career-table th {
    padding: 13px 14px;
    color: #60747d;
    background: #f4f6f3;
    border-bottom-color: var(--mdb-line);
    font-size: .59rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.career-table td {
    padding: 15px 14px;
    border-bottom-color: #edf0ee;
}

.career-table tbody tr {
    transition: background .15s ease;
}

.career-table tbody tr:hover {
    background: #fffaf0;
}

.career-table strong {
    color: var(--mdb-navy);
    font-size: .78rem;
    font-weight: 900;
}

.career-table small {
    margin-top: 3px;
    color: #7a8b92;
    font-size: .66rem;
}

.status-badge {
    padding: 5px 9px;
    color: #415b67;
    background: #edf2f2;
    border: 1px solid #dbe3e2;
    border-radius: 20px;
    font-size: .57rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.status-badge.published,
.status-badge.active,
.status-badge.hired,
.status-badge.offered {
    color: var(--mdb-success);
    background: #eaf7ef;
    border-color: #cae9d6;
}

.status-badge.draft,
.status-badge.new,
.status-badge.reviewing,
.status-badge.shortlisted,
.status-badge.interview,
.status-badge.talent-pool {
    color: var(--mdb-warning);
    background: var(--mdb-gold-soft);
    border-color: #ecd9ad;
}

.status-badge.closed,
.status-badge.rejected,
.status-badge.inactive,
.status-badge.withdrawn {
    color: var(--mdb-danger);
    background: #fff0ee;
    border-color: #efd0c9;
}

.form-section-card {
    margin-bottom: 18px;
    overflow: hidden;
}

.form-section-title {
    padding: 17px 20px;
    background: #fafbf8;
    border-bottom-color: var(--mdb-line);
}

.form-section-title i {
    width: 38px;
    height: 38px;
    color: var(--mdb-gold-dark);
    background: var(--mdb-gold-soft);
    border: 1px solid rgba(183, 122, 12, .14);
    border-radius: 50%;
}

.form-section-title h2 {
    color: var(--mdb-navy);
    font-family: var(--mdb-font);
    font-size: .98rem;
    font-weight: 900;
}

.form-section-title p {
    margin-top: 2px;
    color: #7a8b92;
    font-size: .65rem;
}

.form-section-body {
    padding: 22px;
}

.career-form-grid {
    gap: 18px;
}

.career-label {
    margin-bottom: 7px;
    color: var(--mdb-ink);
    font-size: .69rem;
    font-weight: 900;
}

.career-input {
    min-height: 44px;
    padding: 10px 12px;
    color: var(--mdb-ink);
    background: #fdfdfb;
    border-color: #cfd9d6;
    border-radius: 3px;
    font-size: .76rem;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.career-input:hover {
    border-color: #aebcb8;
}

.career-input:focus {
    background: #fff;
    border-color: var(--mdb-gold-dark);
    box-shadow: 0 0 0 3px rgba(239, 178, 56, .14);
}

.career-input:disabled {
    color: #75878f;
    background: #eef1ef;
}

textarea.career-input {
    min-height: 112px;
}

.field-help {
    margin-top: 6px;
    color: #7d8e95;
    font-size: .62rem;
    line-height: 1.45;
}

.upload-box {
    padding: 16px;
    background: #fbfaf6;
    border: 1px dashed #cbbd9d;
    border-radius: 3px;
}

.upload-box:focus-within {
    border-color: var(--mdb-gold-dark);
    background: #fffaf0;
}

.vacancy-grid {
    gap: 14px;
}

.vacancy-card {
    padding: 22px;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.vacancy-card:hover {
    border-color: #d9bc7e;
    box-shadow: 0 18px 42px rgba(7, 30, 42, .1);
    transform: translateY(-3px);
}

.vacancy-card h2 {
    margin: 16px 0 7px;
    color: var(--mdb-navy);
    font-family: var(--mdb-font);
    font-size: 1.22rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.vacancy-card p {
    color: var(--mdb-muted);
    font-size: .76rem;
    line-height: 1.65;
}

.vacancy-meta {
    gap: 6px;
}

.vacancy-meta span {
    color: #4c6570;
    background: #eef3f2;
    border: 1px solid #dfe7e5;
    border-radius: 20px;
    font-size: .59rem;
    font-weight: 900;
}

.detail-grid {
    gap: 18px;
}

.definition-grid {
    gap: 17px;
}

.definition-item {
    padding-bottom: 12px;
    border-bottom: 1px solid #edf0ee;
}

.definition-item small {
    color: #809097;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .09em;
}

.definition-item strong {
    margin-top: 5px;
    color: var(--mdb-ink);
    font-size: .76rem;
}

.document-list {
    gap: 7px;
}

.filter-bar {
    gap: 9px;
    margin-bottom: 20px;
}

.filter-bar .career-input {
    max-width: 360px;
}

.empty-state {
    padding: 52px 20px;
}

.empty-state i {
    color: #c7ad72;
    font-size: 2.35rem;
}

.empty-state h3 {
    margin: 13px 0 5px;
    color: var(--mdb-navy);
    font-family: var(--mdb-font);
    font-size: 1.08rem;
    font-weight: 900;
}

.empty-state p {
    color: var(--mdb-muted);
    font-size: .76rem;
}

.section-actions {
    bottom: 14px;
    gap: 9px;
    padding: 12px;
    background: rgba(244, 241, 234, .92);
    border: 1px solid rgba(7, 30, 42, .08);
    border-radius: 4px;
    backdrop-filter: blur(12px);
}

.sidebar-toggle {
    color: var(--mdb-navy);
}

@media (max-width: 1000px) {
    .career-sidebar {
        width: 272px;
        box-shadow: 18px 0 50px rgba(4, 18, 26, .28);
    }

    .career-main {
        margin-left: 0;
    }

    .career-topbar {
        padding: 0 24px;
    }

    .career-topbar::before {
        content: "MDB Career";
    }
}

@media (max-width: 700px) {
    .career-topbar {
        height: 68px;
        padding: 0 15px;
    }

    .career-topbar::before {
        display: none;
    }

    .user-context strong {
        max-width: 178px;
    }

    .career-content {
        padding: 25px 15px 52px;
    }

    .page-heading {
        align-items: flex-start;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .page-heading h1 {
        font-size: 2rem;
    }

    .page-heading > .career-btn {
        width: 100%;
    }

    .metric-grid {
        grid-template-columns: 1fr;
    }

    .metric-card {
        min-height: 150px;
    }

    .career-card,
    .form-section-body {
        padding: 18px;
    }

    .card-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .career-form-grid,
    .career-form-grid.three,
    .definition-grid,
    .vacancy-grid {
        grid-template-columns: 1fr;
    }

    .inline-form {
        align-items: stretch;
        flex-direction: column;
    }

    .filter-bar .career-input {
        width: 100%;
        max-width: none;
    }

    .section-actions {
        justify-content: stretch;
    }

    .section-actions .career-btn {
        flex: 1;
    }
}

/* Readability scale and stronger brand presence */
.career-system {
    font-size: 16px;
}

.career-brand-mark {
    width: 68px;
    height: 54px;
    flex-basis: 68px;
}

.career-brand {
    gap: 14px;
}

.career-brand strong {
    font-size: 1.08rem;
}

.career-brand small {
    font-size: .7rem;
}

.career-nav a {
    font-size: .88rem;
}

.sidebar-switch a,
.sidebar-logout {
    font-size: .76rem;
}

.user-context small,
.career-table th,
.status-badge,
.vacancy-meta span,
.definition-item small,
.field-help {
    font-size: .72rem;
}

.page-heading .eyebrow,
.career-label,
.form-section-title p {
    font-size: .78rem;
}

.page-heading p,
.career-input,
.career-table,
.vacancy-card p,
.career-btn {
    font-size: .86rem;
}

.career-btn.sm {
    font-size: .76rem;
}

.metric-card small {
    font-size: .8rem;
}

.career-alert,
.definition-item strong,
.career-table small,
.vacancy-actions small {
    font-size: .8rem;
}

@media (max-width: 700px) {
    .career-brand-mark {
        width: 60px;
        height: 48px;
        flex-basis: 60px;
    }

    .career-brand strong {
        font-size: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .career-nav a,
    .career-btn,
    .career-input,
    .vacancy-card {
        transition: none;
    }
}

/* MDB corporate palette with restrained MIFA and BEL accents */
:root {
    --mdb-navy: #0b2d3d;
    --mdb-navy-2: #123f54;
    --mdb-navy-3: #246b94;
    --mdb-blue: #3d8fbf;
    --mdb-blue-dark: #246b94;
    --mdb-green: #60a950;
    --mifa-lime: #b7bc32;
    --bel-green: #00834a;
    --mdb-gold: var(--mifa-lime);
    --mdb-gold-dark: #78821c;
    --mdb-gold-soft: #f2f5dc;
    --mdb-cream: #f0f4f1;
    --mdb-paper: #f8faf8;
    --mdb-ink: #17323e;
    --mdb-muted: #607680;
    --mdb-line: #d8e1dd;
    --mdb-success: #18794e;
    --mdb-shadow: 0 16px 40px rgba(11, 45, 61, .075);
}

.career-system {
    background:
        linear-gradient(120deg, rgba(61, 143, 191, .025) 0 1px, transparent 1px 170px),
        var(--mdb-cream);
}

.career-sidebar {
    background:
        radial-gradient(circle at 18% 4%, rgba(61, 143, 191, .2), transparent 25%),
        radial-gradient(circle at 90% 94%, rgba(96, 169, 80, .12), transparent 28%),
        linear-gradient(165deg, #0e3547, #061f2b 72%);
    border-right-color: rgba(96, 169, 80, .22);
}

.career-sidebar::after {
    border-color: rgba(61, 143, 191, .14);
    box-shadow:
        0 0 0 26px rgba(96, 169, 80, .035),
        0 0 0 52px rgba(183, 188, 50, .025);
}

.career-brand-mark {
    width: 54px;
    height: 46px;
    flex: 0 0 54px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.career-brand-mark img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.career-nav a.active {
    color: #fff;
    background: linear-gradient(90deg, var(--mdb-blue), #2e7ca3);
    border-color: rgba(255, 255, 255, .08);
    box-shadow: inset 4px 0 0 var(--mifa-lime), 0 9px 24px rgba(0, 0, 0, .15);
}

.career-nav a.active i {
    color: #fff;
}

.sidebar-switch a:hover,
.sidebar-logout:hover {
    color: #c4ca3e;
    background: rgba(96, 169, 80, .08);
}

.career-topbar {
    border-bottom-color: rgba(61, 143, 191, .16);
}

.career-topbar::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--mdb-blue), var(--mdb-green), var(--mifa-lime), var(--bel-green));
    opacity: .52;
}

.user-avatar {
    background: #edf6f8;
    border-color: rgba(61, 143, 191, .22);
}

.page-heading .eyebrow {
    color: #6f7b18;
}

.career-system h2,
.card-head h2,
.form-section-title h2,
.vacancy-card h2 {
    font-weight: 900 !important;
    letter-spacing: -.035em;
}

.career-btn.primary {
    background: var(--mdb-blue-dark);
}

.career-btn.primary:hover {
    background: var(--mdb-navy-2);
}

.career-btn.gold {
    color: #fff;
    background: var(--mdb-blue);
    box-shadow: inset 3px 0 0 var(--mifa-lime);
}

.career-btn.soft {
    color: var(--mdb-blue-dark);
    background: #edf6f8;
}

.metric-card {
    border-top-color: var(--mdb-blue);
}

.metric-grid .metric-card:nth-child(2) {
    border-top-color: var(--mifa-lime);
}

.metric-grid .metric-card:nth-child(3) {
    border-top-color: var(--bel-green);
}

.metric-grid .metric-card:nth-child(4) {
    border-top-color: var(--mdb-green);
}

.metric-icon {
    color: var(--mdb-blue-dark);
    background: #edf6f8;
}

.metric-grid .metric-card:nth-child(2) .metric-icon {
    color: #7a821c;
    background: #f4f6e4;
}

.metric-grid .metric-card:nth-child(3) .metric-icon,
.metric-grid .metric-card:nth-child(4) .metric-icon {
    color: var(--bel-green);
    background: #edf7f1;
}

.form-section-title i {
    color: var(--mdb-blue-dark);
    background: #edf6f8;
}

.career-input:focus {
    border-color: var(--mdb-blue);
    box-shadow: 0 0 0 3px rgba(61, 143, 191, .12);
}

.progress-fill {
    background: linear-gradient(90deg, var(--mdb-blue), var(--mdb-green));
}

.status-badge.draft,
.status-badge.new {
    color: #667217;
    background: #f2f5dc;
}

@media (max-width: 1000px) {
    .career-topbar::after {
        opacity: .4;
    }
}

/* Refined portal palette: navy, warm gold, ivory */
:root {
    --mdb-navy: #0b2d3d;
    --mdb-navy-2: #173f50;
    --mdb-navy-3: #214e60;
    --mdb-blue: #173f50;
    --mdb-blue-dark: #0b2d3d;
    --mdb-green: #d9a73a;
    --mifa-lime: #d9a73a;
    --bel-green: #0b2d3d;
    --mdb-gold: #d9a73a;
    --mdb-gold-dark: #9b6d12;
    --mdb-gold-soft: #f8efd9;
    --mdb-cream: #f1efe9;
    --mdb-paper: #fcfbf8;
    --mdb-ink: #17323e;
    --mdb-muted: #62737b;
    --mdb-line: #dde2df;
    --mdb-shadow: 0 14px 36px rgba(11, 45, 61, .07);
}

.career-system {
    background:
        linear-gradient(120deg, rgba(11, 45, 61, .022) 0 1px, transparent 1px 180px),
        var(--mdb-cream);
    font-size: 16px;
}

.career-sidebar {
    background:
        radial-gradient(circle at 18% 4%, rgba(217, 167, 58, .1), transparent 24%),
        linear-gradient(165deg, #0e3546, #061f2b 74%);
    border-right-color: rgba(217, 167, 58, .2);
}

.career-sidebar::after {
    border-color: rgba(217, 167, 58, .11);
    box-shadow:
        0 0 0 26px rgba(217, 167, 58, .03),
        0 0 0 52px rgba(217, 167, 58, .02);
}

.career-nav a,
.sidebar-switch a {
    font-size: .82rem;
}

.career-nav a.active {
    color: var(--mdb-navy);
    background: var(--mdb-gold);
    border-color: var(--mdb-gold);
    box-shadow: 0 9px 24px rgba(0, 0, 0, .14);
}

.career-nav a.active i {
    color: var(--mdb-navy);
}

.sidebar-switch a:hover,
.sidebar-logout:hover {
    color: #edc76f;
    background: rgba(217, 167, 58, .08);
}

.career-topbar {
    background: rgba(252, 251, 248, .97);
    border-bottom-color: rgba(11, 45, 61, .11);
}

.career-topbar::after {
    height: 1px;
    background: var(--mdb-gold);
    opacity: .55;
}

.user-avatar {
    color: var(--mdb-navy);
    background: var(--mdb-gold-soft);
    border-color: rgba(155, 109, 18, .18);
}

.user-context strong {
    font-size: .8rem;
}

.career-content {
    padding-top: 34px;
}

.page-heading {
    margin-bottom: 25px;
    padding-bottom: 23px;
}

.page-heading .eyebrow {
    color: var(--mdb-gold-dark);
}

.page-heading h1 {
    font-size: clamp(1.9rem, 2.7vw, 2.45rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.04em;
}

.page-heading p {
    max-width: 760px;
    font-size: .94rem;
    line-height: 1.65;
}

.career-system h2,
.card-head h2,
.form-section-title h2,
.vacancy-card h2 {
    font-weight: 800 !important;
    letter-spacing: -.025em;
}

.card-head h2 {
    font-size: 1.3rem;
}

.form-section-title h2 {
    font-size: 1.08rem;
}

.vacancy-card h2 {
    font-size: 1.3rem;
}

.career-btn.primary {
    color: #fff;
    background: var(--mdb-navy);
}

.career-btn.primary:hover {
    background: var(--mdb-navy-2);
}

.career-btn.gold {
    color: var(--mdb-navy);
    background: var(--mdb-gold);
    box-shadow: none;
}

.career-btn.soft {
    color: var(--mdb-navy);
    background: #f5f1e7;
}

.metric-card,
.metric-grid .metric-card:nth-child(2),
.metric-grid .metric-card:nth-child(3),
.metric-grid .metric-card:nth-child(4) {
    border-top-color: var(--mdb-gold);
}

.metric-icon,
.metric-grid .metric-card:nth-child(2) .metric-icon,
.metric-grid .metric-card:nth-child(3) .metric-icon,
.metric-grid .metric-card:nth-child(4) .metric-icon,
.form-section-title i {
    color: var(--mdb-gold-dark);
    background: var(--mdb-gold-soft);
}

.metric-card small {
    font-size: .74rem;
}

.metric-card strong {
    font-size: 2rem;
}

.metric-card small {
    font-weight: 500;
}

.user-avatar {
    font-weight: 600;
}

.career-card,
.form-section-card,
.vacancy-card,
.metric-card {
    box-shadow: var(--mdb-shadow);
}

.career-input {
    font-size: .86rem;
}

.career-input:focus {
    border-color: var(--mdb-gold-dark);
    box-shadow: 0 0 0 3px rgba(217, 167, 58, .13);
}

.progress-fill {
    background: var(--mdb-gold);
}

@media (max-width: 700px) {
    .page-heading h1 {
        font-size: 1.85rem;
    }

    .page-heading p {
        font-size: .9rem;
    }

    .card-head h2 {
        font-size: 1.2rem;
    }
}

/* 2026 portal typography and UX refinement */
:root {
    --mdb-font: "Avenir Next", "Segoe UI", Arial, sans-serif;
    --mdb-font-display: "Avenir Next Condensed", Optima, "Arial Narrow", sans-serif;
    --mdb-shadow: 0 9px 26px rgba(11, 45, 61, .055);
}

.career-system {
    font-family: var(--mdb-font);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.page-heading h1,
.career-system h2,
.career-system h3,
.card-head h2,
.card-head h3,
.form-section-title h2,
.vacancy-card h2,
.empty-state h3,
.metric-card strong {
    font-family: var(--mdb-font-display);
    font-weight: 600 !important;
    letter-spacing: -.015em;
}

.page-heading h1 {
    font-size: clamp(2rem, 2.65vw, 2.5rem);
    line-height: 1.12;
}

.career-system strong,
.career-table strong,
.definition-item strong {
    font-weight: 600;
}

.career-brand strong {
    font-family: var(--mdb-font-display);
    font-weight: 700;
    letter-spacing: .025em;
}

.career-brand small,
.user-context small {
    font-weight: 500;
    letter-spacing: .12em;
}

.career-nav a,
.sidebar-switch a,
.sidebar-logout {
    font-weight: 500;
}

.career-nav a.active {
    color: #f3d58d;
    background: rgba(217, 167, 58, .1);
    border-color: rgba(217, 167, 58, .22);
    box-shadow: inset 3px 0 0 var(--mdb-gold);
}

.career-nav a.active i {
    color: var(--mdb-gold);
}

.page-heading .eyebrow,
.career-label,
.career-btn,
.status-badge,
.vacancy-meta span,
.career-table th {
    font-weight: 600;
}

.page-heading .eyebrow {
    letter-spacing: .11em;
}

.career-input,
.career-table,
.vacancy-card p,
.page-heading p {
    font-weight: 400;
}

.career-btn {
    min-height: 40px;
    border-radius: 7px;
    letter-spacing: .005em;
}

.career-btn.sm {
    min-height: 32px;
}

.career-input {
    min-height: 44px;
    border-radius: 7px;
    background: #fbfaf7;
}

.career-input:hover {
    border-color: #c7cfcb;
}

.career-card,
.form-section-card,
.vacancy-card,
.metric-card {
    border-radius: 10px;
    box-shadow: var(--mdb-shadow);
}

.metric-card,
.metric-grid .metric-card:nth-child(2),
.metric-grid .metric-card:nth-child(3),
.metric-grid .metric-card:nth-child(4) {
    border-top-width: 2px;
}

.metric-card strong {
    font-size: 2rem;
}

.career-table th {
    letter-spacing: .06em;
}

.career-table tbody tr {
    transition: background-color .16s ease;
}

.career-table tbody tr:hover {
    background: rgba(217, 167, 58, .045);
}

.career-system a:focus-visible,
.career-system button:focus-visible,
.career-system input:focus-visible,
.career-system select:focus-visible,
.career-system textarea:focus-visible {
    outline: 2px solid var(--mdb-gold);
    outline-offset: 2px;
}

@media (max-width: 700px) {
    .page-heading h1 {
        font-size: 2rem;
    }

    .career-content {
        padding-top: 24px;
    }

    .metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .metric-card {
        min-height: 142px;
        padding: 17px;
    }

    .metric-icon {
        width: 38px;
        height: 38px;
        margin-bottom: 12px;
    }
}

/* Final readability guardrails */
.career-system { font-size: 16px; }

.career-brand-mark {
    width: 68px;
    height: 54px;
    flex-basis: 68px;
}

.career-brand { gap: 14px; }
.career-brand strong { font-size: 1.08rem; }
.career-brand small { font-size: .7rem; }
.career-nav a { font-size: .88rem; }
.sidebar-switch a,
.sidebar-logout { font-size: .76rem; }

.user-context small,
.career-table th,
.status-badge,
.vacancy-meta span,
.definition-item small,
.field-help { font-size: .72rem; }

.page-heading .eyebrow,
.career-label,
.form-section-title p { font-size: .78rem; }

.page-heading p,
.career-input,
.career-table,
.vacancy-card p,
.career-btn { font-size: .86rem; }

.career-btn.sm { font-size: .76rem; }
.metric-card small { font-size: .8rem; }

.career-alert,
.definition-item strong,
.career-table small,
.vacancy-actions small { font-size: .8rem; }

@media (max-width: 700px) {
    .career-brand-mark {
        width: 60px;
        height: 48px;
        flex-basis: 60px;
    }

    .career-brand strong { font-size: 1rem; }
}

/* Minimum comfortable text size and clearer table metadata */
.career-brand small,
.user-context small,
.career-table th,
.status-badge,
.vacancy-meta span,
.definition-item small,
.field-help {
    font-size: .75rem;
}

.career-table td > small {
    display: block;
    margin-top: 3px;
    line-height: 1.4;
}

.career-table td {
    line-height: 1.45;
}

/* ========================================================================== */
/* 2026 FINAL MDB CAREER PORTAL SYSTEM                                        */
/* One restrained palette, comfortable type, and clearer candidate/HC flows. */
/* ========================================================================== */
:root {
    --navy: #0B2D3D;
    --navy-mid: #17475A;
    --navy-soft: #ECF3F4;
    --gold: #60A950;
    --gold-soft: #EDF7EB;
    --cream: #F5F7F5;
    --border: #D8E1DC;
    --ink: #17313D;
    --muted: #60737C;
    --success: #3F7F3B;
    --shadow: 0 14px 36px rgba(11, 45, 61, .075);

    --mdb-navy: #0B2D3D;
    --mdb-navy-2: #123B4D;
    --mdb-navy-3: #17475A;
    --mdb-blue: #17475A;
    --mdb-blue-dark: #0B2D3D;
    --mdb-green: #60A950;
    --mifa-lime: #60A950;
    --bel-green: #3F7F3B;
    --mdb-gold: #60A950;
    --mdb-gold-dark: #3F7F3B;
    --mdb-gold-soft: #EDF7EB;
    --mdb-cream: #F5F7F5;
    --mdb-paper: #FBFCFB;
    --mdb-white: #FFFFFF;
    --mdb-ink: #17313D;
    --mdb-muted: #60737C;
    --mdb-line: #D8E1DC;
    --mdb-success: #3F7F3B;
    --mdb-warning: #3F7F3B;
    --mdb-shadow: 0 14px 36px rgba(11, 45, 61, .075);
    --mdb-shadow-hover: 0 20px 46px rgba(11, 45, 61, .12);
    --mdb-font: "Avenir Next", "Segoe UI", Arial, sans-serif;
    --mdb-font-display: "Avenir Next Condensed", "DIN Alternate", Optima, sans-serif;
}

.career-system {
    color: var(--mdb-ink);
    background:
        radial-gradient(circle at 92% 8%, rgba(96, 169, 80, .065), transparent 24rem),
        linear-gradient(180deg, #F8FAF8 0, #F3F6F4 100%);
    font-family: var(--mdb-font);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.48;
}

.career-system p,
.career-system li,
.career-system td,
.career-system label,
.career-system input,
.career-system select,
.career-system textarea,
.career-system button {
    line-height: 1.48;
}

.career-system h1,
.career-system h2,
.career-system h3,
.career-system p {
    text-wrap: pretty;
}

.career-system h1,
.career-system h2,
.career-system h3,
.page-heading h1,
.card-head h2,
.card-head h3,
.form-section-title h2,
.vacancy-card h2,
.empty-state h3,
.metric-card strong {
    font-family: var(--mdb-font-display);
    font-weight: 600 !important;
    letter-spacing: -.015em;
}

.career-sidebar {
    width: 284px;
    padding: 28px 18px 22px;
    background:
        radial-gradient(circle at 16% 3%, rgba(96, 169, 80, .18), transparent 15rem),
        linear-gradient(165deg, #123B4D 0%, #0B2D3D 62%, #082432 100%);
    border-right: 1px solid rgba(96, 169, 80, .28);
    box-shadow: 12px 0 40px rgba(7, 30, 42, .08);
}

.career-sidebar::after {
    width: 170px;
    height: 170px;
    border-color: rgba(96, 169, 80, .16);
    box-shadow:
        0 0 0 28px rgba(96, 169, 80, .035),
        0 0 0 56px rgba(96, 169, 80, .022);
}

.career-main {
    margin-left: 284px;
}

.career-brand {
    gap: 14px;
    min-height: 70px;
    padding: 0 8px 24px;
    border-bottom-color: rgba(255, 255, 255, .13);
}

.career-brand-mark {
    width: 72px;
    height: 54px;
    flex: 0 0 72px;
    padding: 0;
    overflow: visible;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.career-brand-mark img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.career-brand strong {
    color: #FFFFFF;
    font-family: var(--mdb-font-display);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: .015em;
    text-transform: uppercase;
}

.career-brand small {
    margin-top: 6px;
    color: rgba(255, 255, 255, .68);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: .08em;
}

.career-nav {
    gap: 6px;
    margin-top: 26px;
}

.career-nav a,
.sidebar-switch a,
.sidebar-logout {
    border-radius: 8px;
    font-weight: 500;
}

.career-nav a {
    min-height: 48px;
    gap: 12px;
    padding: 12px 14px;
    color: rgba(255, 255, 255, .76);
    font-size: 15px;
    line-height: 1.3;
}

.career-nav a:hover {
    color: #FFFFFF;
    background: rgba(255, 255, 255, .075);
}

.career-nav a.active {
    color: #FFFFFF;
    background: rgba(96, 169, 80, .16);
    border-color: rgba(96, 169, 80, .32);
    box-shadow: inset 3px 0 0 #60A950;
}

.career-nav a.active i {
    color: #8CC67F;
}

.career-nav i,
.sidebar-switch i,
.sidebar-logout i {
    font-size: 17px;
}

.sidebar-switch {
    padding-top: 16px;
}

.sidebar-switch a,
.sidebar-logout {
    min-height: 44px;
    padding: 10px 12px;
    color: rgba(255, 255, 255, .68);
    font-size: 14px;
}

.sidebar-switch a:hover,
.sidebar-logout:hover {
    color: #FFFFFF;
    background: rgba(96, 169, 80, .12);
}

.career-topbar {
    min-height: 78px;
    height: auto;
    gap: 18px;
    padding: 12px 38px;
    background: rgba(255, 255, 255, .94);
    border-bottom-color: rgba(11, 45, 61, .1);
    box-shadow: 0 8px 24px rgba(11, 45, 61, .035);
    backdrop-filter: blur(18px);
}

.career-topbar::before {
    color: #61757D;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .08em;
}

.career-topbar::after {
    height: 2px;
    background: #60A950;
    opacity: .72;
}

.career-topbar__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    margin-left: auto;
}

.language-switch {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 4px 8px;
    background: #F4F7F5;
    border: 1px solid #D9E3DD;
    border-radius: 999px;
}

.language-switch span {
    width: 1px;
    height: 14px;
    background: #CCD8D1;
}

.language-switch a {
    min-width: 31px;
    padding: 4px 5px;
    color: #6A7B83;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    transition: color .16s ease, background .16s ease;
}

.language-switch a:hover {
    color: var(--mdb-navy);
}

.language-switch a.active {
    color: #FFFFFF;
    background: #3F7F3B;
}

.user-context {
    gap: 12px;
    padding: 5px 7px 5px 5px;
    border-radius: 999px;
}

.user-avatar {
    width: 42px;
    height: 42px;
    color: #315F30;
    background: #EDF7EB;
    border-color: #CFE5C9;
    font-size: 15px;
    font-weight: 600;
}

.user-context small {
    color: #6A7D85;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: .05em;
}

.user-context strong {
    max-width: 300px;
    overflow: hidden;
    color: var(--mdb-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.career-content {
    max-width: 1510px;
    padding: 36px 40px 64px;
}

.page-heading {
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 26px;
    padding-bottom: 22px;
    border-bottom-color: rgba(11, 45, 61, .1);
}

.page-heading .eyebrow {
    margin-bottom: 7px;
    color: #3F7F3B;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .1em;
}

.page-heading h1 {
    color: var(--mdb-navy);
    font-size: clamp(2.15rem, 3vw, 2.9rem);
    line-height: 1.04;
}

.page-heading p {
    max-width: 780px;
    margin-top: 9px;
    color: var(--mdb-muted);
    font-size: 17px;
    line-height: 1.5;
}

.career-btn {
    min-height: 48px;
    padding: 11px 18px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
    box-shadow: none;
}

.career-btn.sm {
    min-height: 40px;
    padding: 8px 13px;
    font-size: 14px;
}

.career-btn.primary {
    color: #FFFFFF;
    background: var(--mdb-navy);
    border-color: var(--mdb-navy);
}

.career-btn.primary:hover {
    color: #FFFFFF;
    background: var(--mdb-navy-3);
    border-color: var(--mdb-navy-3);
}

.career-btn.gold {
    color: #FFFFFF;
    background: #3F7F3B;
    border-color: #3F7F3B;
}

.career-btn.gold:hover {
    color: #FFFFFF;
    background: #346C31;
    border-color: #346C31;
}

.career-btn.soft {
    color: var(--mdb-navy);
    background: #FFFFFF;
    border-color: #D4DFD8;
}

.career-btn.soft:hover {
    color: #315F30;
    background: #F6FAF5;
    border-color: #60A950;
}

.career-system a:focus-visible,
.career-system button:focus-visible,
.career-system input:focus-visible,
.career-system select:focus-visible,
.career-system textarea:focus-visible,
.language-switch a:focus-visible {
    outline: 3px solid rgba(96, 169, 80, .42);
    outline-offset: 2px;
}

.metric-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 26px;
}

.metric-card,
.metric-grid .metric-card:nth-child(2),
.metric-grid .metric-card:nth-child(3),
.metric-grid .metric-card:nth-child(4) {
    min-height: 174px;
    padding: 22px;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0, rgba(96, 169, 80, .11), transparent 9rem),
        #FFFFFF;
    border: 1px solid #D9E3DD;
    border-top: 1px solid #D9E3DD;
    border-radius: 14px;
    box-shadow: var(--mdb-shadow);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.metric-card::before,
.metric-grid .metric-card:nth-child(2)::before,
.metric-grid .metric-card:nth-child(3)::before,
.metric-grid .metric-card:nth-child(4)::before {
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 4px;
    height: auto;
    background: #60A950;
}

.metric-card:hover {
    border-color: #BCD7B7;
    box-shadow: var(--mdb-shadow-hover);
    transform: translateY(-2px);
}

.metric-icon,
.metric-grid .metric-card:nth-child(2) .metric-icon,
.metric-grid .metric-card:nth-child(3) .metric-icon,
.metric-grid .metric-card:nth-child(4) .metric-icon,
.form-section-title i {
    width: 48px;
    height: 48px;
    margin-bottom: 18px;
    color: #3F7F3B;
    background: #EDF7EB;
    border: 1px solid #CFE5C9;
    border-radius: 12px;
    font-size: 19px;
}

.metric-card small {
    color: #60747C;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

.metric-card strong {
    margin-top: 5px;
    color: var(--mdb-navy);
    font-size: 2.25rem;
    line-height: 1;
}

.career-card,
.form-section-card,
.vacancy-card {
    background: #FFFFFF;
    border: 1px solid #D9E3DD;
    border-radius: 14px;
    box-shadow: var(--mdb-shadow);
}

.career-card {
    margin-bottom: 20px;
    padding: 24px;
}

.card-head {
    margin-bottom: 19px;
    padding-bottom: 16px;
    border-bottom-color: #E7EDE9;
}

.card-head h2 {
    color: var(--mdb-navy);
    font-size: 1.48rem;
    line-height: 1.15;
}

.card-head h3 {
    color: var(--mdb-navy);
    font-size: 1.22rem;
    line-height: 1.2;
}

.career-alert {
    padding: 15px 17px;
    border-radius: 9px;
    font-size: 15px;
    line-height: 1.45;
}

.progress-track {
    height: 8px;
    margin-top: 12px;
    background: #E6ECE8;
}

.progress-fill {
    background: linear-gradient(90deg, #3F7F3B, #60A950);
}

.career-table-wrap {
    border-color: #E0E7E3;
    border-radius: 10px;
}

.career-table {
    color: var(--mdb-ink);
    font-size: 15px;
    line-height: 1.42;
}

.career-table th {
    padding: 14px;
    color: #506971;
    background: #F3F7F4;
    border-bottom-color: #DCE6DF;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: .055em;
}

.career-table td {
    padding: 15px 14px;
    border-bottom-color: #E8EEEA;
    font-size: 15px;
    line-height: 1.43;
}

.career-table tbody tr:hover {
    background: #F5FAF4;
}

.career-table strong {
    color: var(--mdb-navy);
    font-size: 15px;
    font-weight: 600;
}

.career-table small,
.career-table td > small {
    margin-top: 4px;
    color: #657981;
    font-size: 13px;
    line-height: 1.38;
}

.status-badge {
    padding: 6px 10px;
    color: #45606A;
    background: #EEF3F2;
    border-color: #DCE6E2;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .035em;
}

.status-badge.published,
.status-badge.active,
.status-badge.hired,
.status-badge.offered,
.status-badge.draft,
.status-badge.new,
.status-badge.reviewing,
.status-badge.shortlisted,
.status-badge.interview,
.status-badge.talent-pool {
    color: #315F30;
    background: #EDF7EB;
    border-color: #CFE5C9;
}

.form-section-title {
    padding: 18px 21px;
    background: #F7FAF7;
    border-bottom-color: #E0E8E3;
}

.form-section-title i {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    margin-bottom: 0;
}

.form-section-title h2 {
    color: var(--mdb-navy);
    font-size: 1.22rem;
    line-height: 1.2;
}

.form-section-title p {
    margin-top: 4px;
    color: var(--mdb-muted);
    font-size: 14px;
    line-height: 1.42;
}

.form-section-body {
    padding: 24px;
}

.career-form-grid {
    gap: 19px;
}

.career-label {
    margin-bottom: 7px;
    color: var(--mdb-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.career-input {
    min-height: 48px;
    padding: 11px 13px;
    color: var(--mdb-ink);
    background: #FCFDFC;
    border-color: #C8D5CD;
    border-radius: 8px;
    font-size: 16px;
    line-height: 1.4;
}

.career-input:focus {
    background: #FFFFFF;
    border-color: #60A950;
    box-shadow: 0 0 0 4px rgba(96, 169, 80, .15);
}

textarea.career-input {
    min-height: 124px;
}

.field-help,
.definition-item small,
.vacancy-actions small {
    color: #657981;
    font-size: 13px;
    line-height: 1.4;
}

.upload-box {
    padding: 17px;
    background: #F8FAF8;
    border-color: #AFC5B4;
    border-radius: 9px;
}

.upload-box:focus-within {
    background: #F7FBF6;
    border-color: #60A950;
}

.vacancy-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.vacancy-card {
    display: flex;
    min-width: 0;
    min-height: 100%;
    padding: 24px;
    overflow: hidden;
    flex-direction: column;
    background:
        radial-gradient(circle at 100% 0, rgba(96, 169, 80, .09), transparent 12rem),
        #FFFFFF;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.vacancy-card::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: #60A950;
}

.vacancy-card:hover {
    border-color: #B9D5B4;
    box-shadow: var(--mdb-shadow-hover);
    transform: translateY(-3px);
}

.vacancy-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 15px;
}

.vacancy-card__brand,
.vacancy-brand-cue {
    display: grid;
    width: 52px;
    height: 42px;
    flex: 0 0 52px;
    padding: 4px;
    place-items: center;
    background: #F5F8F5;
    border: 1px solid #E0E8E3;
    border-radius: 9px;
}

.vacancy-card__brand img,
.vacancy-brand-cue img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.vacancy-card__identity {
    min-width: 0;
    flex: 1;
}

.vacancy-card__identity small {
    display: block;
    margin-top: 6px;
    color: #667A82;
    font-size: 13px;
    line-height: 1.35;
}

.vacancy-card h2 {
    margin: 13px 0 8px;
    color: var(--mdb-navy);
    font-size: 1.45rem;
    line-height: 1.16;
}

.vacancy-card__head + h2 {
    margin-top: 0;
}

.vacancy-card p,
.vacancy-card__description {
    margin: 0;
    color: var(--mdb-muted);
    font-size: 16px;
    line-height: 1.5;
}

.vacancy-card__description {
    margin-bottom: 3px;
}

.vacancy-meta {
    gap: 8px;
    margin: 16px 0;
}

.vacancy-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    color: #405D67;
    background: #F0F5F2;
    border: 1px solid #DCE7E0;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
}

.vacancy-meta i {
    color: #3F7F3B;
}

.vacancy-card details,
.vacancy-card__details {
    margin-top: 2px;
    padding: 12px 0;
    border-top: 1px solid #E5ECE7;
    border-bottom: 1px solid #E5ECE7;
}

.vacancy-card summary,
.vacancy-card__details summary {
    color: #315F30;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    cursor: pointer;
}

.vacancy-card details p,
.vacancy-card__details p {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.48;
}

.vacancy-actions,
.vacancy-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 18px;
}

.vacancy-card__deadline,
.vacancy-deadline,
.vacancy-actions small {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #5F747C;
    font-size: 13px;
    font-weight: 500;
}

.vacancy-card__deadline i,
.vacancy-deadline i {
    color: #3F7F3B;
}

.vacancy-actions form,
.vacancy-card__footer form {
    margin-left: auto;
}

.definition-item {
    padding-bottom: 13px;
    border-bottom-color: #E6ECE8;
}

.definition-item strong {
    margin-top: 5px;
    color: var(--mdb-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.42;
}

.empty-state i {
    color: #60A950;
}

.empty-state h3 {
    color: var(--mdb-navy);
    font-size: 1.38rem;
    line-height: 1.2;
}

.empty-state p {
    color: var(--mdb-muted);
    font-size: 16px;
    line-height: 1.5;
}

.section-actions {
    background: rgba(245, 247, 245, .94);
    border-color: rgba(11, 45, 61, .1);
    border-radius: 10px;
}

@media (max-width: 1280px) {
    .career-sidebar {
        width: 276px;
    }

    .career-main {
        margin-left: 276px;
    }

    .career-content {
        padding-right: 28px;
        padding-left: 28px;
    }

    .metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .career-topbar {
        padding-right: 28px;
        padding-left: 28px;
    }
}

@media (max-width: 1000px) {
    .career-sidebar {
        width: 284px;
    }

    .career-main {
        margin-left: 0;
    }
}

@media (max-width: 900px) {
    .career-topbar {
        min-height: 72px;
        gap: 12px;
        padding: 10px 20px;
    }

    .career-topbar::before {
        display: none;
    }

    .career-topbar__actions {
        gap: 10px;
    }

    .career-content {
        padding: 28px 22px 56px;
    }

    .vacancy-grid {
        grid-template-columns: 1fr;
    }

    .detail-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .career-system {
        font-size: 16px;
    }

    .career-brand strong {
        font-size: 20px;
    }

    .career-brand small {
        font-size: 13px;
    }

    .career-topbar {
        min-height: 68px;
        padding: 8px 14px;
    }

    .career-topbar__actions {
        min-width: 0;
    }

    .language-switch {
        gap: 5px;
        min-height: 36px;
        padding: 3px 6px;
    }

    .language-switch a {
        min-width: 28px;
        padding: 4px;
        font-size: 13px;
    }

    .user-context {
        min-width: 0;
        gap: 8px;
        padding-right: 0;
    }

    .user-avatar {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
    }

    .user-context strong {
        max-width: 145px;
        font-size: 14px;
    }

    .user-context small {
        font-size: 13px;
    }

    .career-content {
        padding: 24px 15px 48px;
    }

    .page-heading {
        gap: 18px;
        margin-bottom: 22px;
        padding-bottom: 19px;
    }

    .page-heading h1 {
        font-size: 2.05rem;
    }

    .page-heading p {
        font-size: 16px;
        line-height: 1.48;
    }

    .metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .metric-card,
    .metric-grid .metric-card:nth-child(2),
    .metric-grid .metric-card:nth-child(3),
    .metric-grid .metric-card:nth-child(4) {
        min-height: 156px;
        padding: 18px;
    }

    .metric-icon,
    .metric-grid .metric-card:nth-child(2) .metric-icon,
    .metric-grid .metric-card:nth-child(3) .metric-icon,
    .metric-grid .metric-card:nth-child(4) .metric-icon {
        width: 44px;
        height: 44px;
        margin-bottom: 14px;
    }

    .metric-card strong {
        font-size: 2rem;
    }

    .career-card,
    .form-section-body,
    .vacancy-card {
        padding: 20px;
    }

    .card-head h2 {
        font-size: 1.35rem;
    }

    .career-form-grid,
    .career-form-grid.three,
    .definition-grid,
    .vacancy-grid {
        grid-template-columns: 1fr;
    }

    .vacancy-card h2 {
        font-size: 1.35rem;
    }

    .vacancy-actions,
    .vacancy-card__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .vacancy-actions form,
    .vacancy-actions .career-btn,
    .vacancy-card__footer form,
    .vacancy-card__footer .career-btn {
        width: 100%;
        margin-left: 0;
    }

    .section-actions {
        gap: 8px;
    }
}

@media (max-width: 520px) {
    .user-context small {
        display: none;
    }

    .user-context strong {
        max-width: 112px;
    }

    .metric-grid {
        grid-template-columns: 1fr;
    }

    .metric-card,
    .metric-grid .metric-card:nth-child(2),
    .metric-grid .metric-card:nth-child(3),
    .metric-grid .metric-card:nth-child(4) {
        min-height: 146px;
    }

    .page-heading h1 {
        font-size: 1.9rem;
    }
}

/* Portal topbar and mobile navigation states introduced with the bilingual UI. */
.career-topbar::before {
    content: none;
    display: none;
}

.career-topbar__lead,
.career-topbar__identity {
    min-width: 0;
}

.career-topbar__lead {
    display: flex;
    align-items: center;
    gap: 14px;
}

.career-topbar__identity strong,
.career-topbar__identity span {
    display: block;
}

.career-topbar__identity strong {
    color: var(--mdb-navy);
    font-family: var(--mdb-font-display);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.18;
}

.career-topbar__identity span {
    margin-top: 3px;
    color: var(--mdb-muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
}

.sidebar-scrim {
    position: fixed;
    inset: 0;
    z-index: 45;
    display: none;
    padding: 0;
    background: rgba(5, 24, 34, .48);
    border: 0;
    opacity: 0;
    cursor: default;
    transition: opacity .2s ease;
}

@media (max-width: 1000px) {
    .career-sidebar {
        z-index: 60;
        overflow-y: auto;
    }

    .sidebar-toggle {
        display: inline-grid;
        width: 44px;
        height: 44px;
        padding: 0;
        place-items: center;
        color: var(--mdb-navy);
        background: #F2F7F3;
        border: 1px solid #D8E4DB;
        border-radius: 9px;
    }

    .sidebar-scrim {
        display: block;
        pointer-events: none;
    }

    .sidebar-open {
        overflow: hidden;
    }

    .sidebar-open .sidebar-scrim {
        opacity: 1;
        pointer-events: auto;
    }
}

@media (max-width: 700px) {
    .career-topbar__identity {
        display: none;
    }
}

/* Rich dashboard, vacancy discovery, and corporate data components. */
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.metric-card,
.metric-grid .metric-card:nth-child(2),
.metric-grid .metric-card:nth-child(3),
.metric-grid .metric-card:nth-child(4) {
    min-height: 164px;
}

.metric-card__top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 13px;
}

.metric-card__top .metric-icon,
.metric-grid .metric-card:nth-child(2) .metric-card__top .metric-icon,
.metric-grid .metric-card:nth-child(3) .metric-card__top .metric-icon,
.metric-grid .metric-card:nth-child(4) .metric-card__top .metric-icon {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    margin-bottom: 0;
}

.metric-card__top small {
    color: #506970;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.metric-card__meta {
    min-height: 2.7em;
    margin: 7px 0 0;
    color: #687B82;
    font-size: 13.5px;
    line-height: 1.38;
}

.vacancy-toolbar {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) auto;
    gap: 14px 18px;
    margin-bottom: 22px;
    padding: 18px;
    background: #FFFFFF;
    border: 1px solid #D9E3DD;
    border-radius: 14px;
    box-shadow: 0 10px 26px rgba(11, 45, 61, .055);
}

.vacancy-toolbar__search,
.filter-bar__search {
    position: relative;
    min-width: 0;
}

.vacancy-toolbar__search > i,
.filter-bar__search > i {
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 1;
    color: #3F7F3B;
    font-size: 16px;
    transform: translateY(-50%);
    pointer-events: none;
}

.vacancy-toolbar__search .career-input,
.filter-bar__search .career-input {
    max-width: none;
    padding-left: 43px;
}

.vacancy-toolbar__filters {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vacancy-toolbar__filters .career-input {
    width: auto;
    min-width: 175px;
}

.vacancy-toolbar__count {
    grid-column: 1 / -1;
    margin: -2px 0 0;
    color: #60777F;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.35;
}

.vacancy-card--applied {
    border-color: #BFD9BA;
    background:
        radial-gradient(circle at 100% 0, rgba(96, 169, 80, .15), transparent 13rem),
        #FFFFFF;
}

.vacancy-card__identity > span {
    display: block;
    color: #315F30;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.vacancy-card__body {
    display: flex;
    flex-direction: column;
}

.vacancy-card__details summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    list-style: none;
}

.vacancy-card__details summary::-webkit-details-marker {
    display: none;
}

.vacancy-card__details summary i {
    transition: transform .18s ease;
}

.vacancy-card__details[open] summary i {
    transform: rotate(180deg);
}

.vacancy-card__details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.vacancy-card__details-grid h3 {
    margin: 14px 0 0;
    color: var(--mdb-navy);
    font-family: var(--mdb-font);
    font-size: 14px;
    font-weight: 600 !important;
    line-height: 1.35;
}

.vacancy-card__application {
    margin-left: auto;
    text-align: right;
}

.vacancy-card__application small,
.vacancy-card__application strong {
    display: block;
}

.vacancy-card__application small {
    color: #687B82;
    font-size: 13px;
    line-height: 1.3;
}

.vacancy-card__application strong {
    margin-top: 3px;
    color: #315F30;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.career-card--table {
    padding: 0;
    overflow: hidden;
}

.career-card--table .career-table-wrap {
    border: 0;
    border-radius: 0;
}

.card-head--compact {
    min-height: 54px;
    margin: 0;
    padding: 13px 18px;
    background: #F7FAF7;
}

.record-count {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #506970;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.record-count i {
    color: #3F7F3B;
}

.table-identity {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 220px;
}

.table-identity__icon,
.table-identity__avatar {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    color: #315F30;
    background: #EDF7EB;
    border: 1px solid #CFE5C9;
    border-radius: 9px;
    font-size: 15px;
    font-weight: 600;
}

.table-identity__avatar {
    border-radius: 50%;
}

.table-number {
    color: var(--mdb-navy);
    font-family: var(--mdb-font-display);
    font-size: 1.25rem !important;
    font-weight: 600;
}

.filter-bar__search {
    flex: 1 1 320px;
}

.career-sidebar {
    overflow-x: hidden;
}

.detail-grid {
    grid-template-columns: minmax(0, 2fr) minmax(270px, 1fr);
}

.detail-grid > * {
    min-width: 0;
}

.detail-grid .career-table-wrap {
    max-width: 100%;
}

@media (max-width: 1100px) {
    .vacancy-toolbar {
        grid-template-columns: 1fr;
    }

    .vacancy-toolbar__filters {
        flex-wrap: wrap;
    }

    .vacancy-toolbar__count {
        grid-column: auto;
    }

    .detail-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .vacancy-toolbar {
        padding: 15px;
    }

    .vacancy-toolbar__filters,
    .vacancy-toolbar__filters .career-input,
    .vacancy-toolbar__filters .career-btn {
        width: 100%;
    }

    .vacancy-card__details-grid {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .metric-card__meta {
        min-height: 0;
    }

    .career-card--table .career-table {
        min-width: 0;
    }

    .career-card--table .career-table thead {
        display: none;
    }

    .career-card--table .career-table,
    .career-card--table .career-table tbody,
    .career-card--table .career-table tr,
    .career-card--table .career-table td {
        display: block;
        width: 100%;
    }

    .career-card--table .career-table tr {
        padding: 13px 16px;
        border-bottom: 1px solid #E3EAE5;
    }

    .career-card--table .career-table tr:last-child {
        border-bottom: 0;
    }

    .career-card--table .career-table td {
        display: grid;
        grid-template-columns: minmax(96px, 34%) minmax(0, 1fr);
        gap: 12px;
        padding: 8px 0;
        border: 0;
        text-align: right;
    }

    .career-card--table .career-table td::before {
        content: attr(data-label);
        color: #60747C;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.35;
        text-align: left;
    }

    .career-card--table .table-identity {
        min-width: 0;
        justify-content: flex-end;
        text-align: left;
    }

    .career-card--table .inline-form {
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .career-card--table .career-table-wrap {
        overflow: visible;
    }
}
/* Recruitment completeness, eligibility and engagement modules */
.vacancy-admin-filter{margin-bottom:1.25rem}.vacancy-admin-filter .filter-actions{display:flex;align-items:flex-end;gap:.65rem}.career-btn:disabled{cursor:not-allowed;opacity:.48}

/* Compact portal rhythm aligned with the public MDB Career landing page */
.career-system{font-size:15px;line-height:1.42}.career-sidebar{width:260px;padding:22px 16px 18px}.career-main{margin-left:260px}.career-brand{min-height:58px;gap:11px;padding:0 7px 18px}.career-brand-mark{width:58px;height:43px;flex-basis:58px}.career-brand strong{font-size:18px;line-height:1.06}.career-brand small{margin-top:4px;font-size:10.5px;line-height:1.2}.career-nav{margin-top:20px;gap:4px}.career-nav a{min-height:42px;padding:9px 12px;font-size:13.5px}.career-topbar{min-height:64px;height:64px;padding:0 26px}.career-content{max-width:1480px;padding:28px 32px 52px}.page-heading{gap:18px;margin-bottom:20px;padding-bottom:17px}.page-heading .eyebrow{margin-bottom:5px;font-size:11px}.page-heading h1{font-size:clamp(1.75rem,2.4vw,2.2rem);line-height:1.08}.page-heading p{max-width:760px;margin-top:6px;font-size:14.5px;line-height:1.45}.career-btn{min-height:42px;padding:9px 15px;font-size:13.5px}.career-btn.sm{min-height:34px;padding:7px 10px;font-size:12.5px}.metric-grid{gap:14px;margin-bottom:20px}.metric-card,.metric-grid .metric-card:nth-child(n){min-height:142px;padding:18px}.metric-icon,.metric-grid .metric-card:nth-child(n) .metric-icon{width:40px;height:40px;margin-bottom:12px;font-size:16px}.metric-card small{font-size:12.5px}.metric-card strong{font-size:1.85rem}.career-card{padding:20px;margin-bottom:16px}.card-head{margin-bottom:15px;padding-bottom:13px}.card-head h2{font-size:1.22rem}.card-head h3{font-size:1.06rem}.career-table{font-size:13.5px}.career-table th{padding:11px 12px;font-size:11px}.career-table td{padding:12px;font-size:13.5px}.career-table strong{font-size:13.5px}.career-table small,.career-table td>small{font-size:12px}.status-badge{padding:5px 8px;font-size:11px}.form-section-card{margin-bottom:14px}.form-section-title{padding:14px 17px}.form-section-title i{width:38px;height:38px;flex-basis:38px;font-size:15px;border-radius:10px}.form-section-title h2{font-size:1.05rem}.form-section-title p{margin-top:3px;font-size:12.5px;line-height:1.35}.form-section-body{padding:18px}.career-form-grid{gap:14px}.career-label{margin-bottom:5px;font-size:12.5px}.career-input{min-height:43px;padding:9px 11px;font-size:14px}.career-input:focus{box-shadow:0 0 0 3px rgba(96,169,80,.13)}textarea.career-input{min-height:104px}.career-input.tall{min-height:120px}.field-help,.definition-item small,.vacancy-actions small{font-size:11.5px}.vacancy-grid{gap:15px}.vacancy-card{padding:19px}.vacancy-card h2{font-size:1.22rem}.vacancy-card p{font-size:13.5px}.vacancy-meta span{font-size:11.5px}.detail-grid{gap:16px}.definition-item strong{font-size:13.5px}.match-profile h3{font-size:1rem}.match-profile p{font-size:13px}.talent-match-list{gap:9px;padding:5px 18px 19px}.talent-match-card{grid-template-columns:72px minmax(0,1fr) auto;gap:15px;padding:14px}.match-score{width:62px;height:62px}.match-score strong{font-size:1.08rem}.match-meta{font-size:12px}

/* Repeatable data rows */
.repeatable-list{gap:12px}.repeatable-row{position:relative;padding:15px;border-color:#D9E4DE;border-radius:12px;background:linear-gradient(180deg,#FCFDFC,#F8FAF8);box-shadow:0 5px 16px rgba(11,45,61,.035)}.repeatable-row-head{margin:-2px 0 13px;padding-bottom:10px;border-bottom:1px solid #E3EAE6}.repeatable-row-head strong{display:flex;align-items:center;gap:7px;color:var(--mdb-navy);font-size:13.5px;font-weight:600}.repeatable-row-head [data-row-number]{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;color:#315F30;background:#E9F5E6;font-size:11px}.row-remove{display:inline-flex;width:auto;height:32px;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid #F0D3CF;border-radius:8px;color:#943B32;background:#FFF7F6;font-size:11.5px;font-weight:600}.row-remove i{display:inline-block!important;width:auto!important;height:auto!important;color:inherit!important;background:transparent!important;border:0!important;font-size:13px!important}.row-remove:hover{border-color:#DCA8A1;background:#FDEDEB}.repeatable-section .form-section-title>.career-btn{white-space:nowrap}

/* Searchable transfer list for Applicant access */
.access-picker{display:grid;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);gap:14px;align-items:stretch}.access-picker__panel{min-width:0;overflow:hidden;border:1px solid #D7E2DC;border-radius:12px;background:#FBFCFB}.access-picker__panel--selected{background:#F7FBF6;border-color:#C7DDC1}.access-picker__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid #E1E8E4}.access-picker__head div{display:grid;gap:1px}.access-picker__head strong{color:var(--mdb-navy);font-size:13px}.access-picker__head small{color:#6D7E84;font-size:10.5px}.access-count{display:grid;min-width:25px;height:25px;place-items:center;border-radius:999px;color:#315F30;background:#E5F3E2;font-size:11px;font-weight:700}.access-search{display:flex;align-items:center;gap:8px;margin:10px;padding:0 10px;border:1px solid #CEDBD3;border-radius:8px;background:#fff}.access-search i{color:#688078}.access-search input{width:100%;height:38px;padding:0;border:0;outline:0;background:transparent;color:var(--mdb-ink);font:inherit;font-size:12.5px}.access-user-list{height:290px;overflow:auto;padding:7px}.access-user{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:0;border-bottom:1px solid #E8EEEA;color:var(--mdb-ink);background:transparent;text-align:left;cursor:pointer}.access-user:last-child{border-bottom:0}.access-user:hover{border-radius:8px;background:#EDF7EB}.access-user>span:nth-child(2){display:grid;min-width:0;gap:2px}.access-user strong{overflow:hidden;color:var(--mdb-navy);font-size:12.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.access-user small{overflow:hidden;color:#687B80;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.access-user__avatar{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;color:#315F30;background:#E5F3E2;font-size:12px;font-weight:700}.access-user>i{color:#3F7F3B}.access-user--selected{cursor:default}.access-user--selected:hover{background:#F1F8EF}.access-user__remove{display:inline-flex;align-items:center;gap:4px;padding:6px 7px;border:0;border-radius:7px;color:#943B32;background:#FFF0EE;font-size:10.5px}.access-picker__direction{display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;color:#758980;font-size:10px;text-align:center}.access-picker__direction i{display:grid;width:32px;height:32px;place-items:center;border:1px solid #D4E0D9;border-radius:50%;background:#fff}.access-empty{display:grid;height:100%;min-height:120px;place-content:center;justify-items:center;gap:7px;color:#75877F;font-size:12px;text-align:center}.access-empty i{font-size:20px;color:#87A38F}

@media(max-width:1000px){.career-sidebar{width:260px}.career-main{margin-left:0}.access-picker{grid-template-columns:1fr}.access-picker__direction{min-height:34px;flex-direction:row}.access-picker__direction i{transform:rotate(90deg)}}@media(max-width:700px){.career-content{padding:20px 14px 42px}.page-heading h1{font-size:1.7rem}.career-system{font-size:14.5px}.form-section-body{padding:15px}.repeatable-row{padding:12px}.row-remove span{display:none}.access-user-list{height:250px}}
.ai-provider-note{display:flex;align-items:center;gap:8px;margin-top:9px;color:#6C633C;font-size:11.5px}.ai-match-summary{display:flex;align-items:flex-start;gap:6px;margin:7px 0!important;color:#365C50!important;font-size:12.5px!important}.ai-match-summary i{margin-top:2px;color:#3F7F3B}

/* Final scoped typography overrides for candidate review. */
.career-system .candidate-detail-page strong,.career-system .candidate-detail-page .career-table strong,.career-system .candidate-detail-page .definition-item strong{font-weight:500!important}.career-system .candidate-detail-page .definition-item small{font-weight:450!important}.career-system .candidate-detail-page .card-head h2,.career-system .candidate-detail-page .card-head h3,.career-system .candidate-detail-page .structured-timeline h3{font-weight:500!important}.career-system .candidate-detail-page .page-heading h1{font-weight:600!important}.career-system .candidate-detail-page .career-btn{font-weight:500!important}
.applicant-track-actions{display:grid;gap:7px;min-width:250px}.applicant-track-actions>.career-btn{justify-self:start}.applicant-track-actions .career-input{min-width:130px;min-height:34px;height:34px;padding:5px 8px;font-size:12px}

/* Candidate profile photo and refined vacancy discovery. */
.profile-photo-card{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:14px;padding:18px;border:1px solid #D9E4DE;border-radius:14px;background:linear-gradient(105deg,#F7FAF8 0,#FFF 72%)}
.profile-photo-card__preview{position:relative;display:grid;width:88px;height:88px;overflow:hidden;place-items:center;border:3px solid #FFF;border-radius:50%;color:#315F30;background:#E5F2E3;box-shadow:0 0 0 1px #CADACF,0 8px 20px rgba(11,45,61,.1);font-family:var(--mdb-font-display);font-size:1.8rem;font-weight:600}
.profile-photo-card__preview img{width:100%;height:100%;object-fit:cover}
.profile-photo-card__copy{min-width:0}.profile-photo-card__eyebrow{color:#3F7F3B;font-size:10.5px;font-weight:650;letter-spacing:.11em}.profile-photo-card h2{margin:4px 0 5px;color:var(--mdb-navy);font-family:var(--mdb-font-display);font-size:1.08rem;font-weight:600;line-height:1.25}.profile-photo-card p{max-width:620px;margin:0;color:#63777E;font-size:13px;line-height:1.42}.profile-photo-card__action{white-space:nowrap}
.page-heading__actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.vacancy-grid{align-items:start;gap:18px}
.vacancy-card.vacancy-card--rich{min-height:0;align-self:start;padding:0;border:1px solid #D9E3DD;border-radius:15px;background:#FFF;box-shadow:0 7px 22px rgba(11,45,61,.055)}
.vacancy-card.vacancy-card--rich::before{top:0;right:0;bottom:auto;width:auto;height:3px;background:linear-gradient(90deg,#3F7F3B,#71B65E)}
.vacancy-card.vacancy-card--rich:hover{border-color:#BFD4C4;box-shadow:0 16px 34px rgba(11,45,61,.11);transform:translateY(-2px)}
.vacancy-card--rich .vacancy-card__head{align-items:center;margin:0;padding:18px 20px 13px;border-bottom:1px solid #E8EEE9}
.vacancy-card--rich .vacancy-card__brand{width:56px;height:46px;flex-basis:56px;padding:6px;border-color:#DFE8E2;border-radius:10px;background:#FAFCFA}
.vacancy-card--rich .vacancy-card__identity>span{font-size:12.5px;font-weight:600;letter-spacing:.025em}
.vacancy-card--rich .vacancy-card__identity small{display:inline-flex;margin-top:5px;padding:4px 8px;border-radius:999px;color:#526C65;background:#EEF4F0;font-size:11.5px;line-height:1.2}
.vacancy-card--rich .vacancy-card__body{padding:17px 20px 14px}
.vacancy-card--rich .vacancy-card__body h2{margin:0 0 8px;font-size:1.24rem;font-weight:600;line-height:1.22;letter-spacing:-.015em}
.vacancy-card--rich .vacancy-card__description{display:-webkit-box;overflow:hidden;margin:0;color:#60747A;font-size:13.5px;line-height:1.48;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.vacancy-card--rich .vacancy-meta{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 0}
.vacancy-card--rich .vacancy-meta span{padding:6px 9px;border-color:#E0E9E3;color:#49625E;background:#F6F9F7;font-size:11.5px}
.vacancy-card--rich .vacancy-facts{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:7px;margin-top:13px}
.vacancy-card--rich .vacancy-facts>span{min-height:53px;padding:8px 9px;border:1px solid #E4EBE6;border-radius:9px;background:#FBFCFB}
.vacancy-card--rich .vacancy-facts small{color:#71827D;font-size:10.5px;letter-spacing:.045em}
.vacancy-card--rich .vacancy-facts strong{margin-top:3px;color:#264C48;font-size:12.5px;font-weight:550;line-height:1.3}
.vacancy-card--rich .vacancy-card__details{margin:0 20px;padding:11px 0;border-top:1px solid #E5ECE7;border-bottom:0}
.vacancy-card--rich .vacancy-card__details summary{font-size:12.5px;font-weight:550}
.vacancy-card--rich .vacancy-card__details-grid{gap:14px}.vacancy-card--rich .vacancy-card__details-grid h3{font-size:12.5px;font-weight:600!important}.vacancy-card--rich .vacancy-card__details p{font-size:12.5px;line-height:1.45}
.vacancy-card--rich .vacancy-card__footer{margin-top:auto;padding:14px 20px 17px;border-top:1px solid #E8EEE9;background:#FBFCFB}
.vacancy-card--rich .vacancy-card__deadline{font-size:11.5px;font-weight:500}
.vacancy-card__apply{position:relative;display:flex;align-items:center;gap:8px;margin-left:auto}
.eligibility-tooltip{position:relative;display:inline-flex}
.eligibility-tooltip__trigger{display:grid;width:34px;height:34px;padding:0;place-items:center;color:#A55742;background:#FFF5F1;border:1px solid #E9C8BE;border-radius:50%;font-size:15px;cursor:help}
.eligibility-tooltip__trigger:hover,.eligibility-tooltip__trigger:focus-visible{color:#843B2A;background:#FDEAE4;border-color:#DDAA9D;outline:3px solid rgba(165,87,66,.13)}
.eligibility-tooltip__content{position:absolute;right:0;bottom:calc(100% + 10px);z-index:12;width:min(360px,calc(100vw - 42px));padding:13px 14px;color:#5E342B;background:#FFF;border:1px solid #E8C8BF;border-radius:11px;box-shadow:0 14px 34px rgba(38,23,19,.16);font-size:12.5px;line-height:1.42;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.eligibility-tooltip__content::after{content:"";position:absolute;right:10px;bottom:-6px;width:10px;height:10px;background:#FFF;border-right:1px solid #E8C8BF;border-bottom:1px solid #E8C8BF;transform:rotate(45deg)}
.eligibility-tooltip__content strong{display:block;margin-bottom:6px;color:#79372A;font-weight:600}.eligibility-tooltip__content ul{margin:0;padding-left:17px}.eligibility-tooltip__content li+li{margin-top:4px}
.eligibility-tooltip:hover .eligibility-tooltip__content,.eligibility-tooltip:focus-within .eligibility-tooltip__content{opacity:1;visibility:visible;transform:translateY(0)}

@media(max-width:700px){.profile-photo-card{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:15px}.profile-photo-card__preview{width:72px;height:72px}.profile-photo-card__action{grid-column:1/-1;width:100%}.page-heading__actions{width:100%;justify-content:flex-start}.page-heading__actions .career-btn{flex:1 1 auto}.vacancy-card--rich .vacancy-card__footer{align-items:stretch}.vacancy-card__apply{width:100%;margin-left:0}.vacancy-card__apply>.career-btn{flex:1}.vacancy-card__apply .eligibility-tooltip__trigger{width:42px;height:42px}.eligibility-tooltip__content{right:0}.vacancy-card--rich .vacancy-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}

.application-process{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.65fr);gap:24px;margin-bottom:16px;padding:19px 21px;border:1px solid #D9E4DE;border-radius:14px;background:linear-gradient(120deg,#F5F9F5,#FFF 72%)}
.application-process__intro>span{color:#3F7F3B;font-size:10.5px;font-weight:650;letter-spacing:.11em}.application-process__intro h2{margin:4px 0 5px;color:var(--mdb-navy);font-family:var(--mdb-font-display);font-size:1.05rem;font-weight:600;line-height:1.25}.application-process__intro p{margin:0;color:#65787F;font-size:12.5px;line-height:1.42}.application-process__steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}.application-process__steps li{position:relative;display:grid;min-width:0;justify-items:center;align-content:center;gap:4px;text-align:center}.application-process__steps li:not(:last-child)::after{content:"";position:absolute;top:18px;right:-50%;left:50%;height:1px;background:#C8D9CD}.application-process__steps li>span{z-index:1;display:grid;width:36px;height:36px;place-items:center;color:#315F30;background:#E7F2E4;border:1px solid #C7DAC1;border-radius:50%;font-size:13px}.application-process__steps small{color:#809087;font-size:10px}.application-process__steps strong{max-width:100px;color:#39544E;font-size:11.5px;font-weight:550;line-height:1.3}
@media(max-width:900px){.application-process{grid-template-columns:1fr}.application-process__steps{overflow-x:auto;padding-bottom:5px}.application-process__steps li{min-width:112px}}@media(max-width:700px){.application-process{padding:16px}.application-process__steps{justify-content:start}}

/* Side profile navigation and structured multiple-data editors. */
.profile-workspace{display:grid;grid-template-columns:238px minmax(0,1fr);gap:18px;align-items:start}
.profile-workspace>form{min-width:0}
.profile-workspace .profile-step-nav{position:sticky;top:80px;z-index:16;display:flex;min-width:0;margin:0;padding:9px;overflow:visible;flex-direction:column;gap:4px;border:1px solid #DCE6E0;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(11,45,61,.065);backdrop-filter:blur(12px)}
.profile-step-nav__intro{display:grid;gap:3px;margin:2px 3px 8px;padding:10px 10px 13px;border-bottom:1px solid #E5ECE8}.profile-step-nav__intro span{color:#3F7F3B;font-size:10.5px;font-weight:650;letter-spacing:.095em}.profile-step-nav__intro strong{color:var(--mdb-navy);font-size:13.5px;font-weight:550}
.profile-workspace .profile-step-nav button{display:grid;width:100%;min-height:52px;grid-template-columns:26px 20px minmax(0,1fr);align-items:center;gap:9px;padding:8px 9px;border:1px solid transparent;border-radius:9px;color:#60746F;background:transparent;text-align:left}
.profile-workspace .profile-step-nav button>span{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:#647A73;background:#EDF2EF;font-size:11px;font-weight:600}.profile-workspace .profile-step-nav button>i{font-size:14px}.profile-workspace .profile-step-nav button>b{font-size:13px;font-weight:500;line-height:1.28}
.profile-workspace .profile-step-nav button:hover{color:#315F30;background:#F3F8F2;border-color:#E1EAE0}.profile-workspace .profile-step-nav button.active{color:#214F32;background:#EAF5E7;border-color:#CFE2CB;box-shadow:inset 3px 0 #4C9843}.profile-workspace .profile-step-nav button.active>span{color:#FFF;background:#3F7F3B}
.profile-history-section{border-top:3px solid #4C9843}.profile-history-section .form-section-title{background:linear-gradient(90deg,#F6FAF4,#FFF 58%)}.profile-history-section--experience{border-top-color:#173F4C}.profile-history-section--experience .form-section-title{background:linear-gradient(90deg,#F3F7F8,#FFF 58%)}.profile-history-section--experience .form-section-title>i{color:#173F4C;background:#E8F0F2}.profile-section-kicker{display:block;margin-bottom:3px;color:#3F7F3B;font-size:10px;font-weight:650;letter-spacing:.1em}.profile-history-section--experience .profile-section-kicker{color:#466A74}
.profile-data-manager .form-section-title{align-items:center}.profile-data-manager .form-section-title>.career-btn{margin-left:auto}.profile-data-manager .repeatable-list{counter-reset:data-row}.profile-data-manager .repeatable-row{border-color:#D7E4DC;background:#FFF;box-shadow:0 7px 20px rgba(11,45,61,.05)}.profile-data-manager .repeatable-row:focus-within{border-color:#AFCDA9;box-shadow:0 0 0 3px rgba(96,169,80,.1),0 10px 24px rgba(11,45,61,.07)}.profile-data-manager .repeatable-row-head strong>span{order:-1}.profile-data-manager .career-form-grid{align-items:end}
.competency-document-fields{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:14px;align-items:start}.competency-document-row .field-help{display:flex;align-items:center;gap:6px}.competency-document-row .field-help i{color:#4C9843}.competency-upload-field .career-input{padding:7px 9px;background:#F8FAF8}.competency-document-stored{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;padding:10px 12px;border:1px solid #D7E7D3;border-radius:10px;background:#F1F8EF}.competency-document-stored>span{display:grid;min-width:0;grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:8px}.competency-document-stored i{grid-row:1/3;color:#3F7F3B;font-size:17px}.competency-document-stored b{color:#315F30;font-size:12px;font-weight:600}.competency-document-stored small{overflow:hidden;color:#647871;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.profile-save-section{box-shadow:0 7px 18px rgba(32,91,47,.16)}
.application-progress-table td:last-child{min-width:250px}.application-stage-status{display:grid;gap:7px}.application-stage-status__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.application-stage-status__top>small{color:#6D7E79;font-size:11px;white-space:nowrap}.application-stage-status>strong{color:#294F43;font-size:13px;font-weight:600}.application-stage-status>small{display:flex;align-items:center;gap:5px;color:#71837D;font-size:11px}.application-stage-status__track{width:100%;height:6px;overflow:hidden;background:#E6ECE8;border-radius:999px}.application-stage-status__track>span{display:block;height:100%;background:linear-gradient(90deg,#75AA69,#3F7F3B);border-radius:inherit}.application-stage-status.terminal>strong{color:#805044}
.application-progress-table td:first-child{min-width:255px}.application-vacancy-identity{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px}.application-company-logo{display:grid;width:44px;height:44px;place-items:center;overflow:hidden;border:1px solid #DCE6E1;border-radius:10px;color:#3F7F3B;background:#FFF}.application-company-logo img{display:block;max-width:36px;max-height:30px;object-fit:contain}.application-company-logo i{font-size:18px}.application-vacancy-identity>span:last-child{display:grid;min-width:0;gap:2px}.application-vacancy-identity .application-company-name{overflow:hidden;color:#3F7F3B;font-size:10px;font-weight:650;letter-spacing:.045em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.application-vacancy-identity strong{color:#173F4C;font-size:13px;font-weight:600;line-height:1.3}.application-vacancy-identity>span:last-child>small:last-child{color:#70817B;font-size:11.5px}
.status-badge.medical{color:#315F30;background:#EDF7EB;border-color:#CFE5C9}
.repeatable-row--new{animation:repeatableRowIn .55s ease both}@keyframes repeatableRowIn{0%{opacity:.3;transform:translateY(-8px);box-shadow:0 0 0 4px rgba(96,169,80,.2)}100%{opacity:1;transform:translateY(0)}}
.vacancy-process-section{grid-column:1/-1}.vacancy-process-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vacancy-process-section__head h3{margin-bottom:4px!important}.vacancy-process-section__head p{margin:0!important;color:#6B7D78!important;font-size:11.5px!important}.vacancy-process-section__head>span{flex:0 0 auto;padding:4px 8px;color:#315F30;background:#EAF5E7;border-radius:999px;font-size:10.5px;font-weight:550}.vacancy-process{display:grid;gap:0;margin:12px 0 0;padding:0;list-style:none}.vacancy-process li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;min-height:52px;padding-bottom:10px}.vacancy-process li:not(:last-child)::after{content:"";position:absolute;top:28px;bottom:0;left:13px;width:1px;background:#D6E1DA}.vacancy-process li>span{z-index:1;display:grid;width:28px;height:28px;place-items:center;color:#60756E;background:#F2F5F3;border:1px solid #D9E3DD;border-radius:50%;font-size:10.5px;font-weight:600}.vacancy-process li>div{display:grid;align-content:start;gap:2px;padding-top:3px}.vacancy-process li strong{color:#385650;font-size:12px;font-weight:550;line-height:1.3}.vacancy-process li small{color:#71817D;font-size:11px;line-height:1.38}.vacancy-process li.completed>span{color:#FFF;background:#6BA360;border-color:#6BA360}.vacancy-process li.completed:not(:last-child)::after{background:#8DBB84}.vacancy-process li.current>span{color:#FFF;background:#2F7543;border-color:#2F7543;box-shadow:0 0 0 4px rgba(63,127,59,.13)}.vacancy-process li.current strong{color:#245C36}.vacancy-process-outcome{display:flex;align-items:center;gap:7px;padding:9px 11px;color:#805044;background:#FFF5F1;border-radius:8px;font-size:11.5px}

@media(max-width:1050px){.profile-workspace{grid-template-columns:210px minmax(0,1fr)}.profile-workspace .profile-step-nav button{grid-template-columns:24px 18px minmax(0,1fr);gap:7px}.profile-workspace .profile-step-nav button>b{font-size:12.5px}}
@media(max-width:850px){.profile-workspace{grid-template-columns:1fr}.profile-workspace .profile-step-nav{position:relative;top:auto;display:flex;overflow-x:auto;flex-direction:row}.profile-step-nav__intro{display:none}.profile-workspace .profile-step-nav button{min-width:175px}.profile-data-manager .form-section-title{align-items:flex-start}.profile-data-manager .form-section-title>.career-btn{margin-left:0}}
@media(max-width:700px){.profile-workspace{gap:12px}.competency-document-fields{grid-template-columns:1fr}.profile-data-manager .form-section-title>.career-btn{width:100%}.competency-document-stored{align-items:flex-start;flex-direction:column}.profile-step-actions .profile-save-section{order:-1;width:100%}.application-progress-table td:last-child{min-width:0}}

/* Candidate job-alert preferences. */
.job-alert-heading .status-badge{gap:6px;flex:0 0 auto}.job-alert-overview{display:grid;grid-template-columns:52px minmax(220px,.85fr) minmax(420px,1.4fr);align-items:center;gap:17px;margin-bottom:18px;padding:18px 20px;border:1px solid #D7E4DC;border-radius:15px;background:linear-gradient(118deg,#F2F8F0 0%,#FFF 58%);box-shadow:0 8px 24px rgba(11,45,61,.05)}.job-alert-overview__icon{display:grid;width:52px;height:52px;place-items:center;color:#FFF;background:#3F7F3B;border-radius:13px;box-shadow:0 7px 17px rgba(63,127,59,.2);font-size:21px}.job-alert-overview__copy>span{color:#3F7F3B;font-size:10px;font-weight:650;letter-spacing:.1em}.job-alert-overview__copy h2{margin:3px 0 4px;color:var(--mdb-navy);font-family:var(--mdb-font-display);font-size:1.12rem;font-weight:600}.job-alert-overview__copy p{margin:0;color:#637772;font-size:12.5px;line-height:1.4}.job-alert-overview__facts{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:8px}.job-alert-overview__facts>span{display:grid;min-width:0;grid-template-columns:24px minmax(0,1fr);column-gap:7px;align-items:center;padding:9px 10px;border:1px solid #E0E9E4;border-radius:10px;background:rgba(255,255,255,.84)}.job-alert-overview__facts i{grid-row:1/3;color:#4C9843;font-size:15px}.job-alert-overview__facts small,.job-alert-overview__facts strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-alert-overview__facts small{color:#788983;font-size:10px}.job-alert-overview__facts strong{color:#294B45;font-size:11.5px;font-weight:600}
.job-alert-portal-grid{grid-template-columns:minmax(0,1.42fr) minmax(330px,.78fr);align-items:start;gap:18px}.job-alert-portal-grid .form-section-card{margin-bottom:0}.job-alert-preferences .form-section-body{display:grid;gap:24px}.job-alert-fieldset,.job-alert-frequency{min-width:0;margin:0;padding:0;border:0}.job-alert-fieldset>legend,.job-alert-frequency>legend{padding:0;color:#173F4C;font-size:13px;font-weight:650}.job-alert-fieldset>p{margin:4px 0 12px;color:#6A7C77;font-size:12px;line-height:1.4}.job-alert-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.job-alert-choice{min-width:0}.job-alert-choice input,.alert-company-options--portal input,.job-alert-frequency input{position:absolute;opacity:0;pointer-events:none}.job-alert-choice>span{display:flex;min-height:42px;align-items:center;gap:9px;padding:9px 11px;border:1px solid #DCE6E1;border-radius:9px;color:#4D6560;background:#FBFDFC;cursor:pointer;font-size:12.5px;line-height:1.25;transition:border-color .15s,background .15s,box-shadow .15s}.job-alert-choice>span i{display:grid;width:20px;height:20px;flex:0 0 20px;place-items:center;border:1px solid #C7D7CF;border-radius:6px;color:transparent;background:#FFF;font-size:12px}.job-alert-choice input:checked+span{border-color:#9FC79A;color:#285D35;background:#F0F8EE;box-shadow:0 0 0 2px rgba(76,152,67,.08)}.job-alert-choice input:checked+span i{color:#FFF;border-color:#4C9843;background:#4C9843}.job-alert-choice input:focus-visible+span,.alert-company-options--portal input:focus-visible+span,.job-alert-frequency input:focus-visible+span{outline:3px solid rgba(76,152,67,.18);outline-offset:2px}
.job-alert-company-fieldset{padding-top:20px;border-top:1px solid #E7EDE9}.alert-company-options--portal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.alert-company-options--portal label{position:relative;min-width:0}.alert-company-options--portal label>span{position:relative;display:grid;min-height:96px;place-items:center;align-content:center;gap:8px;padding:13px 10px;border:1px solid #DCE6E1;border-radius:11px;color:#355650;background:#FFF;cursor:pointer;text-align:center;transition:border-color .15s,background .15s,box-shadow .15s}.alert-company-options--portal img{display:block;max-width:96px;max-height:35px;object-fit:contain}.alert-company-options--portal label strong{font-size:12px;font-weight:600;line-height:1.25}.alert-company-check{position:absolute;top:8px;right:8px;color:#CBD8D1;font-size:15px}.alert-company-options--portal input:checked+span{border-color:#94C18E;background:#F1F8EF;box-shadow:0 0 0 2px rgba(76,152,67,.08)}.alert-company-options--portal input:checked+span .alert-company-check{color:#4C9843}
.job-alert-delivery{position:sticky;top:82px}.job-alert-delivery .form-section-body{display:grid;gap:16px}.job-alert-email{display:flex;min-width:0;align-items:center;gap:11px;padding:12px;border:1px solid #D9E6DF;border-radius:10px;background:#F5F9F6}.job-alert-email>i{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;color:#3F7F3B;background:#E5F2E2;border-radius:9px}.job-alert-email>span{display:grid;min-width:0;gap:2px}.job-alert-email small{color:#6F817A;font-size:10.5px}.job-alert-email strong{overflow:hidden;color:#294D46;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.job-alert-frequency{display:grid;gap:7px}.job-alert-frequency>legend{margin-bottom:2px}.job-alert-frequency label>span{display:grid;min-height:58px;grid-template-columns:34px minmax(0,1fr);align-items:center;column-gap:10px;padding:9px 11px;border:1px solid #DEE7E2;border-radius:10px;background:#FFF;cursor:pointer}.job-alert-frequency label i{grid-row:1/3;display:grid;width:34px;height:34px;place-items:center;color:#668078;background:#EDF3F0;border-radius:8px}.job-alert-frequency label b{align-self:end;color:#385650;font-size:12.5px;font-weight:600}.job-alert-frequency label small{align-self:start;color:#74857F;font-size:10.5px;line-height:1.3}.job-alert-frequency input:checked+span{border-color:#98C392;background:#F2F8F0;box-shadow:0 0 0 2px rgba(76,152,67,.08)}.job-alert-frequency input:checked+span i{color:#FFF;background:#4C9843}.job-alert-consent{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;margin:0;padding:12px;border:1px solid #E1E8E4;border-radius:10px;color:#506963;background:#FAFCFB}.job-alert-consent input{width:17px;height:17px;margin:2px 0 0;accent-color:#4C9843}.job-alert-consent span{display:grid;gap:2px}.job-alert-consent strong{color:#36544E;font-size:11.5px;font-weight:600}.job-alert-consent small{font-size:10.5px;line-height:1.4}.job-alert-save{margin-top:1px}
@media(max-width:1150px){.job-alert-overview{grid-template-columns:52px minmax(0,1fr)}.job-alert-overview__facts{grid-column:1/-1}.job-alert-portal-grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr)}}
@media(max-width:900px){.job-alert-portal-grid{grid-template-columns:1fr}.job-alert-delivery{position:static}.job-alert-overview__facts{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:650px){.job-alert-heading{align-items:flex-start}.job-alert-heading .status-badge{margin-top:4px}.job-alert-overview{grid-template-columns:44px minmax(0,1fr);padding:15px}.job-alert-overview__icon{width:44px;height:44px}.job-alert-overview__facts{grid-template-columns:1fr}.job-alert-choice-grid,.alert-company-options--portal{grid-template-columns:1fr}.alert-company-options--portal label>span{min-height:82px}.job-alert-preferences .form-section-body{gap:20px}}

/* Form usability: section saves, accessible feedback, and smaller screens. */
[hidden]{display:none!important}
.career-system :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #357944;outline-offset:3px}
.career-sidebar{overflow-y:auto}
.career-skip-link{position:fixed;left:16px;top:-100px;z-index:100;padding:12px 18px;background:#fff;color:#173f4c;border:2px solid #357944;border-radius:8px}
.career-skip-link:focus{top:12px}
.career-input[aria-invalid="true"]{border-color:#b23c32;background:#fffafa}
.field-error{margin-top:6px;color:#9c3028;font-size:12px;line-height:1.5}
.field-error-link{padding:2px 0;border:0;background:none;color:inherit;text-align:left;text-decoration:underline;font:inherit;cursor:pointer}
.career-alert{line-height:1.5;overflow-wrap:anywhere}
.career-alert a{color:inherit;text-decoration:underline}
.profile-editor-heading{margin-bottom:20px}
.profile-editor-heading h2{margin:5px 0 8px;color:#173f4c;font-size:24px;line-height:1.25;scroll-margin-top:90px}
.profile-editor-heading p{margin:0;color:#586f67;font-size:13px;line-height:1.6;max-width:680px}
.profile-mobile-picker{display:none}
.profile-workspace .profile-step-nav button{position:relative;cursor:pointer}
.profile-workspace .profile-step-nav button.has-changes::after{content:"";position:absolute;right:5px;top:7px;width:7px;height:7px;border-radius:50%;background:#a25c17}
.profile-workspace .career-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.profile-workspace .career-form-grid>div{min-width:0}
.profile-workspace .career-label{font-size:13px;line-height:1.45}
.profile-workspace .field-help{line-height:1.5}
.profile-workspace .form-section-title{flex-wrap:wrap}
.profile-workspace .form-section-title>div{flex:1;min-width:160px}
.profile-workspace .competency-document-fields{grid-template-columns:1fr}
.profile-step-actions{z-index:20;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d9e4de;background:rgba(255,255,255,.98);box-shadow:0 4px 24px #0b2d3d12;backdrop-filter:blur(12px);flex-wrap:wrap}
.profile-save-status{display:grid;gap:4px;min-width:145px;padding:2px 4px}
.profile-save-status>span{font-size:11px;color:#61756c}
.profile-save-status>strong{font-size:12px;font-weight:600;color:#37613f}
.profile-save-status>strong.is-dirty{color:#975218}
.profile-step-actions__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.profile-step-actions .profile-save-section{box-shadow:none}
.profile-step-actions .career-btn{min-height:44px}
.profile-photo-card:focus-within{outline:2px solid #357944;outline-offset:2px}
.profile-photo-card{grid-template-columns:72px minmax(0,1fr)}
.profile-photo-card__preview{width:72px;height:72px}
.profile-photo-card__action{grid-column:2;justify-self:start}
.row-undo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:9px;background:#fff7e8;color:#73511e;font-size:12px}
.row-remove{min-height:38px;min-width:38px}
.vacancy-eligibility{margin:0 20px 18px;padding:13px 14px;border:1px solid #ead7bd;border-radius:10px;background:#fff9ef;color:#714b24;font-size:12.5px;line-height:1.5}
.vacancy-eligibility ul{padding-left:18px;margin:6px 0 10px}
.vacancy-eligibility a{color:#245e37;text-decoration:underline;font-weight:600}
.job-alert-choice input:focus-visible+span,.alert-company-options input:focus-visible+span,.job-alert-frequency input:focus-visible+span{outline:3px solid #357944;outline-offset:3px}
@media(min-width:1550px){.profile-workspace .career-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-workspace .competency-document-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:1150px){.profile-workspace{grid-template-columns:195px minmax(0,1fr);gap:16px}.profile-workspace .profile-step-nav button{grid-template-columns:24px minmax(0,1fr);gap:8px}.profile-workspace .profile-step-nav button>i{display:none}}
@media(max-width:850px){.profile-workspace{grid-template-columns:minmax(0,1fr)}.profile-workspace .profile-step-nav{display:none}.profile-mobile-picker{display:grid;gap:7px;margin-top:16px;font-size:13px;font-weight:600;color:#294d46}.profile-editor-heading h2{font-size:22px}}
@media(max-width:600px){.profile-workspace .career-form-grid,.profile-workspace .career-form-grid.three{grid-template-columns:minmax(0,1fr)}.profile-step-actions{bottom:0;padding:10px 10px calc(10px + env(safe-area-inset-bottom));gap:9px;border-radius:12px 12px 0 0}.profile-save-status{display:flex;width:100%;justify-content:space-between;align-items:center}.profile-step-actions__buttons{width:100%;gap:7px}.profile-step-actions__buttons .career-btn{flex:1;padding:9px;font-size:12px}.profile-step-actions .profile-save-section{order:0;width:auto}.profile-step-actions__buttons [data-profile-prev]{flex:0 0 auto}.profile-step-actions__buttons [data-profile-prev] i{display:none}.profile-photo-card__action{grid-column:1/-1;width:100%}.career-input{font-size:16px}.row-remove span{display:inline}.career-topbar__identity span{display:none}.profile-workspace .form-section-title>.career-btn{width:100%;margin-left:0}.profile-workspace .form-section-title>div{min-width:0}.profile-data-manager .form-section-title{align-items:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:900px){.application-process__steps{grid-template-columns:repeat(7,minmax(112px,1fr))}}
@media(max-width:650px){.application-process__steps{grid-template-columns:1fr;gap:10px;overflow:visible}.application-process__steps li{grid-template-columns:36px 16px minmax(0,1fr);justify-items:start;align-items:center;gap:9px;text-align:left}.application-process__steps li:not(:last-child)::after{top:36px;bottom:-10px;left:18px;right:auto;width:1px;height:auto}.application-process__steps strong{max-width:none}.career-card--table .application-progress-table td{display:block;min-width:0;text-align:left}.career-card--table .application-progress-table td::before{display:block;margin-bottom:6px;font-size:11px}.application-stage-status__top{flex-wrap:wrap}.application-vacancy-identity .application-company-name{white-space:normal}}
@media(max-width:600px){.profile-page-heading{margin-bottom:16px;padding-bottom:14px;gap:8px}.profile-page-heading>.status-badge{display:none}.profile-page-heading p{font-size:13px;line-height:1.5}.profile-editor-heading{margin-bottom:14px}.profile-editor-heading .profile-section-kicker{display:none}.profile-editor-heading h2{margin-top:0;font-size:20px}.profile-editor-heading p{font-size:12px;line-height:1.5}.profile-mobile-picker{margin-top:12px}}

.profile-guidance{display:flex;align-items:flex-start;gap:12px;margin-top:12px;padding:14px 16px;border:1px solid #d4e4dc;border-radius:10px;background:#f1f7f3;color:#294d46}
.profile-guidance>i{flex:0 0 19px;margin-top:2px;color:#3f7f3b;font-size:18px}
.profile-guidance>div{min-width:0}
.profile-guidance strong{display:block;margin-bottom:5px;font-size:13px;line-height:1.5}
.profile-editor-heading .profile-guidance p{margin:0;color:#506960;font-size:13px;line-height:1.55}
.profile-guidance small{display:block;margin-top:7px;color:#536e61;font-size:12px;line-height:1.5}
@media(max-width:600px){.profile-guidance{gap:9px;padding:12px}.profile-editor-heading .profile-guidance p{font-size:12px}.profile-guidance small{font-size:11.5px}}

/* Expandable profile entries keep their identity visible when minimized. */
.profile-data-manager .repeatable-row-head{align-items:center;gap:12px}
.profile-row-toggle{display:flex;flex:1;min-width:0;align-items:center;justify-content:space-between;gap:14px;padding:4px 0;border:0;background:transparent;color:#294d46;text-align:left;font:inherit;cursor:pointer}
.profile-row-toggle__copy{display:grid;gap:5px;min-width:0}
.profile-row-summary{display:block;color:#294d46;font-size:13px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.profile-row-toggle__action{display:flex;flex-shrink:0;align-items:center;gap:7px;color:#416956;font-size:12px}
.profile-data-manager .repeatable-row.is-collapsed .repeatable-row-head{margin-bottom:0;padding-bottom:0;border-bottom:0}
.profile-row-toggle:hover .profile-row-summary{color:#26733c}
.profile-row-toggle:focus-visible{outline:2px solid #397d48;outline-offset:3px;border-radius:4px}
.profile-data-manager .repeatable-row.is-collapsed{background:#f9fcfa}
[data-vacancy-form] [data-repeatable="vacancy-skill"] .repeatable-row-head{gap:12px}
[data-vacancy-form] [data-repeatable="vacancy-skill"] .repeatable-row.is-collapsed{background:#f9fcfa}
[data-vacancy-form] [data-repeatable="vacancy-skill"] .repeatable-row.is-collapsed .repeatable-row-head{margin-bottom:0;padding-bottom:0;border-bottom:0}
.profile-data-manager .repeatable-row.is-collapsed,
[data-vacancy-form] [data-repeatable="vacancy-skill"] .repeatable-row.is-collapsed{padding:8px 12px;box-shadow:none}
.profile-data-manager .repeatable-row.is-collapsed .profile-row-toggle__copy,
[data-vacancy-form] [data-repeatable="vacancy-skill"] .repeatable-row.is-collapsed .profile-row-toggle__copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}
.profile-data-manager .repeatable-row.is-collapsed .profile-row-summary,
[data-vacancy-form] [data-repeatable="vacancy-skill"] .repeatable-row.is-collapsed .profile-row-summary{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}
.profile-data-manager .repeatable-row.is-collapsed .profile-row-toggle,
[data-vacancy-form] [data-repeatable="vacancy-skill"] .repeatable-row.is-collapsed .profile-row-toggle{min-height:32px}
@media(max-width:600px){.profile-data-manager .repeatable-row-head{gap:8px}.profile-row-toggle{align-items:flex-start;flex-direction:column;gap:8px}.profile-row-summary{font-size:12.5px}.profile-row-toggle__action{font-size:11.5px}.profile-row-toggle__copy strong{font-size:12px}.profile-data-manager .repeatable-row-head>.row-remove{align-self:flex-start}}
@media(max-width:600px){[data-vacancy-form] [data-repeatable="vacancy-skill"] .repeatable-row-head{gap:8px}[data-vacancy-form] [data-repeatable="vacancy-skill"] .repeatable-row-head>.row-remove{align-self:flex-start}}

/* Saved profile completeness and group company overview. */
.profile-completion{display:grid;gap:8px;margin:10px 0 18px;padding:13px 15px;border:1px solid #d8e6dd;border-radius:10px;background:#fff}
.profile-completion__label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#294d46}
.profile-completion__label strong{font-size:16px;color:#34713e}
.profile-completion small{color:#62776c;font-size:11.5px;line-height:1.5}
.profile-completion .progress-fill{transition:width .2s ease}
.portal-company-section{margin:26px 0}
.portal-company-section__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
.portal-company-section__heading h2{margin:4px 0 5px;color:var(--mdb-navy);font-family:var(--mdb-font-display);font-size:1.45rem}
.portal-company-section__heading p{margin:0;color:#62766e;font-size:13px;line-height:1.5}
.portal-company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.portal-company-card{display:flex;min-width:0;flex-direction:column;padding:20px;background:#fff;border:1px solid #d9e4de;border-radius:14px;box-shadow:0 5px 18px #0b2d3d08}
.portal-company-card__brand{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.portal-company-logo{display:grid;place-items:center;width:88px;height:64px;border:1px solid #e1eae4;border-radius:10px;background:#fcfdfc}
.portal-company-logo img{max-width:72px;max-height:48px;object-fit:contain}
.portal-company-card h3{margin:0 0 9px;color:#173f4c;font-size:16px;line-height:1.4}
.portal-company-card p{margin:0 0 16px;font-size:13px;line-height:1.65;color:#5f736a}
.portal-company-card>a{display:flex;align-items:center;gap:8px;align-self:flex-start;margin-top:auto;padding-top:13px;color:#34713e;font-size:12px;font-weight:600}
.portal-company-address{display:flex;align-items:flex-start;gap:6px;margin:0 0 10px;color:#62776c;font-size:11.5px;line-height:1.5}
@media(max-width:1100px){.portal-company-grid{grid-template-columns:1fr}.portal-company-card{padding:18px}.portal-company-card__brand{margin-bottom:12px}}
@media(max-width:600px){.profile-editor-heading .profile-section-kicker{display:block}.portal-company-section__heading{align-items:flex-start;flex-direction:column}.profile-completion{padding:12px;margin-bottom:15px}}

/* Fixed icon tracks keep connectors aligned regardless of label wrapping. */
.application-process__steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;align-items:start;overflow:visible;padding:0}
.application-process__steps li{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:40px 14px auto;gap:6px;min-width:0;align-items:start;align-content:start;justify-items:center;padding:0;text-align:center}
.application-process__steps li>span{display:grid;place-items:center;width:40px;height:40px;grid-column:1;grid-row:1;line-height:1;flex-shrink:0}
.application-process__steps li>span>i{display:block;line-height:1;font-size:15px}
.application-process__steps li>small{grid-column:1;grid-row:2;line-height:14px}
.application-process__steps li>strong{grid-column:1;grid-row:3;max-width:none;padding:0 5px;line-height:1.4;overflow-wrap:anywhere}
.application-process__steps li:not(:last-child)::after{left:calc(50% + 20px);right:auto;top:19px;bottom:auto;width:calc(100% - 40px);height:2px;background:#c8d9cd}
@media(max-width:1200px){.application-process{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){
 .application-process__steps{grid-template-columns:minmax(0,1fr);gap:0}
 .application-process__steps li{grid-template-columns:40px minmax(0,1fr);grid-template-rows:14px minmax(20px,auto);gap:6px 12px;justify-items:start;padding-bottom:18px;text-align:left}
 .application-process__steps li:last-child{padding-bottom:0}
 .application-process__steps li>span{grid-column:1;grid-row:1/3}
 .application-process__steps li>small{grid-column:2;grid-row:1}
 .application-process__steps li>strong{grid-column:2;grid-row:2;padding:0}
 .application-process__steps li:not(:last-child)::after{left:19px;right:auto;top:40px;bottom:0;width:2px;height:auto}
}

/* Vacancy options stay available without overwhelming the initial form. */
.vacancy-options > summary { cursor:pointer; padding:18px 22px; font-weight:700; color:var(--ink, #17352d); }
.vacancy-options > summary:focus-visible { outline:3px solid #b99452; outline-offset:-3px; }
.vacancy-options[open] > summary { border-bottom:1px solid #e4e9e6; }
.vacancy-options > .form-section-card { margin:0; border:0; box-shadow:none; }
.vacancy-options .career-form-grid { min-width:0; }
[data-vacancy-form] .field-help { display:block; margin-top:6px; }

[data-vacancy-form] .full-width { grid-column:1 / -1; }

.vacancy-translation-layout { display:grid; grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr); gap:20px; align-items:start; }
.vacancy-language-column { display:grid; gap:16px; min-width:0; }
.vacancy-language-column h3 { display:flex; align-items:center; justify-content:space-between; margin:0; font-size:18px; }
.vacancy-language-column .career-input { width:100%; }
.vacancy-translation-action { display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; padding-top:48px; min-width:0; }
.vacancy-translation-action [data-translation-status] { font-size:13px; overflow-wrap:anywhere; }
@media(max-width:1100px) {
 .vacancy-translation-layout { grid-template-columns:minmax(0,1fr); }
 .vacancy-translation-action { padding:16px 0; border-block:1px solid #e4e9e6; }
 .vacancy-translation-action .bi-arrow-right { transform:rotate(90deg); }
}

@media(max-width:1100px) { .vacancy-translation-action .bi-arrow-left { transform:rotate(90deg); } }

/* Vacancy editor: publishing first, consistent bilingual field surfaces. */
[data-vacancy-form] .vacancy-publishing { border-top:3px solid #397d48; }
[data-vacancy-form] .vacancy-publishing > .form-section-title { background:#eff7f0; }
[data-vacancy-form] .vacancy-publishing .vacancy-options { margin-top:16px; border:1px solid #e0e9e3; border-radius:10px; }
[data-vacancy-form] .vacancy-publishing .vacancy-options > .career-form-grid,
[data-vacancy-form] .vacancy-publishing .vacancy-options > .field-help { padding:0 18px 16px; }
[data-vacancy-form] .vacancy-language-column { padding:18px; border:1px solid #dce7e1; border-radius:12px; background:#fafcfb; }
[data-vacancy-form] .vacancy-language-column h3 { padding-bottom:14px; border-bottom:1px solid #dce7e1; }
[data-vacancy-form] .vacancy-translation-layout { gap:16px; grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr); }
[data-vacancy-form] .vacancy-translation-action { padding-top:72px; }
[data-vacancy-form] .vacancy-translation-action .career-btn { background:#eaf4ec; border-color:#c5ddca; color:#285c35; }
[data-vacancy-form] .vacancy-options > summary { padding:18px 20px; }
[data-vacancy-form] .vacancy-language-column .career-label { min-height:36px; display:flex; align-items:flex-end; }

@media(max-width:1100px) {
 [data-vacancy-form] .vacancy-translation-layout { grid-template-columns:minmax(0,1fr); }
 [data-vacancy-form] .vacancy-translation-action { padding:16px 0; }
 [data-vacancy-form] .vacancy-language-column .career-label { min-height:0; }

}

[data-vacancy-form] .vacancy-shared-card { border-top:3px solid #66848b; }
[data-vacancy-form] .vacancy-content-card { border-top:3px solid #b59a61; }

/* Writing-focused vacancy editor. */
.vacancy-writing-nav { display:flex; gap:12px; margin-bottom:22px; flex-wrap:wrap; }
.vacancy-writing-nav a { flex:1; display:flex; align-items:center; gap:10px; padding:12px 16px; color:#234537; background:#f0f5f2; border:1px solid #dce7e0; border-radius:10px; font-size:14px; font-weight:650; text-decoration:none; }
.vacancy-writing-nav a:hover { background:#e3eee6; }
.vacancy-writing-nav span { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#fff; flex-shrink:0; }
[data-vacancy-form] > section[id] { scroll-margin-top:90px; }
[data-vacancy-form] .vacancy-language-column { gap:22px; background:#fff; }
[data-vacancy-form] .vacancy-language-column .career-input { font-size:15px; line-height:1.65; padding:12px 14px; background:#fcfdfc; }
[data-vacancy-form] .vacancy-language-column .career-input:focus { background:#fff; border-color:#4a845b; box-shadow:0 0 0 3px #e5f0e8; }
[data-vacancy-form] .vacancy-language-column .career-label { font-size:14px; line-height:1.5; }
.vacancy-writing-hint { margin:0 0 10px; color:#566a64; font-size:13px; line-height:1.6; min-height:63px; }
.vacancy-writing-meta { display:flex; justify-content:space-between; gap:10px; margin-top:7px; color:#657770; font-size:12px; line-height:1.5; min-height:36px; }
.vacancy-writing-meta [data-writing-count] { white-space:nowrap; }
[data-vacancy-form] textarea[data-writing-area] { min-height:180px; max-height:480px; resize:vertical; }
.vacancy-save-note { margin:0 auto 0 0; color:#52665e; font-size:13px; line-height:1.5; max-width:460px; }
@media(max-width:1100px) { .vacancy-writing-hint { min-height:0; } }
@media(max-width:650px) {
 .vacancy-writing-nav { gap:7px; }
 .vacancy-writing-nav a { flex:1 1 100%; padding:9px 12px; }
 .vacancy-save-note { display:none; }
 [data-vacancy-form] .vacancy-language-column { padding:14px; }
}

/* Vacancy editor: a guided writing surface with a clear publishing path. */
[data-vacancy-form] {
 --ve-ink:#193f47;
 --ve-muted:#58716d;
 --ve-green:#397c49;
 --ve-blue:#326f87;
 --ve-line:#dbe7df;
 --ve-shadow:0 13px 36px rgba(14,58,54,.065);
 max-width:1280px;
 margin-inline:auto;
 padding-bottom:18px;
 color:var(--ve-ink);
}
[data-vacancy-form] > * { min-width:0; }
.vacancy-editor-hero {
 position:relative;
 isolation:isolate;
 display:grid;
 grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);
 align-items:center;
 gap:clamp(20px,3vw,52px);
 overflow:hidden;
 margin-bottom:15px;
 padding:clamp(25px,3.4vw,46px);
 border:1px solid #254f4b;
 border-radius:22px;
 color:#f9fcf8;
 background:linear-gradient(117deg,#123d47 0%,#174f4c 56%,#2b6d4f 100%);
 box-shadow:0 22px 45px rgba(12,55,53,.17);
}
.vacancy-editor-hero::before {
 content:"";
 position:absolute;
 z-index:-1;
 width:480px;
 height:480px;
 right:9%;
 top:-360px;
 border:1px solid rgba(255,255,255,.13);
 border-radius:50%;
 box-shadow:0 0 0 57px rgba(255,255,255,.035),0 0 0 115px rgba(255,255,255,.025);
 pointer-events:none;
}
.vacancy-editor-hero::after {
 content:"";
 position:absolute;
 z-index:-1;
 inset:auto -5% -130px 45%;
 height:260px;
 transform:rotate(-14deg);
 border-top:1px solid rgba(255,255,255,.13);
 background:linear-gradient(0deg,rgba(255,255,255,.035),transparent);
 pointer-events:none;
}
.vacancy-editor-hero__intro { position:relative; z-index:1; min-width:0; }
.vacancy-editor-hero__intro .eyebrow {
 display:inline-flex;
 align-items:center;
 gap:9px;
 margin-bottom:16px;
 color:#cbe9c1;
 font-size:11px;
 font-weight:750;
 line-height:1.3;
 letter-spacing:.14em;
 text-transform:uppercase;
}
.vacancy-editor-hero__intro .eyebrow::before {
 content:"";
 width:20px;
 height:2px;
 background:#d0d996;
 border-radius:3px;
}
.vacancy-editor-hero__intro h1 {
 margin:0;
 color:#fff;
 font-family:var(--mdb-font-display,'DM Serif Display',serif);
 font-size:clamp(2.25rem,3.5vw,3.45rem);
 font-weight:500;
 line-height:1.06;
 letter-spacing:-.025em;
 text-wrap:balance;
}
.vacancy-editor-hero__intro p {
 max-width:580px;
 margin:15px 0 0;
 color:#dfebe6;
 font-size:clamp(14px,1.14vw,16px);
 line-height:1.7;
}
.vacancy-editor-hero__code {
 display:inline-block;
 margin-top:18px;
 padding:5px 10px;
 border:1px solid rgba(255,255,255,.3);
 border-radius:6px;
 color:#e7f4e5;
 font-size:11px;
 font-weight:750;
 letter-spacing:.09em;
}
.vacancy-editor-hero__status {
 position:relative;
 z-index:1;
 min-width:0;
 padding:21px 22px 19px;
 border:1px solid rgba(255,255,255,.32);
 border-radius:16px;
 background:rgba(255,255,255,.11);
 box-shadow:0 13px 32px rgba(5,38,36,.12);
 backdrop-filter:blur(12px);
}
.vacancy-editor-hero__status-head {
 display:flex;
 align-items:baseline;
 justify-content:space-between;
 gap:14px;
 margin-bottom:15px;
 color:#e5f2e9;
 font-size:12px;
 font-weight:650;
}
.vacancy-editor-hero__status-head strong {
 color:#fff;
 font-family:var(--mdb-font-display,'DM Serif Display',serif);
 font-size:28px;
 font-weight:500;
 line-height:1;
 font-variant-numeric:tabular-nums;
}
.vacancy-editor-hero__progress {
 height:9px;
 overflow:hidden;
 border-radius:99px;
 background:rgba(255,255,255,.23);
}
.vacancy-editor-hero__progress > span {
 display:block;
 width:0;
 height:100%;
 border-radius:inherit;
 background:linear-gradient(90deg,#acd697,#e4da8f);
 transition:width .25s ease;
}
.vacancy-editor-hero__status .vacancy-field-status {
 display:block;
 margin-top:16px;
 color:#fff;
 font-size:14px;
 font-weight:700;
 line-height:1.4;
}
.vacancy-editor-hero__status small {
 display:block;
 margin-top:5px;
 color:#d7e8df;
 font-size:11.5px;
 line-height:1.5;
}
.vacancy-editor-guide {
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:11px;
 margin-bottom:21px;
}
.vacancy-editor-guide__item {
 display:grid;
 grid-template-columns:39px minmax(0,1fr);
 align-items:start;
 gap:12px;
 min-width:0;
 padding:15px 16px;
 border:1px solid #dce8df;
 border-radius:13px;
 background:#fff;
 box-shadow:0 4px 16px rgba(20,56,52,.035);
}
.vacancy-editor-guide__item > i {
 display:grid;
 width:39px;
 height:39px;
 place-items:center;
 border-radius:10px;
 color:#306c44;
 background:#e9f4e8;
 font-size:18px;
}
.vacancy-editor-guide__item:nth-child(2) > i { color:#326f87; background:#e8f2f5; }
.vacancy-editor-guide__item:nth-child(3) > i { color:#805a2e; background:#f8f0df; }
.vacancy-editor-guide__item span { min-width:0; }
.vacancy-editor-guide__item strong {
 display:block;
 margin:0 0 3px;
 color:#234b47;
 font-size:13px;
 font-weight:700;
 line-height:1.35;
}
.vacancy-editor-guide__item small {
 display:block;
 color:#637b73;
 font-size:11.5px;
 line-height:1.5;
}
[data-vacancy-form] .vacancy-writing-nav {
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:8px;
 margin:0 0 17px;
 padding:6px;
 border:1px solid #d9e6dc;
 border-radius:13px;
 background:#eaf1eb;
}
[data-vacancy-form] .vacancy-writing-nav a {
 display:flex;
 min-width:0;
 min-height:44px;
 align-items:center;
 justify-content:center;
 gap:9px;
 padding:8px 11px;
 border:1px solid transparent;
 border-radius:9px;
 color:#44645b;
 background:transparent;
 box-shadow:none;
 font-size:12.5px;
 font-weight:650;
 line-height:1.3;
 text-align:center;
 transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;
}
[data-vacancy-form] .vacancy-writing-nav a:hover,
[data-vacancy-form] .vacancy-writing-nav a:focus-visible {
 border-color:#cbded0;
 color:#245e3b;
 background:#fff;
}
[data-vacancy-form] .vacancy-writing-nav a[data-complete="true"] {
 color:#266342;
 background:#f9fcf8;
 border-color:#d6e8d5;
}
[data-vacancy-form] .vacancy-writing-nav a > span {
 display:grid;
 width:25px;
 height:25px;
 flex:none;
 place-items:center;
 border:1px solid #cbded0;
 border-radius:50%;
 color:#416f54;
 background:#f6faf5;
 font-size:11px;
 font-weight:750;
}
[data-vacancy-form] .vacancy-writing-nav a[data-complete="true"] > span {
 border-color:#9fcba6;
 color:#fff;
 background:#438751;
}
[data-vacancy-form] > section[id] { scroll-margin-top:84px; }
[data-vacancy-form] > .form-section-card,
[data-vacancy-form] > .vacancy-options {
 margin-bottom:18px;
 border:1px solid var(--ve-line);
 border-radius:16px;
 background:#fff;
 box-shadow:var(--ve-shadow);
}
[data-vacancy-form] > section.form-section-card { --ve-accent:#42748a; --ve-tint:#f3f8fa; }
[data-vacancy-form] > section.vacancy-content-card { --ve-accent:#397c49; --ve-tint:#f2f8f1; }
[data-vacancy-form] > section.vacancy-publishing { --ve-accent:#a0773c; --ve-tint:#fbf7ec; }
[data-vacancy-form] > section.form-section-card::before {
 content:"";
 display:block;
 height:4px;
 background:linear-gradient(90deg,var(--ve-accent),transparent 78%);
}
[data-vacancy-form] > section.form-section-card > .form-section-title {
 gap:15px;
 align-items:flex-start;
 padding:23px 27px 21px;
 border-bottom:1px solid #e7eee8;
 background:linear-gradient(100deg,var(--ve-tint),#fff 70%);
}
[data-vacancy-form] > section.form-section-card > .form-section-title > i {
 display:grid;
 width:44px;
 height:44px;
 flex:0 0 44px;
 place-items:center;
 border-radius:11px;
 color:var(--ve-accent);
 background:#fff;
 border:1px solid color-mix(in srgb,var(--ve-accent) 20%,white);
 box-shadow:0 3px 10px rgba(17,56,50,.05);
 font-size:19px;
}
[data-vacancy-form] > section.form-section-card > .form-section-title > div { min-width:0; }
[data-vacancy-form] > section.form-section-card > .form-section-title h2 {
 margin:1px 0 5px;
 color:#173f48;
 font-family:var(--mdb-font-display,'DM Serif Display',serif);
 font-size:clamp(1.35rem,1.9vw,1.7rem);
 font-weight:600;
 line-height:1.22;
 letter-spacing:-.012em;
}
[data-vacancy-form] > section.form-section-card > .form-section-title p {
 max-width:790px;
 margin:0;
 color:#617970;
 font-size:13px;
 line-height:1.6;
}
[data-vacancy-form] > section.form-section-card > .form-section-body { padding:26px 28px 29px; }
[data-vacancy-form] .career-form-grid { gap:20px 22px; }
[data-vacancy-form] .career-form-grid > * { min-width:0; }
[data-vacancy-form] .career-label {
 margin-bottom:8px;
 color:#2a4d49;
 font-size:12.5px;
 font-weight:700;
 line-height:1.35;
}
[data-vacancy-form] .career-input {
 min-height:47px;
 padding:11px 13px;
 border:1px solid #cfded5;
 border-radius:9px;
 color:#1d4244;
 background:#fbfdfb;
 box-shadow:inset 0 1px 1px rgba(19,57,48,.02);
 font-size:14px;
 line-height:1.4;
 transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
[data-vacancy-form] .career-input::placeholder { color:#8b9d97; opacity:1; }
[data-vacancy-form] .career-input:hover { border-color:#abc4b5; background:#fff; }
[data-vacancy-form] .career-input:focus {
 border-color:#438451;
 background:#fff;
 box-shadow:0 0 0 4px rgba(65,137,81,.12);
}
[data-vacancy-form] .career-input[aria-invalid="true"] { border-color:#b05244; background:#fffafa; }
[data-vacancy-form] .field-help {
 color:#667b72;
 font-size:11.5px;
 line-height:1.55;
}
[data-vacancy-form] .field-help a { color:#326f4e; font-weight:700; text-decoration:underline; text-underline-offset:2px; }
[data-vacancy-form] .vacancy-translation-layout {
 grid-template-columns:minmax(0,1fr) 146px minmax(0,1fr);
 gap:15px;
 align-items:start;
}
[data-vacancy-form] .vacancy-language-column {
 position:relative;
 gap:19px;
 min-width:0;
 padding:21px;
 border:1px solid #d7e6d8;
 border-radius:13px;
 background:linear-gradient(#f9fcf8,#fff 140px);
 box-shadow:0 7px 24px rgba(23,71,47,.035);
}
[data-vacancy-form] .vacancy-language-column:last-child {
 border-color:#d7e4ea;
 background:linear-gradient(#f8fbfd,#fff 140px);
}
[data-vacancy-form] .vacancy-language-column h3 {
 min-height:36px;
 margin:0 0 2px;
 padding:0 0 16px;
 border-bottom:1px solid #dce9dd;
 color:#255c3e;
 font-family:var(--mdb-font-display,'DM Serif Display',serif);
 font-size:20px;
 font-weight:600;
 line-height:1.25;
}
[data-vacancy-form] .vacancy-language-column:last-child h3 { color:#2b637a; border-color:#dce9ed; }
[data-vacancy-form] .vacancy-language-column h3 .status-badge {
 border:1px solid #c7ddcb;
 color:#2c7543;
 background:#e8f5e8;
 font-family:'DM Sans',sans-serif;
 font-size:10.5px;
 letter-spacing:.08em;
}
[data-vacancy-form] .vacancy-language-column:last-child h3 .status-badge {
 border-color:#c8dfe9;
 color:#2f6f88;
 background:#e9f3f7;
}
[data-vacancy-form] .vacancy-language-column .career-label {
 min-height:0;
 display:block;
 margin-bottom:8px;
 color:#314e49;
 font-size:12.5px;
}
[data-vacancy-form] .vacancy-language-column .career-input {
 padding:11px 12px;
 background:#fff;
 font-size:14px;
 line-height:1.55;
}
[data-vacancy-form] .vacancy-writing-field { min-width:0; }
[data-vacancy-form] .vacancy-writing-field + .vacancy-writing-field {
 padding-top:18px;
 border-top:1px solid #e6eee8;
}
[data-vacancy-form] .vacancy-writing-hint {
 min-height:0;
 margin:0 0 9px;
 color:#6a8077;
 font-size:11.5px;
 line-height:1.55;
}
[data-vacancy-form] textarea[data-writing-area] {
 min-height:160px;
 max-height:480px;
 padding:13px 14px;
 line-height:1.65;
 resize:vertical;
}
[data-vacancy-form] .vacancy-writing-meta {
 min-height:0;
 margin-top:6px;
 color:#71837d;
 font-size:10.5px;
 line-height:1.4;
}
[data-vacancy-form] .vacancy-writing-meta [data-writing-count] { font-variant-numeric:tabular-nums; }
[data-vacancy-form] .vacancy-translation-action {
 align-self:start;
 gap:8px;
 margin-top:82px;
 padding:18px 10px;
 border:1px solid #d9e6de;
 border-radius:12px;
 background:#f4f9f4;
 box-shadow:0 6px 17px rgba(18,63,43,.04);
}
[data-vacancy-form] .vacancy-translation-action .career-btn {
 width:100%;
 min-height:44px;
 padding:8px 10px;
 border:1px solid #377b48;
 border-radius:9px;
 color:#fff;
 background:#397c49;
 box-shadow:0 5px 11px rgba(45,114,62,.18);
 font-size:12px;
 white-space:normal;
}
[data-vacancy-form] .vacancy-translation-action .career-btn:hover { color:#fff; background:#286a39; }
[data-vacancy-form] .vacancy-translation-action small {
 color:#3c6d4d;
 font-size:10.5px;
 font-weight:700;
 letter-spacing:.025em;
}
[data-vacancy-form] .vacancy-translation-action .field-help {
 margin:0;
 font-size:10.5px;
 line-height:1.45;
}
[data-vacancy-form] .vacancy-translation-action [data-translation-status] {
 margin:0;
 color:#446d50;
 font-size:11px;
 line-height:1.45;
}
[data-vacancy-form] .vacancy-translation-action [data-translation-status]:empty { display:none; }
[data-vacancy-form] .vacancy-publishing > .form-section-body > .career-form-grid {
 padding:2px 0 4px;
}
[data-vacancy-form] .vacancy-publishing .vacancy-options {
 margin:22px 0 0;
 overflow:hidden;
 border:1px solid #e5e8db;
 border-radius:10px;
 background:#fdfcf8;
}
[data-vacancy-form] .vacancy-publishing .vacancy-options > summary { padding:13px 17px; }
[data-vacancy-form] .vacancy-publishing .vacancy-options > .career-form-grid { padding:18px 17px 10px; }
[data-vacancy-form] .vacancy-publishing .vacancy-options > .field-help { margin:0; padding:0 17px 17px; }
[data-vacancy-form] > details.vacancy-options { overflow:hidden; box-shadow:0 5px 16px rgba(20,62,56,.035); }
[data-vacancy-form] > details.vacancy-options > summary {
 position:relative;
 display:flex;
 align-items:center;
 min-height:61px;
 padding:16px 51px 16px 22px;
 color:#31534e;
 background:#fff;
 font-size:14px;
 font-weight:700;
 line-height:1.35;
 list-style:none;
}
[data-vacancy-form] > details.vacancy-options > summary::-webkit-details-marker { display:none; }
[data-vacancy-form] > details.vacancy-options > summary::after {
 content:"";
 position:absolute;
 right:24px;
 top:50%;
 width:8px;
 height:8px;
 border-right:2px solid #608078;
 border-bottom:2px solid #608078;
 transform:translateY(-68%) rotate(45deg);
 transition:transform .15s ease;
}
[data-vacancy-form] > details.vacancy-options[open] > summary {
 border-bottom:1px solid #e6eee8;
 color:#275d42;
 background:#f8fbf7;
}
[data-vacancy-form] > details.vacancy-options[open] > summary::after { transform:translateY(-35%) rotate(225deg); }
[data-vacancy-form] > details.vacancy-options > .form-section-body { padding:22px; }
[data-vacancy-form] > details.vacancy-options > .form-section-card {
 margin:0;
 border:0;
 border-radius:0;
 box-shadow:none;
}
[data-vacancy-form] > details.vacancy-options > .form-section-card > .form-section-title {
 padding:18px 22px;
 background:#fafcf9;
}
[data-vacancy-form] > details.vacancy-options > .form-section-card > .form-section-body { padding:22px; }
[data-vacancy-form] .section-actions {
 z-index:25;
 display:flex;
 align-items:center;
 gap:10px;
 margin-top:8px;
 padding:12px 15px;
 border:1px solid #d4e3d7;
 border-radius:13px;
 background:rgba(255,255,255,.97);
 box-shadow:0 13px 33px rgba(17,54,49,.14);
 backdrop-filter:blur(16px);
}
[data-vacancy-form] .vacancy-save-note {
 max-width:530px;
 margin-right:auto;
 color:#5f776d;
 font-size:12px;
 line-height:1.5;
}
[data-vacancy-form] .section-actions .career-btn { min-height:45px; padding:10px 18px; white-space:nowrap; }
[data-vacancy-form] .section-actions .career-btn.primary {
 min-width:155px;
 background:#347b43;
 box-shadow:0 5px 11px rgba(50,121,66,.17);
}
[data-vacancy-form] .section-actions .career-btn.primary:hover { background:#28683a; }

@media(max-width:1100px) {
 .vacancy-editor-hero { grid-template-columns:minmax(0,1fr) minmax(250px,.7fr); }
 [data-vacancy-form] .vacancy-translation-layout { grid-template-columns:minmax(0,1fr); gap:13px; }
 [data-vacancy-form] .vacancy-translation-action {
 display:grid;
 grid-template-columns:auto 1fr;
 gap:3px 15px;
 align-items:center;
 justify-items:start;
 margin:0;
 padding:12px 15px;
 border:1px solid #d9e6de;
 text-align:left;
 }
 [data-vacancy-form] .vacancy-translation-action .career-btn { grid-row:1/4; width:auto; padding-inline:17px; }
 [data-vacancy-form] .vacancy-translation-action small { grid-column:2; }
 [data-vacancy-form] .vacancy-translation-action .field-help,
 [data-vacancy-form] .vacancy-translation-action [data-translation-status] { grid-column:2; }
 [data-vacancy-form] .vacancy-language-column { padding:20px; }
}
@media(max-width:800px) {
 .vacancy-editor-hero { grid-template-columns:minmax(0,1fr); gap:24px; }
 .vacancy-editor-hero__status { max-width:none; }
 .vacancy-editor-guide { grid-template-columns:minmax(0,1fr); gap:8px; }
 .vacancy-editor-guide__item { align-items:center; padding:11px 13px; }
 [data-vacancy-form] .career-form-grid.three { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:650px) {
 [data-vacancy-form] { padding-bottom:0; }
 .vacancy-editor-hero { gap:19px; margin-bottom:12px; padding:25px 19px 19px; border-radius:15px; }
 .vacancy-editor-hero__intro .eyebrow { margin-bottom:11px; font-size:10px; }
 .vacancy-editor-hero__intro h1 { font-size:2.1rem; }
 .vacancy-editor-hero__intro p { margin-top:10px; font-size:12.5px; line-height:1.55; }
 .vacancy-editor-hero__status { padding:16px; border-radius:11px; }
 .vacancy-editor-hero__status-head { margin-bottom:10px; }
 .vacancy-editor-hero__status-head strong { font-size:23px; }
 .vacancy-editor-hero__status .vacancy-field-status { margin-top:11px; font-size:12.5px; }
 .vacancy-editor-guide { margin-bottom:14px; }
 .vacancy-editor-guide__item { grid-template-columns:34px minmax(0,1fr); gap:10px; }
 .vacancy-editor-guide__item > i { width:34px; height:34px; font-size:15px; }
 .vacancy-editor-guide__item strong { font-size:12px; }
 .vacancy-editor-guide__item small { font-size:10.5px; }
 [data-vacancy-form] .vacancy-writing-nav { grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; padding:4px; margin-bottom:13px; }
 [data-vacancy-form] .vacancy-writing-nav a { display:grid; justify-items:center; gap:4px; min-height:54px; padding:6px 2px; font-size:10px; line-height:1.2; }
 [data-vacancy-form] .vacancy-writing-nav a > span { width:21px; height:21px; font-size:10px; }
 [data-vacancy-form] > .form-section-card,
 [data-vacancy-form] > .vacancy-options { margin-bottom:13px; border-radius:13px; }
 [data-vacancy-form] > section.form-section-card > .form-section-title { gap:11px; padding:17px 16px; }
 [data-vacancy-form] > section.form-section-card > .form-section-title > i { width:37px; height:37px; flex-basis:37px; font-size:16px; }
 [data-vacancy-form] > section.form-section-card > .form-section-title h2 { font-size:1.26rem; }
 [data-vacancy-form] > section.form-section-card > .form-section-title p { font-size:11.5px; line-height:1.5; }
 [data-vacancy-form] > section.form-section-card > .form-section-body { padding:17px 16px 20px; }
 [data-vacancy-form] .career-form-grid,
 [data-vacancy-form] .career-form-grid.three { grid-template-columns:minmax(0,1fr); gap:15px; }
 [data-vacancy-form] .career-input { min-height:46px; font-size:16px; }
 [data-vacancy-form] .vacancy-language-column { gap:17px; padding:15px; }
 [data-vacancy-form] .vacancy-language-column h3 { padding-bottom:13px; font-size:18px; }
 [data-vacancy-form] .vacancy-language-column .career-input { font-size:16px; }
 [data-vacancy-form] .vacancy-writing-hint { font-size:11px; }
 [data-vacancy-form] .vacancy-translation-action { display:flex; align-items:stretch; gap:4px; padding:13px; text-align:center; }
 [data-vacancy-form] .vacancy-translation-action .career-btn { align-self:center; width:100%; }
 [data-vacancy-form] .vacancy-translation-action .field-help { margin-top:3px; }
 [data-vacancy-form] .vacancy-publishing .vacancy-options { margin-top:16px; }
 [data-vacancy-form] > details.vacancy-options > summary { min-height:57px; padding:12px 42px 12px 15px; font-size:12.5px; }
 [data-vacancy-form] > details.vacancy-options > summary::after { right:18px; }
 [data-vacancy-form] > details.vacancy-options > .form-section-body,
 [data-vacancy-form] > details.vacancy-options > .form-section-card > .form-section-body { padding:16px; }
 [data-vacancy-form] .section-actions { bottom:0; flex-wrap:wrap; gap:7px; margin:0 -2px; padding:9px 10px calc(9px + env(safe-area-inset-bottom)); border-radius:12px 12px 0 0; }
 [data-vacancy-form] .vacancy-save-note { display:block; flex:1 0 100%; max-width:none; margin:0 0 1px; font-size:10.5px; }
 [data-vacancy-form] .section-actions .career-btn { flex:1; min-width:0; min-height:43px; padding:9px 11px; font-size:12px; }
 [data-vacancy-form] .section-actions .career-btn.primary { flex:1.5; min-width:0; }
}

/* Candidate-facing preview stays visually separate from the editing controls. */
[data-vacancy-form] .vacancy-preview {
 overflow:hidden;
 margin:0 0 18px;
 border:1px solid #cbdedb;
 border-radius:15px;
 background:#f3f8f6;
 box-shadow:0 6px 19px rgba(18,61,63,.045);
}
[data-vacancy-form] .vacancy-preview > summary {
 position:relative;
 display:flex;
 min-height:72px;
 align-items:center;
 justify-content:space-between;
 gap:20px;
 padding:17px 47px 17px 20px;
 color:#28585d;
 background:linear-gradient(90deg,#eaf4f0,#f7faf8);
 cursor:pointer;
 list-style:none;
}
[data-vacancy-form] .vacancy-preview > summary::-webkit-details-marker { display:none; }
[data-vacancy-form] .vacancy-preview > summary::after {
 content:"";
 position:absolute;
 top:50%;
 right:21px;
 width:8px;
 height:8px;
 border-right:2px solid #518277;
 border-bottom:2px solid #518277;
 transform:translateY(-65%) rotate(45deg);
 transition:transform .15s ease;
}
[data-vacancy-form] .vacancy-preview[open] > summary::after { transform:translateY(-35%) rotate(225deg); }
[data-vacancy-form] .vacancy-preview > summary > span { display:flex; min-width:0; align-items:center; gap:13px; }
[data-vacancy-form] .vacancy-preview > summary i {
 display:grid;
 width:37px;
 height:37px;
 flex:none;
 place-items:center;
 border:1px solid #cce2d9;
 border-radius:9px;
 color:#348267;
 background:#fff;
 font-size:17px;
}
[data-vacancy-form] .vacancy-preview > summary strong {
 font-size:14px;
 font-weight:750;
 line-height:1.35;
}
[data-vacancy-form] .vacancy-preview > summary small {
 color:#628078;
 font-size:11.5px;
 line-height:1.4;
 text-align:right;
}
[data-vacancy-form] .vacancy-preview__body {
 padding:21px;
 border-top:1px solid #dceae3;
 background:#f6faf7;
}
[data-vacancy-form] .vacancy-preview__body > p {
 margin:0 auto 14px;
 max-width:780px;
 color:#627b71;
 font-size:11.5px;
 line-height:1.55;
}
[data-vacancy-form] .vacancy-preview__card {
 max-width:780px;
 margin:auto;
 overflow:hidden;
 padding:26px 29px;
 border:1px solid #d8e5df;
 border-top:4px solid #397c49;
 border-radius:12px;
 background:#fff;
 box-shadow:0 15px 35px rgba(15,56,49,.08);
}
[data-vacancy-form] .vacancy-preview__top {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
 margin-bottom:11px;
}
[data-vacancy-form] .vacancy-preview__top > span:first-child {
 color:#327148;
 font-size:11px;
 font-weight:800;
 letter-spacing:.07em;
 line-height:1.35;
 text-transform:uppercase;
}
[data-vacancy-form] .vacancy-preview__top > span:last-child {
 flex:none;
 padding:4px 9px;
 border:1px solid #d2e4d5;
 border-radius:99px;
 color:#487255;
 background:#eff7ee;
 font-size:10px;
 font-weight:700;
}
[data-vacancy-form] .vacancy-preview__card h3 {
 margin:0;
 color:#173f48;
 font-family:var(--mdb-font-display,'DM Serif Display',serif);
 font-size:clamp(1.45rem,2.2vw,1.9rem);
 font-weight:600;
 line-height:1.25;
}
[data-vacancy-form] .vacancy-preview__meta {
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 margin:15px 0 22px;
 padding-bottom:20px;
 border-bottom:1px solid #e5ede8;
}
[data-vacancy-form] .vacancy-preview__meta > span {
 display:inline-flex;
 min-width:0;
 align-items:center;
 gap:7px;
 padding:6px 9px;
 border:1px solid #e0eae3;
 border-radius:7px;
 color:#526e64;
 background:#f7faf7;
 font-size:11.5px;
 line-height:1.35;
}
[data-vacancy-form] .vacancy-preview__meta i { color:#4c865c; }
[data-vacancy-form] .vacancy-preview__text + .vacancy-preview__text { margin-top:20px; }
[data-vacancy-form] .vacancy-preview__text h4 {
 margin:0 0 7px;
 color:#2c514b;
 font-size:13px;
 font-weight:750;
}
[data-vacancy-form] .vacancy-preview__text p {
 margin:0;
 color:#566f65;
 font-size:12.5px;
 line-height:1.7;
 white-space:pre-line;
 overflow-wrap:anywhere;
}
@media(max-width:650px) {
 [data-vacancy-form] .vacancy-preview { margin-bottom:13px; border-radius:13px; }
 [data-vacancy-form] .vacancy-preview > summary { min-height:65px; align-items:flex-start; padding:13px 36px 13px 13px; }
 [data-vacancy-form] .vacancy-preview > summary > span { gap:10px; }
 [data-vacancy-form] .vacancy-preview > summary i { width:34px; height:34px; font-size:15px; }
 [data-vacancy-form] .vacancy-preview > summary strong { font-size:12.5px; }
 [data-vacancy-form] .vacancy-preview > summary small { display:none; }
 [data-vacancy-form] .vacancy-preview > summary::after { right:16px; }
 [data-vacancy-form] .vacancy-preview__body { padding:13px; }
 [data-vacancy-form] .vacancy-preview__card { padding:18px 16px; }
 [data-vacancy-form] .vacancy-preview__card h3 { font-size:1.45rem; }
 [data-vacancy-form] .vacancy-preview__meta { margin:12px 0 17px; padding-bottom:16px; }
}

[data-vacancy-form] .vacancy-manager-scope {
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:9px;
 margin-bottom:16px;
}
[data-vacancy-form] .vacancy-manager-scope > div {
 display:flex;
 align-items:flex-start;
 gap:10px;
 min-width:0;
 padding:12px 13px;
 border:1px solid #dbe7ee;
 border-radius:10px;
 background:#f5f9fb;
}
[data-vacancy-form] .vacancy-manager-scope i {
 flex:0 0 auto;
 color:#386e8c;
 font-size:16px;
 line-height:1.2;
}
[data-vacancy-form] .vacancy-manager-scope span { display:grid; gap:3px; min-width:0; }
[data-vacancy-form] .vacancy-manager-scope strong {
 color:#244c62;
 font-size:12.5px;
 font-weight:600;
 line-height:1.3;
}
[data-vacancy-form] .vacancy-manager-scope small {
 color:#627982;
 font-size:11.5px;
 line-height:1.35;
}
[data-vacancy-form] .access-empty[hidden] { display:none; }
@media(max-width:700px) {
 [data-vacancy-form] .vacancy-manager-scope { grid-template-columns:1fr; }
}

.candidate-view--password { max-width:1100px; margin-inline:auto; }
.candidate-password-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(250px,.8fr); align-items:start; gap:18px; }
.candidate-password-card { margin:0; }
.candidate-password-form { display:grid; gap:16px; max-width:640px; }
.candidate-password-form__field { min-width:0; }
.candidate-password-form__field .career-label { margin-bottom:7px; font-size:13px; }
.candidate-password-form__field .career-input { min-height:47px; background:#fff; font-size:15px; }
.candidate-password-form__divider { height:1px; margin:2px 0; background:#e5ebe7; }
.candidate-password-form__rules { display:flex; gap:9px; margin:0; padding:12px 14px; border:1px solid #dce8e0; border-radius:10px; background:#f5faf6; color:#3e6151; font-size:12.5px; line-height:1.45; }
.candidate-password-form__rules i { flex:0 0 auto; font-size:16px; }
.candidate-password-form__actions { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; margin-top:3px; }
.candidate-password-form__actions .career-btn { min-height:42px; }
.candidate-password-note { padding:22px; border:1px solid #dce8e0; border-radius:14px; background:#f5faf6; color:#45615a; }
.candidate-password-note>i { display:grid; width:42px; height:42px; place-items:center; border-radius:11px; background:#e2f0e7; color:#27724c; font-size:19px; }
.candidate-password-note h2 { margin:16px 0 8px; color:#243f37; font-size:17px; line-height:1.25; }
.candidate-password-note>p { margin:0; font-size:13px; line-height:1.5; }
.candidate-password-note__email { display:grid; gap:3px; overflow-wrap:anywhere; margin-top:20px!important; padding-top:15px; border-top:1px solid #d9e6dd; }
.candidate-password-note__email span { color:#667e74; font-size:11px; }
.candidate-password-note__email strong { color:#244237; font-size:13px; }
.candidate-password-note>a { display:inline-flex; align-items:center; gap:6px; margin-top:19px; color:#235f47; font-size:12.5px; font-weight:700; text-decoration:none; }
.candidate-password-note>a:hover { text-decoration:underline; }
@media(max-width:820px) { .candidate-password-layout { grid-template-columns:1fr; } }
@media(max-width:560px) { .candidate-password-form__actions .career-btn { flex:1; } .candidate-password-note { padding:18px; } }