:root{
  --teal:#2594B0; --navy:#174F60; --ink:#1F2A30; --muted:#5E6E76;
  --line:#DCE6EA; --soft:#F2F7F9; --tint:#E3F1F5; --amber:#B9770E; --amber-soft:#FBF3E4;
  --bg:#F5F8F9; --ok:#1E7F5C; --ok-soft:#E5F4EE;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;font-size:16px;line-height:1.7}
.hidden{display:none!important}

.app-top{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:10px 24px;flex-wrap:wrap}
.brand img{height:38px;display:block}
.app-top .svc{font-weight:700;color:var(--navy)}

main{max-width:860px;margin:0 auto;padding:28px 16px 40px}
h1{font-size:28px;color:var(--navy);margin:0 0 6px;line-height:1.3}
h2{font-size:19px;color:var(--navy);margin:22px 0 6px}
.lead{color:var(--muted);margin:0 0 20px}
.hint{color:var(--muted);font-size:14px;margin:2px 0 10px}

.field{margin:14px 0}
.field label{display:block;font-weight:600;margin-bottom:6px}
input[type=search],input[type=text],input[type=email],textarea,select{width:100%;font:inherit;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
input:focus,textarea:focus,select:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)}
.filters{display:flex;gap:10px}
.filters select{flex:1}

.results{list-style:none;margin:14px 0;padding:0;display:grid;gap:8px}
.results li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center}
.results li:hover,.results li:focus{border-color:var(--teal);outline:none}
.results .t{font-weight:600}
.results .m{font-size:13px;color:var(--muted)}
.badge{font-size:12px;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:2px 10px;white-space:nowrap;color:var(--navy);font-weight:600}

.btn{font:inherit;font-weight:600;border:0;border-radius:10px;padding:10px 20px;background:var(--navy);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
.btn:hover{background:#0F3B48}
.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--teal)}
.btn:disabled{opacity:.5;cursor:default}
.link{background:none;border:0;color:var(--teal);font:inherit;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}
.nav{display:flex;justify-content:space-between;gap:10px;margin-top:26px;flex-wrap:wrap}
.row-actions{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}
.row-actions input{flex:1;min-width:160px}

.card-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:14px 0}
.card-box summary{font-weight:600;color:var(--navy);cursor:pointer}
.card-box[open] summary{margin-bottom:10px}

.job-head{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px}
.job-head .t{font-size:22px;font-weight:700;color:var(--navy)}
.job-head .m{color:var(--muted);font-size:14px}

