/* هوية وظيفتي لصفحتي «استوديو السيرة» و«لجنة المقابلات» — نفس رموز الصفحة الرئيسية (home-2026 / ex-*). */
:root{
  --hm-forest:#0a2923;--hm-forest-deep:#061c18;--hm-sage:#b7d8c2;--hm-gold:#ebce87;--hm-white:#f5f7ef;--hm-hero-muted:#bacdc2;--hm-stroke:#ffffff1c;
  --ex-paper:#f6f5f0;--ex-card:#fff;--ex-ink:#142f29;--ex-muted:#54655e;--ex-line:#dce3dd;--ex-green:#164d3b;--ex-green-soft:#edf3ed;--ex-gold:#c6a467;
  --hm-ease:cubic-bezier(.16,1,.3,1);
  /* أسماء المتغيرات المستخدمة داخل الصفحتين */
  --dark:var(--ex-green);--light:#1d6249;--deep:var(--hm-forest-deep);--gold:var(--ex-gold);--gold2:var(--hm-gold);--gold-soft:#f3ecd9;
  --bg:var(--ex-paper);--ink:var(--ex-ink);--muted:var(--ex-muted);--line:var(--ex-line);--card:var(--ex-card);
  --ok:#1f7a55;--warn:#b7791f;--bad:#b4441c;
}
html{background:var(--ex-paper)}
body{background:var(--ex-paper)!important;color:var(--ex-ink);font-family:'Tajawal',system-ui,-apple-system,sans-serif;text-rendering:optimizeLegibility}
::selection{background:rgba(213,170,71,.28);color:var(--hm-forest-deep)}
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid rgba(213,170,71,.72)!important;outline-offset:3px!important}
h1,h2,.sec-title,.h4,.wf-title{font-family:'Cairo','Tajawal',sans-serif}

