/* ==========================================================================
   جدير — ثيم مطابق لموقع جدير (Tabler RTL): Cairo، النيلي #4f588d، الأزرار #6c6496
   يُحمَّل بعد app.css و app2.css فيتغلّب عليهما دون المساس بالبنية.
   ========================================================================== */
body{font-size:14.5px;line-height:1.75;background:var(--bg);color:var(--text)}
h1,h2,h3,h4{font-weight:600}
a{color:var(--link)}

/* ---------- أزرار ---------- */
.btn{border-radius:8px;padding:.42rem 1rem;font-weight:500;font-size:14px;border-width:1px;box-shadow:none;transition:filter .15s,background .15s}
.btn:hover{transform:none;filter:brightness(1.07);text-decoration:none}
.btn-primary,.btn-gold{background:var(--btn);color:var(--btn-text,#efe6e6);box-shadow:none;border-color:transparent}
.btn-primary:hover,.btn-gold:hover{box-shadow:none}
.btn-ghost{background:#fff;border-color:var(--border);color:var(--text)}
.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}
.btn-light{background:#fff;border-color:var(--border);color:var(--text)}
.btn-lg{padding:.6rem 1.5rem;font-size:15px}
.btn-sm{padding:.3rem .8rem;font-size:13px;border-radius:8px}
.btn-logout{background:var(--danger-btn,#f25236);color:#fcfdfe;border-color:transparent}
.inline-form{display:inline;margin:0}
.icon-btn{border-radius:6px}

/* ---------- ترويسة الموقع ---------- */
.site-head{background:#fff;backdrop-filter:none;border-bottom:1px solid var(--border);box-shadow:none}
.site-head .row{height:var(--nav-h)}
.brand-logo-full{height:38px;width:auto;display:block}
.brand{font-size:1.2rem;font-weight:700}
.brand img{height:40px}
.nav a{border-radius:6px;font-weight:500;font-size:14px;padding:.35rem .8rem;color:var(--text)}
.nav a:hover,.nav a.on{background:transparent;color:var(--primary);text-decoration:none}
.lang-sw{background:#fff;border-radius:4px;border-color:var(--border);font-weight:500;color:var(--text)}
.head-actions{gap:.45rem}

/* ---------- البطل ---------- */
.hero{background:var(--bg);padding:1rem 0 1.4rem;overflow:visible}
.hero::before{display:none}
.hero .container.grid{background:var(--tint);border-radius:16px;padding:3.2rem 3.6rem;gap:2.5rem;align-items:center}
.hero h1{color:var(--primary);font-size:clamp(1.9rem,4vw,2.6rem);font-weight:600;line-height:1.3}
.hero h1 em{background:none;color:inherit;-webkit-text-fill-color:currentColor;font-style:normal}
.hero p.lead{color:var(--text);font-size:14px;max-width:30em}
.hero .eyebrow,.hero-stats,.hero .cta .btn-light{display:none}
.hero.site-hero .container.grid{grid-template-columns:1fr;text-align:center;justify-items:center}
.hero.has-bg{background-size:cover;background-position:center;padding:2.4rem 0 3rem}
.hero.has-bg .container.grid{background:transparent;padding:3rem 1rem}
.hero.has-bg h1,.hero.has-bg p.lead{color:#fff}
.services-row.floating{margin-top:1rem}
@media(max-width:900px){.hero .container.grid{padding:2rem 1.4rem}}

/* ---------- رسم توضيحي للواجهة (mockui) ---------- */
.mu{position:relative;width:100%;max-width:470px;margin-inline:auto;padding:14px 0}
.mu-win{background:#fff;border:1px solid #e3e6ee;border-radius:8px;padding:9px 12px 14px;box-shadow:0 1px 3px rgba(24,36,51,.06),0 14px 30px -16px rgba(24,36,51,.18)}
.mu-dots{display:flex;gap:5px;margin-bottom:9px}.mu-dots i{width:7px;height:7px;border-radius:50%;background:#f05252}.mu-dots i:nth-child(2){background:#f5b82e}.mu-dots i:nth-child(3){background:#2fbf71}
.mu-body{display:grid;grid-template-columns:33% 1fr;gap:10px}
.mu-side{background:#f1f3f7;border-radius:6px;padding:12px 10px;display:flex;flex-direction:column;gap:8px}
.mu-pic{display:block;width:36px;height:36px;border-radius:50%;background:#dfe3ec;margin:0 auto 8px}
.mu-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mu-row span{height:3px;width:56%;background:#d3d8e4;border-radius:2px}.mu-row i{width:9px;height:9px;border-radius:50%;background:#d3d8e4;flex:none}
.mu-row.on span{width:80%;height:4px;background:#3a4575}.mu-row.on i{background:#3a4575}
.mu-main{display:flex;flex-direction:column;gap:8px;min-width:0}
.mu-bar{background:#f4f5f9;border-radius:4px;height:28px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 9px}
.mu-l{display:block;height:3px;width:42%;background:#dde1ea;border-radius:2px}.mu-l.s{width:24%}
.mu-k{width:9px;height:9px;border-radius:50%;background:#dde1ea;display:inline-block;flex:none}.mu-k.on{background:#3a4575}
.mu-chev{width:6px;height:6px;border-inline-end:2px solid #c4cad9;border-block-end:2px solid #c4cad9;transform:rotate(45deg)}
.mu-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mu-card{background:#f4f5f9;border-radius:6px;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:92px}
.mu-av{width:24px;height:24px;border-radius:50%;background:#dfe3ec}.mu-card .mu-l{width:55%}
.mu-tg{display:flex;align-items:center;gap:5px;margin-top:auto;width:100%;justify-content:center}.mu-tg .mu-l{width:30%}
.mu-foot{background:#f4f5f9;border-radius:4px;height:24px;display:flex;align-items:center;justify-content:space-around;padding:0 10px}.mu-foot span{width:17%;height:3px;background:#dde1ea;border-radius:2px}
.mu-chip{position:absolute;background:#fff;border-radius:10px;box-shadow:0 8px 22px -8px rgba(24,36,51,.28);padding:9px 10px}
.mu-sw{left:7%;top:-2px;display:grid;grid-template-columns:repeat(4,22px);gap:9px}
.mu-sw span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center}
.mu-dev{left:38%;bottom:-6px;display:flex;gap:10px;align-items:center;padding:7px 12px;color:#99a1b5}.mu-dev .on{color:#3a4575}
.mu-flags{left:-26px;top:16%;display:flex;flex-direction:column;gap:10px;padding:10px 10px}
.mu-flag{display:flex;align-items:center;gap:8px;white-space:nowrap}.mu-flag svg{width:30px;height:20px;border-radius:3px;display:block;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.mu-flag.cur{background:#fff;box-shadow:0 4px 14px -4px rgba(24,36,51,.3);border-radius:6px;padding:5px 9px;flex-direction:row-reverse}.mu-flag b{font-size:11px;font-weight:600;color:#3a4575}
.mu-radio{right:-6px;top:56%;width:46%;display:flex;flex-direction:column;gap:7px;padding:10px}
.mu-radio span{display:flex;align-items:center;justify-content:flex-end;gap:6px;height:24px;border-radius:4px;background:#f4f5f9;padding:0 8px}.mu-radio span.on{background:#e4e8fb}
.mu-radio i{width:12px;height:12px;border-radius:50%;border:2px solid #c4cad9}.mu-radio .on i{border-color:#3a4575;background:radial-gradient(#3a4575 38%,transparent 42%)}

/* ---------- الأقسام ---------- */
.sec{padding:clamp(2.2rem,4vw,3.6rem) 0}.sec.alt{background:var(--bg)}
.sec-head h2{font-size:1.5rem;font-weight:600;color:var(--primary)}
.sec-head p{font-size:14px;color:var(--text)}
.card{border-radius:8px;box-shadow:none}.card.hov:hover{transform:none;box-shadow:var(--shadow-lg)}
.ico{background:var(--tint);color:var(--primary);border-radius:8px}
.sec-rows{background:var(--bg);padding:1.6rem 0 0}
.sec-rows .sec-head{margin-bottom:.4rem}
.feat-row{padding:3rem 0}.feat-row.odd{background:#fff}.feat-row.even{background:var(--bg)}
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.feat-txt h3{font-size:1.5rem;font-weight:600;color:var(--primary);margin-bottom:.4rem}.feat-txt p{margin:0;font-size:14px;max-width:28em}
.feat-row.odd .feat-txt{grid-column:2;grid-row:1}.feat-row.odd .feat-vis{grid-column:1;grid-row:1}
@media(max-width:820px){.feat-grid{grid-template-columns:1fr;gap:1.4rem}.feat-row.odd .feat-txt,.feat-row.odd .feat-vis{grid-column:auto;grid-row:auto}.feat-row{padding:2rem 0}}
.steps{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.6rem}
.step{background:transparent;border:0;box-shadow:none;padding:.5rem}.step p{display:none}
.step .num{width:62px;height:62px;background:var(--primary);color:#fff;font-size:1.3rem;font-weight:600;box-shadow:none}
.step h3{font-size:1.15rem;font-weight:500;color:var(--text)}
.sec-cta{padding:1.1rem 0;background:var(--bg)}.sec-cta.is-tint{background:#fff}
.cta-card{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;background:#fff;border-radius:8px;padding:1.5rem 1.7rem;flex-wrap:wrap}
.sec-cta.is-tint .cta-card{background:var(--tint)}
.cta-card h2{font-size:1.5rem;font-weight:600;color:var(--primary);margin:0 0 .2rem}.cta-card p{margin:0;font-size:14px}
.sec-tagline{padding:4.5rem 0 3rem;background:#fff}
.sec-tagline h2{font-size:clamp(1.7rem,4vw,2.7rem);font-weight:500;color:var(--primary);max-width:13em;margin:0 auto 1.4rem;line-height:1.25}
.clients-sec{padding:1.8rem 0;background:#fff}.clients-sec .sec-head{display:none}
.logos-strip{background:transparent}
.cta-band{border-radius:8px;background:var(--tint);color:var(--text)}.cta-band::after{display:none}.cta-band h2{color:var(--primary)}.cta-band p{color:var(--text)}
.plan{border-radius:8px;box-shadow:none}.plan.feat{border:2px solid var(--secondary);background:#fff}
.plan .tag{background:var(--secondary);color:#fff}
.faq details{border-radius:8px}.faq details[open]{box-shadow:none}
.sug-band{border-radius:8px;background:var(--tint);color:var(--text)}.sug-band h2{color:var(--primary)}.sug-band p{color:var(--text)}

/* ---------- التذييل ---------- */
.site-foot{background:#fff;color:var(--text);padding:2.4rem 0 1.1rem;border-top:1px solid var(--border)}
.site-foot a{color:var(--text)}.site-foot a:hover{color:var(--primary);text-decoration:none}
.site-foot h4{color:var(--primary);font-weight:600;font-size:1rem;margin-bottom:.7rem}
.site-foot .brand{color:var(--primary)}
.foot-jadeer{grid-template-columns:1.7fr 1fr 1fr 1fr;gap:2rem}
.foot-brand img{height:42px;width:auto;display:block}.foot-brand p{margin:.7rem 0 0;font-size:13px;max-width:26em}
.site-foot ul{gap:.35rem;font-size:13px}
.copy{border-top:0;margin-top:1.4rem;padding-top:.8rem;font-size:13px;align-items:center}
.social a{background:transparent;color:var(--text);border-radius:6px}.social a:hover{background:var(--tint);color:var(--primary)}
.social.labeled{display:flex;gap:1.3rem;margin:0}.social.labeled a{width:auto;height:auto;display:inline-flex;gap:.4rem;align-items:center;font-weight:500;font-size:13px;padding:0;background:none}.social.labeled a span{font-weight:400}
@media(max-width:860px){.foot-jadeer{grid-template-columns:1fr 1fr}}

/* ---------- الحقول ---------- */
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=url],input[type=search],input[type=date],input[type=datetime-local],select,textarea{border-radius:4px;border:1px solid #dadde6;background:#fff;padding:.5rem .8rem;font-size:14px}
input:focus,select:focus,textarea:focus{border-color:#a5aed8;box-shadow:0 0 0 3px rgba(79,88,141,.18)}
.fld label{font-weight:600;font-size:13px}
.panel-card,.chart-card,.stat{border-radius:8px;box-shadow:none}
.badge{border-radius:4px;font-weight:600}

/* ---------- صفحات الدخول والتسجيل ---------- */
.auth{grid-template-columns:1fr 1fr}
.auth-side{background:var(--primary);display:grid;place-items:center;padding:2rem}
.auth-side>div,.auth-side>small{display:none}
.auth-side .brand{justify-content:center}
.auth-logo{width:min(340px,72%);height:auto;display:block}
.auth-main{background:#fff;align-content:center}
.auth-box{width:min(380px,100%)}
.auth-box h1{font-size:1.25rem;font-weight:700}
.auth-lang{display:flex;justify-content:flex-start;margin-bottom:1rem}
.lsw{position:relative;display:inline-block}.lsw summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;font-size:13px;color:var(--text);padding:.25rem .5rem;border-radius:4px}.lsw summary::-webkit-details-marker{display:none}.lsw summary::after{content:"";width:6px;height:6px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(45deg);margin-inline-start:.2rem}
.lsw-menu{position:absolute;top:100%;inset-inline-start:0;z-index:20;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow-lg);min-width:150px;padding:.3rem;display:grid}.lsw-menu a{padding:.4rem .7rem;border-radius:4px;color:var(--text);font-size:13px}.lsw-menu a:hover{background:var(--bg);text-decoration:none}
.stepper{display:flex;justify-content:space-between;align-items:flex-start;margin:1.4rem 0 1.2rem;position:relative}
.stepper::before{content:"";position:absolute;inset-inline:16%;top:11px;height:2px;background:#dfe2ea}
.stepper .st{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;flex:1;color:#aab0c0;font-size:12px;text-align:center}
.stepper .st b{width:24px;height:24px;border-radius:50%;background:#dfe2ea;color:#fff;display:grid;place-items:center;font-size:12px}
.stepper .st.on{color:var(--text);font-weight:600}.stepper .st.on b,.stepper .st.done b{background:var(--primary)}.stepper .st.done{color:var(--primary)}
.wiz-step{display:none}.wiz-step.on{display:grid;gap:1rem}
.wiz-nav{display:flex;gap:.6rem;align-items:center}
.cat-pick{display:grid;gap:.6rem}.cat-pick label{display:flex;gap:.7rem;align-items:center;border:1px solid var(--border);border-radius:6px;padding:.7rem .9rem;cursor:pointer;font-weight:600}
.cat-pick input{accent-color:var(--primary)}.cat-pick label:has(input:checked){border-color:var(--primary);background:var(--tint)}
@media(max-width:900px){.auth-side{display:none}}

/* ---------- لوحة التحكم (Tabler فاتح) ---------- */
.panel-body{background:var(--bg)}
.side{width:240px;background:#fff;color:#46506b;border-inline-end:1px solid var(--border);box-shadow:none}
.side .brand{justify-content:center;padding:1rem .8rem .6rem;border-bottom:0;color:var(--primary)}
.side .brand img{height:40px;width:auto}
.side nav{padding:.5rem .7rem 1rem}
.side .grp-h{display:none}
.side .grp{margin-bottom:2px;border:0;background:none;padding:0;border-radius:0;box-shadow:none}
.side .grp-t{display:flex;align-items:center;gap:.7rem;width:100%;background:none;border:0;font:inherit;font-size:13.5px;font-weight:500;color:#46506b;padding:.55rem .8rem;border-radius:6px;cursor:pointer;text-align:start}
.side .grp-t:hover{background:#f1f3f9}
.side .grp-t .chev{margin-inline-start:auto;transition:transform .2s;opacity:.6}
.side .grp.open>.grp-t{color:var(--primary)}.side .grp.open>.grp-t .chev{transform:rotate(180deg)}
.side .grp-items{display:none;padding:.1rem 0 .4rem;margin-inline-start:1.2rem;border-inline-start:1px solid #e6e7ea}
.side .grp.open>.grp-items{display:block}
.side a.item{color:#46506b;font-weight:500;font-size:13.5px;border-radius:6px;padding:.5rem .8rem;margin-bottom:1px}
.side a.item:hover{background:#f1f3f9;color:var(--primary)}
.side a.item.on,[dir=rtl] .side a.item.on{background:#eceffc;color:var(--primary);box-shadow:none;font-weight:600}
.side .cnt{background:var(--primary);color:#fff}
.side-foot{display:none}
.main{margin-inline-start:240px}
.topbar{background:#fff;backdrop-filter:none;border-bottom:1px solid var(--border);padding:.55rem 1.4rem;box-shadow:0 1px 2px rgba(24,36,51,.03)}
.crumbs{font-size:13px}
.user-chip .avatar{background:#dce1f4;color:var(--primary);font-weight:700}
.page-head h1{font-size:1.2rem;font-weight:700;color:var(--text)}
.ctx-bar{background:var(--tint);color:var(--primary);border-bottom:1px solid var(--border)}
.content{max-width:1500px}

/* لوحة الإحصاءات بأسلوب جدير */
.quick-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}
.jstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin-bottom:1.4rem}
.jstat{position:relative;background:#fff;border-radius:12px;padding:1.5rem 1rem 1.1rem;text-align:center;box-shadow:0 2px 10px rgba(24,36,51,.06);overflow:hidden;transition:box-shadow .2s}
.jstat:hover{box-shadow:0 8px 22px rgba(24,36,51,.12)}
.jstat::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--jc)}
.jstat .jic{width:52px;height:52px;border-radius:12px;margin:0 auto .6rem;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--jc),var(--jc2))}
.jstat b{display:block;font-size:1.9rem;font-weight:700;color:var(--jc);font-family:Georgia,'Times New Roman',serif;line-height:1.2}
.jstat span{display:block;color:#5a6378;font-size:13.5px;margin-top:.2rem}
.jc-blue{--jc:#1f6fe0;--jc2:#6aa6ff}.jc-cyan{--jc:#14b8d4;--jc2:#5ee0f2}.jc-green{--jc:#1f8a5b;--jc2:#4ec08a}.jc-yellow{--jc:#f2a900;--jc2:#ffd35a}.jc-purple{--jc:#7048c8;--jc2:#a07be6}.jc-red{--jc:#d63a3a;--jc2:#f0707b}
@media(max-width:700px){.jstats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* الجداول */
.panel-card{border:1px solid var(--border)}
.toolbar{background:#fff;border-bottom:0}
.tbl th{background:var(--tbl-head);color:#fff;font-weight:600;font-size:13px;border-bottom:0;padding:.6rem 1rem}
.tbl th a{color:#fff}
.tbl td{font-size:13px;padding:.55rem 1rem;border-bottom:1px solid #eef0f5}
.tbl tbody tr:nth-child(even){background:#f4f5fa}.tbl tbody tr:hover{background:#eceefa}
.tbl .acts .icon-btn{border:0;background:transparent;width:28px;height:28px;color:#33394a;border-radius:4px}
.tbl .acts .icon-btn:hover{background:#e3e7f7;color:var(--primary)}.tbl .acts .icon-btn.danger{color:#d63939}.tbl .acts .icon-btn.danger:hover{background:#fde8e8;color:#b02a35}
.pg{border-radius:4px}.pg.on{background:var(--primary);border-color:var(--primary);color:#fff}
.empty .ico{background:var(--tint)}
.stat{border-radius:12px}

/* ---------- النافذة المنبثقة للنماذج ---------- */
.jm-open{overflow:hidden}
.jm-ov{position:fixed;inset:0;z-index:300;background:rgba(24,36,51,.5);display:grid;place-items:center;padding:1rem}
.jm-box{width:min(820px,96vw);height:min(88vh,860px);background:#fff;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden}
.jm-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.1rem;border-bottom:1px solid var(--border);font-size:1.05rem}
.jm-x{border:0;background:none;font-size:1.7rem;line-height:1;cursor:pointer;color:#8a93a6;padding:0 .3rem}.jm-x:hover{color:var(--text)}
.jm-frame{flex:1;width:100%;border:0;background:#fff}
.modal-body{background:#fff}
.modal-body .content{padding:1rem 1.3rem 1.4rem;max-width:none}
.modal-body .page-head,.modal-body .crumbs{display:none}
.modal-body .panel-card{border:0;box-shadow:none}

/* بطاقات اختيار نوع المسابقة */
.type-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.type-card{position:relative;display:block;border:1px solid var(--border);border-radius:8px;padding:1rem 1.1rem 1rem 2.6rem;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s}
[dir=rtl] .type-card{padding:1rem 1.1rem 1rem 2.6rem}[dir=ltr] .type-card{padding:1rem 2.6rem 1rem 1.1rem}
.type-card:hover{border-color:#b9c0e3}
.type-card input{position:absolute;inset-block-start:1rem;inset-inline-end:1rem;width:18px;height:18px;accent-color:var(--primary)}
[dir=ltr] .type-card input{inset-inline-end:auto;inset-inline-start:auto;right:1rem}
.type-card:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 2px rgba(79,88,141,.2);background:#fafbff}
.tc-t{display:block;font-weight:700;margin-bottom:.35rem}.tc-d{display:block;font-size:12.5px;line-height:1.7;color:#5a6378}
@media(max-width:700px){.type-cards{grid-template-columns:1fr}}