@font-face{font-family:"Somar";src:url("fonts/somar-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Somar";src:url("fonts/somar-semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Somar";src:url("fonts/somar-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#1d1d5d;--sky:#0077c1;--light:#f1f2f6;--line:#e0e1e9;--text:#3a3b52;--turq:#40c8f4;--panel:#0f0f33;--footer-line:#31317f;--font:"Somar",system-ui,-apple-system,"Segoe UI","Noto Sans Arabic",sans-serif}
html{scroll-behavior:smooth;overflow-x:hidden}
body,body.blue-theme{margin:0;background:#f1f2f6!important;color:var(--text)!important;font-family:var(--font)!important;font-size:18px;line-height:1.65;overflow-x:hidden}
body:before,body:after{display:none!important}
.wrap{max-width:1180px;margin:0 auto;padding:0 26px}
a{text-decoration:none}
:focus-visible{outline:2px solid var(--turq);outline-offset:3px;border-radius:3px}

/* Official Astra header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(225,226,246,.92);backdrop-filter:blur(14px);border-bottom:1px solid #d2d4e4}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:112px}
.official-brand{display:flex;align-items:center;flex:0 0 auto}
.official-brand img{display:block;width:100px;height:auto}
.nav{display:flex;align-items:center;gap:36px}
.nav a{font-size:20px;font-weight:700;color:#3a3b52;transition:color .18s}
.nav a:hover{color:#1d1d5d}
.nav .lang{font-size:18.5px;border:1.5px solid #b9bcde;padding:9px 20px;border-radius:20px;color:#0077c1}
.nav a.btn{display:inline-block;background:#2a2a86;color:#fff!important;padding:13px 26px;border-radius:7px;font-size:18px;font-weight:700;transition:transform .18s,box-shadow .18s}
.nav a.btn:hover{background:#1d1d5d;transform:translateY(-1px);box-shadow:0 8px 22px -8px rgba(42,42,134,.5)}
.burger{display:none;background:none;border:0;color:#1d1d5d;font-size:26px;cursor:pointer;padding:6px}

/* Careers content aligned with the official light site */
main{min-height:56vh;background:#f1f2f6}
.hero,.job-hero,.thanks{background:linear-gradient(118deg,#1d1d5d 0%,#2a2a86 26%,#0077c1 68%,#40c8f4 100%);color:#fff}
.hero h1,.job-hero h1,.thanks h1{color:#fff}
.hero h1 em{color:#78d8f7}
.hero .lead,.job-hero .lead,.thanks .lead,.job-hero small{color:rgba(255,255,255,.85)}
.eyebrow{font-family:var(--font);font-size:16px;letter-spacing:0;color:#0077c1;font-weight:700}
.hero .eyebrow,.job-hero .eyebrow,.thanks .eyebrow{color:rgba(255,255,255,.82)}
h1,h2,h3{font-family:var(--font);color:#1d1d5d}
.button,button.button{background:#2a2a86;color:#fff;border-radius:9px;padding:13px 24px}
.hero .button,.job-hero .button,.thanks .button{background:#fff;color:#2a2a86}
.orbit{border-color:rgba(255,255,255,.35);color:#fff}.orbit b{color:#78d8f7}.orbit:before,.orbit:after{background:#78d8f7}
.intro,.jobs,.admin,.job-content,.form-page{background:#fff}
.home-intro{max-width:none;padding-inline:max(30px,calc((100% - 1120px)/2));border-bottom:1px solid #e0e1e9}
.jobs,.admin,.job-content,.form-page{max-width:1180px;margin:34px auto;border:1px solid #e0e1e9;border-radius:20px}
.job-row,.admin-row,.application{border-color:#e0e1e9}.job-row:hover{background:#edf9fd}
.job-row h3,.admin-row b,.application h2{color:#1d1d5d}
.job-row p,.admin-row small,.application header p,.muted{color:#6e6e86}
.job-meta b,.back,.admin-row a,.section-head>a,.application header a{color:#0077c1}
.form-section,.stats div,.empty{background:#f1f2f6;border:1px solid #e0e1e9}
input,textarea,select{background:#fff!important;border:1px solid #c9cbe0!important;color:#2e2e48!important;border-radius:9px!important;font-family:var(--font)!important;font-size:16px}
input:focus,textarea:focus,select:focus{outline:none;border-color:#0077c1!important;box-shadow:0 0 0 3px rgba(0,119,193,.1)}

/* Stable, compact pagination without framework-dependent SVG sizing */
.astra-pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:36px 0 0;padding:0;direction:rtl}
.astra-pagination a,.astra-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 11px;border:1px solid #c9cbe0;border-radius:8px;background:#fff;color:#2a2a86;font-size:15px;font-weight:700;line-height:1}
.astra-pagination svg{display:block!important;width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important}
.astra-pagination a:hover{border-color:#2a2a86;background:#f1f2f6}
.astra-pagination .active{background:#2a2a86;color:#fff;border-color:#2a2a86}
.astra-pagination .disabled{color:#9a9bad;background:#f4f4f7;cursor:not-allowed}

/* Keep dashboard actions inside the admin card at every viewport width. */
.dashboard-page .admin-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;justify-content:stretch;gap:22px}
.dashboard-page .admin-head>div:first-child h1{margin-bottom:0}
.dashboard-page .dashboard-actions{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;gap:12px;width:100%;max-width:100%;min-width:0;transform:none!important}
.dashboard-page .dashboard-actions>.button,.dashboard-page .dashboard-actions>.dashboard-action-box{min-height:58px;height:auto;margin:0;padding:12px 20px}
.dashboard-page .dashboard-actions>.users-box{width:auto}
.dashboard-page .dashboard-actions>.inline{display:flex;margin:0}
.dashboard-page .dashboard-actions>.inline .logout-box{height:100%;min-height:58px;margin:0;padding:12px 20px}

/* Improve reviewer readability without changing the page's primary type scale. */
.applications-page .application-filters label{font-size:15px;line-height:1.55}
.applications-page .applications-count{font-size:15px;line-height:1.6}
.applications-page .restored-application .details{font-size:16px;line-height:1.55}

/* Official Astra footer */
.official-footer{max-width:none!important;margin:60px 0 0!important;padding:60px 0 30px!important;display:block!important;background:#0f0f33!important;border-top:0!important;color:#dfe2f7!important;font-size:18px!important}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.official-footer h4{font-size:22px;font-weight:700;color:#fff;margin:0 0 22px}
.official-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.official-footer a{font-size:19px;font-weight:600;color:#dfe2f7;transition:color .18s}
.official-footer a:hover{color:#78d8f7}
.f-brand img{width:112px;height:auto;margin-bottom:18px}
.f-brand p{font-size:20px;line-height:1.75;color:#e4e7fa;margin:0 0 6px;max-width:34ch}
.social{display:flex;gap:10px;margin-top:18px}.social a{width:46px;height:46px;border:1px solid #3a3b7a;border-radius:12px;display:flex;align-items:center;justify-content:center}
.f-bot{border-top:1px solid #31317f;margin-top:44px;padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:16.5px;color:#b9bcde}

@media(max-width:1150px){.nav{gap:24px}.nav a{font-size:18px}.nav a.btn{padding-inline:20px}}
@media(max-width:980px){.f-grid{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:760px){
  .hdr .wrap{height:92px}.official-brand img{width:82px}.burger{display:block}
  .nav{position:fixed;inset:92px 0 auto 0;background:#e1e2f6;border-bottom:1px solid #d2d4e4;flex-direction:column;align-items:stretch;gap:0;padding:10px 26px 20px;display:none;max-height:calc(100vh - 92px);overflow:auto}
  .nav.open{display:flex}.nav a{padding:14px 0;border-bottom:1px solid #d2d4e4;font-size:19px}.nav .lang,.nav a.btn{margin-top:12px;text-align:center}
  .hero{padding:58px 24px;min-height:auto}.orbit{width:210px;height:210px;margin:42px auto 0}
  .jobs,.admin,.job-content,.form-page{margin:18px 10px;border-radius:16px;padding:40px 20px}
  .f-grid{grid-template-columns:1fr}.official-footer h4{font-size:21px}.official-footer a{font-size:18.5px}
  .astra-pagination{gap:5px}.astra-pagination a,.astra-pagination span{min-width:34px;height:34px;padding:0 9px;font-size:14px}
  .dashboard-page .admin-head{gap:20px}.dashboard-page .dashboard-actions{gap:10px}.dashboard-page .dashboard-actions>.users-box{width:100%}
}