/* ── الترويسة: مطابقة لترويسة الموقع ── */
.wf-nav{position:sticky;top:0;z-index:60;background:var(--hm-forest-deep);color:var(--hm-white);border-bottom:1px solid var(--hm-stroke);box-shadow:0 6px 30px #001b1420}
.wf-nav__in{max-width:1240px;margin:auto;min-height:72px;padding:0 24px;display:flex;align-items:center;gap:22px}
.wf-nav__brand img{display:block;width:clamp(104px,9vw,138px);height:auto}
.wf-nav__links{display:flex;gap:4px;margin-inline-start:12px}
.wf-nav__links a{color:var(--hm-hero-muted);text-decoration:none;font-weight:700;font-size:14.5px;padding:8px 12px;border-radius:9px;transition:color .2s,background .2s}
.wf-nav__links a:hover{color:var(--hm-white);background:#ffffff0d}
.wf-nav__links a[aria-current]{color:var(--hm-white);background:#ffffff14}
.wf-nav__end{margin-inline-start:auto;display:flex;gap:8px;align-items:center}
.wf-nav .wf-cta{background:var(--hm-white);color:var(--hm-forest);border:0;border-radius:10px;padding:0 18px;min-height:40px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;box-shadow:0 10px 24px #0e503730;cursor:pointer}
.wf-nav .wf-ghost{background:transparent;color:var(--hm-hero-muted);border:1px solid #8dac994f;border-radius:10px;min-height:40px;padding:0 14px;font-weight:700;font-size:13.5px;display:inline-flex;gap:7px;align-items:center;text-decoration:none;cursor:pointer}
.wf-nav .wf-ghost:hover{color:var(--hm-white);border-color:#8dac99}
@media(max-width:820px){.wf-nav__links{display:none}.wf-nav__in{min-height:62px;padding:0 16px}}

/* ── شريط الأدوات الفرعي (تحت الترويسة) ── */
.wf-subbar{background:#fff;border-bottom:1px solid var(--ex-line)}
.wf-subbar__in{max-width:1500px;margin:auto;padding:12px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between}
.wf-kicker{display:block;font-size:12px;font-weight:800;color:var(--ex-green);letter-spacing:.02em}
.wf-title{font-size:20px;font-weight:700;color:var(--ex-ink);margin:0;line-height:1.4}
.wf-index{font-family:system-ui;font-size:12px;color:#43594e;letter-spacing:.04em}

/* ── الأزرار ── */
.btn{border:1px solid var(--ex-line)!important;background:#fff;color:var(--ex-green)!important;border-radius:11px!important;font-weight:800!important;transition:transform .2s var(--hm-ease),background .2s,border-color .2s,box-shadow .2s!important}
.btn:hover{border-color:var(--ex-green)!important;transform:translateY(-1px)}
.btn.primary{background:var(--ex-green)!important;border-color:var(--ex-green)!important;color:#fff!important;box-shadow:0 10px 24px #0e503726}
.btn.primary:hover{background:#1d6249!important}
.btn.gold{position:relative;overflow:hidden;background:var(--hm-gold)!important;border-color:#f8e7b1!important;color:var(--hm-forest-deep)!important;box-shadow:0 6px 20px #c59c4124}
.btn.gold:after,.wf-shine:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff66 48%,transparent 66%);transform:translateX(110%);transition:transform .6s var(--hm-ease);pointer-events:none}
.btn.gold:hover:after,.wf-shine:hover:after{transform:translateX(-110%)}
.btn.ghost{border-color:transparent!important;background:transparent}

/* ── البطاقات والحقول ── */
.card,.panel{background:var(--ex-card)!important;border:1px solid var(--ex-line)!important;border-radius:20px!important;box-shadow:0 4px 20px #17362a06!important}
.in,textarea.in,select.in{border:1.5px solid var(--ex-line)!important;border-radius:12px!important;background:#fff;color:var(--ex-ink)}
.in:focus{border-color:rgba(22,77,59,.6)!important;box-shadow:0 0 0 4px rgba(22,77,59,.09)!important}
.opt{border-radius:16px!important;transition:transform .25s var(--hm-ease),border-color .2s,box-shadow .25s!important}
.opt:hover{transform:translateY(-2px);border-color:var(--ex-gold)!important}
.opt.on{border-color:var(--ex-green)!important;background:var(--ex-green-soft)!important;box-shadow:0 0 0 3px #164d3b14!important}
.chip{background:var(--ex-green-soft)!important;color:var(--ex-green)!important}
.chip.add{background:#fff!important;border-color:var(--ex-gold)!important}

/* ── الواجهة الداكنة (البطل وقاعة المقابلة) ── */
.hero,.stage{background:radial-gradient(at 85% 18%,#24574088,transparent 55%),linear-gradient(130deg,#08271d,#061c17)!important;border:1px solid #305643}
.hero h1{font-family:'Cairo',sans-serif!important;font-weight:800!important;color:var(--hm-white)!important;letter-spacing:-.01em;line-height:1.45!important}
.hero h1 span{color:var(--hm-gold)!important}
.hero p{color:var(--hm-hero-muted)!important;opacity:1!important}
.hero .feats span{background:#ffffff0d!important;border-color:var(--hm-stroke)!important;color:var(--hm-sage)}
.wf-eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--hm-sage);font-weight:700;margin-bottom:16px}
.wf-eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--hm-sage);box-shadow:0 0 0 5px #b7d8c211}

/* ── التذييل ── */
.wf-foot{border-top:1px solid var(--ex-line);margin-top:30px;padding:22px 20px;text-align:center;color:var(--ex-muted);font-size:13px}
.wf-foot a{color:var(--ex-green);font-weight:800;text-decoration:none;margin:0 8px}

@media print{.wf-nav,.wf-subbar,.wf-foot{display:none!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:600px){.wf-nav .wf-ghost{display:none}}

/* ===== مطابقة الموقع المنشور (wathifati.online) ===== */
body:not(.in-room){background:radial-gradient(at 0% 12%,#cfe4dd 0,transparent 42%),radial-gradient(at 100% 58%,#ede1c4 0,transparent 36%),#eef2ec!important;background-attachment:fixed!important}
.wf-nav__links a{font-size:15px;font-weight:600}
.wf-nav .wf-login{color:#f3f1e9;font-weight:700;font-size:15px;text-decoration:none;padding:0 6px}
.wf-nav .wf-cta{min-height:40px;border-radius:10px;font-weight:750}
/* شريط الصفحات الفرعي — نفس أزرار التبويب الداكنة في بطاقة المعاينة بالموقع */
.wf-tabsbar{background:var(--hm-forest-deep);border-bottom:1px solid var(--hm-stroke)}
.wf-tabsbar__in{max-width:1240px;margin:auto;padding:0 24px 14px}
.wf-tabs{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(130px,1fr);padding:4px;background:#051d18;border:1px solid var(--hm-stroke);border-radius:11px}
.wf-tabs a{min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:700;color:var(--hm-hero-muted);text-decoration:none;border-radius:8px;border:1px solid transparent;transition:color .25s,background .25s}
.wf-tabs a[aria-current]{color:var(--hm-gold);background:#1d4134;border-color:#b7d8c224}
.wf-tabs a:hover{color:var(--hm-white)}
@media(max-width:600px){.wf-tabsbar__in{padding:0 12px 10px}.wf-tabs{display:flex;width:100%;overflow-x:auto;scrollbar-width:none}.wf-tabs::-webkit-scrollbar{display:none}.wf-tabs a{flex:1 0 auto;min-height:38px;padding:0 12px;font-size:13px;white-space:nowrap}}
/* ── الشاشات الصغيرة: شريط إجراءات أفقي وشريط سفلي ثابت ── */
@media(max-width:640px){
  .wf-subbar__in{padding:12px 14px;gap:10px}
  .wf-title{font-size:18px}
  .wf-subbar .actions{flex-wrap:nowrap!important;overflow-x:auto;width:100%;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .wf-subbar .actions::-webkit-scrollbar{display:none}
  .wf-subbar .actions>*{flex:0 0 auto;white-space:nowrap}
  .wf-nav__end .wf-login{display:none}
  .wf-mbar{display:flex!important}
  body{padding-bottom:76px}
}
.wf-mbar{display:none;position:fixed;inset-inline:0;bottom:0;z-index:70;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(6,28,24,.96);backdrop-filter:blur(8px);border-top:1px solid var(--hm-stroke)}
.wf-mbar button,.wf-mbar a{flex:1;min-height:46px;border-radius:12px;border:1px solid #ffffff26;background:transparent;color:var(--hm-white);font:800 13.5px Tajawal,sans-serif;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}
.wf-mbar .pri{background:var(--hm-gold);color:#0A1D14;border-color:transparent}
/* عناوين الأقسام وبطاقاتها */
.wf-shead{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:46px 0 26px;flex-wrap:wrap}
.wf-shead h2{font-family:Cairo,sans-serif;font-size:clamp(28px,3vw,40px);line-height:1.5;font-weight:700;color:var(--ex-ink);margin:0}
.wf-shead h2 em{font-style:normal;color:var(--ex-green)}
.wf-shead p{max-width:360px;margin:0 0 6px;font-size:15.5px;line-height:1.85;color:var(--ex-muted)}
.wf-kicker{font-size:12px;font-weight:800;color:var(--ex-green);margin-bottom:10px}
.wf-card{position:relative;background:var(--ex-card);border:1px solid var(--ex-line);border-radius:20px;padding:24px;box-shadow:0 4px 20px #17362a05;transition:transform .3s var(--hm-ease),box-shadow .3s var(--hm-ease),border-color .3s}
.wf-card:hover{box-shadow:0 18px 45px #1433280e}
.wf-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.wf-card__index{font-family:system-ui;font-size:10.5px;letter-spacing:1.2px;color:var(--ex-muted)}
.wf-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ex-green-soft);color:var(--ex-green);flex-shrink:0}
.wf-card h3{font-family:Cairo,sans-serif;font-size:21px;font-weight:700;margin:0 0 4px;color:var(--ex-ink)}
.wf-card>p.lead{margin:0 0 16px;color:var(--ex-muted);font-size:14px;line-height:1.8}
.btn.primary,.wf-btn-green{background:var(--hm-forest)!important;border-color:var(--hm-forest)!important;color:var(--hm-white)!important}
.btn.primary:hover,.wf-btn-green:hover{background:#123d33!important}
/* شريط عنوان استوديو السيرة: امتداد داكن للترويسة كما في واجهة الموقع */
.wf-subbar{background:radial-gradient(at 85% 0%,#24574066,transparent 60%),var(--hm-forest-deep);border-bottom:1px solid var(--hm-stroke)}
.wf-subbar__in{max-width:1500px;padding:16px 20px 22px}
.wf-subbar .wf-eyebrow{margin-bottom:6px}
.wf-subbar .wf-title{font-family:Cairo,sans-serif;color:var(--hm-white);font-size:clamp(22px,2.4vw,30px);font-weight:800}
.wf-subbar .wf-title span{color:var(--hm-gold)}
.wf-subbar .actions .btn{background:transparent!important;border-color:#8dac994f!important;color:var(--hm-hero-muted)!important}
.wf-subbar .actions .btn:hover{border-color:#8dac99!important;color:var(--hm-white)!important}
.wf-subbar .actions .btn.primary{background:var(--hm-gold)!important;border-color:#f8e7b1!important;color:var(--hm-forest-deep)!important}
.side .wf-card__index{display:block;margin-bottom:6px}
.tool{border-radius:14px!important;background:#fff!important}
.tool i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--ex-green-soft);color:var(--ex-green)!important;font-size:15px!important}

/* ── رحلة وظيفتي: ثلاث مراحل منفصلة (السيرة ← إعداد المقابلة ← المقابلة) ── */
.wf-journey{display:flex;align-items:center;gap:6px;padding:4px;background:#051d18;border:1px solid var(--hm-stroke);border-radius:14px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.wf-journey::-webkit-scrollbar{display:none}
.wf-journey a{flex:1 0 auto;display:flex;align-items:center;gap:10px;min-height:46px;padding:0 16px;border-radius:10px;text-decoration:none;color:var(--hm-hero-muted);font-weight:700;font-size:13.5px;white-space:nowrap;border:1px solid transparent}
.wf-journey a b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:800 13px Cairo,Tajawal,sans-serif;background:#ffffff14;color:var(--hm-white);flex-shrink:0}
.wf-journey a small{display:block;font-size:11px;font-weight:600;opacity:.75}
.wf-journey a[aria-current]{background:#1d4134;border-color:#b7d8c224;color:var(--hm-white)}
.wf-journey a[aria-current] b{background:var(--hm-gold);color:#0A1D14}
.wf-journey a.done b{background:#2f7a59;color:#fff}
.wf-journey a.done b:before{content:'✓'}.wf-journey a.done b span{display:none}
.wf-journey i.sep{color:#ffffff33;font-style:normal;flex-shrink:0}
.wf-journey a.dash{flex:0 0 auto;margin-inline-start:auto;color:var(--hm-hero-muted)}
@media(max-width:640px){.wf-journey a{padding:0 10px;font-size:12.5px;gap:7px}.wf-journey a small{display:none}.wf-journey i.sep{display:none}}

/* ── التذييل: مطابق لتذييل الموقع الرئيسي ── */
.wf-foot{background:#08150E!important;border:0!important;margin:40px 0 0!important;padding:32px clamp(20px,4vw,54px)!important;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;text-align:start!important;font-size:13.5px;color:#8A9990!important}
.wf-foot__brand{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.wf-foot__brand>img{width:clamp(110px,12vw,150px);height:auto}
.wf-foot__marks{display:inline-flex;align-items:center;gap:10px}
.wf-foot__ai{height:72px;display:inline-flex;align-items:center;padding:6px 10px;border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18);box-sizing:border-box}.wf-foot__ai img{height:100%;width:auto;filter:none!important}
.wf-foot__nexa{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 8px;border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18);height:72px}
.wf-foot__nexa>span:first-child{display:block;position:relative;overflow:hidden;width:124px;height:50px;background:#fff}
.wf-foot__nexa img{position:absolute;width:207px;max-width:none;height:auto;left:-41px;top:-12px}
.wf-foot__nexa em{font-style:normal;font-size:11px;line-height:14px;font-weight:700;color:#16204D}
.wf-foot__links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.wf-foot a{color:#8A9990!important;margin:0!important;font-weight:700;text-decoration:none}
.wf-foot a:hover{color:#F1EADA!important}
body.in-room .wf-foot{border:0!important}
@media(max-width:640px){.wf-foot{flex-direction:column;align-items:flex-start;padding:28px 20px calc(28px + 72px)!important}.wf-foot__marks{flex-wrap:wrap}}
@media print{.wf-foot{display:none!important}}

.wf-nav__brand{display:inline-flex;align-items:center}