.careers-hero{padding:clamp(100px,13vw,190px) clamp(28px,9vw,150px);background:linear-gradient(135deg,#0b121b 0,#172432 100%);color:#fff;position:relative;overflow:hidden}.careers-hero:after{content:"MA";position:absolute;inset-inline-end:-2vw;top:50%;transform:translateY(-50%);font:400 min(32vw,460px) Georgia,serif;color:rgba(255,255,255,.025)}.careers-hero>span,.careers-heading span,.career-apply-form>span{color:#c89548;font-size:10px;font-weight:700;letter-spacing:.28em}.careers-hero h1{max-width:950px;font:400 clamp(54px,7.5vw,110px)/1 Georgia,serif;letter-spacing:-.045em;margin:27px 0}.public-shell[dir=rtl] .careers-hero h1{font-family:"IBM Plex Sans Arabic";font-weight:500;line-height:1.2}.careers-hero p{max-width:700px;color:#abb5c1;font-size:17px;line-height:1.85}.careers-list-section{padding:clamp(80px,9vw,140px) clamp(28px,7vw,120px);background:#f7f4ee}.careers-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:55px}.careers-heading h2{font:400 clamp(38px,4vw,62px) Georgia,serif;margin:19px 0 0}.careers-heading>p{max-width:390px;color:#747d88;line-height:1.7}.careers-jobs{border-top:1px solid rgba(18,25,35,.17)}.career-card{display:grid;grid-template-columns:55px 1fr auto;gap:30px;align-items:center;padding:35px 10px;border-bottom:1px solid rgba(18,25,35,.17)}.career-card-index{color:#bd8a3d;font-size:10px}.career-card>div:nth-child(2)>span{color:#9a7137;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.career-card h3{font:400 clamp(25px,2.5vw,38px) Georgia,serif;margin:10px 0 16px}.career-meta{display:flex;gap:23px;flex-wrap:wrap;color:#747d88}.career-meta small{font-size:11px}.career-card>button{border:0;background:#101822;color:white;padding:18px 20px;display:flex;gap:35px;font:700 12px inherit;cursor:pointer}.career-card>button span,.career-submit span{color:#d4a252}.careers-empty{padding:80px 30px;text-align:center;background:#fff;border:1px solid rgba(18,25,35,.1);color:#6f7885}.careers-empty b{display:block;color:#161e29;font:400 27px Georgia,serif}.career-modal-backdrop{position:fixed;inset:0;background:rgba(4,9,14,.78);z-index:1000;padding:28px;display:grid;place-items:center;overflow:auto}.career-modal{width:min(1280px,100%);max-height:calc(100vh - 56px);overflow:auto;background:#fff;display:grid;grid-template-columns:.9fr 1.1fr;position:relative}.career-modal-close{position:absolute;z-index:2;top:22px;inset-inline-end:22px;width:44px;height:44px;border:0;border-radius:50%;font-size:27px;cursor:pointer}.career-modal-summary{padding:70px 55px;background:#101823;color:white}.career-modal-summary>span{color:#c9974d;font-size:10px;letter-spacing:.16em}.career-modal-summary h2{font:400 clamp(35px,4vw,55px) Georgia,serif;margin:20px 0}.career-modal-summary h3{font-size:13px;margin:38px 0 12px}.career-modal-summary p{color:#aab3bf;font-size:13px;line-height:1.85;white-space:pre-line}.career-apply-form{padding:70px 55px}.career-apply-form>h3{font:400 35px Georgia,serif;margin:14px 0 30px}.career-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.career-form-grid label,.pipeline-editor label{display:flex;flex-direction:column;gap:9px}.career-form-grid label>span,.pipeline-editor label>span{font-size:11px;font-weight:700}.career-form-grid input,.career-form-grid textarea,.pipeline-editor input,.pipeline-editor textarea{border:1px solid #ded9d0;background:#fbfaf7;padding:15px;font:500 14px inherit;outline:none}.career-form-grid input:focus,.career-form-grid textarea:focus{border-color:#bd8a3d}.career-form-grid .wide{grid-column:1/-1}.career-file input{padding:12px}.career-file small{color:#78818d}.career-submit{margin-top:26px;width:100%;border:0;background:#111a25;color:white;display:flex;justify-content:space-between;padding:19px 22px;font:700 13px inherit;cursor:pointer}.career-submit:disabled{opacity:.6}.application-success{text-align:center;padding:80px 20px}.application-success>span{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:#e7f3ee;color:#297763;font-size:28px;margin:auto}.application-success h3{font:400 36px Georgia,serif}.application-success p{color:#707986;line-height:1.8}.application-success button{border:0;background:#111a25;color:#fff;padding:17px 25px}.form-message.error{background:#fff0ee;color:#9b3e32;padding:13px;margin-bottom:18px;font-size:12px}
/* Recruitment Admin Dashboard */
.recruitment-heading{margin-bottom:30px}
.recruitment-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}
.recruitment-stats article{background:#faf7f1;border:1px solid #d7cec2;padding:22px 24px;display:flex;align-items:center;gap:18px;transition:border-color .2s ease}
.recruitment-stats article:hover{border-color:#8a6848}
.recruitment-stats article>span{width:46px;height:46px;display:grid;place-items:center;background:#282521;color:#d0aa83;border-radius:0;font-size:18px}
.recruitment-stats strong{display:block;font-size:28px;font-weight:600;line-height:1.1;color:#201e1b}
.recruitment-stats small{color:#736d66;font-size:11px;font-weight:500;margin-top:3px;display:block}
.recruitment-tabs{display:flex;border-bottom:1px solid #d8cfc3;gap:24px}
.recruitment-tabs button{border:0;background:transparent;padding:16px 6px;color:#766f67;font-size:13px;font-weight:700;position:relative;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.recruitment-tabs button.active{color:#201e1b}
.recruitment-tabs button.active:after{content:"";position:absolute;height:2px;background:#8a6848;inset:auto 0 -1px}
.recruitment-tabs b{background:#e8dfd3;color:#4f4841;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:700}
.recruitment-tabs button.active b{background:#8a6848;color:#fff}
.recruitment-panel{background:#faf7f1;border:1px solid #d7cec2;margin-top:24px}
.recruitment-toolbar{padding:22px 28px;border-bottom:1px solid #e2d9cd;display:flex;justify-content:space-between;align-items:center;gap:25px}
.recruitment-toolbar h2{font-size:19px;margin:0 0 4px;font-weight:600}
.recruitment-toolbar p{margin:0;color:#766f67;font-size:12px}
.recruitment-toolbar a{color:#8a6848;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.recruitment-toolbar a:hover{text-decoration:underline}
.recruitment-toolbar select{min-width:200px;padding:10px 14px;border:1px solid #cfc3b5;background:#fbf8f3;color:#2c2925;font:inherit;outline:none}
.jobs-admin-list article{display:grid;grid-template-columns:90px 1fr 100px auto;align-items:center;gap:24px;padding:22px 28px;border-bottom:1px solid #e8dfd3;transition:background .15s ease}
.jobs-admin-list article:hover{background:#f5ede3}
.jobs-admin-list article:last-child{border:0}
.job-status{width:max-content;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px}
.job-status.live{background:#e4ece4;color:#336345}
.job-status.draft{background:#ece4da;color:#6b6257}
.jobs-admin-list small{color:#8a6848;font-size:11px;font-weight:600;display:block}
.jobs-admin-list h3{margin:6px 0;font-size:17px;font-weight:600;color:#201e1b}
.jobs-admin-list p{margin:0;color:#766f67;font-size:12px}
.job-admin-count{text-align:center;background:#eee5da;padding:10px 14px;border:1px solid #dcd1c4}
.job-admin-count strong{display:block;font-size:22px;line-height:1;color:#201e1b}
.job-admin-count small{display:block;font-size:10px;color:#766f67;margin-top:2px}
.manage-link{border:1px solid #cfc3b5;background:#fbf8f3;color:#75583e;font-weight:700;padding:9px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}
.manage-link:hover{background:#282521;color:#fff;border-color:#282521}

/* Applicants Table */
.applicants-table{overflow-x:auto}
.applicants-row{width:100%;min-width:800px;display:grid;grid-template-columns:1.3fr 1.3fr .8fr .75fr 36px;align-items:center;gap:20px;padding:18px 28px;border:0;border-bottom:1px solid #e8dfd3;background:#faf7f1;text-align:start;font:inherit;cursor:pointer;transition:background .15s ease}
.applicants-row:not(.header):hover{background:#f3eae0}
.applicants-row.header{background:#eee7de;color:#625b54;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;cursor:default}
.applicants-row span{font-size:12px}
.applicants-row span>b,.applicants-row span>small{display:block}
.applicants-row span>b{font-size:13px;font-weight:600;margin-bottom:3px;color:#201e1b}
.applicants-row span>small{color:#766f67;font-size:11px}
.stage-badge{display:inline-block;padding:6px 12px;border-radius:4px;font-style:normal;font-size:11px;font-weight:700;background:#eee7de;color:#595147}
.stage-candidate,.stage-assessment,.stage-interview{background:#e8eff8;color:#2f547c}
.stage-offer{background:#fdf2dc;color:#855c1b}
.stage-hired{background:#e2f2e8;color:#236b48}
.stage-rejected{background:#fae8e6;color:#8c342b}

/* Job Editor Modal Redesign */
.job-editor{width:min(1060px,calc(100vw - 36px));max-height:calc(100vh - 48px);overflow-y:auto;background:#faf7f1;border:1px solid #d7cec2;box-shadow:0 30px 85px rgba(34,27,21,.3);display:flex;flex-direction:column}
.job-editor .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:26px 32px 20px;border-bottom:1px solid #e4dacd;background:#f3ede3;gap:20px}
.job-editor .modal-header h2{font-size:22px;font-weight:600;margin:6px 0 4px;color:#201e1b}
.job-editor .modal-header p{margin:0;color:#766f67;font-size:12px}
.job-editor .modal-body{padding:26px 32px;display:flex;flex-direction:column;gap:22px}
.job-editor .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:#f3ede3;border-top:1px solid #e4dacd;gap:16px}
.job-editor-section{background:#fff;border:1px solid #e2d9cc;padding:22px 24px}
.job-section-title{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #eee5da}
.job-section-title span{width:28px;height:28px;display:grid;place-items:center;background:#282521;color:#d0aa83;font-size:12px;font-weight:700}
.job-section-title h3{margin:0;font-size:14px;font-weight:700;color:#201e1b}
.job-section-title small{margin-inline-start:auto;color:#766f67;font-size:11px}

/* Language Switcher Tabs inside Modal */
.job-lang-tabs{display:flex;gap:10px;background:#eee7de;padding:6px;border:1px solid #d8cec2}
.job-lang-tabs button{flex:1;border:0;background:transparent;padding:10px 14px;font-size:12px;font-weight:700;color:#675e53;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}
.job-lang-tabs button:hover{color:#201e1b}
.job-lang-tabs button.active{background:#fff;color:#201e1b;border:1px solid #cfc4b7;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.lang-badge{display:inline-block;padding:2px 7px;border-radius:3px;font-size:10px;font-weight:800;letter-spacing:.04em}
.lang-badge.ar{background:#e7f0e7;color:#296541}
.lang-badge.en{background:#e6edf6;color:#28527e}

/* Grid & Inputs inside Modal */
.job-meta-grid{display:grid;grid-template-columns:1.3fr 1fr 1.1fr;gap:18px}
.job-fields-grid{display:grid;grid-template-columns:1fr;gap:18px}
.job-fields-grid.dual-view{grid-template-columns:1fr 1fr;gap:24px}
.job-lang-card{background:#fdfcf9;border:1px solid #e5dcce;padding:22px;display:flex;flex-direction:column;gap:16px}
.job-lang-card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #ede4d8}
.job-lang-card-header h4{margin:0;font-size:13px;font-weight:700;color:#201e1b;display:flex;align-items:center;gap:8px}
.job-lang-card-header span{font-size:11px;color:#766f67}
.job-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.job-editor label{display:flex;flex-direction:column;gap:7px}
.job-editor label>span{font-size:11px;font-weight:700;color:#3a342d;display:flex;align-items:center;justify-content:space-between}
.job-editor label>span small{font-weight:400;color:#857d74}
.job-editor input,.job-editor select,.job-editor textarea{width:100%;border:1px solid #cfc3b5!important;border-radius:0!important;background:#fbf8f3!important;padding:11px 14px;color:#201e1b;font-size:13px;outline:none;font-family:inherit;transition:border-color .15s ease,background-color .15s ease}
.job-editor input:focus,.job-editor select:focus,.job-editor textarea:focus{border-color:#806044!important;box-shadow:0 0 0 2px rgba(128,96,68,.12)!important;background:#fff!important}
.job-editor textarea{resize:vertical;min-height:95px;line-height:1.6}
.job-editor .wide{grid-column:1/-1}

/* Modal Error Banner */
.modal-alert{padding:12px 18px;background:#fae8e6;border:1px solid #f0cfcb;color:#8a3026;font-size:12px;font-weight:600;display:flex;align-items:center;gap:10px}
.modal-alert span{font-size:16px;flex:none}

/* Applicant Drawer */
.applicant-drawer{width:min(960px,calc(100vw - 36px));max-height:calc(100vh - 48px);overflow:auto;background:#faf7f1;border:1px solid #d7cec2;box-shadow:0 30px 85px rgba(34,27,21,.3)}
.applicant-drawer .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:26px 32px 20px;border-bottom:1px solid #e4dacd;background:#f3ede3}
.applicant-drawer .modal-header h2{font-size:22px;font-weight:600;margin:6px 0 4px;color:#201e1b}
.applicant-drawer .modal-header p{margin:0;color:#766f67;font-size:12px}
.applicant-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;padding:28px 32px}
.candidate-contact{display:grid;gap:10px;align-content:start}
.candidate-contact a,.candidate-contact span{padding:12px 16px;background:#f3ece2;border:1px solid #e5dbcd;color:#28241f;text-decoration:none;font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px}
.candidate-contact a:hover{background:#ede3d7;color:#8a6848}
.candidate-letter{grid-column:1;background:#fff;border:1px solid #e2d9cc;padding:20px}
.candidate-letter h3,.pipeline-editor h3{font-size:14px;font-weight:700;margin:0 0 10px;color:#201e1b}
.candidate-letter p{font-size:12px;color:#5a544c;line-height:1.75;margin:0;white-space:pre-wrap}
.resume-link{grid-column:1;display:flex;gap:14px;padding:16px 20px;background:#282521;color:white;text-decoration:none;align-items:center;border:1px solid #282521;transition:background .15s ease}
.resume-link:hover{background:#75583e;border-color:#75583e}
.resume-link b{display:block;font-size:13px;font-weight:700}
.resume-link small{display:block;color:#d5cbbe;font-size:11px;margin-top:3px}
.pipeline-editor{grid-column:2;grid-row:1/4;border-inline-start:1px solid #e2d9cc;padding-inline-start:28px}
.pipeline-steps{display:flex;margin:20px 0 26px}
.pipeline-steps button{flex:1;border:0;background:transparent;padding:0;position:relative;cursor:pointer}
.pipeline-steps button:before{content:"";position:absolute;top:15px;inset-inline-start:0;width:100%;height:1px;background:#d8cfc3}
.pipeline-steps span{position:relative;width:30px;height:30px;border-radius:0;border:1px solid #cdbda9;display:grid;place-items:center;margin:auto;background:#fbf8f3;color:#6d655a;font-size:11px;font-weight:700}
.pipeline-steps small{display:block;font-size:10px;font-weight:600;margin-top:8px;color:#766f67}
.pipeline-steps button.done span,.pipeline-steps button.current span{background:#8a6848;border-color:#8a6848;color:white}
.pipeline-steps button.current small{color:#201e1b;font-weight:700}
.pipeline-editor label{margin-top:16px}
.reject-link{border:0;background:transparent;color:#9e3a31;padding:16px 0;text-align:start;cursor:pointer;font-size:12px;font-weight:700}
.reject-link:hover{text-decoration:underline}
.applicant-drawer .modal-footer{display:flex;justify-content:flex-end;padding:18px 32px;background:#f3ede3;border-top:1px solid #e4dacd;gap:12px}

.toast-message{padding:14px 20px;background:#e2f2e8;color:#236b48;border:1px solid #c4e4cf;margin-bottom:24px;font-size:13px;font-weight:600}
.toast-message.error{background:#fae8e6;color:#8c342b;border-color:#f0cfcb}

@media(max-width:960px){
    .job-meta-grid{grid-template-columns:1fr}
    .job-fields-grid.dual-view{grid-template-columns:1fr}
    .applicant-body{grid-template-columns:1fr}
    .pipeline-editor{grid-column:1;grid-row:auto;border-inline-start:0;border-top:1px solid #e2d9cc;padding-inline-start:0;padding-top:24px}
    .candidate-letter,.resume-link{grid-column:1}
    .recruitment-stats{grid-template-columns:1fr 1fr}
}

@media(max-width:640px){
    .recruitment-stats{grid-template-columns:1fr}
    .recruitment-toolbar{align-items:flex-start;flex-direction:column}
    .jobs-admin-list article{grid-template-columns:1fr auto}
    .job-status{grid-column:1}
    .manage-link{grid-column:2;grid-row:1/3}
    .job-form-row{grid-template-columns:1fr}
    .job-editor .modal-header,.job-editor .modal-body,.job-editor .modal-footer,.applicant-drawer .modal-header,.applicant-body,.applicant-drawer .modal-footer{padding-inline:18px}
    .pipeline-steps{overflow-x:auto}
    .pipeline-steps button{min-width:70px}
}
