/* بوابة المتقدمين — jobs.alimans.net. ألوان الأصل (الكحلي #002E6E) وخط Cairo، والاتجاه بالخصائص المنطقية. */

@font-face{
  font-family:'Cairo';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('fonts/cairo-arabic.woff2') format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,
    U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,
    U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,
    U+10EFC-10EFF,U+1EE00-1EEF1;
}
@font-face{
  font-family:'Cairo';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('fonts/cairo-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,
    U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,
    U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --bg:#F5F7FA;
  --card:#FFFFFF;
  --fg:#0B1220;
  --muted:#556275;
  --border:#E2E8F0;
  --primary:#002E6E;
  --primary-fg:#FFFFFF;
  --primary-soft:#E8EEF7;
  --warn-bg:#FFF6E5;
  --warn-fg:#7A4B00;
  --focus:#2563EB;
  --radius:14px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#0D1420;
    --card:#141D2B;
    --fg:#DDE3EC;
    --muted:#9AA6B8;
    --border:#263247;
    --primary:#8FB4E4;
    --primary-fg:#0D1420;
    --primary-soft:#1B2A40;
    --warn-bg:#3A2C10;
    --warn-fg:#F5D9A0;
    --focus:#8FB4E4;
    color-scheme:dark;
  }
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font:400 1rem/1.75 'Cairo',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;
  min-block-size:100vh;
  display:flex;
  flex-direction:column;
}
a{color:var(--primary)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
img{max-inline-size:100%;block-size:auto}
h1,h2{line-height:1.4;margin:0}

.jp-wrap{inline-size:100%;max-inline-size:1080px;margin-inline:auto;padding-inline:16px}
.jp-sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.jp-skip{position:absolute;inset-inline-start:8px;inset-block-start:-48px;background:var(--primary);color:var(--primary-fg);padding:8px 14px;border-radius:8px;z-index:10}
.jp-skip:focus{inset-block-start:8px}

/* الرأس */
.jp-top{background:var(--card);border-block-end:1px solid var(--border)}
.jp-top__in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-block-size:68px}
.jp-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg)}
.jp-brand img{inline-size:44px;block-size:44px;border-radius:10px;background:#fff}
.jp-brand span{display:flex;flex-direction:column;line-height:1.3}
.jp-brand strong{font-size:1.05rem}
.jp-brand small{color:var(--muted);font-size:.85rem}
.jp-lang{font-weight:600;text-decoration:none;padding:6px 12px;border:1px solid var(--border);border-radius:999px}

.jp-main{flex:1;padding-block:24px 40px}

/* المقدمة والتصفية */
.jp-hero h1{font-size:1.6rem}
.jp-hero p{color:var(--muted);margin:6px 0 0}
.jp-filter{display:flex;flex-wrap:wrap;gap:8px;margin-block:20px 8px;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}
.jp-filter label{display:flex}
.jp-filter__q{flex:1 1 220px}
.jp-filter input,.jp-filter select{
  font:inherit;color:var(--fg);background:var(--bg);
  border:1px solid var(--border);border-radius:10px;padding:8px 12px;min-block-size:44px;inline-size:100%
}
.jp-count{color:var(--muted);margin:8px 0 12px;font-size:.95rem}

.jp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  font:600 .95rem/1 'Cairo',system-ui,sans-serif;min-block-size:44px;padding:0 16px;
  border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--fg);text-decoration:none;cursor:pointer
}
.jp-btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}

/* القائمة */
.jp-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.jp-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}
.jp-card__t{font-size:1.15rem}
.jp-card__t a{text-decoration:none;color:var(--fg)}
.jp-card__t a:hover{color:var(--primary);text-decoration:underline}
.jp-card__s{margin:8px 0 0;color:var(--muted)}
.jp-card__d{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:12px 0 0;font-size:.92rem;color:var(--muted)}
.jp-card__more{font-weight:700;text-decoration:none}
.jp-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0}
.jp-chips li{background:var(--primary-soft);color:var(--fg);border-radius:999px;padding:2px 10px;font-size:.85rem}

.jp-empty{text-align:center;background:var(--card);border:1px dashed var(--border);border-radius:var(--radius);padding:32px 16px}
.jp-empty h1,.jp-empty h2{font-size:1.2rem}
.jp-empty p{color:var(--muted)}
.jp-empty--big{padding:48px 16px;margin-block-start:24px}
.jp-empty--big img{border-radius:16px;background:#fff}

/* صفحة الإعلان */
.jp-back{margin-block-end:12px}
.jp-back a{font-weight:600;text-decoration:none}
.jp-job__h h1{font-size:1.6rem}
.jp-note{border-radius:var(--radius);padding:12px 16px;margin:16px 0 0}
.jp-note--warn{background:var(--warn-bg);color:var(--warn-fg)}
.jp-job__grid{display:grid;gap:16px;margin-block-start:16px}
.jp-job__body{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}
.jp-lead{font-weight:600;margin:0 0 8px}
.jp-sec+.jp-sec,.jp-lead+.jp-sec{margin-block-start:18px}
.jp-sec h2{font-size:1.1rem;margin-block-end:6px}
.jp-text{white-space:pre-line}
.jp-job__side{display:grid;gap:12px;align-content:start}
.jp-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}
.jp-box h2{font-size:1.05rem;margin-block-end:6px}
.jp-box p{margin:0;color:var(--muted)}
.jp-dl{margin:0;display:grid;gap:8px}
.jp-dl div{display:flex;justify-content:space-between;gap:12px;border-block-end:1px solid var(--border);padding-block-end:8px}
.jp-dl div:last-child{border:0;padding:0}
.jp-dl dt{color:var(--muted)}
.jp-dl dd{margin:0;font-weight:600;text-align:end}
.jp-apply{border-color:var(--primary)}
.jp-share{display:flex;flex-wrap:wrap;gap:8px}
.jp-share h2{inline-size:100%}