.tasks-edit{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}
.tasks-edit li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:flex;gap:12px;align-items:flex-start}
.tasks-edit li.added{border-color:#E8CFA0;background:var(--amber-soft)}
.tasks-edit li.off{opacity:.55;text-decoration:line-through}
.tasks-edit input[type=checkbox]{width:18px;height:18px;margin-top:5px;accent-color:var(--navy)}
.tasks-edit .src{font-size:12px;color:var(--muted)}
.tasks-edit .x{margin-inline-start:auto;background:none;border:0;color:var(--muted);cursor:pointer;font-size:18px}

.bank{list-style:none;padding:0;margin:10px 0 0;max-height:340px;overflow:auto;display:grid;gap:6px}
.bank li{border:1px solid var(--line);border-radius:10px;padding:8px 12px;display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.bank .src{font-size:12px;color:var(--muted)}
.bank button{flex:0 0 auto}

.guide{background:var(--tint);border-radius:10px;padding:10px 14px;font-size:14px;margin-bottom:10px}
.guide .ex{display:block;color:var(--muted);margin-top:2px}
.similar{font-size:14px;margin-top:8px}
.similar .s-item{display:flex;justify-content:space-between;gap:10px;border:1px dashed var(--line);border-radius:10px;padding:6px 10px;margin-top:6px}
.ai-out{background:var(--ok-soft);border-radius:10px;padding:10px 14px;margin-top:10px}

.flag{font-size:12px;border-radius:6px;padding:1px 8px;background:var(--amber-soft);color:var(--amber);font-weight:600;white-space:nowrap}
.flags .item{background:var(--amber-soft);color:#7A4F08;border-radius:10px;padding:10px 14px;margin-top:8px;font-size:14px}

.radios{display:grid;gap:8px}
.radios label{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-weight:400;cursor:pointer}
.radios label .sz{margin-inline-start:auto;font-size:12px;color:var(--muted)}
.radios input[type=text]{padding:6px 10px}

.status{border-radius:12px;padding:12px 16px;font-size:15px}
.status.std{background:var(--ok-soft);color:var(--ok)}
.status.cus{background:var(--amber-soft);color:#7A4F08}
.unlock{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-top:12px}
.msg{font-size:14px;margin-top:6px}

.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.tabs button{font:inherit;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 16px;cursor:pointer;color:var(--navy)}
.tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.ad-out{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;white-space:pre-wrap;min-height:200px}
.ad-out .loading{color:var(--muted)}

#cardWrap{padding:0 0 30px;overflow-x:auto}
.app-foot{text-align:center;color:var(--muted);font-size:13px;padding:18px}
.app-foot a{color:var(--teal)}

/* حساب المنشأة */
.acct{margin-inline-start:auto;display:flex;gap:14px;align-items:center;font-size:14px}
.acct .org{color:var(--navy);font-weight:600}
.modal{position:fixed;inset:0;z-index:20;background:rgba(15,40,50,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.modal .sheet{background:#fff;border-radius:16px;max-width:440px;width:100%;padding:22px 22px 18px;position:relative;max-height:92vh;overflow:auto}
.modal h2{margin:0 0 6px}
.modal .x{position:absolute;top:10px;left:12px;background:none;border:0;font-size:24px;color:var(--muted);cursor:pointer}
.btn.wide{width:100%;margin-top:12px}
#aCodeIn{font-size:22px;letter-spacing:6px;text-align:center}
.msg.bad{color:#B0453D}
.mini-logo{height:34px;max-width:120px;object-fit:contain}
.results li.sel{border-color:var(--navy);background:var(--tint)}

/* المعاينة المظللة */
.modal .sheet.wide{max-width:680px}
.tz-wrap{position:relative;height:460px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;margin-top:10px}
.tz-card .page{position:absolute;top:0;left:50%;margin:0;transform:translateX(-50%) scale(.72);transform-origin:top center;box-shadow:none}
.tz-card .page section,.tz-card .page .facts,.tz-card .page footer{filter:blur(5px);user-select:none;pointer-events:none}
.tz-cta{position:absolute;inset:auto 0 0 0;padding:70px 16px 18px;text-align:center;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 55%)}
.tz-cta .m{font-size:13px;color:var(--muted);margin-top:6px}
@media (max-width:640px){.tz-card .page{transform:translateX(-50%) scale(.42)}.tz-wrap{height:380px}}

@media (max-width:640px){
  .app-top{padding:10px 16px;gap:10px}
  h1{font-size:23px}
  .filters{flex-direction:column}
  #cardWrap .page{transform-origin:top right;transform:scale(.46);margin:10px 16px -150mm auto}
}

/* ترويسة الموقع الرئيسي داخل الخدمة */
.site-header{position:relative}
.site-footer .wave{background:var(--bg)}
@media print{.site-header,.site-footer{display:none!important}}

/* المسودات والإصدار الجماعي والباقات */
.results.picks li{gap:12px}
.results.picks li .pick{width:18px;height:18px;flex:0 0 auto;accent-color:var(--navy);margin:0}
.results.picks li .grow{flex:1}
.results li .acts{display:flex;gap:10px;align-items:center}
.bulk{position:sticky;bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--navy);color:#fff;border-radius:12px;padding:10px 16px;margin:8px 0;flex-wrap:wrap}
.bulk .btn{background:#fff;color:var(--navy)}
.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:10px}
.pack{border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center;background:#fff}
.pack .n{font-size:22px;font-weight:700;color:var(--navy)}
.pack .p{font-weight:600}
.pack .u{font-size:13px;color:var(--muted)}
.pack .btn{margin-top:8px;width:100%}
.pack.more{background:var(--soft)}
.msg.ok{color:#1E7F5C}
@media print{#cardWrap .page{break-after:page}#cardWrap .page:last-child{break-after:auto}}

/* مراحل البناء: في منتصف الصفحة وتظهر أثناء البناء فقط */
.stepper{margin:0 auto 22px}
.stepper ol{list-style:none;margin:0;padding:0;display:flex;justify-content:center;position:relative}
.stepper li{flex:1;max-width:150px;position:relative;text-align:center}
.stepper li::before{content:"";position:absolute;top:17px;left:50%;width:100%;height:2px;background:var(--line);z-index:0}
.stepper li:first-child::before{display:none}
.stepper li.done::before,.stepper li.on::before{background:var(--teal)}
.stepper button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1;width:100%}
.stepper i{font-style:normal;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background:#fff;border:2px solid var(--line);color:var(--muted);transition:.2s}
.stepper span{font-size:13px;color:var(--muted);font-weight:600}
.stepper li.done i{background:var(--tint);border-color:var(--teal);color:var(--navy)}
.stepper li.done span{color:var(--navy)}
.stepper li.on i{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 0 0 5px var(--tint)}
.stepper li.on span{color:var(--navy);font-weight:700}
.stepper button:hover i{border-color:var(--teal)}
.stepper button:focus-visible i{outline:2px solid var(--teal);outline-offset:2px}
@media (max-width:600px){.stepper li{min-width:0}.stepper span{font-size:11px;line-height:1.3}.stepper i{width:28px;height:28px}.stepper li::before{top:14px}}

/* حسابي */
.acct-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin:12px 0}
.acct-grid .card-box{margin:0}
.org-head{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.org-logo{width:64px;height:64px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff;padding:6px;flex:0 0 auto}
.org-logo.empty{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);background:var(--soft)}
.org-name{font-size:20px;font-weight:700;color:var(--navy)}
.kv{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.kv span{color:var(--muted)}
.org-form label{display:block;font-weight:600;margin:10px 0 6px}
.org-form input[type=text]{width:100%}
.credit-card{text-align:center}
.credit-card .big{font-size:42px;font-weight:700;color:var(--navy);line-height:1.2;margin:4px 0}
.credit-card .row-actions{justify-content:center}
.pending{background:var(--amber-soft,#FBF3E4);color:#7A4F08;border-radius:10px;padding:8px 12px;font-size:13px;margin-top:10px}
@media (max-width:700px){.acct-grid{grid-template-columns:1fr}}

/* شرح الخدمة */
.how{list-style:none;counter-reset:h;margin:18px 0 12px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.how li{counter-increment:h;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;position:relative}
.how li::before{content:counter(h, arabic-indic);width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.how b{display:block;color:var(--navy);margin-bottom:2px}
.how span{font-size:13px;color:var(--muted);line-height:1.6;display:block}
.types{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;font-size:13.5px;color:var(--muted)}
.types div{background:var(--soft);border-radius:10px;padding:10px 14px;line-height:1.7}
.types b{color:var(--navy)}
.results .empty{cursor:default;justify-content:center;color:var(--muted);font-size:14px;border-style:dashed}
.link.light{color:#fff}
@media (max-width:700px){.how{grid-template-columns:1fr 1fr}.types{grid-template-columns:1fr}}

/* ===== قياس المتقدمين ===== */
.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0;margin:14px 0 18px;list-style:none;counter-reset:hs}
.how-steps li{counter-increment:hs;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:14px;line-height:1.6}
.how-steps li::before{content:counter(hs, arabic-indic);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--tint);color:var(--navy);font-weight:700;margin-inline-end:6px}
@media (max-width:640px){.how-steps{grid-template-columns:1fr 1fr}}
.as-form label{display:block;font-weight:600;margin:12px 0 4px}
.as-form input,.as-form select,.as-form textarea{width:100%}
.as-form.dim{opacity:.55;pointer-events:none}
.as-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:640px){.as-row{grid-template-columns:1fr}}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{border:0;background:#fff;padding:8px 14px;font:inherit;cursor:pointer;color:var(--muted)}.seg button.on{background:var(--navy);color:#fff}
.picks1 li{cursor:pointer}.picks1 li.sel{outline:2px solid var(--teal)}
#asList .camp{align-items:flex-start}
.invite{margin-top:10px;background:var(--soft);border-radius:10px;padding:12px}.invite textarea{width:100%}
.tpl{white-space:pre-wrap;font:inherit;font-size:14px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;max-height:260px;overflow:auto}
.pack .full{margin-top:8px;border-top:1px dashed var(--line);padding-top:8px}
.report{margin-top:18px}.rep-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.rep-head h2,.rep-head h3{margin:0}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:10px 0}.legend i{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-inline-end:5px}
.legend .ok,td.lv.ok{background:#DDF3E9}.legend .min,td.lv.min{background:#DFF0F6}.legend .gap,td.lv.gap{background:#FBE9D9}
.tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
table.cmp{border-collapse:collapse;width:100%;font-size:14px;background:#fff}
.cmp th,.cmp td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:center;vertical-align:middle}
.cmp th{background:var(--soft);font-size:12px;color:var(--navy)}
.cmp th.cp{min-width:64px;max-width:90px}.cmp th.cp span{display:block;line-height:1.35}.cmp small{display:block;color:var(--muted);font-weight:400;font-size:11px}
.cmp td.nm,.cmp th.nm{text-align:start;min-width:150px}.cmp td.lv{font-weight:700}
.cmp tbody tr{cursor:pointer}.cmp tbody tr:hover td{filter:brightness(.97)}
.cmp small.warn,.kvs .warn{color:var(--amber)}
.cand{margin-top:18px;border-top:2px solid var(--line);padding-top:14px}
.fitbig{font-size:30px;font-weight:700;color:var(--navy);text-align:center}.fitbig small{display:block;font-size:12px;color:var(--muted);font-weight:400}
.kvs{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;margin:10px 0}
.crow{display:grid;grid-template-columns:1fr auto 84px 120px;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--soft);font-size:14px}
@media (max-width:640px){.crow{grid-template-columns:1fr auto}.crow .st{grid-column:1/-1}}
.cbar{position:relative;display:flex;gap:4px;direction:rtl;padding:3px}.cbar i{flex:0 0 18px;height:10px;border-radius:3px;background:#E8EEF1}.cbar i.on{background:var(--teal)}
.cbar s{position:absolute;top:0;bottom:0;margin-right:1px;border:2px solid var(--navy);border-radius:5px;text-decoration:none}
.lvchip{font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;text-align:center}.lvchip.none{background:#EEF3F5;color:var(--muted)}
.crow .st{font-size:13px;font-weight:600}.st.ok{color:var(--ok)}.st.min{color:#1F7F9A}.st.gap{color:var(--amber)}.st.none{color:var(--muted)}
@media print{body.print-rep *{visibility:hidden}body.print-rep #asReport,body.print-rep #asReport *{visibility:visible}body.print-rep #asReport{position:absolute;inset:0 0 auto 0}body.print-rep .no-print{display:none}}
.cmp th.nm,.cmp td.nm{position:sticky;right:0;background:#fff;z-index:1;box-shadow:-1px 0 0 var(--line)}.cmp th.nm{background:var(--soft)}
.cmp th.cp{min-width:58px;max-width:76px;font-size:11px}
.logo-ask{grid-column:1/-1;border-color:var(--teal)}
/* ===== الباقات ===== */
.freebar{background:var(--ok-soft);border:1px solid #CFE9DD;border-radius:12px;padding:10px 14px;margin:6px 0 10px}
#plans h2 small{font-size:14px;color:var(--muted);font-weight:400;margin-inline-start:6px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:8px}
.plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px}
.plan.featured{border:2px solid var(--teal);box-shadow:0 8px 24px rgba(37,148,176,.15)}
.plan .ribbon{position:absolute;top:-11px;inset-inline-start:14px;background:var(--teal);color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px}
.plan .pn{font-weight:700;color:var(--navy)}.plan .pp{font-size:26px;font-weight:700;color:var(--ink)}.plan .pp small{font-size:14px;color:var(--muted)}.plan .pu{font-size:13px;color:var(--muted)}
.plan ul{list-style:none;padding:0;margin:8px 0 12px;font-size:14px;line-height:1.7;flex:1}.plan li::before{content:'✓ ';color:var(--ok);font-weight:700}
table.cmpplans{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.cmpplans th,.cmpplans td{border-bottom:1px solid var(--line);padding:9px 8px;text-align:center}.cmpplans td:first-child{text-align:start;font-weight:600}.cmpplans th{background:var(--soft);color:var(--navy)}
.cmpplans th:last-child,.cmpplans td:last-child{background:#F0F9FB}.ck{color:var(--ok);font-weight:700}.no{color:var(--muted)}
.order{margin-top:18px;border-color:var(--teal)}.order.done{border-color:var(--ok)}
.bank{background:var(--soft);border-radius:10px;padding:10px 14px;margin:10px 0}
.ost{font-size:12px;font-weight:700;border-radius:999px;padding:1px 9px;margin-inline-start:6px}.ost.wait{background:var(--amber-soft);color:var(--amber)}.ost.ok{background:var(--ok-soft);color:var(--ok)}.ost.off{background:#EEF2F4;color:var(--muted)}
.ord details{margin-top:6px}.btn.sm{padding:6px 12px;font-size:14px}
.xsell{border-color:var(--teal)}