/* التذييل */
.jp-foot{border-block-start:1px solid var(--border);background:var(--card);color:var(--muted);font-size:.9rem;padding-block:16px}
.jp-foot p{margin:4px 0}
.jp-foot__fee{color:var(--fg);font-weight:600}

@media (min-width:900px){
  .jp-job__grid{grid-template-columns:minmax(0,1fr) 320px}
  .jp-job__side{position:sticky;inset-block-start:16px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* الحساب والتقديم */
.jp-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.jp-nav form{margin:0}
.jp-nav__me{font-weight:600;text-decoration:none}
.jp-linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--primary);text-decoration:underline;cursor:pointer}
.jp-muted{color:var(--muted)}
.jp-small{font-size:.9rem}
.jp-h2{font-size:1.2rem;margin-block:24px 10px}
.jp-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-block:12px}
.jp-auth{max-inline-size:440px;margin-inline:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}
.jp-auth--wide{max-inline-size:560px}
.jp-auth h1{font-size:1.35rem}
.jp-form{display:grid;gap:14px;margin-block:12px}
.jp-field{display:grid;gap:4px}
.jp-field fieldset{border:0;margin:0;padding:0;display:grid;gap:6px}
.jp-label{font-weight:600}
.jp-req::after{content:" *";color:#B42318}
.jp-hint{color:var(--muted);font-size:.88rem}
.jp-form input[type=text],.jp-form input[type=email],.jp-form input[type=tel],.jp-form input[type=number],
.jp-form input[type=date],.jp-form input[type=file],.jp-form select,.jp-form textarea{
  font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:10px;
  padding:8px 12px;min-block-size:44px;inline-size:100%
}
.jp-form input:disabled{opacity:.7}
.jp-form textarea{min-block-size:120px;resize:vertical}
.jp-code{font-size:1.5rem;letter-spacing:.4em;text-align:center}
.jp-check{display:flex;align-items:flex-start;gap:8px;min-block-size:32px;cursor:pointer}
.jp-check input{inline-size:20px;block-size:20px;margin-block-start:4px;flex:none}
.jp-err{color:#B42318;font-size:.9rem;font-weight:600}
.jp-field--err input,.jp-field--err select,.jp-field--err textarea{border-color:#B42318}
.jp-sec-h{font-size:1.1rem;margin-block:18px 4px;padding-block-start:12px;border-block-start:1px solid var(--border)}
.jp-sec-h:first-of-type{border:0;padding:0;margin-block-start:0}
.jp-apply-form .jp-box{display:grid;gap:14px}
.jp-actions{display:flex;flex-wrap:wrap;gap:10px}
.jp-btn--block{inline-size:100%}
.jp-btn--danger{background:#B42318;border-color:#B42318;color:#fff}
.jp-note--ok{background:#ECFDF3;color:#05603A}
.jp-card--row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.jp-badge{display:inline-block;border-radius:999px;padding:2px 12px;font-size:.88rem;font-weight:600;background:var(--primary-soft);color:var(--fg)}
.jp-badge--withdrawn,.jp-badge--rejected,.jp-badge--closed,.jp-badge--draft{background:var(--border);color:var(--muted)}
.jp-badge--offer,.jp-badge--hired{background:#ECFDF3;color:#05603A}
.jp-docs{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.jp-status{display:grid;gap:6px;margin-block-end:12px}
.jp-dl--answers div{flex-wrap:wrap}
.jp-dl--answers dd{text-align:start;font-weight:400;flex:1 1 60%}
.jp-withdraw summary{cursor:pointer;font-weight:600;color:#B42318}
.jp-withdraw form{margin-block-start:10px}
.jp-prose h1{font-size:1.4rem}
.jp-prose h2{font-size:1.1rem;margin-block:18px 4px}
.fl-off{display:none!important}
@media (prefers-color-scheme:dark){
  .jp-note--ok,.jp-badge--offer,.jp-badge--hired{background:#0B3B26;color:#A6F4C5}
  .jp-req::after,.jp-err,.jp-withdraw summary{color:#FDA29B}
}