/* assets/css/fahs.css */

@font-face{font-family:"Sayah Sans";src:url("../fonts/SayahSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Sayah Sans";src:url("../fonts/SayahSans-Medium.woff2") format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"Sayah Sans";src:url("../fonts/SayahSans-Bold.woff2") format("woff2");font-weight:700 900;font-style:normal;font-display:swap}
/* لوحة فحص هندسية: ورق رسم محايد بشبكة مليمترية خافتة، جداول وأختام بدل البطاقات، التيراكوتا للفعل والحكم فقط */
:root{
  --paper:#F6F5F1; --sheet:#FFFFFF; --grid:rgba(31,26,23,.045);
  --ink:#1F1A17; --ink-2:#5E554E; --line:#D9D3CB; --line-2:#B9B0A5;
  --terra:#A65338; --on-terra:#FFFFFF; --brown:#1F1A17;
  --stop:#9B2F22; --major:#8F4E1E; --minor:#5F7044; --ok:#3F6B4E;
  --font:"Sayah Sans","Noto Kufi Arabic",Tahoma,sans-serif;
  --mono:"Sayah Sans","Noto Kufi Arabic",Tahoma,sans-serif; /* خط صياح وحده (دستور التصميم ١)، والأرقام متساوية العرض */
  --logo-filter:none;
  --r-card:12px; --r-ctl:8px; --r-tag:6px;
  --lift:0 1px 2px rgba(31,26,23,.05),0 10px 24px -18px rgba(31,26,23,.28);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#161311; --sheet:#1E1A17; --grid:rgba(237,231,224,.04);
  --ink:#EDE7E0; --ink-2:#B3A89D; --line:#3A332D; --line-2:#5A5048;
  --terra:#D47B58; --on-terra:#1A110C; --brown:#E2B9A2;
  --stop:#E0705F; --major:#E09A5C; --minor:#A5B884; --ok:#86B796;
  --logo-filter:invert(1); color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#161311; --sheet:#1E1A17; --grid:rgba(237,231,224,.04);
  --ink:#EDE7E0; --ink-2:#B3A89D; --line:#3A332D; --line-2:#5A5048;
  --terra:#D47B58; --on-terra:#1A110C; --brown:#E2B9A2;
  --stop:#E0705F; --major:#E09A5C; --minor:#A5B884; --ok:#86B796;
  --logo-filter:invert(1); color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;direction:rtl;font-family:var(--font);font-size:16px;line-height:1.8;color:var(--ink);
  background-color:var(--paper);
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:8px 8px}
.wrap{max-width:1140px;margin:0 auto;padding-inline:clamp(16px,3.5vw,36px);padding-block:0}
h1,h2,h3{margin:0;font-weight:700;line-height:1.35;text-wrap:balance}
p{margin:0}
.mono{font-family:var(--mono);direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
a{color:inherit}
:focus-visible{outline:2px solid var(--terra);outline-offset:2px}

/* الشريط العلوي */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--paper);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:20px;min-height:60px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand{color:var(--ink)}
.brand .bn{font-size:19px;font-weight:700;letter-spacing:-.005em;white-space:nowrap}
.brand b{font-size:14.5px;font-weight:400;color:var(--ink-2);padding-right:14px;border-right:1px solid var(--line-2);white-space:nowrap}
.top nav{display:flex;gap:22px;margin-inline-start:auto;font-size:14px}
.top nav a{text-decoration:none;color:var(--ink);font-size:15px;padding-block:4px;border-bottom:1.5px solid transparent;transition:border-color .15s}
.top nav a:hover{border-bottom-color:var(--terra)}
.btn{font:inherit;font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 22px;border-radius:var(--r-ctl);border:1px solid var(--terra);background:var(--terra);color:var(--on-terra);text-decoration:none;cursor:pointer}
.btn:hover{filter:brightness(1.06)}
.btn.line:hover{border-color:var(--ink);filter:none}
.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}
.btn.line{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn.sm{padding:6px 16px;font-size:14px}

/* الافتتاح */
.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,5vw,64px);align-items:start;padding-block:clamp(40px,6vw,76px) clamp(32px,4vw,48px)}
.hero>*{min-width:0}
.kicker{font-size:14px;font-weight:700;color:var(--terra);margin-bottom:14px}
.hero h1{font-size:clamp(31px,4.3vw,50px);letter-spacing:-.005em}
.hero .lead{font-size:18px;color:var(--ink-2);margin-top:18px;max-width:31em}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:40px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.facts div{padding:14px 0 12px 12px;min-width:0}
.facts div+div{border-right:1px solid var(--line);padding-right:14px}
.facts b{display:block;font-family:var(--mono);font-size:26px;font-weight:500;line-height:1.2}
.facts span{font-size:13px;color:var(--ink-2);line-height:1.6;display:block;margin-top:4px;text-wrap:pretty}
@media (min-width:1000px){.facts{grid-template-columns:1fr 1.7fr 1fr 1fr}}

/* ورقة التقرير */
.doc{background:var(--sheet);border:1px solid var(--line-2);box-shadow:0 1px 0 var(--line),0 18px 40px -28px rgba(31,26,23,.35);font-size:13px}
.doc-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:2px solid var(--ink)}
.doc-h b{font-size:15px}
.doc-h .mono{font-size:12px;color:var(--ink-2)}
.verdict{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.verdict div{padding:10px 12px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--ink-2)}
.verdict div+div{border-right:1px solid var(--line)}
.verdict i{width:12px;height:12px;border:1.5px solid var(--line-2);flex:none}
.tally{display:grid;grid-template-columns:1.4fr repeat(3,1fr);border-bottom:1px solid var(--line);font-size:12px}
.tally>*{padding:6px 10px;border-bottom:1px solid var(--line)}
.tally>:nth-last-child(-n+4){border-bottom:0}
.tally .hd{color:var(--ink-2);font-weight:700}
.tally .c{text-align:center;font-family:var(--mono);color:var(--line-2)}
.sv{display:inline-flex;align-items:center;gap:6px}
.sv::before{content:"";width:8px;height:8px;background:currentColor;display:inline-block}
.sv.stop{color:var(--stop)} .sv.major{color:var(--major)} .sv.minor{color:var(--minor)}
.rows{width:100%;border-collapse:collapse}
.rows th,.rows td{padding:8px 10px;text-align:right;vertical-align:top;border-bottom:1px solid var(--line)}
.rows th{font-size:12px;color:var(--ink-2);font-weight:700;background:var(--paper)}
.rows td .code{display:block;font-family:var(--mono);font-size:12px;color:var(--terra);direction:ltr;text-align:right}
.rows td.pend{color:var(--line-2);font-size:18px;font-family:var(--mono);text-align:center}
.titleblock{display:grid;grid-template-columns:2fr 1.3fr 1fr 1fr;font-size:12px}
.titleblock div{padding:8px 10px;min-width:0}
.titleblock div+div{border-right:1px solid var(--line)}
.titleblock span{display:block;color:var(--ink-2);font-size:12px}
.titleblock em{font-style:normal;font-weight:700}
.doc-note{font-size:12px;color:var(--ink-2);margin-top:10px}

/* الأقسام */
section{padding-block:clamp(44px,6vw,72px);border-top:1px solid var(--line)}
.sh{display:grid;grid-template-columns:220px 1fr;gap:28px;margin-bottom:30px;align-items:end}
.sh>*{min-width:0}
.sh .ref{font-family:var(--mono);font-size:12px;color:var(--ink-2);direction:ltr;text-align:right}
.sh h2{font-size:clamp(24px,2.8vw,32px)}
.sh p{color:var(--ink-2);margin-top:6px;max-width:44em}
.body{margin-inline-start:248px}

/* مصفوفة الطبقات */
.matrix-wrap{overflow-x:auto;border-top:2px solid var(--ink)}
.matrix{width:100%;border-collapse:collapse;min-width:760px;background:var(--sheet)}
.matrix th,.matrix td{padding:16px 14px;text-align:right;vertical-align:top;border-bottom:1px solid var(--line)}
.matrix thead th{font-size:12.5px;color:var(--ink-2);background:var(--paper);padding-block:10px}
.matrix .n{font-family:var(--mono);font-size:22px;color:var(--terra);width:56px}
.matrix h3{font-size:17px}
.matrix .src{font-size:12.5px;color:var(--ink-2);margin-top:3px}
.matrix .cnt{font-family:var(--mono);font-size:20px;text-align:center;width:80px}
.codes{display:flex;flex-wrap:wrap;gap:6px;direction:ltr;justify-content:flex-end}
.codes span{font-family:var(--mono);font-size:12px;padding:2px 7px;border:1px solid var(--line-2);border-radius:var(--r-ctl);color:var(--ink-2)}

/* المسار */
.steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid var(--ink);background:var(--sheet)}
.steps li{list-style:none;padding:18px 16px 20px;min-width:0;border-bottom:1px solid var(--line)}
.steps li+li{border-right:1px solid var(--line)}
.steps .k{font-family:var(--mono);font-size:12px;color:var(--terra)}
.steps h3{font-size:16px;margin:6px 0 6px}
.steps p{font-size:14px;color:var(--ink-2);line-height:1.7}
.steps li.loop{background:var(--paper)}
ol.steps{margin:0;padding:0}

/* المتطلبات والالتزامات */
.cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px)}
.cols>*{min-width:0}
.list{border-top:2px solid var(--ink)}
.list h3{font-size:16px;padding:12px 0 4px}
.list .it{display:grid;grid-template-columns:1fr auto;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}
.list .it>*{min-width:0}
.list .it small{display:block;color:var(--ink-2);font-size:13px;line-height:1.6}
.tagm{font-size:12px;font-weight:700;white-space:nowrap;padding:2px 8px;border-radius:var(--r-ctl);align-self:start}
.tagm.req{color:var(--terra);border:1px solid var(--terra)}
.tagm.opt{color:var(--ink-2);border:1px solid var(--line-2)}
.formats{font-family:var(--mono);font-size:13px;color:var(--ink-2);margin-top:12px;direction:ltr;text-align:right}

/* من وراء الأداة */
.who{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;background:var(--sheet);border:1px solid var(--line);padding:22px 24px}
.who img{height:26px;filter:var(--logo-filter);margin-top:6px}
.who p{color:var(--ink-2);max-width:60em}
.who b{color:var(--ink)}

/* نموذج الطلب */
.intake{display:grid;grid-template-columns:1fr 1.25fr;background:var(--sheet);border:1px solid var(--line-2)}
.intake>*{min-width:0}
.drop{border-left:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:14px}
.dz{position:relative;border:1.5px dashed var(--line-2);min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px;cursor:pointer;transition:border-color .15s,background .15s}
.dz:hover,.dz.over{border-color:var(--terra);background:var(--paper)}
.dz input{position:absolute;inset:0;opacity:0;cursor:pointer}
.dz b{font-size:17px}
.dz small{font-size:13px;color:var(--ink-2)}
.files{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.files li{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.files li>*{min-width:0}
.files .ext{font-family:var(--mono);font-size:12px;text-align:center;border:1px solid var(--line-2);padding:4px 0}
.files .nm{overflow-wrap:anywhere}
.files .sz{font-family:var(--mono);font-size:12px;color:var(--ink-2)}
.files button{grid-column:3;font:inherit;font-size:12px;background:none;border:0;color:var(--ink-2);cursor:pointer;text-decoration:underline}
.files .row-end{display:flex;gap:10px;align-items:center}
.form{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;align-content:start}
.form h3{grid-column:1/-1;font-size:14px;color:var(--ink-2);border-bottom:1px solid var(--line);padding-bottom:6px;margin-top:6px}
.form h3:first-child{margin-top:0}
.f{display:flex;flex-direction:column;gap:4px;min-width:0}
.f.full{grid-column:1/-1}
label{font-size:13.5px;font-weight:700}
label .o{font-weight:400;color:var(--ink-2)}
input,select{font:inherit;font-size:15px;color:var(--ink);background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-ctl);padding:8px 11px;width:100%}
input.num{font-family:var(--mono)}
.check{grid-column:1/-1;font-weight:400;display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.7}
.check input{width:16px;height:16px;margin-top:5px;flex:none;accent-color:var(--terra)}
.err{grid-column:1/-1;color:var(--stop);font-size:14px;min-height:1.4em}
.submit{grid-column:1/-1;display:flex;gap:14px;align-items:center;flex-wrap:wrap}

/* الإيصال */
.receipt{grid-column:1/-1;border-top:2px solid var(--ink);padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.receipt>*{min-width:0}
.receipt h3{font-size:18px}
.receipt .ref{font-family:var(--mono);font-size:22px;color:var(--terra);direction:ltr;text-align:right;margin:6px 0 10px}
.receipt table{width:100%;border-collapse:collapse;font-size:14px}
.receipt td{padding:6px 0;border-bottom:1px solid var(--line);vertical-align:top}
.receipt td:first-child{color:var(--ink-2);width:38%}
.receipt ol{margin:8px 0 14px;padding:0 20px 0 0;font-size:14.5px;color:var(--ink-2)}
.receipt textarea{width:100%;min-height:150px;font:inherit;font-size:13.5px;line-height:1.7;color:var(--ink);background:var(--paper);border:1px solid var(--line-2);padding:10px;resize:vertical}
.receipt .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}
.muted{color:var(--ink-2);font-size:13px}

footer{border-top:2px solid var(--ink);margin-top:8px}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:22px 28px;font-size:13px;color:var(--ink-2)}
.co-tag{flex-basis:100%;margin:6px 0 0;padding-top:18px;border-top:1px solid var(--line);text-align:center;font-size:15px;font-weight:700;color:var(--ink-2)}
.co-line{flex-basis:100%;margin:2px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;font-size:12.5px;line-height:1.8;color:var(--ink-2);text-align:center}
.co-line b{font-weight:700;color:var(--ink)}
.co-line>*:not(:first-child)::before{content:"·";margin-inline:8px;color:var(--line-2)}
.co-prod{flex-basis:100%;margin:-12px 0 0;font-size:12.5px;line-height:1.8;color:var(--ink-2);text-align:center}.co-prod a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.co-line+.sig-row{border-top:0;padding-top:14px;margin-top:0}
@media (max-width:640px){.co-line{flex-direction:column;align-items:center}.co-line>*::before{display:none}}
.sig-row{flex-basis:100%;display:flex;justify-content:center;padding-top:22px;margin-top:6px;border-top:1px solid var(--line)}
.sig{display:inline-flex;opacity:.55;transition:opacity .2s}
.sig:hover{opacity:.9}
.sig img{height:13px;width:auto;filter:var(--logo-filter)}

@media (max-width:980px){
  .hero{grid-template-columns:1fr}
  .sh{grid-template-columns:1fr;gap:6px}
  .body{margin-inline-start:0}
  .steps{grid-template-columns:1fr 1fr}
  .steps li+li{border-right:0}
  .steps li:nth-child(even){border-right:1px solid var(--line)}
  .top nav{display:none}
  .brand{margin-inline-end:auto}
}
@media (max-width:720px){
  .facts{grid-template-columns:1fr 1fr}
  .facts div:nth-child(3){border-right:0;padding-right:0}
  .facts div:nth-child(n+3){border-top:1px solid var(--line)}
  .cols,.intake,.receipt{grid-template-columns:1fr}
  .drop{border-left:0;border-bottom:1px solid var(--line)}
  .titleblock{grid-template-columns:1fr 1fr}
  .titleblock div:nth-child(3){border-right:0}
  .titleblock div:nth-child(n+3){border-top:1px solid var(--line)}
  .who{grid-template-columns:1fr}
}
@media (max-width:480px){
  .form{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .steps li:nth-child(even){border-right:0}
  .verdict div{font-size:12px;padding:8px}
  .brand b{display:none}
  .brand .bn{font-size:18px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
html{scroll-behavior:smooth}

/* المحلل والتقرير */
.try{display:grid;grid-template-columns:330px 1fr;gap:24px;align-items:start}
.try>*{min-width:0}
.panel{background:var(--sheet);border:1px solid var(--line-2);position:sticky;top:76px}
.panel .ph{padding:14px 18px;border-bottom:2px solid var(--ink);font-weight:700}
.panel .pb{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.panel .dz{min-height:150px}
.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.thumbs figure{margin:0;position:relative;border:1px solid var(--line);aspect-ratio:1;overflow:hidden;background:var(--paper)}
.thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.thumbs button{position:absolute;top:3px;left:3px;font:inherit;font-size:12px;line-height:1;padding:3px 6px;border:0;border-radius:var(--r-ctl);background:var(--ink);color:var(--paper);cursor:pointer}
.panel .btn{width:100%}
.status{font-size:13.5px;color:var(--ink-2);min-height:1.4em}
.status.bad{color:var(--stop)}
.pill{display:inline-block;font-size:12px;font-weight:700;padding:1px 9px;border-radius:var(--r-ctl);border:1px solid currentColor}
.switch{display:flex;border:1px solid var(--line-2)}
.switch button{flex:1;font:inherit;font-size:13px;padding:6px;border:0;background:transparent;color:var(--ink-2);cursor:pointer}
.switch button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}

.rep{background:var(--sheet);border:1px solid var(--line-2);box-shadow:0 18px 40px -30px rgba(31,26,23,.4)}
.rep-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px;border-bottom:2px solid var(--ink);flex-wrap:wrap}
.rep-h h3{font-size:20px}
.rep-h .sub{font-size:13.5px;color:var(--ink-2)}
.rep-h .mono{font-size:12px;color:var(--ink-2)}
.badge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:var(--r-ctl);background:var(--paper);border:1px solid var(--line-2);color:var(--ink-2)}
.badge.live{border-color:var(--terra);color:var(--terra)}
/* وسم حالة التقرير: لا يرث شكل عدّاد الإشعارات في app.css */
.rep-h .badge{display:inline-block;min-width:0;margin:0;line-height:1.6;padding:3px 10px;background:var(--paper);color:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--r-tag);text-align:start}
.rep-h .badge.live{border-color:var(--terra);color:var(--terra)}
.rep .vd{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.rep .vd div{padding:12px 16px;display:flex;flex-direction:column;gap:2px;color:var(--ink-2);min-width:0}
.rep .vd div+div{border-right:1px solid var(--line)}
.rep .vd b{font-size:15px;display:flex;align-items:center;gap:8px}
.rep .vd b::before{content:"";width:12px;height:12px;border:1.5px solid var(--line-2);flex:none}
.rep .vd small{font-size:12px;line-height:1.5}
.rep .vd .on{background:var(--paper);color:var(--ink)}
.rep .vd .on b::before{background:var(--terra);border-color:var(--terra)}
.rep .vd .on{box-shadow:inset 0 -3px 0 var(--terra)}
.rep-body{display:grid;grid-template-columns:1.25fr 1fr;border-bottom:1px solid var(--line)}
.rep-body>*{min-width:0;padding:16px 22px}
.rep-body>*+*{border-right:1px solid var(--line)}
.summary p{font-size:15.5px;line-height:1.85}
.summary p+p{margin-top:8px}
.assume{margin-top:12px;font-size:13px;color:var(--ink-2)}
.assume b{color:var(--ink)}
.tl{width:100%;border-collapse:collapse;font-size:13.5px}
.tl th,.tl td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:center}
.tl th:first-child,.tl td:first-child{text-align:right}
.tl thead th{font-size:12px;color:var(--ink-2)}
.tl td{font-family:var(--mono);font-size:14px}
.tl td.z{color:var(--line-2)}
.tl tr.sum td,.tl tr.sum th{border-top:1.5px solid var(--ink);border-bottom:0;font-weight:700}
.c-stop{color:var(--stop)} .c-major{color:var(--major)} .c-minor{color:var(--minor)} .c-ok{color:var(--ok)}
.blk{padding:18px 22px;border-bottom:1px solid var(--line)}
.blk>h4{font-size:15px;margin:0 0 10px;display:flex;align-items:baseline;gap:10px}
.blk>h4 span{font-size:12.5px;color:var(--ink-2);font-weight:400}
.find{display:grid;grid-template-columns:118px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.find:first-of-type{border-top:0}
.find>*{min-width:0}
.sevtag{font-size:12px;font-weight:700;padding:3px 0;text-align:center;border-radius:var(--r-ctl);color:var(--sheet);align-self:start}
.sevtag.stop{background:var(--stop)} .sevtag.major{background:var(--major)} .sevtag.minor{background:var(--minor)}
.find .t{font-weight:700;font-size:15px;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.find .t code{font-family:var(--mono);font-size:12px;color:var(--terra);font-weight:400;direction:ltr;unicode-bidi:isolate}
.find dl{display:grid;grid-template-columns:70px 1fr;gap:3px 10px;margin:6px 0 0;font-size:14px}
.find dt{color:var(--ink-2);font-size:12.5px;padding-top:2px}
.find dd{margin:0;min-width:0}
.find dd.fix{color:var(--ink)}
.find .note{font-size:12.5px;color:var(--ink-2);margin-top:4px}
details.lay{border-top:1px solid var(--line)}
details.lay:first-of-type{border-top:0}
details.lay summary{cursor:pointer;padding:10px 0;display:flex;gap:12px;align-items:center;font-weight:700;list-style:none}
details.lay summary::-webkit-details-marker{display:none}
details.lay summary::before{content:"+";font-family:var(--mono);color:var(--terra);width:14px}
details.lay[open] summary::before{content:"−"}
details.lay summary .cnts{margin-inline-start:auto;font-family:var(--mono);font-size:12px;font-weight:400;color:var(--ink-2);display:flex;gap:10px}
.chk-wrap{overflow-x:auto;padding-bottom:10px}
.chk{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}
.chk th,.chk td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}
.chk thead th{font-size:12px;color:var(--ink-2);background:var(--paper)}
.chk td code{display:block;font-family:var(--mono);font-size:12px;color:var(--terra);direction:ltr;text-align:right}
.chk .st{white-space:nowrap;font-weight:700;font-size:12px}
.st.ok{color:var(--ok)} .st.fail-stop{color:var(--stop)} .st.fail-major{color:var(--major)} .st.fail-minor{color:var(--minor)} .st.na,.st.unk{color:var(--ink-2)}
.ext-t{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}
.ext-t th,.ext-t td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:right}
.ext-t thead th{font-size:12px;color:var(--ink-2);background:var(--paper)}
.ext-t td.n{font-family:var(--mono);direction:ltr;text-align:right}
.qs-l{margin:0;padding:0 20px 0 0;font-size:14.5px;display:flex;flex-direction:column;gap:6px}
.newrule{background:var(--paper);border:1px dashed var(--line-2);padding:10px 14px;font-size:14px}
.rep-f{padding:12px 22px;font-size:12.5px;color:var(--ink-2);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.thinking{padding:40px 22px;text-align:center;color:var(--ink-2)}
.thinking .bar{height:3px;background:var(--line);margin:16px auto 0;max-width:280px;overflow:hidden;position:relative}
.thinking .bar::after{content:"";position:absolute;inset:0;width:40%;background:var(--terra);animation:slide 1.4s ease-in-out infinite}
@keyframes slide{0%{transform:translateX(150%)}100%{transform:translateX(-250%)}}
@media (max-width:980px){.try{grid-template-columns:1fr}.panel{position:static}}
@media (max-width:720px){.rep-body{grid-template-columns:1fr}.rep-body>*+*{border-right:0;border-top:1px solid var(--line)}.rep .vd{grid-template-columns:1fr}.rep .vd div+div{border-right:0;border-top:1px solid var(--line)}.find{grid-template-columns:1fr;gap:6px}.sevtag{justify-self:start;padding:3px 10px}}
@media (prefers-reduced-motion:reduce){.thinking .bar::after{animation:none}}

.verdict .on{color:var(--ink);background:var(--paper)} .verdict .on i{background:var(--terra);border-color:var(--terra)}
.tally .c.n-stop{color:var(--stop);font-weight:500} .tally .c.n-major{color:var(--major);font-weight:500} .tally .c.n-minor{color:var(--minor);font-weight:500}
.rows td.got{font-weight:700;white-space:nowrap;text-align:center} .rows td.got.ok{color:var(--ok)} .rows td.got.stop{color:var(--stop)}

/* صفحات التقرير A4 للتصدير: ورقة بيضاء ثابتة الألوان */
.pp-host{position:fixed;left:-12000px;top:0;width:794px;z-index:-1}
.pp{width:794px;height:1123px;background:#FFFFFF;color:#1F1A17;font-family:"Sayah Sans",Tahoma,sans-serif;direction:rtl;font-size:11.5px;line-height:1.65;position:relative;display:flex;flex-direction:column;padding:34px 44px 0 44px;overflow:hidden;box-sizing:border-box}
.pp *{box-sizing:border-box}
.pp-h{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1.5px solid #A65338;flex:none}
.pp-h .pp-bn{font-size:17px;color:#1F1A17}
.pp-h .pp-logo{height:34px;width:auto;display:block;margin-inline-start:-4px}
.pp-fe{display:inline-flex;align-items:center;gap:10px}
.pp-fe img{height:9px;opacity:.6}
.pp-h .pt{text-align:left;display:flex;flex-direction:column;line-height:1.35}
.pp-h .pt b{font-size:14px;color:#1F1A17}
.pp-h .pt span{font-size:10px;color:#5E554E;font-family:var(--mono);font-variant-numeric:tabular-nums;direction:ltr}
.pp-c{flex:1;overflow:hidden;padding-top:14px;display:flex;flex-direction:column}
.pp-f{flex:none;height:40px;border-top:1px solid #D9D3CB;display:flex;justify-content:space-between;align-items:center;font-size:9.5px;color:#5E554E}
.pp-f .n{font-family:var(--mono);font-variant-numeric:tabular-nums;direction:ltr}
.pp-b{flex:none}
.pp-b+.pp-b{margin-top:0}
.pp-title h1{font-size:21px;margin:0;font-weight:700;line-height:1.35}
.pp-title p{margin:2px 0 0;color:#5E554E;font-size:11.5px}
.pp-title .meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:10px;color:#5E554E}
.pp-title .meta span b{color:#1F1A17;font-weight:700}
.pp-title .tag{display:inline-block;margin-top:8px;font-size:10px;font-weight:700;padding:2px 8px;border:1px solid #B9B0A5;color:#5E554E}
.pp-title .tag.live{border-color:#A65338;color:#A65338}
.pp-vd{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #B9B0A5;margin-top:14px}
.pp-vd div{padding:8px 10px;color:#8B8178}
.pp-vd div+div{border-right:1px solid #D9D3CB}
.pp-vd b{display:flex;align-items:center;gap:6px;font-size:12.5px}
.pp-vd b::before{content:"";width:10px;height:10px;border:1.3px solid #B9B0A5;flex:none}
.pp-vd small{display:block;font-size:9.5px}
.pp-vd .on{background:#F6F5F1;color:#1F1A17;box-shadow:inset 0 -3px 0 #A65338}
.pp-vd .on b::before{background:#A65338;border-color:#A65338}
.pp-sum{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:14px}
.pp-sum p{margin:0 0 6px;font-size:12px;line-height:1.75}
.pp-sum .as{font-size:10px;color:#5E554E}
.pp-tl{width:100%;border-collapse:collapse;font-size:11px}
.pp-tl th,.pp-tl td{border-bottom:1px solid #D9D3CB;padding:4px 6px;text-align:center}
.pp-tl th:first-child,.pp-tl td:first-child{text-align:right}
.pp-tl thead th{font-size:9.5px;color:#5E554E}
.pp-tl td{font-family:var(--mono);font-variant-numeric:tabular-nums}
.pp-tl td:first-child{font-family:"Sayah Sans",Tahoma,sans-serif}
.pp-tl tr.s td{border-top:1.3px solid #1F1A17;font-weight:700;border-bottom:0}
.k-stop{color:#9B2F22}.k-major{color:#8F4E1E}.k-minor{color:#5F7044}.k-ok{color:#3F6B4E}.k-z{color:#C9C1B7}
.pp-sec{margin-top:18px;padding-bottom:6px;border-bottom:1.5px solid #1F1A17;display:flex;align-items:baseline;gap:10px}
.pp-sec b{font-size:13.5px;color:#1F1A17}
.pp-sec span{font-size:10px;color:#5E554E}
.pp-find{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #D9D3CB}
.pp-find .sv{font-size:10px;font-weight:700;color:#FFFFFF;text-align:center;padding:2px 0;align-self:start}
.pp-find .sv.stop{background:#9B2F22}.pp-find .sv.major{background:#8F4E1E}.pp-find .sv.minor{background:#5F7044}
.pp-find .t{font-weight:700;font-size:12.5px;display:flex;gap:8px;align-items:baseline}
.pp-find .t code{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:9.5px;color:#A65338;font-weight:400;direction:ltr}
.pp-find dl{display:grid;grid-template-columns:58px 1fr;gap:1px 8px;margin:3px 0 0}
.pp-find dt{color:#5E554E;font-size:10px;padding-top:1px}
.pp-find dd{margin:0;font-size:11px}
.pp-find .nt{font-size:9.5px;color:#5E554E;margin-top:2px}
.pp-row{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10.5px}
.pp-row td,.pp-row th{border-bottom:1px solid #D9D3CB;padding:5px 6px;text-align:right;vertical-align:top;word-wrap:break-word}
.pp-row th{background:#F6F5F1;color:#5E554E;font-size:9.5px;font-weight:700}
.pp-row code{display:block;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:8.5px;color:#A65338;direction:ltr;text-align:right}
.pp-row .st{font-weight:700;font-size:9.5px}
.pp-row .n{font-family:var(--mono);font-variant-numeric:tabular-nums;direction:ltr;text-align:right}
.c1{width:24%}.c2{width:31%}.c3{width:31%}.c4{width:14%}
.e1{width:11%}.e2{width:25%}.e3{width:18%}.e4{width:13%}.e5{width:15%}.e6{width:18%}
.pp-q{display:grid;grid-template-columns:18px 1fr;gap:6px;padding:5px 0;border-bottom:1px solid #D9D3CB;font-size:11px}
.pp-q span{font-family:var(--mono);font-variant-numeric:tabular-nums;color:#A65338}
.pp-nr{margin-top:8px;border:1px dashed #B9B0A5;background:#F6F5F1;padding:7px 10px;font-size:11px}
.pp-lim{margin-top:8px;font-size:10px;color:#5E554E;line-height:1.7}
.pp-lim div{padding:2px 0}

.pp-vl{margin-top:14px;font-size:10px;font-weight:700;color:#1F1A17}
.pp-vl+.pp-vd{margin-top:4px}
.pp-tl tr.g td{font-family:"Sayah Sans",Tahoma,sans-serif;font-weight:700;color:#1F1A17;background:#F6F5F1;font-size:10.5px;text-align:right}
.pp-grp{margin-top:22px;padding:10px 12px;background:#1F1A17;color:#FFFFFF;display:flex;align-items:baseline;gap:12px}
.pp-grp b{font-size:15px}
.pp-grp span{font-size:10px;color:#D9D3CB}
.pdfbtn{margin-top:10px}
.pdfst{font-size:12.5px;margin-top:4px;min-height:0}
.tl td:first-child{font-family:var(--font)}

.matrix tr.mg td{background:var(--paper);padding:10px 14px;border-bottom:1px solid var(--line-2)}
.matrix tr.mg b{font-size:15px;color:var(--terra)}
.matrix tr.mg span{font-size:12.5px;color:var(--ink-2);margin-inline-start:12px}
.matrix .n{font-family:var(--font)!important;font-size:18px!important}
.rep-h .eyb{font-size:12.5px;font-weight:700;color:var(--terra);margin-bottom:2px}
.vlabel{display:flex;gap:10px;align-items:baseline;padding:10px 16px 0;font-size:13px}
.vlabel b{color:var(--ink)} .vlabel span{color:var(--ink-2);font-size:12px}
.rep .vlabel+.vd{margin-top:6px;border-top:1px solid var(--line)}
.tl tr.grp th{text-align:right;background:var(--paper);color:var(--ink);font-size:12.5px;padding:6px 8px}
.summary p b{color:var(--ink)}
.grp-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:14px 22px;background:var(--ink);color:var(--paper)}
.grp-h h4{margin:0;font-size:17px}
.grp-h span{font-size:12.5px;opacity:.8}

/* شريط الدعوة */
.cta-band{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 22px;background:var(--ink);color:var(--paper)}
.cta-band b{display:block;font-size:17px}
.cta-band span{font-size:14px;opacity:.8}
.cta-band .btn{background:var(--terra);border-color:var(--terra)}
footer a{color:inherit}

/* ===== التنفس ===== */
section{padding-block:clamp(56px,9vw,112px)}
.sh p,.who p{max-width:65ch}
.btn.line.on-ink{color:var(--paper);border-color:rgba(255,255,255,.35)}
.btn.line.on-ink:hover{border-color:var(--paper)}

/* ===== الحركة: تشرح البنية ولا تزينها ===== */
:root{--ease:cubic-bezier(.22,1,.36,1)}
/* المرور: ارتفاع 2px وظل هادئ */
.btn,.tool,.gate,.who{transition:transform .12s var(--ease),box-shadow .12s var(--ease),background-color .12s,border-color .12s}
.btn:hover,a.tool:hover{transform:translateY(-2px);box-shadow:0 6px 14px -8px rgba(31,26,23,.35)}
.btn:active{transform:none;box-shadow:none}
.btn:disabled:hover{transform:none;box-shadow:none}
/* روابط التنقل: خط سفلي ينزلق من اليمين */
.top nav a{background:linear-gradient(currentColor,currentColor) no-repeat right bottom/0 1px;padding-bottom:2px;transition:background-size .2s var(--ease),color .12s}
.top nav a:hover,.top nav a.cur{background-size:100% 1px;color:var(--ink)}
/* شريط تقدم القراءة */
.readbar{position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--terra);transform-origin:right;transform:scaleX(0);pointer-events:none}
/* الظهور عند التمرير (يُفعَّل بالسكربت فقط) */
.mo .rv{opacity:0;transform:translateY(20px);transition:opacity .52s var(--ease),transform .52s var(--ease);transition-delay:var(--d,0ms)}
.mo .rv.in{opacity:1;transform:none}
/* بطاقة التقرير في الافتتاح */
.mo .doc.pre .rows tbody tr{opacity:0;transform:translateY(8px)}
.mo .doc .rows tbody tr{transition:opacity .4s var(--ease),transform .4s var(--ease);transition-delay:var(--d,0ms)}
.mo .doc .got .mk{display:inline-block;transition:opacity .3s var(--ease),transform .3s var(--ease);transition-delay:var(--d,0ms)}
.mo .doc.pre .got .mk{opacity:0;transform:scale(.6)}
.mo .doc .verdict .on,.mo .doc .verdict .on i{transition:background-color .45s var(--ease),border-color .45s var(--ease),color .45s;transition-delay:var(--d,0ms)}
.mo .doc.pre .verdict .on{background:transparent;color:var(--ink-2)}
.mo .doc.pre .verdict .on i{background:transparent;border-color:var(--line-2)}
/* خط الخطوات يُرسم مع التمرير */
.steps{position:relative}
.steps .draw{position:absolute;top:-2px;inset-inline:0;width:100%;height:2px;overflow:visible;pointer-events:none}
.steps .draw line{stroke:var(--terra);stroke-width:2}
.mo .steps{border-top-color:var(--line-2)}
@media (prefers-reduced-motion:reduce){
  .mo .rv,.mo .doc.pre .rows tbody tr,.mo .doc.pre .got .mk{opacity:1!important;transform:none!important}
  .mo .doc.pre .verdict .on{background:var(--paper);color:var(--ink)}
  .mo .doc.pre .verdict .on i{background:var(--terra);border-color:var(--terra)}
  .btn:hover,a.tool:hover{transform:none}
  .readbar,.steps .draw{display:none}
  .mo .steps{border-top-color:var(--ink)}
}
.sh .ref{font-family:var(--font);direction:rtl;text-align:right;font-size:13px;letter-spacing:0}

/* ===== رأس الموقع: خانة الحساب وقائمة الجوال ===== */
.top .auth{position:relative;margin-inline-start:auto;display:flex;align-items:center}
.top nav~.auth{margin-inline-start:0}
.acct-btn{font:inherit;font-size:14px;display:flex;align-items:center;gap:8px;background:var(--sheet);border:1px solid var(--line-2);border-radius:999px;padding:4px 12px 4px 6px;color:var(--ink);cursor:pointer;max-width:220px;transition:border-color .12s,box-shadow .12s}
.acct-btn:hover,.acct-btn[aria-expanded="true"]{border-color:var(--terra);box-shadow:0 4px 12px -8px rgba(31,26,23,.4)}
.acct-av{width:26px;height:26px;border-radius:50%;background:var(--brown);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}
.acct-nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.acct-car{display:flex;color:var(--ink-2)}
.acct-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:240px;background:var(--sheet);border:1px solid var(--line-2);box-shadow:0 18px 40px -20px rgba(31,26,23,.45);z-index:20;padding:6px 0}
.acct-hd{display:flex;flex-direction:column;gap:2px;padding:10px 16px 12px;border-bottom:1px solid var(--line)}
.acct-hd b{font-size:15px}
.acct-em{font-size:12.5px;color:var(--ink-2);text-align:right}
html[dir=ltr] .acct-em{text-align:left}
.acct-role{align-self:flex-start;margin-top:6px;font-size:12px;font-weight:700;color:var(--terra);border:1px solid currentColor;padding:0 8px}
.acct-role.wait{color:var(--ink-2)}
.acct-role:empty{display:none}
.acct-it{display:block;width:100%;text-align:start;font:inherit;font-size:14.5px;color:var(--ink);text-decoration:none;background:none;border:0;padding:9px 16px;cursor:pointer}
.acct-it:hover,.acct-it:focus-visible{background:var(--paper)}
.acct-out{border-top:1px solid var(--line);margin-top:4px;color:var(--ink-2)}
.navtoggle{display:none;position:relative;background:none;border:1px solid var(--line-2);border-radius:var(--r-ctl);color:var(--ink);padding:5px 7px;cursor:pointer;line-height:0}
/* مساحة لمس 44px دون تكبير الزر نفسه */
.navtoggle::after{content:"";position:absolute;inset:-6px}
.navtoggle .nt-x{display:none}
.navtoggle[aria-expanded=true] .nt-o{display:none}
.navtoggle[aria-expanded=true] .nt-x{display:inline}
@media (max-width:980px){
  .navtoggle{display:inline-flex}
  .top .auth{margin-inline-start:auto}
  .top.open nav{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;inset-inline:0;background:var(--paper);border-bottom:1px solid var(--line);padding:6px clamp(16px,3.5vw,36px) 12px;margin:0;z-index:15;box-shadow:0 16px 30px -24px rgba(31,26,23,.5)}
  .top.open nav a{padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;background:none}
  .top.open nav a:last-child{border-bottom:0}
}
@media (max-width:480px){.acct-nm{display:none}.acct-btn{padding:4px 8px 4px 4px}}
@media (max-width:400px){.top .wrap{gap:10px}.top .hdr-contact{margin-inline-end:0;padding-inline:9px}.top .hdr-contact>span:not(.hc-ic){display:none}}

/* صقل عام: زوايا موحدة بثلاث درجات، وبطاقات أخف، وخلفية أهدأ داخل الأدوات */
.doc,.rep,.panel,.intake,.who,.card,.tool,.howto,.flags>div,.cmp-wrap,.note-box,.settings,.room,.kpis,.dxfbox,.dxflist,.costs,.sverdict,.stn,.form-sec,.season>div,.gate,.warn,.okbox,.disc,.matrix-wrap,.acct-menu,dialog.rn,.dz,.receipt textarea{border-radius:var(--r-card)}
.howto,.doc,.rep,.intake,.card,.cmp-wrap,.kpis,.sverdict,.stn,.dxflist,.matrix-wrap,.settings,.costs{overflow:hidden}
.matrix-wrap{overflow-x:auto}
.codes span,.tagm,.pill,.sevtag,.thumbs button,.files .ext,.status-pill,.badge{border-radius:var(--r-tag)}
.cand,.toc a,.chip,.acct-btn,.addc{border-radius:999px}
/* داخل الأدوات: شبكة الورق أوسع وأخف حتى لا تشوش القراءة */
body:has(.tool-main){background-size:24px 24px}
/* التغذية الراجعة على التقرير */
.fb-row{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}
.fb-q{font-size:12.5px;color:var(--ink-2)}
.fb-b{font:inherit;font-size:12.5px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink-2);padding:3px 10px;border-radius:var(--r-tag);cursor:pointer}
.fb-b.on{border-color:var(--ok);color:var(--ok);font-weight:700}
.fb-b.on.obj{border-color:var(--stop);color:var(--stop)}
.fb-st{font-size:12px;color:var(--ink-2)}
.fb-note{flex:1 1 100%;font:inherit;font-size:13.5px;border:1px solid var(--line-2);background:var(--paper);padding:6px 8px;border-radius:var(--r-ctl);color:var(--ink)}
.rate-blk .stars{display:flex;gap:4px;margin:6px 0 8px}
.rate-blk .star{font-size:26px;line-height:1;background:none;border:0;color:var(--line-2);cursor:pointer;padding:0 2px}
.rate-blk .star.on{color:var(--terra)}
.rate-blk .row{display:flex;gap:10px;align-items:center;margin-top:8px}
.rep-liab{font-size:12.5px;color:var(--ink-2);line-height:1.8;padding:10px 20px 16px;margin:0}
@media print{.fb-row,.rate-blk{display:none}}

/* مرحلة الإطلاق */
.launch{margin-top:28px;padding:16px 20px;border:1px solid var(--terra);border-inline-start-width:4px;border-radius:var(--r-ctl);background:var(--sheet)}
.launch b{display:block;font-size:16px;color:var(--terra);margin-bottom:4px}
.launch p{margin:0;font-size:15px;line-height:1.9;color:var(--ink)}
.launch-line{margin:0;padding:10px 14px;font-size:14px;line-height:1.8;color:var(--ink-2);border:1px solid var(--line);border-inline-start:3px solid var(--terra);border-radius:var(--r-ctl);background:var(--sheet)}
.launch-line b{color:var(--terra)}

/* اتساق المخطط */
.cons-g{font-size:13px;font-weight:700;color:var(--ink-2);margin:10px 0 6px}
.cons-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cons-l li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:14.5px;line-height:1.75;padding:6px 0;border-bottom:1px solid var(--line)}
.cons-l li small{display:block;font-size:12.5px;color:var(--ink-2)}
.cst{font-size:12px;font-weight:700;border-radius:var(--r-tag);padding:1px 8px;white-space:nowrap;border:1px solid currentColor}
.cst.cst-ok{color:var(--ok)}.cst.cst-conflict{color:var(--stop)}.cst.cst-check{color:var(--major)}.cst.cst-unchecked{color:var(--ink-2)}
.pp-cons{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:5px 0;border-bottom:1px solid #D9D3CB;font-size:11px;line-height:1.7}
.pp-cons .cst{font-size:9.5px;padding:0 6px}.pp-cons small{color:#5E554E}
.pp-cons .cst.cst-ok{color:#3F6B4E}.pp-cons .cst.cst-conflict{color:#9B2F22}.pp-cons .cst.cst-check{color:#8F4E1E}.pp-cons .cst.cst-unchecked{color:#5E554E}

/* ===== التقرير بالأقسام: الملخص التنفيذي والأقسام المطوية ===== */
.exec{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.exec-h{font-size:18px;margin:0}
.exec .vd{margin:0}
.exec .summary p{margin:0 0 6px;line-height:1.85}
.exec-sub{font-size:13px;font-weight:700;color:var(--ink-2);margin:0 0 6px}
.exec-chart svg{max-width:680px;display:block}
.top-l{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}
.top-l li{display:grid;grid-template-columns:118px 1fr;gap:12px;align-items:start;padding:8px 0;border-top:1px solid var(--line)}
.top-l li a{color:var(--ink);font-weight:700;text-decoration-color:var(--terra);text-underline-offset:4px}
.top-l li small{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.7}
.top-l li.more{display:block;font-size:13px;color:var(--ink-2)}
.top-l li.top-g{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-top:8px;padding:6px 0 4px;border-top:1.5px solid var(--ink)}
.top-l li.top-g b{font-size:14px}.top-l li.top-g span{font-size:12px;color:var(--terra)}
.exec-ok{margin:0;color:var(--ok);font-weight:700}
.sec-ctl{display:flex;gap:14px;justify-content:flex-end;padding:10px 22px 0}
.linkbtn{font:inherit;font-size:13px;background:none;border:0;color:var(--ink-2);text-decoration:underline;cursor:pointer;padding:0}
details.rsec{margin:12px 22px 0;border:1px solid var(--line-2);border-radius:var(--r-card);background:var(--sheet);overflow:hidden}
details.rsec>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--paper)}
details.rsec>summary::-webkit-details-marker{display:none}
details.rsec>summary::before{content:"";width:9px;height:9px;border-left:2px solid var(--terra);border-bottom:2px solid var(--terra);transform:rotate(45deg);transition:transform .15s;flex:none;margin-top:-4px}
details.rsec[open]>summary::before{transform:rotate(-45deg);margin-top:4px}
details.rsec[open]>summary{border-bottom:1px solid var(--line)}
.rs-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
.rs-auth{font-style:normal;font-size:12px;font-weight:700;color:var(--terra);line-height:1.5}.rs-t b{font-size:16.5px}.rs-t span{font-size:12.5px;color:var(--ink-2);line-height:1.6}
details.rsec>summary .cnts{display:flex;gap:10px;font-size:12.5px;font-weight:700;flex-wrap:wrap;justify-content:flex-end}
.rs-b>.blk:last-child{border-bottom:0}
.rs-tools{display:flex;gap:10px;align-items:center;justify-content:flex-end;padding:10px 22px 0}
.rsec-note{margin:12px 22px 0;padding:12px 16px;border:1px dashed var(--line-2);border-radius:var(--r-card);font-size:14px;color:var(--ink-2)}
.find .t .disc-tag{font-size:12px;font-weight:700;color:var(--terra);border:1px solid var(--terra);border-radius:var(--r-tag);padding:0 6px;margin-inline-start:8px}
.find.flash,.cons-l li.flash{background:color-mix(in srgb,var(--terra) 12%,transparent);transition:background .3s}
@media (max-width:720px){details.rsec{margin-inline:12px}details.rsec>summary{flex-wrap:wrap}.top-l li{grid-template-columns:1fr}.sec-ctl,.rs-tools{padding-inline:12px}}
.pp-sum1{margin-top:10px}.pp-sum1 p{margin:0 0 5px;font-size:11.5px;line-height:1.75}.pp-sum1 .as{font-size:9.5px;color:#5E554E}
.pp-chart{margin-top:10px;border:1px solid #D9D3CB;padding:10px 12px 4px}
.pp-top{display:grid;grid-template-columns:86px 1fr;gap:8px;padding:5px 0;border-bottom:1px solid #D9D3CB;font-size:11px;line-height:1.7}
.pp-top small{color:#5E554E}
.pp-tg{margin-top:8px;padding:4px 0 2px;font-size:11px;font-weight:700;color:#A65338;border-bottom:1px solid #1F1A17}
.pp-find .t .disc-tag{font-size:9px;color:#A65338;border:1px solid #A65338;padding:0 4px;margin-inline-start:6px}
.pp-top .sv{font-size:9.5px;font-weight:700;color:#FFFFFF;text-align:center;padding:2px 0;align-self:start}
.pp-top .sv.stop{background:#9B2F22}.pp-top .sv.major{background:#8F4E1E}.pp-top .sv.minor{background:#5F7044}
.find dd.src{color:var(--terra);font-size:13.5px;font-weight:700}
.find dd.src::before{content:"";display:inline-block;width:7px;height:7px;border:2px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg);margin-inline-end:7px;vertical-align:1px}

/* التقرير التفاعلي للفريق */
.tm-bar{margin:18px 0 6px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-xl,18px);background:var(--sheet)}
.tm-h{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.tm-h b{font-size:16px;display:block}.tm-h span{font-size:12.5px;color:var(--ink-2)}
.tm-big{text-align:left;white-space:nowrap}.tm-big b{font-size:30px;line-height:1;color:var(--ok);font-family:var(--mono);margin-inline-end:6px}.tm-big span{font-size:13px;color:var(--ink-2)}
.tm-prog{display:flex;height:8px;border-radius:99px;background:var(--line);overflow:hidden;margin:12px 0 10px}
.tm-prog i{display:block;height:100%;width:0;transition:width .6s var(--ease-out,ease)}
.tm-prog .p-fixed{background:var(--ok)}.tm-prog .p-doing{background:var(--major)}.tm-prog .p-disputed{background:var(--terra);opacity:.55}
.tm-chips{display:flex;flex-wrap:wrap;gap:6px}
.tm-chip{font:inherit;font-size:12.5px;display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line-2,var(--line));background:var(--paper);color:var(--ink-2);padding:4px 11px;border-radius:99px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.tm-chip b{font-family:var(--mono);font-size:12px}
.tm-chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.tm-warn{margin:10px 0 0;font-size:13px;font-weight:700;color:var(--stop)}
.tm-row{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:10px;padding-top:9px;border-top:1px dashed var(--line)}
.tm-l{font-size:12px;color:var(--ink-2)}
.tm-seg{display:inline-flex;box-sizing:border-box;max-width:100%;border:1px solid var(--line-2,var(--line));border-radius:99px;overflow:hidden;background:var(--paper)}
.tm-s{font:inherit;font-size:12.5px;border:0;background:none;color:var(--ink-2);padding:4px 11px;cursor:pointer;transition:background .2s,color .2s}
.tm-s+.tm-s{border-inline-start:1px solid var(--line)}
.tm-s.on{color:var(--sheet);font-weight:700}
.tm-s.s-open.on{background:var(--ink-2)}.tm-s.s-doing.on{background:var(--major)}.tm-s.s-fixed.on{background:var(--ok)}.tm-s.s-disputed.on{background:var(--terra)}
.tm-s:disabled{opacity:.6;cursor:wait}
.tm-meta{font-size:12px;color:var(--ink-2)}
.tm-row .fb-note{flex-basis:100%}
.tm-prev{flex-basis:100%;margin:2px 0 0;font-size:12.5px;color:var(--ink-2)}.tm-prev.bad{color:var(--stop);font-weight:700}
.rep.has-team .find[data-st="fixed"] .t{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ok) 70%,transparent);text-decoration-thickness:2px}
.rep[data-flt="open"] [data-st]:not([data-st="open"]),.rep[data-flt="doing"] [data-st]:not([data-st="doing"]),.rep[data-flt="fixed"] [data-st]:not([data-st="fixed"]),.rep[data-flt="disputed"] [data-st]:not([data-st="disputed"]){display:none}
.rep[data-flt]:not([data-flt="all"]) .cons-l li:not([data-st]){display:none}
@media (max-width:720px){.tm-h{flex-direction:column}.tm-big{text-align:right}.tm-seg{width:100%}.tm-s{flex:1;padding:7px 2px;font-size:12px;white-space:nowrap}}
@media print{.tm-bar,.tm-row{display:none}}

/* طبقة الصقل العامة: مساحات لمس مريحة على الأجهزة اللمسية، وعناصر تحكم موحدة، وشريط الدعوة داكن في الوضعين */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
input[type=checkbox],input[type=radio]{accent-color:var(--terra)}
::selection{background:color-mix(in srgb,var(--terra) 26%,transparent)}
.cta-band{background:linear-gradient(120deg,#1F1A17 0%,#3a2a20 100%);color:#F6F5F1;border-radius:var(--r-xl,22px);position:relative;overflow:hidden}
.cta-band .btn.line{color:#F6F5F1;border-color:rgba(246,245,241,.45);background:transparent}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cta-band{border:1px solid var(--line-2)}}
:root[data-theme="dark"] .cta-band{border:1px solid var(--line-2)}
details>summary{-webkit-tap-highlight-color:transparent}
.more-tools>summary{list-style:none;display:flex;align-items:center;gap:10px}
.more-tools>summary::-webkit-details-marker{display:none}
.more-tools>summary::after{content:"";margin-inline-start:auto;width:8px;height:8px;border-left:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(-45deg);transition:transform .3s}
.more-tools[open]>summary::after{transform:rotate(135deg);margin-top:4px}
.tool em{border-radius:999px;padding:2px 12px}
@media (pointer:coarse),(max-width:760px){
  .btn.sm{min-height:38px}
  .crumbs a,.tk-strip-h a{display:inline-block;padding-block:7px}
  .linkbtn{min-height:34px;padding-block:6px}
  .pw .linkbtn{min-height:0;padding:6px 4px}
  body .cand button.ren{padding:10px}
  body .chip button{padding:7px 9px}
  .sec-ctl .linkbtn,.ctl .linkbtn{padding-inline:4px}
  body input[type=checkbox],body input[type=radio]{width:20px;height:20px;flex:none}
  .sig{padding:10px 14px}
  footer a{display:inline-block;padding-block:5px}
}
/* مساحات لمس 44px لروابط التذييل ومسار الأداة: طبقة شفافة حول الرابط، فلا يتغير شكله ولا تتباعد السطور */
@media (pointer:coarse),(max-width:760px){
  footer a,.crumbs a,.tk-strip-h a{position:relative}
  footer a::after,.crumbs a::after,.tk-strip-h a::after{content:"";position:absolute;inset:50% -6px auto;height:44px;transform:translateY(-50%)}
  .px-bar a{position:relative}
  .px-bar a::before{content:"";position:absolute;inset-inline:0;top:50%;height:44px;transform:translateY(-50%)}
}
/* سجل الفحص على الجوال: كل قاعدة بطاقة بدل جدول يُمرَّر أفقياً */
@media (max-width:640px){
  .chk-wrap{overflow:visible}
  table.chk,table.chk tbody,table.chk tr,table.chk td{display:block;width:auto}
  table.chk{min-width:0!important}
  table.chk thead{display:none}
  table.chk tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 0;border-bottom:1px solid var(--line)}
  table.chk td{border:0!important;padding:0!important;font-size:14px}
  table.chk td:first-child{font-weight:700}
  table.chk td.st{grid-column:2;grid-row:1;text-align:left;white-space:normal;max-width:96px;font-size:12.5px;line-height:1.5}
  table.chk td[data-l]{grid-column:1/-1;color:var(--ink-2);font-size:13.5px}
  table.chk td[data-l]::before{content:attr(data-l) ": ";font-weight:700;color:var(--ink)}
}

/* دليل تجهيز الملفات تحت منطقة الرفع */
.prep{margin-top:12px;border:1px solid var(--line);border-radius:var(--r-card,12px);background:var(--paper)}
.prep summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:12px 16px}
.prep summary::-webkit-details-marker{display:none}
.prep summary b{font-size:14.5px;color:var(--terra)}
.prep summary b::before{content:"＋";display:inline-block;width:1.2em;font-weight:400}
.prep[open] summary b::before{content:"－"}
.prep summary span{font-size:12.5px;color:var(--ink-2)}
.prep-b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;padding:4px 16px 16px}
.prep-c h4{margin:0 0 6px;font-size:13.5px;color:var(--ink)}
.prep-c ul{margin:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:5px}
.prep-c li{font-size:13px;line-height:1.75;color:var(--ink-2)}
.prep-c li b{color:var(--ink);font-weight:700}
.prep-c.weak h4{color:var(--terra)}
@media (max-width:720px){.prep-b{grid-template-columns:1fr}}

/* عدّاد الملاحظات لكل جهة أول الملخص التنفيذي */
.exec-cnt{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:12px 16px 4px}
.exec-cnt .ec{border:1px solid var(--line);border-radius:var(--r-card,12px);padding:10px 12px;background:var(--bg,transparent);display:flex;flex-direction:column;gap:2px}
.exec-cnt .ec.has-stop{border-color:var(--stop);box-shadow:inset 0 3px 0 var(--stop)}
.exec-cnt .ec.has-major{border-color:var(--major);box-shadow:inset 0 3px 0 var(--major)}
.exec-cnt .ec b{font-size:14px}.exec-cnt .ec small{font-size:11.5px;color:var(--ink-2)}
.exec-cnt .ec-n{display:flex;gap:12px;margin-top:6px;flex-wrap:wrap}
.exec-cnt .ec-n>span{display:flex;align-items:baseline;gap:5px;font-size:11.5px;color:var(--ink-2)}
.exec-cnt .ec-n strong{font-size:20px;line-height:1}
.exec-cnt .ec-stop strong{color:var(--stop)}.exec-cnt .ec-major strong{color:var(--major)}.exec-cnt .ec-minor strong{color:var(--minor)}
.exec-cnt .zero strong{color:var(--ink-3,#9a9188)}
.pp-cnt{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:6px 0 10px}
.pp-cnt .pc{border:1px solid #D9D3CB;padding:6px 8px;font-size:10.5px;line-height:1.6}
.pp-cnt .pc b{display:block;font-size:11.5px}.pp-cnt .pc small{display:block;color:#5E554E;font-size:9.5px}.pp-cnt .pc-n{display:block;font-weight:700;color:#1F1A17}

/* دلالة الدرجات تحت عدّاد الملخص */
.sev-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;padding:8px 16px 4px}
.sev-legend .sl{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.sev-legend small{font-size:12px;line-height:1.7;color:var(--ink-2)}
@media (max-width:720px){.sev-legend{grid-template-columns:1fr}}
.pp-leg{display:flex;flex-direction:column;gap:3px;margin:0 0 10px;font-size:9.5px;line-height:1.6;color:#5E554E}
.pp-leg .sv{font-size:9px;font-weight:700;color:#FFFFFF;padding:1px 6px}
.pp-leg .sv.stop{background:#9B2F22}.pp-leg .sv.major{background:#8F4E1E}.pp-leg .sv.minor{background:#5F7044}
.sev-legend .sevtag{padding:3px 10px;font-size:12px;white-space:nowrap}

.miss-l,.later-l{margin:0;padding:0 18px 0 0;font-size:14px;line-height:1.8}
.miss-l>li{margin-bottom:8px}
.miss-l code,.later-l code{font-family:var(--mono);font-size:12px;color:var(--terra);direction:ltr;unicode-bidi:isolate}
.miss-l ul{margin:2px 0 0;padding:0 18px 0 0;color:var(--ink-2);font-size:13px}
.tier-later{background:var(--paper-2,transparent)}
.pp-later{font-size:11px;line-height:1.8;margin:4px 0}

/* دعوة التواصل اللطيفة داخل الصفحات: سطر هادئ برابط واتساب */
.ask{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:14px 0 0;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
.ask a[data-wa]{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:4px 14px;border:1px solid var(--line-2);border-radius:999px;color:var(--ink);font-weight:700;text-decoration:none;background:var(--sheet);transition:border-color .2s,color .2s}
.ask a[data-wa]::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url(../img/wa-icon.png) center/contain no-repeat;mask:url(../img/wa-icon.png) center/contain no-repeat;color:#2E8B57}
.ask a[data-wa]:hover,.ask a[data-wa]:focus-visible{border-color:var(--terra);color:var(--terra)}
.ask.on-ink{color:rgba(246,245,241,.78)}
.ask.on-ink a[data-wa]{background:transparent;color:#F6F5F1;border-color:rgba(246,245,241,.35)}
.ask.on-ink a[data-wa]::before{color:#86D3A0}
.ask.on-ink a[data-wa]:hover{border-color:#F6F5F1;color:#F6F5F1}

/* زر التسجيل في شريط اللوحات اللاصق */
.px-bar-row{display:flex;align-items:center;gap:10px}
.px-bar-row .px-bar-in{flex:1;min-width:0}
.px-bar .px-go{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:6px 16px;border-radius:999px;background:var(--terra);color:var(--on-terra);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.px-bar .px-go:hover{filter:brightness(1.06);background:var(--terra);color:var(--on-terra)}
@media (max-width:520px){.px-bar .px-go{padding:6px 12px;font-size:13.5px}}

/* شريط تسجيل في منتصف الصفحة */
.mid-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 22px;margin-top:26px;padding:20px 24px;border:1px solid var(--line-2);border-inline-start:4px solid var(--terra);border-radius:18px;background:var(--sheet)}
.mid-cta b{display:block;font-size:17px}
.mid-cta span{display:block;font-size:14.5px;color:var(--ink-2);line-height:1.8}
.mid-cta .row{display:flex;gap:10px;flex-wrap:wrap}
.mid-cta .btn{border-radius:999px;min-height:46px;padding-inline:22px}
.mid-cta .ask{flex-basis:100%;margin-top:0;padding-top:12px;border-top:1px dashed var(--line-2)}
@media (pointer:coarse),(max-width:720px){.top-l li a{display:inline-block;padding-block:8px}}
/* حلقة الاعتراضات: مراجعة الحكم، وسجل الاعتراض الرسمي، والبنود الفائتة، وما لم يُتحقق منه */
.ob{margin-top:10px;padding-top:9px;border-top:1px dashed var(--line)}
.ob-q{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.ob-l{font-size:12.5px;color:var(--ink-2);font-weight:700;margin-inline-end:4px}
.ob-team{font-size:12.5px;color:var(--ink-2)}
.ob-b{font:inherit;font-size:13px;min-height:32px;border:1px solid var(--line-2);background:var(--sheet);color:var(--ink);padding:3px 14px;border-radius:var(--r-ctl);cursor:pointer}
.ob-b:hover{border-color:var(--ink-2)}
.ob-b.on.ok{border-color:var(--ok);color:var(--ok);font-weight:700}
.ob-b.on.err{border-color:var(--stop);color:var(--stop);font-weight:700}
.ob-form{margin-top:10px;padding:12px 14px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--paper);display:flex;flex-direction:column;gap:10px}
.ob-fh{margin:0;font-size:13px;color:var(--ink-2)}
.ob-chips{display:flex;flex-wrap:wrap;gap:6px}
.ob-chip{font:inherit;font-size:13px;min-height:32px;border:1px solid var(--line-2);background:var(--sheet);color:var(--ink);padding:3px 12px;border-radius:99px;cursor:pointer}
.ob-chip.on{background:var(--ink);border-color:var(--ink);color:var(--sheet);font-weight:700}
.ob-fr{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ob-f{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--ink-2);font-weight:700}
.ob-f input,.ob-f textarea{font:inherit;font-size:14px;font-weight:400;color:var(--ink);background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-ctl);padding:7px 10px;width:100%;box-sizing:border-box}
.ob-rec{margin-top:10px;border:1px solid var(--line-2);border-inline-start:3px solid var(--ink-2);border-radius:var(--r-ctl);background:var(--sheet);padding:10px 14px;font-size:13.5px}
.ob-rec.ob-acc{border-inline-start-color:var(--major)}.ob-rec.ob-fix{border-inline-start-color:var(--ok)}.ob-rec.ob-rej{border-inline-start-color:var(--stop)}.ob-rec.ob-cls{border-inline-start-color:var(--line-2)}
.ob-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.ob-ref{font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--ink);direction:ltr;unicode-bidi:isolate;letter-spacing:.02em}
.ob-st{font-size:12px;font-weight:700;padding:1px 9px;border-radius:var(--r-tag);border:1px solid currentColor;color:var(--ink-2)}
.ob-acc .ob-st{color:var(--major)}.ob-fix .ob-st{color:var(--ok)}.ob-rej .ob-st{color:var(--stop)}
.ob-at{font-size:12px;color:var(--ink-2);margin-inline-start:auto}
.ob-dl{display:grid;grid-template-columns:86px 1fr;gap:3px 10px;margin:8px 0 0}
.ob-dl dt{color:var(--ink-2);font-size:12.5px;padding-top:1px}
.ob-dl dd{margin:0;min-width:0;overflow-wrap:anywhere}
.ob-v{font-family:var(--mono);font-size:12.5px;direction:ltr;unicode-bidi:isolate;text-align:right}
.ob-reply{margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}
.ob-reply>b{font-size:12.5px;letter-spacing:.01em}
.ob-trail{list-style:none;margin:10px 0 0;padding:6px 0 0;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--ink-2)}
.ob-trail li{display:flex;gap:8px;align-items:baseline;position:relative;padding-inline-start:14px}
.ob-trail li::before{content:"";position:absolute;inset-inline-start:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--line-2)}
.ob-trail li:last-child::before{background:var(--ink)}
.ob-trail time{font-family:var(--mono);font-size:11.5px;margin-inline-start:auto;white-space:nowrap}
.ob-act{margin-top:8px;display:flex;gap:10px;align-items:center}
.ob-blk>h4 span{max-width:46ch}
.ob-blk>.btn{margin-top:10px}
.ob-misses .ob-rec:first-child{margin-top:4px}
.ob-chk>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.ob-chk>summary::-webkit-details-marker{display:none}
.ob-chk>summary .rs-t{display:flex;flex-direction:column;gap:2px}
.ob-chk>summary .rs-t span{font-size:13px;color:var(--ink-2)}
.ob-chk>summary::after{content:"+";font-size:20px;color:var(--ink-2);line-height:1}
.ob-chk[open]>summary::after{content:"−"}
.ob-cn{font-size:12.5px;color:var(--ok);font-weight:700;white-space:nowrap}
.ob-cl{list-style:none;margin:12px 0 0;padding:0}
.ob-cl>li{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.ob-ct{min-width:0}
.ob-ct b{font-size:14px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
.ob-ct code{font-family:var(--mono);font-size:12px;font-weight:400;color:var(--terra);direction:ltr;unicode-bidi:isolate}
.ob-ct small{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.7;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ob-ca{display:flex;align-items:center;gap:8px}
.ob-seg{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r-ctl);overflow:hidden;background:var(--sheet)}
.ob-s{font:inherit;font-size:12.5px;min-height:32px;border:0;background:none;color:var(--ink-2);padding:3px 12px;cursor:pointer;white-space:nowrap}
.ob-s+.ob-s{border-inline-start:1px solid var(--line)}
.ob-s.on{color:var(--sheet);font-weight:700}
.ob-s.a-ok.on{background:var(--ok)}.ob-s.a-fail.on{background:var(--stop)}.ob-s.a-na.on{background:var(--ink-2)}
.ob-s:disabled{cursor:default}
.ob-more{margin-top:10px}
@media (max-width:720px){.ob-cl>li{grid-template-columns:1fr}.ob-seg{width:100%}.ob-s{flex:1;padding:6px 2px}.ob-at{margin-inline-start:0;flex-basis:100%}.ob-dl{grid-template-columns:72px 1fr}}
@media print{.ob,.ob-blk,.ob-chk{display:none}}
.ob-at bdi{font-family:var(--mono);font-size:11.5px}
.ob-blk>h4{flex-wrap:wrap}.ob-blk>h4 span{flex:1 1 220px}
@media (max-width:720px){.ob-blk>h4 span{flex-basis:100%}.ob-ca{flex-wrap:wrap}.ob-ca .fb-st{flex-basis:100%}}
.ob-mform{max-width:640px}
/* الطباعة: الأقسام التي تظهر بالحركة تُطبع ظاهرة ولو لم يصلها التمرير */
@media print{.mo .rv,.rv,.mo .doc.pre .rows tbody tr,.mo .doc.pre .got .mk{opacity:1!important;transform:none!important}}
/* «جرّب المنصة»: الدخول إلى التجربة ببيانات جاهزة (?demo=1) من صفحتي «لبيتك» و«للمكاتب» وصفحة الدخول */
.try-demo{display:flex;align-items:center;gap:14px;max-width:460px;margin-top:18px;padding:12px 14px 12px 18px;border:1px solid var(--line-2);border-radius:16px;background:var(--sheet);color:var(--ink);text-decoration:none;box-shadow:var(--lift);transition:border-color .2s,transform .2s,box-shadow .2s}
.try-demo:hover,.try-demo:focus-visible{border-color:var(--terra);transform:translateY(-1px)}
.try-demo .td-ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--terra) 12%,var(--sheet));color:var(--terra)}
.try-demo .td-t{display:grid;gap:1px;min-width:0;flex:1}
.try-demo .td-t b{font-size:16px;line-height:1.5}
.try-demo .td-t small{font-size:13.5px;color:var(--ink-2);line-height:1.7}
.try-demo .td-go{flex:none;color:var(--terra);display:grid;place-items:center}
.try-demo.on-ink{background:color-mix(in srgb,currentColor 6%,transparent);border-color:color-mix(in srgb,currentColor 30%,transparent);color:inherit;box-shadow:none;max-width:none;width:100%;margin-top:4px}
.try-demo.on-ink .td-t small{color:inherit;opacity:.78}
.try-demo.on-ink .td-ic{background:color-mix(in srgb,var(--terra) 22%,transparent);color:inherit}
.try-demo.on-ink .td-go{color:inherit;opacity:.8}
.try-demo.on-ink:hover{border-color:var(--terra)}
.cta-band .try-demo span{opacity:1;font-size:inherit}.cta-band .try-demo{flex:1 1 100%;text-align:start}
.try-line{margin-top:18px;padding-top:14px;border-top:1px dashed var(--line-2);font-size:14px;color:var(--ink-2);text-align:center;line-height:1.8}
.try-line a{color:var(--terra);font-weight:700;text-underline-offset:4px}
@media (prefers-reduced-motion:reduce){.try-demo{transition:none}.try-demo:hover{transform:none}}
/* ===== هوية المكتب على مستنداته (assets/js/brand.js): --ob لون المكتب، و.ob-logo شعاره ===== */
.ob-logo{display:block;max-height:52px;max-width:170px;width:auto;height:auto;object-fit:contain;margin:0 0 8px}
.ws-qdoc header{border-bottom-color:var(--ob,var(--ink))!important}
.ws-qof{color:var(--ob,inherit)}
.xd-h{border-bottom-color:var(--ob,#1F1A17)!important}
.xd-brand b{color:var(--ob,inherit)}
.xd-brand .ob-logo{margin:0;max-height:48px;max-width:140px}
.xd .xd-t h1{color:var(--ob,inherit)}
.ak-doc::before{background:var(--ob,linear-gradient(90deg,var(--brown),var(--terra)))!important}
.ak-of b{color:var(--ob,inherit)}
.ak-of .ob-logo{max-height:56px;margin-bottom:6px}
@media print{.ob-logo{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ws-qdoc,.xd,.ak-doc{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* بطاقة «هوية المكتب» في منصة مكتبي */
.ob-card .card-b{display:grid;gap:16px}
.ob-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:start}
@media (max-width:760px){.ob-g{grid-template-columns:1fr}}
.ob-f{display:grid;gap:14px}
.ob-f h3{margin:0;font-size:14px}
.ob-up{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ob-up .ob-cur{height:44px;max-width:140px;object-fit:contain;border:1px dashed var(--line-2);border-radius:10px;padding:4px;background:#fff}
.ob-sw{display:flex;flex-wrap:wrap;gap:8px}
.ob-sw button{width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line-2);cursor:pointer;transition:transform .15s}
.ob-sw button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--ink);transform:scale(1.08)}
.ob-sw label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2);cursor:pointer}
.ob-sw input[type=color]{width:34px;height:34px;border:0;padding:0;background:none;border-radius:50%;cursor:pointer}
.ob-pv{background:var(--paper,#F6F5F1);border:1px solid var(--line-2);border-radius:14px;padding:14px}
.ob-pv .ws-qdoc{box-shadow:0 14px 30px -24px rgba(31,26,23,.5)}
.ob-pv .ob-k{font-size:12px;color:var(--ink-2);margin:0 0 8px}
.ob-where{font-size:13px;color:var(--ink-2);line-height:1.9;margin:0}
/* اختيار المظهر في قائمة الحساب */
.acct-thm{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px 10px;border-top:1px solid var(--line);margin-top:4px}
.acct-thl{font-size:13px;color:var(--ink-2)}
.acct-ths{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;padding:2px;background:var(--paper)}
.acct-th{font:inherit;font-size:12.5px;border:0;background:none;color:var(--ink-2);padding:5px 10px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.acct-th[aria-pressed="true"]{background:var(--ink);color:var(--paper);font-weight:700}
/* الطباعة فاتحة دائماً ولو كان المظهر داكناً: المستند ورقة بيضاء */
@media print{:root:not([data-x]),:root[data-theme]{
  --paper:#FFFFFF; --sheet:#FFFFFF; --grid:transparent;
  --ink:#1F1A17; --ink-2:#5E554E; --line:#D9D3CB; --line-2:#B9B0A5;
  --terra:#A65338; --on-terra:#FFFFFF; --brown:#1F1A17;
  --stop:#9B2F22; --major:#8F4E1E; --minor:#5F7044; --ok:#3F6B4E;
  --logo-filter:none; color-scheme:light}
  body{background:#fff!important;color:#1F1A17!important}}
/* تقويم المكتب على الجوال (assets/js/calendar.js) داخل منصة مكتبي */
.ws-cal .calbox{margin:0;padding:0;background:none;border:0}
.ws-cal .calbox h2{font-size:18px;margin:0 0 4px}.ws-cal .calbox .lead2{color:var(--ink-2);margin:0 0 12px;line-height:1.8}
.ws-cal .calbox .row{display:flex;gap:10px;flex-wrap:wrap}.ws-cal .calnotes{margin:12px 0 8px;padding-inline-start:18px;font-size:14px;color:var(--ink-2);line-height:1.8}
.ws-cal .linkbtn{background:none;border:0;color:var(--terra);cursor:pointer;font:inherit;font-size:13px;padding:0;text-decoration:underline}
@media (max-width:560px){.ws-cal .calbox .row .btn{flex:1 1 100%;text-align:center}}
.ws-pgc{display:grid;gap:10px}.ws-pgc-u{font-weight:700}.ws-pgc-u a{color:var(--terra)}
/* نافذة صفحة المكتب النموذجية (assets/js/opembed.js) */
.ope-f{border:1px solid var(--line-2);border-radius:14px;overflow:hidden;background:var(--sheet);box-shadow:0 24px 50px -30px rgba(31,26,23,.55)}
.ope-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line-2);font-size:13px;color:var(--ink-2)}
.ope-bar b{font-weight:500;flex:1;text-align:center;background:var(--paper);border-radius:999px;padding:2px 12px;max-width:260px;margin:auto}
.ope-dots{display:flex;gap:5px}.ope-dots i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}
.ope-w{position:relative;height:clamp(300px,34vw,420px);overflow:hidden;background:#EEE8DF}
.ope-w iframe{position:absolute;top:0;inset-inline-start:0;border:0;transform-origin:top right;pointer-events:none}
.ope-po{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.ope-w iframe{transition:opacity .4s}.ope-w iframe.ope-wait{opacity:0}
.ope-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:12px}
.ope-chips button{font:inherit;font-size:14px;font-weight:700;padding:6px 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--sheet);color:var(--ink);cursor:pointer}
.ope-chips button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media (max-width:560px){.ope-w{height:440px}}
/* ===== تسويق المكتب (assets/js/officemkt.js) ===== */
.mk-intro{display:grid;gap:16px}
.mk-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin:0;max-width:72ch}
.mk-q{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:q}
.mk-q li{display:flex;gap:12px;align-items:baseline;padding:12px 14px;border-radius:12px;background:var(--paper);border:1px solid var(--line-2);counter-increment:q}
.mk-q li::before{content:counter(q);font-weight:700;color:var(--terra);font-size:18px}
.mk-q b{font-size:16px}.mk-q span{font-size:14px;color:var(--ink-2);margin-inline-start:auto}
.mk-pil{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.mk-pil article{position:relative;padding:16px 16px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--sheet);display:grid;gap:4px;align-content:start}
.mk-pil i{position:absolute;inset-inline-end:14px;top:12px;font-style:normal;font-size:28px;font-weight:700;color:var(--line-2)}
.mk-pil small{color:var(--terra);font-weight:700;font-size:13px}.mk-pil b{font-size:16px;line-height:1.5}
.mk-pil p{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}.mk-pil em{font-style:normal;font-size:13px;color:var(--ink);border-top:1px dashed var(--line-2);padding-top:8px;margin-top:4px}
.mk-rule{display:flex;gap:12px;align-items:baseline;padding:12px 14px;border-inline-start:3px solid var(--terra);background:var(--paper);border-radius:8px}
.mk-rule b{white-space:nowrap}.mk-rule span{font-size:14px;line-height:1.85;color:var(--ink-2)}
.mk-wiz{display:grid;gap:12px;min-height:260px}.mk-wiz h3{margin:6px 0 0;font-size:20px}
.mk-step{display:flex;gap:6px}.mk-step i{flex:1;height:4px;border-radius:2px;background:var(--line-2)}.mk-step i.on{background:var(--terra)}.mk-step i.done{background:var(--ink-2)}
.mk-opts{display:flex;flex-wrap:wrap;gap:8px}
.mk-opt{font:inherit;font-size:14px;padding:10px 14px;border-radius:12px;border:1.5px solid var(--line-2);background:var(--sheet);color:var(--ink);cursor:pointer;text-align:start}
.mk-opt.on{border-color:var(--terra);background:color-mix(in srgb,var(--terra) 9%,var(--sheet));font-weight:700}
.mk-doc section{margin-top:18px}.mk-doc h3{font-size:16px;color:var(--terra);margin:0 0 6px}
.mk-pos{font-size:20px;font-weight:700;line-height:1.7;margin:0}
.mk-n{font-size:13px;color:var(--ink-2);margin:6px 0 0}
.mk-ol{margin:0;padding-inline-start:20px;display:grid;gap:4px}.mk-ol.sm{font-size:14px;color:var(--ink-2)}
.mk-ch,.mk-goals{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mk-ch li{display:grid;gap:2px}.mk-ch span{font-size:14px;color:var(--ink-2)}
.mk-goals{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.mk-goals li{display:grid;padding:10px;border:1px solid var(--line-2);border-radius:10px}.mk-goals b{font-size:20px;color:var(--terra)}.mk-goals span{font-size:13px;color:var(--ink-2)}
.mk-pst{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.mk-ps{display:grid;gap:6px;padding:14px;border-radius:12px;border:1px solid var(--line-2);text-decoration:none;color:inherit;background:var(--sheet)}
.mk-ps:hover{border-color:var(--terra)}.mk-ps small{color:var(--terra);font-weight:700}.mk-ps b{font-size:20px}.mk-ps span{font-size:13px;color:var(--ink-2)}
.mk-week{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:10px}
.mk-post{display:grid;gap:10px;align-content:start;padding:14px;border-radius:12px;border:1px solid var(--line-2);background:var(--sheet)}
.mk-post.done{opacity:.75}.mk-post.empty{border-style:dashed}
.mk-post header{display:grid;gap:2px}.mk-post header small{color:var(--terra);font-weight:700;font-size:13px}.mk-post header b{font-size:16px;line-height:1.5}.mk-post header .muted{font-size:13px}
.mk-pv{border-radius:8px;overflow:hidden;border:1px solid var(--line-2);aspect-ratio:4/5;background:var(--paper)}
.mk-cv{width:100%;height:100%;display:block}
.mk-post textarea{font-size:14px;line-height:1.8}
.mk-moms{display:grid;gap:12px}
.mk-mom{display:grid;gap:8px;padding:14px;border-radius:12px;border:1px solid var(--line-2);background:var(--sheet)}
.mk-mom.due{border-color:var(--terra);box-shadow:inset 3px 0 0 var(--terra)}
.mk-mom header{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.mk-mom header small{color:var(--ink-2);font-size:13px;flex-basis:100%}
.mk-hd{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--ink-2);margin-inline-start:auto}.mk-hd input{max-width:150px;min-height:34px;padding:4px 8px}
.mk-seen{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.mk-seen li{padding:12px 14px;border-radius:12px;border:1px solid var(--line-2);display:grid;gap:4px}
.mk-seen li.ok{background:color-mix(in srgb,#2F6F4F 6%,var(--sheet));border-color:color-mix(in srgb,#2F6F4F 30%,var(--line-2))}
.mk-seen label{display:flex;gap:10px;align-items:center;cursor:pointer}.mk-seen input{width:18px;height:18px;accent-color:#2F6F4F}
.mk-seen p{margin:0;font-size:14px;line-height:1.8;color:var(--ink-2);padding-inline-start:28px}.mk-seen .op-lnk{padding-inline-start:28px;font-size:13px}
.mk-page{display:grid;gap:14px}.mk-url{font-size:13px;color:var(--ink-2)}
.mk-stories{display:grid;gap:14px}
.mk-story{padding:14px;border-radius:12px;border:1px solid var(--line-2);display:grid;gap:10px}.mk-story.ready{border-color:color-mix(in srgb,#2F6F4F 35%,var(--line-2))}
.mk-story header{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mk-story header small{color:var(--ink-2)}
.mk-kits{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.mk-kits article{display:grid;gap:6px;align-content:start;padding:14px;border-radius:12px;border:1px solid var(--line-2);background:var(--sheet)}
.mk-kits small{color:var(--terra);font-size:13px;font-weight:700}.mk-kits b{font-size:16px}.mk-kits p{margin:0;font-size:14px;color:var(--ink-2);line-height:1.8}.mk-kits .btn{justify-self:start;margin-top:4px}
.mk-src{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.mk-src li{display:grid;grid-template-columns:120px 1fr 32px;gap:10px;align-items:center;font-size:14px}.mk-src b{text-align:end}
.mk-tip{display:grid;gap:4px;margin-top:14px;padding:14px;border-radius:12px;background:color-mix(in srgb,var(--terra) 8%,var(--sheet));border:1px solid color-mix(in srgb,var(--terra) 25%,var(--line-2))}
.mk-tip b{color:var(--terra)}.mk-tip span{font-size:14px;line-height:1.85}
@media (max-width:560px){.mk-q li{flex-wrap:wrap}.mk-q span{margin:0;flex-basis:100%}.mk-rule{flex-direction:column;gap:4px}.mk-src li{grid-template-columns:96px 1fr 28px}}
.mk-post textarea,.mk-mom textarea{font-family:inherit;direction:rtl}
/* ===== صفحة المكتب داخل منصة مكتبي: المحرر ومعاينة حية بجانبه ===== */
.ws-pg{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.ws-pg-ed{min-width:0}
.ws-pg-side{position:sticky;top:84px;display:grid;gap:10px}
.ws-pg-sbar{display:flex;align-items:center;gap:8px}.ws-pg-sbar .ws-sp{flex:1}.ws-pg-sbar .op-chips{margin:0}
.ws-pg-dev{border-radius:34px;border:10px solid #1F1A17;background:#1F1A17;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.5);height:calc(100vh - 190px);min-height:520px;max-height:820px}
.ws-pg-dev iframe{width:100%;height:100%;border:0;display:block;background:#fff;border-radius:24px}
.ws-pg-dev.desk{border-radius:12px;border-width:6px;width:760px;margin-inline-start:-380px;position:relative;z-index:5}
.ws-pg-dev.desk iframe{border-radius:8px}
.ws-pg-dev.full{border:0;border-radius:12px;height:78vh;min-height:0;max-height:none;box-shadow:none;width:auto;margin:0}
.ws-pg-fab{display:none!important;position:fixed;z-index:30;inset-inline-start:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));box-shadow:0 14px 30px -12px rgba(31,26,23,.55)}
@media (max-width:1180px){.ws-pg{grid-template-columns:1fr}.ws-pg-side{display:none}.ws-pg-fab{display:inline-flex!important}}
/* مساحة لمس 44px على الجوال للأزرار والروابط الصغيرة، دون تغيير شكلها (الفحص الشامل، 20 أكتوبر) */
@media (pointer:coarse){
  .td-a,.td-p,a.op-lnk,a.ws-wa,a.linkish,.hd-prog>button{position:relative}
  .td-a::after,.td-p::after,a.op-lnk::after,a.ws-wa::after,a.linkish::after,.hd-prog>button::after{content:"";position:absolute;inset-inline:-4px;top:50%;height:44px;transform:translateY(-50%)}
  .wk-tick::before{content:"";position:absolute;inset:-11px}
}
/* مراجعة 21 أكتوبر: شريط الفصول اللاصق في /pro/ و/bait/ — خلفية معتمة لا يظهر النص خلفها، وحافتان متلاشيتان بدل القص الحاد،
   وعلى الجوال يُترك الشريط للفصول وحدها (أزرار البدء موجودة في الصفحة نفسها) */
.px-bar{background:color-mix(in srgb,var(--paper) 97%,transparent)!important}
.px-bar-in{-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);padding-inline:12px}
@media (max-width:600px){.px-bar .px-go{display:none!important}}
/* الشريط تحت الرأس مباشرة بلا تراكب (الرأس 61px) */
.px-bar{top:var(--ab-head-h,61px)!important}
/* بنود يُستحسن أن يراجعها المكتب (مطابق بشك) */
.db-blk{border-inline-start:3px solid var(--terra)}
.db-lead{font-size:13.5px;color:var(--ink-2);line-height:1.8;margin:6px 0 4px}
.db-l{list-style:none;margin:8px 0 0;padding:0}
.db-l>li{display:grid;grid-template-columns:1fr;gap:8px;padding:12px 0;border-top:1px solid var(--line)}
.db-t b{font-size:14px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
.db-t code{font-family:var(--mono);font-size:12px;font-weight:400;color:var(--terra);direction:ltr;unicode-bidi:isolate}
.db-t small{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.7;margin-top:3px}
.db-t .db-why{color:var(--ink)}
.db-t .db-src{font-size:12px;opacity:.85}
.db-a{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.db-a .fb-note{width:100%}
@media (min-width:720px){.db-l>li{grid-template-columns:1fr minmax(260px,320px);align-items:start}}
/* شعار مزدوج (صفحات مشروعي): «البيت بيتك» يعود إلى الرئيسية، واسم المنصة إلى صفحتها */
span.brand>a{color:inherit;text-decoration:none}
span.brand>a.bn:hover,span.brand>a.bp:hover b{color:var(--terra)}
/* /pro/: العرض التقديمي للمكاتب (أمر 25 أكتوبر، البند ٣٥) */
.px-deckc{display:flex;align-items:center;gap:14px;margin:6px 0 26px;padding:14px 18px;border:1px solid var(--line-2,#E4D9CC);border-radius:18px;background:var(--sheet,#fff);color:var(--ink);text-decoration:none;max-width:760px}
.px-deckc:hover{border-color:var(--terra,#A65338)}
.pdk-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#F4E3DC;color:#A65338;flex:none}
.pdk-t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.pdk-t b{font-size:16px}.pdk-t small{font-size:13.5px;color:var(--ink-2);line-height:1.7}
.pdk-go{font-weight:700;color:#A65338;white-space:nowrap;font-size:14px}
.pdk-big{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:center;text-decoration:none;color:var(--ink);padding:18px;border-radius:22px;background:#F6F5F1;border:1px solid var(--line-2,#E4D9CC)}
.pdk-big img{width:100%;height:auto;border-radius:14px;box-shadow:0 20px 40px -24px rgba(31,26,23,.5)}
.pdk-cap{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.pdk-cap b{font-size:20px}.pdk-cap small{font-size:15px;line-height:1.8;color:var(--ink-2)}
@media (max-width:720px){.pdk-big{grid-template-columns:1fr}.px-deckc{flex-wrap:wrap}.pdk-go{flex-basis:100%}}

/* دروس الجولة: «لماذا؟» و«أعترض»، والمواضع، وما أُغلق باختفائه، ومعايير المكتب */
.fq-why{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.fq-wb{font:inherit;font-size:12px;font-weight:600;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--sheet);color:var(--ink-2);cursor:pointer}
.fq-wb:hover,.fq-wb.on{border-color:var(--terra);color:var(--terra)}
.fq-wt{flex-basis:100%;margin:4px 0 0;padding:8px 12px;border-inline-start:3px solid var(--terra);background:color-mix(in srgb,var(--terra) 6%,transparent);font-size:13px;line-height:1.8;color:var(--ink-2)}
.fq-pn{font-size:12px;font-weight:600;color:var(--terra);background:color-mix(in srgb,var(--terra) 9%,transparent);padding:1px 8px;border-radius:999px}
.fq-pl{margin-top:6px;font-size:13px}.fq-pl summary{cursor:pointer;color:var(--ink-2);font-weight:600}.fq-pl ul{margin:6px 0 0;padding-inline-start:20px;line-height:1.9}
.tm-close{display:block;font-size:12px;color:var(--ink-3);margin-top:2px}
.fq-gl{list-style:none;margin:0;padding:0}.fq-gl li{display:flex;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--line);font-size:13.5px}.fq-gl code{font-family:var(--mono);font-size:12px;color:var(--ink-3)}
.fq-gl .ds-dot{width:8px;height:8px;border-radius:50%;background:#2E7D4F;flex:none}
.fq-cl{list-style:none;margin:0;padding:0}.fq-cl li{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:13.5px}
.fq-cl li label{flex:1;cursor:pointer}.fq-cl input{accent-color:var(--terra);width:16px;height:16px}.fq-cm{color:var(--ink-3);font-size:12px}
.fq-cl .fq-ce{color:var(--ink-3)}.fq-cx{border:0;background:none;color:var(--ink-3);font-size:16px;cursor:pointer;padding:0 4px}.fq-cx:hover{color:var(--stop)}
.fq-ca{display:flex;gap:8px;margin-top:10px}.fq-ca input{flex:1;font:inherit;font-size:13.5px;padding:7px 10px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--sheet);color:var(--ink)}
@media print{.fq-why,.fq-ca,.fq-cx{display:none}}

/* دستور التصميم ١: ما كان بخط mono صار بخط صياح، فتبقى أرقامه متساوية العرض */
code,kbd,samp{font-family:var(--mono);font-variant-numeric:tabular-nums}/*mono*/

/* assets/css/bait.css */
/* صفحة «لبيتك»: لوحات مرقمة بالنظام نفسه الذي في صفحة المكاتب، وكل لوحة تري الفكرة وهي تعمل */
:root{--r-xl:22px;--r-lg:16px;--ease-out:cubic-bezier(.16,1,.3,1);--soft:0 1px 2px rgba(31,26,23,.04),0 12px 32px -14px rgba(31,26,23,.22);--deep:0 2px 4px rgba(31,26,23,.04),0 40px 80px -40px rgba(31,26,23,.45)}

/* الغلاف */
.bt-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(28px,5vw,64px);align-items:center;padding-block:clamp(36px,6vw,80px) clamp(36px,5vw,56px);position:relative}
.bt-hero::before{content:"";position:absolute;inset:-10% -20% auto auto;width:min(620px,70vw);aspect-ratio:1;background:radial-gradient(closest-side,rgba(166,83,56,.16),transparent 70%);z-index:-1;filter:blur(10px);animation:glow 14s ease-in-out infinite alternate}
@keyframes glow{to{transform:translate(-8%,6%) scale(1.08)}}
.bt-kick{font-size:14px;font-weight:700;color:var(--terra);margin:0 0 12px}
.bt-h1{font-size:clamp(34px,5.2vw,60px);line-height:1.22;letter-spacing:-.015em}
.bt-h1 span{display:block;overflow:hidden;padding-bottom:.34em;margin-bottom:-.26em}
.bt-h1 i{display:block;font-style:normal;transform:translateY(105%);animation:rise .9s var(--ease-out) forwards}
.bt-h1 span:nth-child(2) i{animation-delay:.09s}.bt-h1 span:nth-child(3) i{animation-delay:.18s;color:var(--terra)}
@keyframes rise{to{transform:none}}
.bt-lead{font-size:clamp(16.5px,1.6vw,18.5px);color:var(--ink-2);max-width:54ch;margin-top:20px;line-height:1.95}
.bt-act{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;align-items:center}
.bt-act .btn{border-radius:999px;padding-inline:24px;min-height:48px}
.bt-cta{box-shadow:0 10px 24px -10px rgba(166,83,56,.7)}
.bt-act .linkish{font-size:15px;color:var(--ink);text-underline-offset:5px;display:inline-block;padding-block:9px}
.bt-facts{display:flex;gap:0;margin-top:30px;border-top:1px solid var(--line);max-width:460px}
.bt-facts div{flex:1;padding:12px 0 0;display:grid;gap:2px}
.bt-facts div+div{border-right:1px solid var(--line);padding-inline-start:18px}
.bt-facts b{font-family:var(--mono);font-weight:500;font-size:30px;line-height:1.1;direction:ltr;text-align:right}
.bt-facts span{font-size:13px;color:var(--ink-2)}
.bt-lead,.bt-act,.bt-facts{opacity:0;animation:fadeup .8s var(--ease-out) .35s forwards}
.bt-act{animation-delay:.45s}.bt-facts{animation-delay:.55s}
@keyframes fadeup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* العرض الحي في الغلاف: الرحلة تُرسم محطة محطة */
.jr{margin:0;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--deep);overflow:hidden;opacity:0;transform:translateY(24px) scale(.98);animation:demoin 1s var(--ease-out) .25s forwards}
@keyframes demoin{to{opacity:1;transform:none}}
.dm-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--paper)}
.dm-bar b{font-size:13.5px;flex:1}
.dm-dots{display:flex;gap:6px}.dm-dots i{width:10px;height:10px;border-radius:50%;background:var(--line-2)}
.dm-dots i:first-child{background:var(--terra)}
.dm-replay{position:relative;font:inherit;font-size:12.5px;background:none;border:1px solid var(--line-2);border-radius:999px;padding:3px 12px;min-height:36px;display:inline-flex;align-items:center;color:var(--ink-2);cursor:pointer;opacity:0;transition:opacity .3s}
.done .dm-replay{opacity:1}
.dm-replay::after{content:"";position:absolute;inset:-4px 0}
.jr-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding:26px 18px 6px}
.jr-line{position:absolute;top:41px;inset-inline:calc(12.5% + 18px);height:2px;background:var(--line)}
.jr-line i{position:absolute;inset-block:0;right:0;width:0;background:var(--terra);transition:width .9s var(--ease-out)}
.jr-st{position:relative;display:grid;justify-items:center;gap:8px;text-align:center;z-index:1}
.jr-st .n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:12.5px;background:var(--sheet);border:2px solid var(--line-2);color:var(--ink-2);transition:background .4s,border-color .4s,color .4s,transform .4s var(--ease-out)}
.jr-st b{font-size:14px;color:var(--ink-2);transition:color .4s}
.jr-st.on .n{background:var(--terra);border-color:var(--terra);color:var(--on-terra);transform:scale(1.08)}
.jr-st.on b{color:var(--ink)}
.jr-st.cur .n{box-shadow:0 0 0 6px color-mix(in srgb,var(--terra) 16%,transparent)}
.jr-pane{margin:12px 16px 12px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);padding:14px 16px 16px;min-height:212px;display:grid;align-content:start;gap:10px}
.jr-q{font-size:15px;font-weight:700;line-height:1.6;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s var(--ease-out)}
.jr-q small{display:block;font-size:12px;font-weight:400;color:var(--terra);font-family:var(--mono)}
.jr-pane.show .jr-q{opacity:1;transform:none}
.jr-tools{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.jr-tools li{display:flex;align-items:center;gap:10px;font-size:13.5px;background:var(--sheet);border:1px solid var(--line);border-radius:12px;padding:8px 12px;opacity:0;transform:translateX(-10px);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out)}
.jr-tools li.on{opacity:1;transform:none}
.jr-tools li code{font-family:var(--mono);font-size:12px;color:var(--terra);direction:ltr}
.jr-tools li em{margin-inline-start:auto;font-style:normal;font-size:12px;color:var(--ok);font-weight:700;opacity:0;transition:opacity .4s .25s}
.jr-tools li.on em{opacity:1}
.jr-foot{display:flex;align-items:center;gap:10px;margin:0 16px 16px;padding:10px 14px;border-radius:12px;background:var(--sheet);border:1px solid var(--line);color:var(--ink-2);font-size:13.5px;transition:background .5s,color .5s,border-color .5s}
.jr-foot i{width:20px;height:20px;border-radius:50%;background:var(--line-2);transition:background .5s,transform .5s var(--ease-out);color:#1F1A17;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;flex:none}
.jr.saved .jr-foot{background:#1F1A17;border-color:#1F1A17;color:#F6F5F1}.jr.saved .jr-foot i{background:#86B796;transform:scale(1.12)}

/* شريط اللوحات اللاصق */
.px-bar{position:sticky;top:60px;z-index:20;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-block:1px solid var(--line)}
.px-bar-in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:9px}
.px-bar-in::-webkit-scrollbar{display:none}
.px-bar a{flex:none;display:inline-flex;align-items:center;gap:8px;font-size:14px;text-decoration:none;padding:6px 14px;border-radius:999px;color:var(--ink-2);transition:background .25s,color .25s}
.px-bar a .no{font-family:var(--mono);font-size:12px;color:var(--terra);direction:ltr}
.px-bar a:hover{background:var(--sheet);color:var(--ink)}
.px-bar a.on{background:var(--ink);color:var(--paper)}
.px-bar a.on .no{color:#E9B79F}

/* اللوحة */
.px-sheet{position:relative;padding-block:clamp(36px,5vw,56px) clamp(40px,5vw,60px);scroll-margin-top:124px}
.px-sheet::before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-2) 20%,var(--line-2) 80%,transparent)}
.px-sh{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 28px;margin-bottom:clamp(22px,3vw,32px)}
.px-sh .no{font-family:var(--mono);font-size:13px;color:var(--terra);direction:ltr;display:inline-block;align-self:start;justify-self:start;background:var(--sheet);border:1px solid var(--line);border-radius:999px;padding:4px 12px;margin-top:4px}
.px-sh h2{font-size:clamp(24px,3vw,34px)}
.px-sh p{color:var(--ink-2);max-width:62ch;margin-top:8px}
.px-body{margin-inline-start:148px}
.px-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}
.px-list li{padding:13px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:4px 20px}
.px-list li b{font-size:15.5px}
.px-list li span{color:var(--ink-2);font-size:15px;line-height:1.8}
.px-cap{font-size:12px;color:var(--ink-2);margin:10px 4px 0}
.px-link{color:var(--terra);font-weight:700;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:36px}

/* B-01 بطاقات الخسارة: تنقلب فيظهر خلفها الحل */
.ls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ls-c{perspective:1200px}
.ls-in{display:grid;height:100%;transform-style:preserve-3d;transition:transform .8s var(--ease-out)}
.ls-c.flip .ls-in{transform:rotateY(180deg)}
.ls-f,.ls-b{grid-area:1/1;min-height:270px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r-xl);padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px}
.ls-f{background:var(--sheet);border:1px solid var(--line-2);box-shadow:var(--soft)}
.ls-b{background:#1F1A17;color:#F6F5F1;transform:rotateY(180deg)}
.ls-st{font-size:12.5px;font-weight:700;color:var(--terra);display:flex;align-items:center;gap:8px}
.ls-st code{font-family:var(--mono);font-weight:500}
.ls-f p{font-size:16px;line-height:1.85;font-weight:700}
.ls-x{margin-top:auto;align-self:flex-start;font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);background:var(--paper);border:1px solid var(--line-2);border-radius:999px;padding:6px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.ls-x::after{content:"";width:7px;height:7px;border-inline-start:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.ls-b .ls-st{color:#E9B79F}
.ls-b b{font-size:17px;line-height:1.5}
.ls-b p{font-size:14.5px;line-height:1.85;opacity:.88}
.ls-b .ls-go{padding-block:10px;margin-top:auto;color:#F6F5F1;font-weight:700;font-size:14px;text-underline-offset:5px}
.ls-b .ls-x{background:transparent;color:#F6F5F1;border-color:rgba(246,245,241,.35);margin-top:0}
.ls-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}
.ls-hint{font-size:13px;color:var(--ink-2);margin-top:12px}

/* B-02 الرحلة: سكة لاصقة تتقدم مع النزول، وتحتها المحطات كاملة بأدواتها */
.jy{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:start}
.jy-rail{position:sticky;top:132px;display:grid;gap:0;padding-inline-start:26px}
.jy-rail::before{content:"";position:absolute;top:10px;bottom:10px;right:5px;width:2px;background:var(--line)}
.jy-fill{position:absolute;top:10px;right:5px;width:2px;height:0;background:var(--terra);transition:height .2s linear}
.jy-rail a{position:relative;display:grid;gap:1px;padding:10px 0;text-decoration:none;color:var(--ink-2)}
.jy-rail a::before{content:"";position:absolute;right:-26px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--line-2);transition:background .3s,border-color .3s,transform .3s var(--ease-out)}
.jy-rail a code{font-family:var(--mono);font-size:12px;color:var(--terra)}
.jy-rail a b{font-size:17px;transition:color .3s}
.jy-rail a span{font-size:12.5px}
.jy-rail a.past::before{background:var(--terra);border-color:var(--terra)}
.jy-rail a.on::before{background:var(--terra);border-color:var(--terra);transform:scale(1.25);box-shadow:0 0 0 5px color-mix(in srgb,var(--terra) 18%,transparent)}
.jy-rail a.on b{color:var(--ink)}
.jy-st{scroll-margin-top:128px;padding-bottom:clamp(28px,4vw,44px)}
.jy-st+.jy-st{border-top:1px solid var(--line);padding-top:clamp(28px,4vw,44px)}
.jy-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 18px;align-items:baseline;margin-bottom:18px}
.jy-head .k{font-family:var(--mono);font-weight:500;font-size:clamp(40px,5vw,58px);line-height:.9;color:var(--terra);grid-row:span 3}
.jy-head h3{font-size:clamp(24px,2.6vw,30px);line-height:1.3}
.jy-head .q{font-size:16px;font-weight:700;color:var(--ink-2)}
.jy-head p{font-size:15px;color:var(--ink-2);line-height:1.9;max-width:62ch}
.jy-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tl{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;align-content:start;text-decoration:none;color:inherit;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px 15px 38px;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),border-color .25s}
.tl .no{font-family:var(--mono);font-size:12px;color:var(--terra);grid-row:span 2;padding-top:4px}
.tl b{font-size:16px;line-height:1.55}
.tl span{font-size:13.5px;color:var(--ink-2);line-height:1.7}
.tl::after{content:"";position:absolute;left:18px;top:50%;width:7px;height:7px;border-left:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);transform:translateY(-50%) rotate(45deg);transition:left .2s var(--ease-out),border-color .2s}
.tl:hover{transform:translateY(-2px);border-color:var(--line-2);box-shadow:var(--soft)}
.tl:hover::after{left:13px;border-color:var(--terra)}
.tl.hub{grid-column:1/-1;border-color:var(--terra);box-shadow:inset 0 0 0 1px var(--terra)}
.tl.sec{background:#FAF9F6;padding-block:11px 12px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tl.sec{background:#1A1714}}
:root[data-theme="dark"] .tl.sec{background:#1A1714}
.tl.sec b{font-size:15px}
.tl.sec .no{color:var(--ink-2)}
.js .st-in .tl{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out),box-shadow .25s,border-color .25s}
.js .st-in.in .tl{opacity:1;transform:none}

/* B-03 لوحة الحساب الحية */
.ac{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20px,4vw,48px);align-items:start}
.db{margin:0;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--deep);overflow:hidden}
.db-in{padding:16px;display:grid;gap:12px}
.db-hi{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.db-hi b{font-size:17px}.db-hi span{font-size:12.5px;color:var(--ink-2)}
.db-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 14px;display:grid;gap:8px;background:var(--paper)}
.db-card h4{font-size:12.5px;color:var(--terra);font-weight:700;margin:0}
.db-card p,.db-card ul{margin:0}
.db-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}
.db-row b{font-size:14.5px}
.db-pct{font-family:var(--mono);font-size:13px;color:var(--ink-2);direction:ltr}
.db-prog{height:7px;border-radius:99px;background:var(--line);overflow:hidden}
.db-prog i{display:block;height:100%;width:0;background:var(--ok);border-radius:99px;transition:width 1.4s var(--ease-out)}
.db-next{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}
.db-next i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--terra);color:var(--on-terra);font-size:13px;flex:none}
.db-cal{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.db-cal li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--sheet);border:1px solid var(--line);border-radius:12px;padding:7px 10px;font-size:13.5px;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}
.db-cal li.on{opacity:1;transform:none}
.db-cal .d{width:38px;border-radius:8px;overflow:hidden;border:1px solid var(--line-2);text-align:center;font-size:12px;line-height:1.3}
.db-cal .d em{display:block;font-style:normal;background:var(--terra);color:var(--on-terra);font-size:11px;padding:1px 0}
.db-cal .d strong{display:block;font-family:var(--mono);font-weight:500;font-size:14px;padding:2px 0}
.db-cal .t{font-size:12px;color:var(--ok);font-weight:700;opacity:0;transition:opacity .4s .3s}
.db-cal li.on .t{opacity:1}

/* B-04 مخطط بيتك */
.pl{display:grid;grid-template-columns:1fr;gap:26px}
.pl .px-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(20px,3vw,40px)}
.pl .px-list li{grid-template-columns:130px 1fr}
.pw{margin:0;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--deep);overflow:hidden}
.pw-stage{position:relative;padding:14px}
.pw svg{display:block;width:100%;height:auto;direction:ltr;font-family:var(--font)}
/* المخطط يُرى كاملاً في الشاشة دون نزول: ارتفاعه محدود، ويتوسط عرضه */
@media (min-width:900px){
  .pw-stage{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;align-items:center}
  .pw .pw-plan{max-height:clamp(300px,calc(100vh - 440px),540px);margin-inline:auto}
  .pw-stage .pw-card{margin-top:0}
}
/* إخراج المخطط بأسلوب مخططات العرض: أرضية واحدة فاتحة، جدران سوداء، أثاث أبيض بخط رمادي رفيع، والجدار أثقل خط */
.pw-plan{--w:var(--ink);--muted:var(--ink-2);--fill:var(--paper);--edge:color-mix(in srgb,var(--ink) 48%,var(--sheet));--furf:var(--sheet);--floorc:color-mix(in srgb,var(--ink) 5%,var(--sheet))}
.pw-plan .lot{fill:var(--sheet);stroke:var(--edge);stroke-width:.9;stroke-dasharray:14 3 2 3 2 3}
.pw-plan .pave{fill:url(#pvP)}
.pw-plan .pvl{stroke:color-mix(in srgb,var(--ink) 10%,var(--sheet));stroke-width:.6;fill:none}
.pw-plan .grass{fill:url(#grP);stroke:color-mix(in srgb,var(--ink) 16%,var(--sheet));stroke-width:.5}
.pw-plan .grd{fill:color-mix(in srgb,var(--ink) 30%,var(--sheet))}
.pw-plan .tree circle{fill:color-mix(in srgb,var(--ink) 9%,transparent);stroke:color-mix(in srgb,var(--ink) 35%,var(--sheet));stroke-width:.7}
.pw-plan .tree path{stroke:color-mix(in srgb,var(--ink) 25%,var(--sheet));stroke-width:.5}
.pw-plan .car rect{fill:var(--sheet);stroke:var(--edge);stroke-width:.8}.pw-plan .car .car-w{fill:color-mix(in srgb,var(--ink) 10%,var(--sheet));stroke:none}
.pw-plan .road{stroke:var(--line-2);stroke-width:1;fill:none}.pw-plan .road-c{stroke:var(--line-2);stroke-width:1;stroke-dasharray:10 7;fill:none}
.pw-plan .dm-street{font-size:12px;fill:var(--muted);text-anchor:middle}
.pw-plan .floor{fill:var(--floorc)}
.pw-plan .rm{fill:transparent;transition:fill .6s}
.pw.tint .rm.att{fill:color-mix(in srgb,var(--terra) 14%,transparent)}
.pw .rm.sel{fill:color-mix(in srgb,var(--terra) 26%,transparent)!important;stroke:var(--terra);stroke-width:1.5}
.pw-plan .dm-walls rect{fill:var(--w)}
.pw-plan .dm-win rect{fill:var(--sheet);stroke:var(--w);stroke-width:.6}.pw-plan .dm-win path{stroke:var(--w);stroke-width:.4}
.pw-plan .leafr{fill:var(--sheet);stroke:var(--w);stroke-width:.7}
.pw-plan .swing{stroke:var(--edge);stroke-width:.45;fill:none}
.pw-plan .thr{stroke:var(--w);stroke-width:.6}
.pw-plan .arch{stroke:var(--w);stroke-width:.9}
.pw-plan .fur{fill:var(--furf);stroke:var(--edge);stroke-width:.55}
.pw-plan .fur2{fill:color-mix(in srgb,var(--ink) 8%,var(--sheet));stroke:var(--edge);stroke-width:.5}
.pw-plan .ctr{fill:var(--furf);stroke:var(--w);stroke-width:.6}
.pw-plan .fix{fill:var(--furf);stroke:var(--edge);stroke-width:.55}
.pw-plan .fl{stroke:var(--edge);stroke-width:.4;fill:none}
.pw-plan .rug{fill:none;stroke:color-mix(in srgb,var(--ink) 25%,var(--sheet));stroke-width:.45;stroke-dasharray:2 2}
.pw-plan .pot{fill:color-mix(in srgb,var(--ink) 9%,var(--sheet));stroke:var(--edge);stroke-width:.5}
.pw-plan .tread{stroke:var(--w);stroke-width:.55;fill:none}
.pw-plan .tread-h{stroke:var(--edge);stroke-width:.45;fill:none;stroke-dasharray:3 2}
.pw-plan .stw{stroke:var(--w);stroke-width:1}
.pw-plan .brk{stroke:var(--w);stroke-width:.7;fill:none}
.pw-plan .arrow,.pw-plan .arrowhead{stroke:var(--terra);stroke-width:.9;fill:none}
.pw-plan .ent{stroke:var(--terra);stroke-width:1.3;fill:none}
.pw-plan .rn{font-size:12.5px;font-weight:700;fill:var(--w);text-anchor:middle}
.pw-plan .ra{font-size:9.5px;fill:var(--muted);text-anchor:middle;font-family:var(--mono)}
.pw-plan .rs{font-size:10px;fill:var(--muted);text-anchor:middle}
.pw-plan .rn,.pw-plan .ra,.pw-plan .rs{paint-order:stroke;stroke:var(--floorc);stroke-width:3px;stroke-linejoin:round}
.pw-plan .dimg path{stroke:var(--edge);stroke-width:.5;fill:none}.pw-plan .dimg text{font-size:9.5px;fill:var(--muted);text-anchor:middle;font-family:var(--mono)}
.pw-plan .scale .sb1{fill:var(--w)}.pw-plan .scale .sb0{fill:var(--sheet);stroke:var(--w);stroke-width:.5}
.pw-plan .scale text{font-size:9px;fill:var(--muted);text-anchor:middle;font-family:var(--mono)}
.pw-plan .north circle{fill:none;stroke:var(--muted);stroke-width:.7}.pw-plan .north path{fill:var(--w)}.pw-plan .north text{font-size:9px;text-anchor:middle;fill:var(--w)}
.pw-plan .tiles{fill:url(#tlP)}
.pw-plan .tll{stroke:color-mix(in srgb,var(--ink) 9%,var(--sheet));stroke-width:.45;fill:none}
.pw-plan .sour{fill:color-mix(in srgb,var(--ink) 70%,var(--sheet))}
.pw-plan .carport{fill:none;stroke:var(--edge);stroke-width:.6;stroke-dasharray:6 3}
.pw-plan .plant{fill:url(#grP);stroke:color-mix(in srgb,var(--ink) 25%,var(--sheet));stroke-width:.5}
.pw-plan .rm.court{fill:transparent!important}
.pw-plan .pocket{stroke:var(--edge);stroke-width:.6;stroke-dasharray:3 2;fill:none}
/* ألوان الموقع: أخضر للزرع، أصفر محروق للحصى، بني للخشب، رمادي للممرات والمواقف */
.pw-plan .pvb{fill:color-mix(in srgb,#9A958E 14%,var(--sheet))}
.pw-plan .grass{fill:color-mix(in srgb,#7C8F5A 42%,var(--sheet));stroke:color-mix(in srgb,#7C8F5A 45%,var(--sheet))}
.pw-plan .grd{fill:color-mix(in srgb,#5E7140 55%,var(--sheet))}
.pw-plan .plant{fill:color-mix(in srgb,#7C8F5A 38%,var(--sheet))}
.pw-plan .tree circle{fill:color-mix(in srgb,#6E8450 34%,transparent);stroke:color-mix(in srgb,#5E7140 60%,var(--sheet))}
.pw-plan .tree path{stroke:color-mix(in srgb,#5E7140 45%,var(--sheet))}
.pw-plan .sand{fill:color-mix(in srgb,#C99A3E 40%,var(--sheet));stroke:color-mix(in srgb,#C99A3E 45%,var(--sheet));stroke-width:.4}
.pw-plan .dkb{fill:color-mix(in srgb,#8A5A3B 26%,var(--sheet))}.pw-plan .dkl{stroke:color-mix(in srgb,#8A5A3B 45%,var(--sheet));stroke-width:.5}
.pw-plan .deck{fill:url(#dkP);stroke:color-mix(in srgb,#8A5A3B 50%,var(--sheet));stroke-width:.5}
.pw-plan .drive{fill:color-mix(in srgb,#9A958E 30%,var(--sheet))}
.pw-plan .swalk{fill:color-mix(in srgb,#9A958E 22%,var(--sheet))}
.pw-plan .curb{stroke:var(--edge);stroke-width:1.4}
.pw-plan .ramp,.pw-plan .rampc{fill:color-mix(in srgb,#9A958E 38%,var(--sheet))}
.pw-plan .rampl{stroke:color-mix(in srgb,var(--ink) 25%,var(--sheet));stroke-width:.5}
.pw-plan .step{fill:var(--sheet);stroke:var(--w);stroke-width:.6}.pw-plan .stepl{stroke:var(--w);stroke-width:.5}
.pw-plan .lvl{font-size:9px;fill:var(--terra);text-anchor:middle;font-family:var(--mono)}

.pw-plan .land{fill:color-mix(in srgb,#8A5A3B 14%,var(--sheet));stroke:var(--w);stroke-width:.6}
/* يُبنى طبقة طبقة: الجدران، ثم الأبواب والدرج، ثم الأثاث والعناوين، ثم حالة الغرف */
.pw-plan .dm-walls,.pw-plan .dm-win{clip-path:inset(0 0 100% 0)}
.pw-plan .dm-doors,.pw-plan .dm-stair,.pw-plan .dm-fur,.pw-plan .dm-lbl,.pw-plan .dm-dim,.pw-plan .dm-ent,.pw-plan .north{opacity:0}
.pw.go .dm-walls,.pw.go .dm-win{animation:wipe 1.1s var(--ease-out) forwards}
.pw.go .dm-doors,.pw.go .dm-stair{animation:fade .6s ease .8s forwards}
.pw.go .dm-fur{animation:fade .7s ease 1.1s forwards}
.pw.go .dm-lbl,.pw.go .dm-ent,.pw.go .north{animation:fade .6s ease 1.4s forwards}
.pw.go .dm-dim{animation:fade .6s ease 1.7s forwards}
@keyframes wipe{to{clip-path:inset(0 0 0 0)}}
@keyframes fade{to{opacity:1}}
.pw .dot{opacity:0;transition:opacity .4s}
.pw.tint .dot{opacity:1}
.pw .dot circle{fill:var(--terra)}
.pw .dot .ring{fill:none;stroke:var(--terra);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:pulse 1.8s ease-out infinite}
@keyframes pulse{from{transform:scale(.6);opacity:.8}to{transform:scale(2);opacity:0}}
.pw-cur{position:absolute;left:0;top:0;width:24px;height:24px;pointer-events:none;opacity:0;transition:transform 1s var(--ease-out),opacity .3s;z-index:2}
.pw-cur svg{width:24px;height:24px;filter:drop-shadow(0 4px 6px rgba(31,26,23,.35))}
.pw-cur.on{opacity:1}
.pw-cur.tap svg{animation:tap .35s ease}
@keyframes tap{50%{transform:scale(.82)}}
.pw-card{margin-top:10px;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:12px 14px;display:grid;gap:8px;opacity:.35;filter:blur(1.5px);transition:opacity .5s var(--ease-out),filter .5s var(--ease-out),border-color .5s}
.pw.card .pw-card{opacity:1;filter:none;border-color:var(--terra)}
.pw-card>b{font-size:15px;display:flex;justify-content:space-between;align-items:baseline}
.pw-card>b small{font-size:12px;font-weight:400;color:var(--ink-2)}
.pw-tabs{display:flex;gap:4px;flex-wrap:wrap}
.pw-tabs span{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:1px 8px;color:var(--ink-2);transition:background .3s,color .3s,border-color .3s}
.pw-tabs span.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pw-pane{font-size:13px;line-height:1.75;min-height:4.6em;color:var(--ink)}
.pw-pane div{display:none}.pw-pane div.on{display:block;animation:fadeup .4s var(--ease-out)}
.pw-pane small{display:block;color:var(--ink-2);font-size:12px}
.pw-legend{display:flex;gap:14px;flex-wrap:wrap;padding:0 16px 14px;font-size:12.5px;color:var(--ink-2)}
.pw-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px;vertical-align:-1px}
.pw-legend .b{background:color-mix(in srgb,var(--terra) 30%,var(--sheet));border:1px solid var(--terra)}

/* B-05 المصادر: الرقم يُضغط فيظهر مصدره */
.sr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.sr-c{background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--soft);overflow:hidden;display:flex;flex-direction:column}
.sr-top{padding:18px 18px 14px;display:grid;gap:4px}
.sr-top span{font-size:13px;color:var(--ink-2)}
.sr-n{font:inherit;cursor:pointer;background:none;border:0;padding:0;text-align:start;display:flex;align-items:baseline;gap:8px;color:var(--ink)}
.sr-n b{font-family:var(--mono);font-weight:500;font-size:44px;line-height:1.1;direction:ltr;text-decoration:underline dotted var(--line-2);text-underline-offset:8px;text-decoration-thickness:2px;transition:color .25s}
.sr-n small{font-size:15px;color:var(--ink-2)}
.sr-n:hover b,.sr-c.open .sr-n b{color:var(--terra)}
.sr-tag{justify-self:start;font-size:12px;font-weight:700;border-radius:999px;padding:1px 10px;margin-top:4px}
.sr-tag.std{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}
.sr-tag.ref{color:var(--brown);background:color-mix(in srgb,var(--brown) 10%,transparent)}
.sr-tag.est{color:var(--major);background:color-mix(in srgb,var(--major) 13%,transparent)}
.sr-src{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease-out);margin-top:auto}
.sr-c.open .sr-src{grid-template-rows:1fr}
.sr-src>div{overflow:hidden;min-height:0}
.sr-src dl{margin:0;padding:12px 18px 16px;border-top:1px dashed var(--line-2);background:var(--paper);display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;font-size:13px}
.sr-src dt{color:var(--ink-2)}
.sr-src dd{margin:0;font-weight:700;line-height:1.6}
.sr-src dd.m{font-family:var(--mono);font-weight:500;direction:ltr;text-align:right;unicode-bidi:isolate}

/* B-06 */
.go3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:g}
.go3 li{position:relative;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);padding:22px 22px 24px;box-shadow:var(--soft);display:grid;gap:6px;align-content:start}
.go3 .n{font-family:var(--mono);font-weight:500;font-size:34px;line-height:1;color:var(--terra);margin-bottom:8px}
.go3 h3{font-size:18px}
.go3 p{font-size:14.5px;color:var(--ink-2);line-height:1.8}
.go3 li+li::before{content:"";position:absolute;top:50%;inset-inline-start:-18px;width:18px;height:2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 4px,transparent 4px 7px)}
.go3 li:not(:last-child)::after{content:"";position:absolute;top:calc(50% - 5px);inset-inline-end:-6px;width:10px;height:10px;border-radius:50%;background:var(--terra);box-shadow:0 0 0 4px var(--paper);z-index:1}
.fin{margin-top:32px;position:relative;overflow:hidden;border-radius:26px;padding:clamp(28px,4vw,44px) clamp(24px,4vw,48px);background:linear-gradient(125deg,#1F1A17 0%,#2c211b 55%,#4a2f22 100%);color:#F6F5F1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px 40px;align-items:center}
.fin::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(246,245,241,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(246,245,241,.05) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
.fin::after{content:"";position:absolute;inset:auto auto -45% -10%;width:420px;height:420px;background:radial-gradient(closest-side,rgba(212,123,88,.35),transparent);pointer-events:none}
.fin>*{position:relative;z-index:1}
.fin-k{display:inline-block;font-size:12.5px;font-weight:700;color:#E9B79F;border:1px solid rgba(233,183,159,.4);border-radius:999px;padding:2px 12px;margin-bottom:10px}
.fin h3{font-size:clamp(24px,3vw,32px);line-height:1.3;color:#F6F5F1}
.fin p{margin-top:6px;font-size:15.5px;opacity:.82;max-width:46ch;line-height:1.85}
.fin-a{display:grid;gap:10px;justify-items:center}
.fin-b{border-radius:999px;min-height:50px;padding-inline:30px;font-size:16px;box-shadow:0 12px 26px -10px rgba(212,123,88,.75)}
.fin-l{color:#F6F5F1;opacity:.85;font-size:14.5px;text-underline-offset:5px;padding-block:6px}
.fin-l:hover{opacity:1}
.px-home{border-top:1px solid var(--line-2);padding-block:22px;font-size:15px;color:var(--ink-2)}
.px-home a{color:var(--ink);font-weight:700;text-underline-offset:5px}

/* ظهور عند النزول */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.rv.in{opacity:1;transform:none}

@media (max-width:1000px){.ls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .fin{grid-template-columns:1fr}
  .go3{grid-template-columns:1fr;gap:14px}
  .go3 li+li::before{top:-14px;inset-inline-start:calc(50% - 1px);width:2px;height:14px;background:repeating-linear-gradient(180deg,var(--line-2) 0 4px,transparent 4px 7px)}
  .go3 li:not(:last-child)::after{display:none}
  .bt-hero,.ac,.pl{grid-template-columns:1fr}
  .px-body{margin-inline-start:0}
  .px-sh{grid-template-columns:1fr;gap:2px}
  .jy{grid-template-columns:1fr}
  .jy-rail{display:none}
  .sr{grid-template-columns:1fr}
}
@media (max-width:600px){
  .px-bar{top:56px}
  .ls{grid-template-columns:1fr}
  .ls-f,.ls-b{min-height:0}
  .jy-tools{grid-template-columns:1fr}
  .px-list li,.pl .px-list li{grid-template-columns:1fr}
  .pl .px-list{grid-template-columns:1fr}
  .pw-plan .ra,.pw-plan .dm-dim{display:none}
  .pw-plan .rn{font-size:15px}
  .pw-plan .rs{font-size:11.5px}
  .jr-st b{font-size:12.5px}
  .jr-tools li code{display:none}
  .fin-a{justify-items:stretch}.fin-b{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .bt-h1 i,.bt-lead,.bt-act,.bt-facts,.jr{animation:none!important;opacity:1;transform:none}
  .bt-hero::before,.pw .dot .ring{animation:none}
  .rv,.js .st-in .tl{opacity:1;transform:none;transition:none}
  .ls-in,.sr-src,.db-prog i,.jr-line i{transition:none}
  .pw-plan .dm-walls,.pw-plan .dm-win{clip-path:none}.pw-plan .dm-doors,.pw-plan .dm-stair,.pw-plan .dm-fur,.pw-plan .dm-lbl,.pw-plan .dm-dim,.pw-plan .dm-ent,.pw-plan .north{opacity:1;animation:none!important}
}

@media (max-width:600px){.dm-long{display:none}}

/* أهم أداة في الرحلة */
.tl.key{grid-column:1/-1;border-color:var(--terra);box-shadow:inset 0 0 0 1px var(--terra)}
.tl.key .tl-key{grid-column:2;justify-self:start;margin-top:6px;font-style:normal;font-size:11.5px;font-weight:700;color:var(--on-terra);background:var(--terra);padding:2px 10px;border-radius:999px}
.pg-inv-card{align-self:center;display:grid;gap:12px;padding:22px 24px;border-radius:var(--r-lg);background:linear-gradient(125deg,#1F1A17 0%,#2c211b 60%,#4a2f22 100%);color:#F6F5F1}
.pg-inv-card .k{font-size:13px;font-weight:700;color:#E9B79F}
.pg-inv-card p{font-size:16px;line-height:1.95}
.pg-inv-card .btn{justify-self:start}

/* دعوات التواصل داخل الصفحة */
.bt-hero .ask{opacity:0;animation:fadeup .8s var(--ease-out) .5s forwards}
.fin .ask{grid-column:1/-1;max-width:none;opacity:1;margin-top:0;font-size:14.5px}
.pg-inv-card .ask{font-size:14.5px;line-height:1.9;margin-top:2px}
@media (prefers-reduced-motion:reduce){.bt-hero .ask{animation:none;opacity:1}}

/* B-05 إدارة البيت: مثال ثابت يتتابع ظهوره */
.hm{margin:0;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--deep);overflow:hidden}
.hm-feed{list-style:none;margin:0;padding:16px;display:grid;gap:10px}
.hm-feed li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper)}
.hm.wait .hm-feed li{opacity:0}
.hm.go .hm-feed li{opacity:0;animation:fadeup .6s var(--ease-out) forwards}
.hm.go .hm-feed li:nth-child(1){animation-delay:.2s}.hm.go .hm-feed li:nth-child(2){animation-delay:.9s}.hm.go .hm-feed li:nth-child(3){animation-delay:1.6s}.hm.go .hm-feed li:nth-child(4){animation-delay:2.3s}
.hm-feed b{display:block;font-size:15px}
.hm-feed small{display:block;font-size:13px;color:var(--ink-2)}
.hm-who{flex:none;min-width:64px;text-align:center;font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 10px;background:var(--line);color:var(--ink)}
.hm-who.w{background:#E8EFE9;color:#2E5E3E}.hm-who.m{background:#F3E1D7;color:#8E432C}.hm-who.d{background:#E4E8F0;color:#34476B}
.hm-feed .hm-ok{background:#1F1A17;color:#F6F5F1;border-color:#1F1A17;font-size:14px}
.hm-ok i{width:20px;height:20px;border-radius:50%;background:#86B796;color:#1F1A17;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;flex:none}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hm-who.w{background:#26372B;color:#A9D3B4}:root:not([data-theme=light]) .hm-who.m{background:#3B2A22;color:#E9B79F}:root:not([data-theme=light]) .hm-who.d{background:#262E3D;color:#AFC0E0}}
@media (prefers-reduced-motion:reduce){.hm .hm-feed li{animation:none!important;opacity:1!important;transform:none}}

/* الفرد يطلب الفحص من مكتبه */
.fx-ask{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin-top:16px;padding:16px 18px;border:1px dashed var(--terra);border-radius:16px;background:color-mix(in srgb,var(--terra) 6%,var(--sheet))}
.fx-ask b{display:block;font-size:15.5px}
.fx-ask span{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.8}
.fx-ask .btn{border-radius:999px;min-height:42px}
.pg-inv-card .ask a:not([data-wa]){color:#F6F5F1;text-underline-offset:4px;font-weight:700}
.bt-facts .free b{font-family:inherit;font-size:22px;font-weight:700;padding-top:6px;direction:rtl;text-align:start}

/* أسئلة المحطة للزائر */
.wq{flex-basis:100%;display:grid;gap:12px;padding-top:14px;border-top:1px dashed var(--line-2)}
.wq>b{font-size:16px}
.wq{scroll-margin-top:140px}
.wq-qs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 18px}
.wq-q[hidden]{display:none}
.wq-q:not(:first-child){animation:fadeup .4s var(--ease-out)}
.wq-alt{margin:12px 0 0!important;padding-top:10px;border-top:1px dashed var(--line-2);font-size:14px}.wq-alt a{color:var(--terra);font-weight:700}
.wq-hook{margin-top:6px}.wq-hook a{color:var(--terra);font-weight:700}
.wq-q{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.wq-q span{flex-basis:100%;font-size:14px;color:var(--ink-2)}
.wq-q button{font:inherit;font-size:14px;font-weight:700;min-height:40px;padding:6px 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.wq-q button:hover{border-color:var(--terra)}
.wq-q button.on{background:var(--terra);border-color:var(--terra);color:var(--on-terra)}
.wq-out{padding:16px 18px;border-radius:14px;background:var(--paper);border:1px solid var(--line-2);animation:fadeup .5s var(--ease-out)}
.wq-out .wq-k{font-size:13px;color:var(--terra);font-weight:700}.wq-out .wq-k a{color:inherit}
.wq-out b{display:block;font-size:17px;margin-top:4px}.wq-out p{font-size:14.5px;color:var(--ink-2);margin:4px 0 10px}
.wq-a{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.wq-a .btn{border-radius:999px;min-height:44px}
.mid-cta .wq .ask{border-top:0;padding-top:0}
@media (max-width:640px){.wq-qs{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.wq-out,.wq-q{animation:none!important}}

/* ===== إعادة بناء «لبيتك» حول المنصة (16 أكتوبر) ===== */
/* الغلاف: منصة بيتي */
.om{margin:0;position:relative;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--deep);overflow:hidden;opacity:0;transform:translateY(24px) scale(.98);animation:demoin 1s var(--ease-out) .25s forwards}
.om-in{display:grid;gap:12px;padding:16px}
.om-houses{display:flex;gap:6px}
.om-houses span{font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;border:1px solid var(--line-2);color:var(--ink-2);background:var(--paper)}
.om-houses span.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.om-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding:4px 0 2px}
.om-line{position:absolute;top:19px;inset-inline:12.5%;height:2px;background:var(--line)}
.om-line i{display:block;height:100%;width:0;background:var(--terra);transition:width .9s var(--ease-out)}
.om-s{position:relative;display:grid;justify-items:center;gap:6px;z-index:1}
.om-s .n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:12px;background:var(--sheet);border:2px solid var(--line-2);color:var(--ink-2);transition:background .4s,border-color .4s,color .4s,transform .4s var(--ease-out)}
.om-s b{font-size:12.5px;color:var(--ink-2)}
.om-s.on .n{background:var(--terra);border-color:var(--terra);color:var(--on-terra)}
.om-s.cur .n{transform:scale(1.1);box-shadow:0 0 0 6px color-mix(in srgb,var(--terra) 16%,transparent)}
.om-s.cur b{color:var(--ink)}
.om-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);padding:12px 14px;display:grid;gap:6px}
.om-card small{font-size:12px;font-weight:700;color:var(--terra)}
.om-task{border-color:var(--terra);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--terra) 40%,transparent)}
.om-task b{font-size:15.5px}
.om-prog{height:7px;border-radius:99px;background:var(--line);overflow:hidden}
.om-prog i{display:block;height:100%;width:0;background:var(--ok);border-radius:99px;transition:width 1.3s var(--ease-out)}
.om-meta{font-size:12px;color:var(--ink-2)}
.om-flow{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);padding:0 4px}
.om-flow i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--ok) 22%,transparent);color:var(--ok);font-size:12px;flex:none}
.om-m{display:flex;align-items:center;gap:10px;padding:6px 0}
.om-m+.om-m{border-top:1px dashed var(--line)}
.om-m .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#E4E8F0;color:#34476B;font-weight:700;font-size:13px;flex:none}
.om-m .av.c{background:#E8EFE9;color:#2E5E3E}
.om-m div{display:grid;flex:1;min-width:0}
.om-m b{font-size:13.5px}.om-m span{font-size:12px;color:var(--ink-2)}
.om-m em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--on-terra);background:var(--terra);padding:3px 9px;border-radius:999px;white-space:nowrap}
.om-toast{position:absolute;inset-inline:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;background:#1F1A17;color:#F6F5F1;font-size:13.5px;box-shadow:var(--deep);opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s var(--ease-out);pointer-events:none}
.om-toast i{width:20px;height:20px;border-radius:50%;background:#86B796;color:#1F1A17;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;flex:none}
.js .om .om-task,.js .om .om-flow,.js .om .om-team{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s var(--ease-out)}
.om.s1 .om-task,.om.s2 .om-flow,.om.s3 .om-team{opacity:1!important;transform:none!important}
.om.s4 .om-toast{opacity:1;transform:none}
.om.s4 .om-m em{background:var(--ok)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .om-m .av{background:#26303F;color:#B9C7E2}:root:not([data-theme=light]) .om-m .av.c{background:#26372B;color:#A9D3B4}}

/* بيت واحد، ملف واحد */
.fl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;counter-reset:f}
/* خمس بطاقات: ثلاث في الصف الأول واثنتان في الثاني، فلا تضيق الأعمدة على الشاشات المتوسطة */
.fl li{grid-column:span 2}
.fl li:nth-child(n+4){grid-column:span 3}
.fl li:nth-child(3)::after{display:none}
.fl li{position:relative;display:grid;gap:8px;align-content:start;padding:16px 14px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-lg)}
.fl li:not(:last-child)::after{content:"";position:absolute;top:28px;inset-inline-end:-10px;width:10px;height:2px;background:var(--terra);z-index:1}
.fl-k{font-family:var(--mono);font-size:12px;color:var(--terra)}
.fl li div{display:grid;gap:6px}
.fl b{font-size:15px;line-height:1.5}
.fl-p{font-size:13px;color:var(--ink);line-height:1.7;padding:6px 9px;border-radius:9px;background:color-mix(in srgb,var(--terra) 8%,transparent)}
.fl em{font-style:normal;font-size:12.5px;color:var(--ink-2);line-height:1.7}
.fl em::before{content:"← ";color:var(--terra);font-weight:700}
.pf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.pf div{display:grid;gap:4px;padding:14px 16px;border-radius:var(--r-lg);border:1px dashed var(--line-2)}
.pf b{font-size:15px}.pf span{font-size:13.5px;color:var(--ink-2);line-height:1.75}
.js .fl li{opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}
.js .fl.in li{opacity:1;transform:none}
.fl.in li:nth-child(2){transition-delay:.12s}.fl.in li:nth-child(3){transition-delay:.24s}.fl.in li:nth-child(4){transition-delay:.36s}.fl.in li:nth-child(5){transition-delay:.48s}

/* فريق بيتك */
#team .fx-ask{margin-top:18px}

/* المحطات الأربع: بطاقات وأدواتها مطوية */
.jy4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.jy4 .jy-st{scroll-margin-top:128px;padding:20px 20px 16px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--sheet);display:grid;gap:12px;align-content:start}
.jy4 .jy-st+.jy-st{border-top:1px solid var(--line);padding-top:20px}
.jy4 .jy-head{margin-bottom:0}
.jy4 .jy-head .k{font-size:clamp(34px,4vw,46px)}
.jy4 .jy-head h3{font-size:clamp(21px,2.2vw,25px)}
.jy4 .jy-head .q{font-size:13.5px}
.jy4 .jy-head p{font-size:14.5px;line-height:1.85}
.jy4 .jy-tools{grid-template-columns:1fr;padding-top:10px}
.jy-key{display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-decoration:none;color:var(--ink);font-weight:700;font-size:14.5px;padding:10px 12px;border-radius:12px;border:1px solid var(--terra);background:color-mix(in srgb,var(--terra) 6%,transparent)}
.jy-key em{font-style:normal;font-size:11.5px;color:var(--on-terra);background:var(--terra);padding:2px 10px;border-radius:999px}
.jy-more{border-top:1px solid var(--line);padding-top:4px}
.jy-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px;font-weight:700;font-size:14.5px;color:var(--ink)}
.jy-more summary::-webkit-details-marker{display:none}
.jy-more summary .c{font-family:var(--mono);font-size:12px;color:var(--terra);border:1px solid var(--line-2);border-radius:999px;padding:1px 9px}
.jy-more summary::after{content:"";margin-inline-start:auto;width:8px;height:8px;border-left:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);transform:rotate(-45deg);transition:transform .25s var(--ease-out)}
.jy-more[open] summary::after{transform:rotate(135deg)}
.jy-src{margin-top:16px}

/* البرنامج المعماري: بطاقة البدء */
.pg-go{align-self:center;display:grid;gap:10px;padding:22px 24px;border-radius:var(--r-lg);border:1px solid var(--terra);background:color-mix(in srgb,var(--terra) 6%,var(--sheet))}
.pg-go .k{font-size:13px;font-weight:700;color:var(--terra)}
.pg-go b{font-size:18px;line-height:1.6}
.pg-go p{font-size:14.5px;color:var(--ink-2);line-height:1.85;margin:0}
.pg-go .btn{justify-self:start;border-radius:999px}

/* بعد المفتاح: تبويبا الأمثلة */
.ak{display:grid;gap:12px}
.ak-tabs{display:inline-flex;justify-self:start;gap:4px;padding:4px;border-radius:999px;background:var(--paper);border:1px solid var(--line-2)}
.ak-tabs button{font:inherit;font-size:14px;font-weight:700;min-height:40px;padding:6px 16px;border-radius:999px;border:0;background:transparent;color:var(--ink-2);cursor:pointer}
.ak-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}
.ak-p[hidden]{display:none}

@media (max-width:1100px){.pf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.jy4{grid-template-columns:1fr}}
@media (max-width:600px){
  .fl{grid-template-columns:1fr;gap:12px}
  .fl li,.fl li:nth-child(n+4){grid-column:auto}
  .fl li{grid-template-columns:auto minmax(0,1fr);gap:4px 12px}
  .fl li:not(:last-child)::after,.fl li:nth-child(3)::after{display:block;top:auto;bottom:-12px;inset-inline-start:24px;inset-inline-end:auto;width:2px;height:12px}
  .pf{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pf div{padding:12px}
  .pf b{font-size:14px}.pf span{font-size:12.5px;line-height:1.7}
  .om-in{padding:12px}
  .jy4 .jy-head p{display:none}
  .jy4 .jy-st{padding:16px 16px 10px;gap:8px}
  .om-m em{font-size:11px;padding:3px 7px}
}
@media (prefers-reduced-motion:reduce){
  .om{animation:none!important;opacity:1;transform:none}
  .js .om .om-task,.js .om .om-flow,.js .om .om-team,.js .fl li{opacity:1;transform:none;transition:none}
  .om-line i,.om-prog i{transition:none}
}
/* سطر التصميم الداخلي في محطة التصميم */
.jy-head p.jy-int{grid-column:2;margin-top:2px;font-size:14px;color:var(--terra);font-weight:400}
.jy4 .jy-head p.jy-int{display:block}
/* بعد المفتاح: رحلة الترميم لبيتك القائم */
.rn-blk{margin-top:clamp(22px,3vw,32px);padding-top:clamp(18px,2.4vw,26px);border-top:1px solid var(--line-2);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px clamp(20px,3vw,40px);scroll-margin-top:140px}
.rn-blk-h h3{font-size:clamp(20px,2.2vw,24px);line-height:1.35}
.rn-blk-h p{margin-top:6px;font-size:15px;color:var(--ink-2);line-height:1.9}
.rn-blk-s{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line-2);border-radius:var(--r-lg,14px);overflow:hidden;background:var(--sheet)}
.rn-blk-s li{display:flex;flex-direction:column;gap:4px;padding:14px 14px 16px;min-width:0}
.rn-blk-s li+li{border-inline-start:1px solid var(--line)}
.rn-blk-s .no{font-family:var(--mono);font-size:12.5px;color:var(--terra)}
.rn-blk-s b{font-size:13px;color:var(--ink-2);font-weight:700}
.rn-blk-s>li>a{font-size:16px;font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:4px}
.rn-blk-s>li>a:hover{text-decoration-color:var(--terra)}
.rn-blk-s .d{font-size:13.5px;color:var(--ink-2);line-height:1.75}
.rn-blk-s .d a{color:var(--ink)}
@media (max-width:900px){.rn-blk{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){.rn-blk-s{grid-template-columns:minmax(0,1fr)}.rn-blk-s li+li{border-inline-start:0;border-top:1px solid var(--line)}}
/* مساحات لمس 44px للروابط الصغيرة: طبقة شفافة حول الرابط دون تغيير شكله */
@media (pointer:coarse),(max-width:760px){
  .px-link,.fin-l,.wq-hook a,.rn-blk-s a,.px-home a{position:relative}
  .px-link::before,.fin-l::before,.wq-hook a::before,.rn-blk-s a::before,.px-home a::before{content:"";position:absolute;inset-inline:0;top:50%;height:44px;transform:translateY(-50%)}
}
/* الطباعة: كل ما يظهر بالحركة يُطبع ظاهراً */
@media print{.rv,.mo .rv,.js .st-in .tl{opacity:1!important;transform:none!important}}

/* assets/css/bait2.css */
/* منصة بيتي · الصفحة العامة /bait/ (قرار صياح 026): ست شاشات بهوية الخرائط الهادئة، والصور لقطات حقيقية من البيت التجريبي */
.b2{--b2-cream:#F5EFE8;--b2-brown:#5A3420;--b2-terra:#B26042;color:var(--ink,#1F1A17)}
.b2-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.b2-split{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.b2-txt h1{font-size:clamp(30px,4.4vw,48px);line-height:1.35;margin:10px 0 14px;font-weight:800;color:var(--b2-brown)}
.b2-txt h1 em{font-style:normal;color:var(--b2-terra)}
.b2-txt h2{font-size:clamp(24px,3vw,34px);line-height:1.4;margin:0 0 10px;color:var(--b2-brown)}
.b2-txt p{font-size:17px;line-height:1.9;margin:0 0 14px}
.b2-k{display:inline-block;font-weight:700;font-size:14px;color:var(--b2-terra);background:color-mix(in srgb,var(--b2-terra) 10%,transparent);padding:4px 14px;border-radius:999px}
.b2-lead{font-size:18px!important;color:color-mix(in srgb,var(--ink,#1F1A17) 82%,transparent)}
.b2-note{font-size:14px!important;color:color-mix(in srgb,var(--ink,#1F1A17) 62%,transparent)}
.b2-acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0 10px}
.b2-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;background:var(--b2-terra);color:#fff;font-weight:700;font-size:16px;text-decoration:none;border:1.5px solid var(--b2-terra);transition:transform .15s,box-shadow .15s}
.b2-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px color-mix(in srgb,var(--b2-terra) 30%,transparent)}
.b2-btn.line{background:transparent;color:var(--b2-terra)}
.b2-btn[hidden],.b2 [data-buy][hidden]{display:none!important}
.b2-hero{padding:44px 0 56px;background:linear-gradient(180deg,var(--b2-cream),transparent)}
.b2-sec{padding:64px 0}
.b2-alt{background:var(--b2-cream)}
.b2-center{text-align:center;max-width:720px;margin:0 auto 26px}
.b2-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:12px}
.b2-list li{position:relative;padding-inline-start:22px;font-size:16px;line-height:1.85}
.b2-list li::before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:9px;height:9px;border-radius:50%;background:var(--b2-terra)}
.b2-list b{color:var(--b2-brown)}
.b2-cols{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
/* إطار الجوال */
.b2-ph{margin:0;justify-self:center;width:min(300px,100%);aspect-ratio:300/596;border-radius:38px;padding:9px;background:#1F1A17;box-shadow:0 24px 50px -18px rgba(90,52,32,.45),0 0 0 1px rgba(90,52,32,.12)}
.b2-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:30px;background:#fff}
.b2-ph-hero{width:min(320px,100%)}
.b2-pair{display:flex;gap:18px;justify-content:center}
.b2-pair .b2-ph{width:min(250px,48%)}
.b2-one .b2-ph{width:min(270px,70%)}
.b2-pair .b2-ph:nth-child(2){margin-top:42px}
.b2-demo{max-width:980px;margin:0 auto}
/* الطريق إلى البيت التجريبي: الجوال في البطل يُلمس، ورابط تحت كل قسم إلى شاشته، وشريط ثابت بالجوال */
.b2-phl{display:grid;justify-items:center;gap:12px;width:100%;text-decoration:none;justify-self:center;-webkit-tap-highlight-color:transparent}
.b2-phl .b2-ph{transition:transform .2s}
.b2-phl:hover .b2-ph{transform:translateY(-4px)}
.b2-tap{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border-radius:999px;background:var(--b2-brown);color:#fff;font-weight:700;font-size:15px;margin-top:-34px;position:relative;box-shadow:0 8px 20px -8px rgba(90,52,32,.6)}
.b2-tap::before{content:"";width:8px;height:8px;border-radius:50%;background:#7FD39B;box-shadow:0 0 0 0 rgba(127,211,155,.7);animation:b2-pulse 1.8s infinite}
@keyframes b2-pulse{70%{box-shadow:0 0 0 9px rgba(127,211,155,0)}100%{box-shadow:0 0 0 0 rgba(127,211,155,0)}}
.b2-try{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:14px;color:var(--b2-terra);font-weight:700;font-size:16px;text-decoration:none;border-bottom:1.5px solid color-mix(in srgb,var(--b2-terra) 35%,transparent)}
.b2-try::after{content:"←";font-size:18px;transition:transform .15s}
.b2-try:hover::after{transform:translateX(-4px)}
.b2-dock{--b2-terra:#B26042;--b2-brown:#5A3420;position:fixed;inset-inline:0;bottom:0;z-index:40;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,#fff 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid color-mix(in srgb,var(--b2-brown) 14%,transparent);transform:translateY(110%);transition:transform .25s}
.b2-dock.on{transform:none}
.b2-dock .b2-btn{flex:1}
.b2-dock span{font-size:13px;font-weight:700;color:color-mix(in srgb,var(--ink,#1F1A17) 60%,transparent);white-space:nowrap}
.b2-dock[hidden]{display:none}
@media (min-width:861px){.b2-dock{display:none!important}}
@media (prefers-reduced-motion:reduce){.b2-tap::before{animation:none}.b2-dock{transition:none}}
[data-theme="dark"] .b2-dock{background:color-mix(in srgb,#1F1A17 92%,transparent)}
/* الباقة */
.b2-plan{max-width:720px;margin:0 auto;background:#fff;border:1.5px solid color-mix(in srgb,var(--b2-terra) 35%,transparent);border-radius:24px;padding:32px 34px;box-shadow:0 18px 40px -24px rgba(90,52,32,.35)}
.b2-plan h2{margin:0 0 6px;color:var(--b2-brown);font-size:clamp(24px,3vw,32px)}
.b2-plan p{font-size:16px;line-height:1.85;margin:0 0 8px}
.b2-price{font-size:17px!important}.b2-price b{font-size:40px;color:var(--b2-terra);margin-inline-end:6px}
.b2-check li::before{width:16px;height:16px;top:.42em;background:none;border-radius:0;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12.5l5 5L20 6.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12.5l5 5L20 6.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;background-color:var(--b2-terra)}
.b2-check li{padding-inline-start:26px}
.b2-terms{list-style:none;padding:14px 0 0;margin:14px 0 0;border-top:1px dashed color-mix(in srgb,var(--b2-brown) 25%,transparent);display:flex;flex-wrap:wrap;gap:8px}
.b2-terms li{font-size:14px;font-weight:700;color:var(--b2-brown);background:var(--b2-cream);border-radius:999px;padding:6px 14px}
.b2-soon{margin:0!important;font-weight:700;color:var(--b2-terra)}
.b2-soon[hidden]{display:none}
.b2-build{max-width:720px;margin:28px auto 0;border:1px solid color-mix(in srgb,var(--b2-brown) 18%,transparent);border-radius:18px;padding:0 22px;background:#fff}
.b2-build summary{cursor:pointer;min-height:56px;display:flex;align-items:center;font-weight:700;font-size:17px;color:var(--b2-brown)}
.b2-build p{font-size:15px;line-height:1.85}
.b2-tools{list-style:none;padding:0;margin:0 0 12px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.b2-tools a,.b2-build p a{display:flex;align-items:center;min-height:44px;color:var(--b2-terra);font-weight:700;text-decoration:none}
.b2-tools a{padding:0 14px;border-radius:12px;background:var(--b2-cream)}
@media (max-width:860px){
  .b2-split{grid-template-columns:1fr;gap:28px}
  .b2-hero{padding:24px 0 36px}
  .b2-sec{padding:44px 0}
  .b2-cols{grid-template-columns:1fr;gap:12px}
  .b2-tools{grid-template-columns:1fr}
  .b2-plan{padding:24px 20px}
  .b2-ph-hero{width:min(280px,80%)}
  .b2-acts .b2-btn{flex:1 1 100%}
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .b2-plan,:root:not([data-theme="light"]) .b2-build{background:var(--paper,#1c1815)}}
:root[data-theme="dark"] .b2-plan,:root[data-theme="dark"] .b2-build{background:var(--paper,#1c1815)}
@media (prefers-reduced-motion:reduce){.b2-btn{transition:none}}
/* الجوال: جوال واحد في كل شاشة حتى تبقى الصفحة ست شاشات */
@media (max-width:860px){
  .b2-pair .b2-ph:nth-child(2){display:none}
  .b2-pair .b2-ph{width:min(240px,64%)}
  .b2-ph-hero{width:min(230px,62%)}
  .b2-txt p{font-size:16px}
  .b2-list{gap:8px}
}
@media (max-width:860px){
  .b2-sec{padding:30px 0}
  .b2-hero{padding:18px 0 26px}
  .b2-split{gap:20px}
  .b2-pair .b2-ph{width:min(210px,56%)}
  .b2-ph-hero{width:min(210px,56%)}
  .b2-acts{margin:14px 0 6px}
  .b2-center{margin-bottom:16px}
}
/* الدعم على واتساب */
.b2-help{max-width:720px;margin:24px auto 0;text-align:center;padding:26px 22px;border-radius:20px;background:var(--b2-cream)}
.b2-help p{font-size:18px;line-height:1.9;font-weight:700;color:var(--b2-brown);margin:0 0 14px}
/* قواعد البيت مربوطة بعملها */
.b2-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}
.b2-rule{background:#fff;border:1px solid color-mix(in srgb,var(--b2-brown) 14%,transparent);border-radius:20px;padding:20px 20px 16px;box-shadow:0 12px 30px -22px rgba(90,52,32,.4)}
.b2-rule h3{margin:0 0 6px;font-size:18px;color:var(--b2-brown)}
.b2-rule p{margin:0 0 12px;font-size:15px;line-height:1.85}
.b2-links{list-style:none;padding:12px 0 0;margin:0;border-top:1px dashed color-mix(in srgb,var(--b2-brown) 20%,transparent);display:flex;flex-wrap:wrap;gap:6px}
.b2-links li{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--b2-brown);background:var(--b2-cream);border-radius:999px;padding:5px 12px}
.b2-links small{font-weight:400;color:var(--b2-terra);font-size:12px}
.b2-rule-pm{max-width:760px;margin:18px auto 0;border-color:color-mix(in srgb,var(--b2-terra) 40%,transparent)}
.b2-tag{display:inline-block;font-size:12.5px;font-weight:700;color:#fff;background:var(--b2-terra);border-radius:999px;padding:3px 12px;margin-bottom:8px}
.b2-pm-note{margin:12px 0 0!important;font-weight:700;color:var(--b2-terra)}
.b2-nums{list-style:none;padding:0;margin:22px auto 0;max-width:900px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.b2-nums li{text-align:center;font-size:14.5px;line-height:1.7}
.b2-nums b{display:block;font-size:30px;color:var(--b2-terra);line-height:1.3}
@media (max-width:860px){
  .b2-rules{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
  .b2-rules::-webkit-scrollbar{display:none}
  .b2-rule{scroll-snap-align:center}
  .b2-nums{grid-template-columns:1fr;gap:8px}
  .b2-nums b{display:inline;font-size:22px;margin-inline-end:6px}
  .b2-nums li{text-align:start}
}

/* «بيتي تتكلم واتساب»: شاشة المشتريات بجانب محادثة (رسم من عندنا، لا لقطة من واتساب) */
.b2-wa{display:grid;grid-template-columns:repeat(2,minmax(0,330px));justify-content:center;gap:28px;margin:8px auto 0}
.b2-ws{background:#fff;border-radius:28px;border:8px solid #1F1A17;box-shadow:0 24px 50px -18px rgba(90,52,32,.45);overflow:hidden;display:flex;flex-direction:column;min-height:470px}
.b2-ws-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #EEE6DD;font-weight:800;color:var(--b2-brown);font-size:16px}
.b2-ws-h small{display:block;font-weight:500;font-size:12.5px;color:#8A7F76}
.b2-ws-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#E7F3EC;color:#1F7A4A;font-weight:800;flex:none}
.b2-ws-b{padding:14px;flex:1;display:flex;flex-direction:column;gap:12px}
.b2-ws-hint{font-size:13.5px;color:#7A6E65;margin:0}
.b2-wg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.b2-wi{min-height:76px;border-radius:16px;border:1.5px solid #E5DCD2;background:#FBF8F4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:inherit;font-weight:800;font-size:15px;color:#3B2E26;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}
.b2-wi small{font-size:12px;font-weight:700;color:#6C8F57}
.b2-wi.out{background:#FBEDE8;border-color:#D9A08A}.b2-wi.out small{color:#B0472D}
.b2-wi:active{transform:scale(.97)}
.b2-wsend{margin-top:auto;min-height:50px;border-radius:14px;border:0;background:#1F8F55;color:#fff;font:inherit;font-weight:800;font-size:15.5px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.b2-wsend[disabled]{background:#C9D9CF;cursor:default}
.b2-wsend svg{flex:none}
.b2-ws-c{background:#EFE8DF;background-image:radial-gradient(rgba(90,52,32,.06) 1px,transparent 1px);background-size:14px 14px;gap:10px}
.b2-wempty{margin:auto;text-align:center;font-size:13.5px;color:#7A6E65;max-width:230px;line-height:1.8}
.b2-wl{font-size:12px;font-weight:700;color:#7A6E65;text-align:center;margin:2px 0 -4px}
.b2-wb{align-self:flex-start;max-width:88%;background:#DDF3E4;border-radius:14px 14px 14px 4px;padding:9px 12px 6px;font-size:13.5px;line-height:1.7;white-space:pre-wrap;unicode-bidi:plaintext;text-align:start;box-shadow:0 1px 1px rgba(0,0,0,.08);animation:b2-win .35s ease-out}
.b2-wb time{display:block;text-align:end;font-size:11px;color:#6D8B78;margin-top:2px}
.b2-wb a{color:#1F7A4A}
@keyframes b2-win{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.b2-wa-note{text-align:center;font-size:14px;color:color-mix(in srgb,var(--ink,#1F1A17) 62%,transparent);margin:18px auto 0;max-width:560px}
.b2-wa-go{margin-bottom:0}
.b2-wre{align-self:center;min-height:40px;border:1px solid #CDBFB2;background:#fff;border-radius:999px;padding:0 16px;font:inherit;font-size:13.5px;font-weight:700;color:var(--b2-brown);cursor:pointer;margin-top:auto}
@media (max-width:700px){.b2-wa{grid-template-columns:minmax(0,360px);gap:16px}.b2-ws{min-height:0}.b2-ws-c{min-height:300px}}
@media (prefers-reduced-motion:reduce){.b2-wb{animation:none}}
/* الباقتان (قراري صياح 028 و029): الشهرية أولاً وأبرز، والسنوية بجانبها */
.b2-plans-h{margin-bottom:22px}
.b2-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:820px;margin:0 auto 20px;align-items:stretch}
.b2-pc{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:26px;padding:34px 28px 22px;border:1.5px solid color-mix(in srgb,var(--b2-brown) 18%,transparent);box-shadow:0 18px 40px -26px rgba(90,52,32,.45);text-align:center}
.b2-pc-m{border:2.5px solid var(--b2-terra);box-shadow:0 26px 50px -24px color-mix(in srgb,var(--b2-terra) 60%,transparent)}
.b2-pc-tag{position:absolute;top:-15px;inset-inline-start:50%;transform:translateX(50%);white-space:nowrap;background:var(--b2-terra);color:#fff;font-weight:800;font-size:14px;padding:6px 18px;border-radius:999px;box-shadow:0 6px 14px -6px color-mix(in srgb,var(--b2-terra) 70%,transparent)}
.b2-pc-tag-y{background:var(--b2-brown)}
.b2-pc h3{margin:4px 0 0;font-size:18px;color:var(--b2-brown);font-weight:800}
.b2-pc-p{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:10px 0 2px!important;line-height:1}
.b2-pc-p b{font-size:72px;font-weight:900;color:var(--b2-terra);letter-spacing:-1px}
.b2-pc-y .b2-pc-p b{color:var(--b2-brown)}
.b2-pc-p span{display:flex;flex-direction:column;align-items:flex-start;font-size:18px;font-weight:800;color:var(--b2-brown);padding-bottom:8px}
.b2-pc-p small{font-size:14px;font-weight:600;color:color-mix(in srgb,var(--ink,#1F1A17) 60%,transparent)}
.b2-pc-p s{font-size:26px;font-weight:700;color:color-mix(in srgb,var(--ink,#1F1A17) 42%,transparent);text-decoration-thickness:2px;padding-bottom:12px}
.b2-pc-p s[hidden]{display:none}
.b2-pc-l{font-size:15.5px!important;line-height:1.8!important;min-height:3.6em;margin:4px 0 8px!important;color:color-mix(in srgb,var(--ink,#1F1A17) 80%,transparent)}
.b2-pc-go{width:100%;margin-top:auto}
.b2-pc-go[hidden]{display:none!important}
.b2-pc-soon{margin:auto 0 0!important;min-height:48px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--b2-terra);background:color-mix(in srgb,var(--b2-terra) 8%,transparent);border-radius:999px}
.b2-pc-soon[hidden]{display:none}
.b2-pc-f{font-size:13px!important;margin:6px 0 0!important;color:color-mix(in srgb,var(--ink,#1F1A17) 55%,transparent)}
.b2-incl h3{margin:0 0 6px;color:var(--b2-brown);font-size:19px}
@media (max-width:700px){.b2-plans{grid-template-columns:1fr;gap:26px}.b2-pc{padding:32px 20px 20px}.b2-pc-p b{font-size:64px}.b2-pc-l{min-height:0}}
[data-theme="dark"] .b2-pc{background:#221B17}

/* ===== «حمّل تطبيق بيتي» (قرار صياح 25 أكتوبر، اختبار): صفحة متجر مصغّرة ===== */
.b2-appbtn{gap:10px;background:#fff;color:var(--b2-brown);border-color:color-mix(in srgb,var(--b2-brown) 30%,transparent)}
.b2-appbtn:hover{border-color:var(--b2-terra);color:var(--b2-terra)}
.b2-app{background:linear-gradient(180deg,var(--b2-cream),#fff)}
.b2-store{max-width:760px;margin:0 auto;background:#fff;border:1px solid #E6DED4;border-radius:28px;padding:22px;box-shadow:0 18px 40px -26px rgba(90,52,32,.35)}
.b2-sthead{display:flex;align-items:center;gap:16px}
.b2-appic{width:96px;height:96px;border-radius:22%;flex:none;box-shadow:0 6px 16px -6px rgba(90,52,32,.4),inset 0 0 0 1px rgba(0,0,0,.05)}
.b2-stt h2{margin:0;font-size:28px;line-height:1.2;color:var(--b2-brown)}
.b2-stsub{margin:2px 0 0;font-size:15px;color:var(--b2-terra);font-weight:700}
.b2-stfree{margin:4px 0 0;font-size:13px;color:#6b5f56}
.b2-inst{margin:18px 0 6px}
.b2-instbtn{width:100%;min-height:52px;font-size:17px;cursor:pointer;font-family:inherit}
.b2-instn{margin:8px 2px 0;font-size:13.5px;color:#6b5f56;line-height:1.8;text-align:center}
.b2-instn:empty{display:none}
.b2-shots{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:16px 2px 14px;margin:0 -22px;padding-inline:22px;scrollbar-width:none}
.b2-shots::-webkit-scrollbar{display:none}
.b2-shots:focus-visible{outline:2px solid var(--b2-terra);outline-offset:2px}
.b2-shot{flex:none;width:min(52vw,200px);margin:0;scroll-snap-align:center;border-radius:28px;padding:7px;background:#1F1A17;box-shadow:0 14px 26px -16px rgba(31,26,23,.6)}
.b2-shot img{display:block;width:100%;height:auto;border-radius:22px}
.b2-stfeat{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.b2-stfeat li{display:flex;flex-direction:column;padding:12px 14px;border-radius:16px;background:var(--b2-cream)}
.b2-stfeat b{font-size:15.5px;color:var(--b2-brown)}
.b2-stfeat span{font-size:13.5px;color:#6b5f56;line-height:1.7}
@media (min-width:700px){.b2-stfeat{grid-template-columns:repeat(3,1fr)}}
/* ورقة التثبيت: خطوات سفاري، أو «افتح في سفاري»، أو رمز QR للحاسب */
.b2-ov{position:fixed;inset:0;z-index:99990;background:rgba(31,26,23,.45);display:flex;align-items:flex-end;justify-content:center}
.b2-sh{width:100%;max-width:480px;background:#fff;border-radius:26px 26px 0 0;padding:10px 20px calc(22px + env(safe-area-inset-bottom,0px));max-height:90vh;overflow:auto;color:#1F1A17}
@media (min-width:700px){.b2-ov{align-items:center}.b2-sh{border-radius:26px}}
.b2-grab{width:42px;height:5px;border-radius:3px;background:#d8d0c6;margin:0 auto 12px}
.b2-sh h3{margin:0 0 4px;font-size:20px;color:var(--b2-brown,#5A3420)}
.b2-sh>p{margin:0 0 14px;font-size:14px;color:#6b5f56;line-height:1.8}
.b2-step{display:flex;gap:14px;align-items:center;padding:12px;border-radius:18px;background:#F5EFE8;margin-bottom:10px}
.b2-stn{flex:none;width:30px;height:30px;border-radius:50%;background:#B26042;color:#fff;display:grid;place-items:center;font-weight:700}
.b2-step b{display:block;font-size:15.5px}
.b2-step small{font-size:13px;color:#6b5f56;line-height:1.7}
.b2-step .b2-ico{flex:none;margin-inline-start:auto;width:44px;height:44px;border-radius:12px;background:#fff;display:grid;place-items:center;color:#2F6FDB}
.b2-shx{width:100%;margin-top:6px;min-height:48px;border-radius:999px;border:1px solid #E6DED4;background:#fff;font:inherit;font-weight:700;color:#5A3420;cursor:pointer}
.b2-copy{width:100%;min-height:50px;margin-top:4px;font-family:inherit;cursor:pointer}
.b2-url{direction:ltr;font-size:13px;background:#F5EFE8;border-radius:12px;padding:10px 12px;word-break:break-all;margin:0 0 10px;color:#5A3420}
.b2-qr{display:grid;place-items:center;margin:6px auto 12px;width:220px;height:220px;background:#fff;border-radius:16px;border:1px solid #E6DED4}
.b2-qr svg{width:200px;height:200px}
.b2-sh .b2-btn{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:999px;background:#B26042;color:#fff;border:1.5px solid #B26042;font-weight:700;font-size:16px;text-decoration:none}
.b2-sh .b2-btn.line{background:#fff;color:#B26042}
#app{scroll-margin-top:72px}
/* رأس /bait/ للزائر: «ابدأ بيتك» زراً، و«الدخول» سطراً صغيراً بجانبه (أمر صياح 26 أكتوبر) */
header.top [data-auth]{display:flex;align-items:center;gap:10px}
header.top [data-auth] .b2-in{font-size:13.5px;font-weight:700;color:inherit;opacity:.8;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* زر «ابدأ بيتك» في الرأس سطر واحد دائماً (مراجعة هاني ٧) */
header.top [data-auth] a.btn{white-space:nowrap;padding-inline:14px}
@media (max-width:400px){header.top [data-auth] a.btn{padding-inline:10px;font-size:13.5px}header.top [data-auth] .b2-in{font-size:12.5px}}
@media (max-width:350px){header.top [data-auth] .b2-in{display:none}}
body:has(#b2Dock:not([hidden])) .site-foot,body:has(#b2Dock:not([hidden])) footer{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}

/* assets/css/bait-demo.css */
/* منصة بيتي · عرض «العاملة والسائق بلغاتهم» في صفحة /bait/: قواعد .hd من house.css وحدها (assets/js/house-demo.js) */
.hs-demo{margin-top:22px}
.hs-demo.shut .hd{display:none}
.hd-open{font:inherit;font-size:14px;font-weight:700;border:1px solid var(--line-2);background:var(--sheet);color:var(--ink);border-radius:999px;padding:6px 16px;min-height:40px;cursor:pointer;margin-bottom:10px}
.hd{margin:0;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--lift);overflow:hidden;position:relative;--e:cubic-bezier(.2,.8,.2,1)}
.hd-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--paper);font-size:13.5px}
.hd-bar b{flex:1}
.hd-dots3{display:flex;gap:6px}
.hd-dots3 i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}
.hd-dots3 i:first-child{background:var(--terra)}
.hd-btn{font:inherit;font-size:12.5px;background:none;border:1px solid var(--line-2);border-radius:999px;padding:3px 12px;min-height:34px;color:var(--ink-2);cursor:pointer}
.hd-stage{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px 18px 8px;min-height:300px}
.hd-col{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;transition:opacity .6s var(--e),transform .6s var(--e)}
.hd-lab{font-size:12.5px;color:var(--ink-2);font-weight:700}
.hd-ph{width:100%;max-width:230px;background:var(--paper);border:1.5px solid var(--line-2);border-radius:22px;padding:12px 10px 14px;box-shadow:0 14px 30px -22px rgba(31,26,23,.45);display:grid;gap:8px;align-content:start;min-height:236px;font-size:13px}
.hd-ph-h{font-weight:700;font-size:13.5px;padding:0 4px 6px;border-bottom:1px solid var(--line)}
.hd-it{background:var(--sheet);border:1px solid var(--line);border-radius:10px;padding:7px 8px;display:grid;gap:4px;transition:background-color .5s,border-color .5s,opacity .5s,transform .5s var(--e),max-height .5s var(--e)}
.hd-it b{font-size:13.5px}
.hd-it small{font-size:11.5px;color:var(--ink-2)}
.hd-it.dim{opacity:.55}
.hd-seg{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-2);border-radius:7px;overflow:hidden}
.hd-seg i{font-style:normal;font-size:10.5px;text-align:center;padding:4px 1px;color:var(--ink-2);transition:background-color .35s,color .35s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hd-seg i+i{border-inline-start:1px solid var(--line-2)}
.hd-seg i.on{background:var(--ok);color:var(--sheet)}
#hdA[data-st="out"] .hd-seg i.on{background:var(--stop)}
.hd-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hd-tile{background:var(--sheet);border:1px solid var(--line);border-radius:10px;padding:6px 8px;display:grid}
.hd-tile>span:last-child{font-size:11px;color:var(--ink-2)}
.hd-tile.t-out .hd-roll{color:var(--stop)}
.hd-roll{display:inline-block;height:1em;overflow:hidden;font-family:var(--mono);font-size:24px;line-height:1;direction:ltr}
.hd-roll>span{display:flex;flex-direction:column;transition:transform .7s cubic-bezier(.3,1.35,.5,1)}
.hd-roll i{font-style:normal;height:1em}
.hd-chipw{min-height:30px}
.hd-chip{display:inline-block;font-size:12.5px;font-weight:700;color:var(--stop);background:color-mix(in srgb,var(--stop) 9%,var(--sheet));border:1px solid color-mix(in srgb,var(--stop) 40%,var(--line));border-radius:999px;padding:4px 10px;opacity:0;transform:translateY(8px) scale(.94);transition:opacity .5s var(--e),transform .5s var(--e)}
.hd.b2 .hd-chip{opacity:1;transform:none}
.hd-store{font-size:11.5px;font-weight:700;color:var(--terra)}
.hd-buyrow{opacity:0;transform:translateY(10px);max-height:0;padding-block:0;border-width:0;overflow:hidden}
.hd.b3 .hd-buyrow{opacity:1;transform:none;max-height:90px;padding-block:7px;border-width:1px}
.hd.bought .hd-buyrow{opacity:0;transform:translateX(-12px);max-height:0;padding-block:0;border-width:0}
.hd-buy{justify-self:start;font-size:11px;font-weight:700;color:var(--ok);border:1.5px solid var(--ok);border-radius:999px;padding:2px 9px;transition:background-color .3s,color .3s}
.hd.bought .hd-buyrow .hd-buy{background:var(--ok);color:var(--sheet)}
.hd-tap{position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--terra) 35%,transparent);box-shadow:0 0 0 2px var(--terra);opacity:0;pointer-events:none}
.hd-tap.go{animation:hdTap .9s var(--e)}
@keyframes hdTap{0%{opacity:0;scale:1.6}35%{opacity:1;scale:1}70%{opacity:.9;scale:.82}100%{opacity:0;scale:1.2}}
.hd-fly{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--terra);box-shadow:0 0 0 5px color-mix(in srgb,var(--terra) 22%,transparent);pointer-events:none;z-index:3}
.hd-mont{position:absolute;inset:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:center;pointer-events:none}
.hd-m{background:var(--sheet);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;box-shadow:var(--lift);opacity:0;transform:translateY(16px) scale(.96);transition:opacity .55s var(--e),transform .55s var(--e)}
.hd-m b{font-size:14px}
.hd-m small{grid-column:2;font-size:12.5px;color:var(--ink-2)}
.hd-m>span{grid-row:span 2}
.hd.b4 .hd-col{opacity:.08;transform:scale(.94)}
.hd.b4 .hd-m{opacity:1;transform:none}
.hd.b4 .hd-m:nth-child(2){transition-delay:.15s}
.hd.b4 .hd-m:nth-child(3){transition-delay:.3s}
.hd.b4 .hd-m:nth-child(4){transition-delay:.45s}
.hd-ok{width:30px;height:30px;border-radius:50%;background:var(--ok);color:var(--sheet);display:grid;place-items:center;font-weight:700}
.hd-sw i{display:inline-block;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);vertical-align:middle}
.hd-ki{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--terra);background:color-mix(in srgb,var(--terra) 12%,transparent)}
.hd-ki svg{width:17px;height:17px}
.hd-cap{text-align:center;font-size:16px;font-weight:700;padding:12px 16px 4px;min-height:58px;line-height:1.7}
.hd-cap.in{animation:hdCap .5s var(--e)}
@keyframes hdCap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hd-prog{display:flex;justify-content:center;gap:8px;padding:4px 0 14px}
.hd-prog button{width:34px;height:20px;padding:0;border:0;background:none;cursor:pointer;display:grid;align-items:center}
.hd-prog i{display:block;height:4px;border-radius:4px;background:var(--line);position:relative;overflow:hidden}
.hd-prog i::after{content:"";position:absolute;inset:0;background:var(--terra);transform:scaleX(var(--f,0));transform-origin:right}
.hd-prog button.past i::after{transform:none}
.hd-prog button:not(.on):not(.past) i::after{transform:scaleX(0)}
.hd.paused .hd-prog button.on i{opacity:.6}
.hd.snap *{transition:none!important}
.hd-who{display:none}
@media (max-width:719px){.hd-who{display:flex;justify-content:center;gap:8px;padding:12px 12px 0}.hd-who span{font-size:12.5px;border:1px solid var(--line-2);border-radius:999px;padding:3px 12px;color:var(--ink-2);transition:background-color .4s,color .4s,border-color .4s}.hd-who span.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hd-stage{display:block;min-height:300px;padding:14px 12px 4px}.hd-ph .hd-it.dim:last-child{display:none}.hd-col{position:absolute;inset:14px 12px 4px;opacity:0;transform:translateX(18px) scale(.97)}.hd-lab{display:none}.hd[data-on="a"] .hd-col[data-w="a"],.hd[data-on="b"] .hd-col[data-w="b"],.hd[data-on="c"] .hd-col[data-w="c"]{opacity:1;transform:none}.hd.b4 .hd-col{opacity:0!important}.hd-ph{max-width:250px}.hd-mont{grid-template-columns:1fr;gap:8px;inset:10px 14px}.hd-m{padding:9px 12px}}
.hd-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:14px}
.hd-bc{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:8px;background:var(--paper)}
.hd-bc p{font-size:14px;font-weight:700;line-height:1.7}
.hd-n{font-family:var(--mono);color:var(--terra);font-size:13px}
.hd-bm{font-size:13.5px}
.hd-pill{font-size:12px;border-radius:999px;padding:1px 9px;color:var(--sheet)}
.hd-pill.out{background:var(--stop)}
.hd-pill.ok{background:var(--ok)}
.hs-app.shut>:not(.hd-open){display:none}
.hd.snap *,.hd.snap{transition:none!important}
html.hs-embed header.top,html.hs-embed body>footer,html.hs-embed .crumbs,html.hs-embed .tool-hero,html.hs-embed .howto,html.hs-embed .hs-app,html.hs-embed .hs-demo,html.hs-embed .pbrand,html.hs-embed body>.appbar,html.hs-embed body>.dmb,html.hs-embed body>.hc-wrap,html.hs-embed body>.tk-strip{display:none!important}/* مساحة لمس 44 بكسلاً دون تغيير الشكل */
.hd-btn,.hd-prog button{position:relative}
.hd-btn::after{content:'';position:absolute;inset:-5px -3px}
.hd-prog button::after{content:'';position:absolute;inset:-12px -4px}

/* assets/css/pub.css */
/* الموقع العام (الرئيسية و/bait/ و/products/): شكل واحد للأزرار، وهو الحبة المستديرة، وأهداف لمس لا تقل عن 44 بكسلاً.
   قرار صياح 026 (23 أكتوبر 2026). يُحمَّل بعد أوراق الصفحة، فيعلو عليها. من يعيد بناء صفحة من الثلاث يبقيه في رأسها. */

/* الأزرار */
/* دستور التصميم ١ (28 أكتوبر 2026) يحل محل الحبة: الزر بزاوية 10، والحبة للشارات والفلاتر وحدها */
.btn{border-radius:var(--radius-ctl);min-height:0;height:var(--ctl-md);padding-block:0;padding-inline:22px;display:inline-flex;align-items:center;justify-content:center}
.btn.sm{min-height:44px;padding:6px 18px}

/* الشريط العلوي */
.top .brand{display:inline-flex;align-items:center;min-height:44px}
.top .hdr-contact{min-height:44px;border-radius:var(--radius-ctl)}
.navtoggle{min-width:44px;min-height:44px;align-items:center;justify-content:center;border-radius:var(--radius-ctl)}
.top nav a{display:inline-flex;align-items:center;min-height:44px;padding-block:0}

/* ما هو حبة أو زر صغير: يكبر إلى 44 */
.lk,.px-link,.fin-l,.dm-replay,.px-bar a,.ak-tabs button,.wq-q button,.pd-more,.d-c .chips a,.ope-chips button,.pd-free a{min-height:44px;display:inline-flex;align-items:center}
details>summary{min-height:44px;display:flex;align-items:center;gap:8px}

/* الروابط داخل السطور: مساحة لمس 44 دون أن يتغير تباعد السطور */
.wq-hook a,.px-home a,.rn-blk-s li>a,.rn-blk-s .d a,.jy li>a,footer .wrap a:not(.sig){display:inline-block;padding-block:12px;margin-block:-12px}
footer .sig{display:inline-flex;align-items:center;min-height:44px}
.ask a:not([data-wa]){display:inline-block;padding-block:12px;margin-block:-12px}
.ask a[data-wa]{min-height:44px}
.dm-replay{min-height:46px}

/* assets/css/bait3.css */
/* منصة بيتي · /bait/ وصفحات الحزم على دستور التصميم ١ (تعميم صياح 28 أكتوبر 2026، قسم أوبوس بيتي).
   كل لون من /design/albait-tokens.css، ولا هيكس في هذا الملف. الورق مربعات (data-paper="grid") والقلم في البطل وحده.
   البطاقات ab-card على sheet، و«قريباً» شارة حالة ab-badge--warn، والأزرار ab-btn بزاوية 10. */
.b3{color:var(--ink);font-family:var(--font-sans)}
.b3 .b2-wrap{max-width:1120px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left,0px))}

/* البطل: عنوان بالحبر 56 وزن 700 (38 في الجوال)، وفقرة lead 20 بلون ink-2 */
.b3-hero{padding:var(--space-9) 0 var(--space-7);background:none}
.b3-hero h1{font-size:56px;line-height:1.2;font-weight:700;margin:var(--space-3) 0 var(--space-4);color:var(--ink);max-width:16ch;text-wrap:balance}
.b3-free{font-size:20px;line-height:1.8;margin:0 0 var(--space-2);max-width:58ch;color:var(--ink-2)}
.b3-free b{color:var(--ink);font-weight:700}
.b3 .b2-acts{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin:var(--space-5) 0 0}

/* الأقسام */
.b3-sec{padding:var(--space-7) 0}
.b3-sec h2{font-size:36px;line-height:1.25;font-weight:700;margin:0 0 var(--space-5);color:var(--ink);text-wrap:balance}
.b3-pks4{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-4)}
.b3-pks4>.b3-pk{grid-column:span 2}.b3-pks4>.b3-pk:nth-child(n+4){grid-column:span 3}

/* بطاقة الحزمة: ab-card رابطاً كاملاً */
.b3-pk{text-decoration:none;color:var(--ink);transition:box-shadow .2s var(--ease),border-color .2s var(--ease)}
.b3-pk:hover{border-color:var(--line-ctl);box-shadow:var(--shadow-sheet)}
.b3-pk:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.b3-pkh{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.b3-pkh b{font-size:20px;line-height:1.35;font-weight:700}
.b3-pks{font-size:15px;line-height:1.75;font-weight:500;color:var(--ink)}
.b3-pkg{font-size:13px;line-height:1.6;color:var(--ink-2)}
.b3-more{margin-top:auto;padding-top:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);font-weight:700;font-size:14px;color:var(--terra)}

/* الكتاب: بطاقة على الورق */
.b3-book .b3-bookc{max-width:760px}
.b3-book p{font-size:17px;line-height:1.8;margin:0 0 var(--space-4);color:var(--ink-2)}

/* صفحة الحزمة /bait/<حزمة>/ */
.b3-back{display:inline-flex;align-items:center;gap:var(--space-1);font-size:14px;margin:var(--space-5) 0 var(--space-3)}
.b3-pg{padding:0 0 var(--space-8)}
.b3-pg .b3-pkbox{padding:var(--space-6)}
.b3-pg h1{font-size:56px;line-height:1.2;font-weight:700;margin:var(--space-3) 0 var(--space-3);color:var(--ink);text-wrap:balance}
.b3-pg .b3-why{font-size:20px;line-height:1.8;margin:0 0 var(--space-4);color:var(--ink-2);max-width:40ch}
.b3-pg h2{font-size:20px;line-height:1.35;margin:var(--space-5) 0 var(--space-2);color:var(--ink)}
.b3-pg ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}
.b3-pg li{display:flex;gap:var(--space-3);font-size:15px;line-height:1.75;color:var(--ink)}
.b3-pg li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--ink-3);margin-top:.8em}
.b3-freeln{font-size:13px;color:var(--ink-2);margin:var(--space-3) 0 0}
.b3-credit{color:var(--ink);font-weight:500}
.b3-shot{margin:var(--space-5) 0 0;border-radius:var(--radius-card);overflow:hidden;background:var(--sheet);border:1px solid var(--line)}
.b3-shot img{display:block;width:100%;height:auto}
.b3-shot figcaption{font-size:13px;color:var(--ink-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line)}
.b3-shot img[src*="home.webp"]{max-width:300px;margin:var(--space-4) auto 0}
.b3-noshot{display:grid;place-items:center;min-height:220px;background:var(--paper);border:1.5px dashed var(--line-2)}
.b3-noshot figcaption{border:0;text-align:center;font-size:14px;line-height:1.8;max-width:30ch}
.b3-buy{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:var(--space-5) 0 0}
.b3-price{font-size:20px;font-weight:700;color:var(--ink)}
.b3-buy small{flex-basis:100%;font-size:13px;color:var(--ink-2)}
.b3-tools{margin:var(--space-4) 0 0;font-size:14px;line-height:1.8;color:var(--ink-2)}
@media (min-width:900px){.b3-pg .b3-pkbox{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);align-items:start;padding:var(--space-7)}.b3-shot{margin:0}}
.b3-pg .b3-pks4>.b3-pk{grid-column:span 3}

/* الجوال: عنوان البطل 38، وبطاقة في الصف، والحافة 16 */
@media (max-width:760px){
  .b3-hero{padding:var(--space-7) 0 var(--space-5)}
  .b3-hero h1,.b3-pg h1{font-size:38px}
  .b3-free,.b3-pg .b3-why{font-size:17px}
  .b3-sec{padding:var(--space-6) 0}
  .b3-sec h2{font-size:26px}
  .b3-pks4{grid-template-columns:1fr;gap:var(--space-3)}
  .b3-pks4>.b3-pk,.b3-pks4>.b3-pk:nth-child(n+4),.b3-pg .b3-pks4>.b3-pk{grid-column:auto}
  .b3 .b2-acts .ab-btn{flex:1 1 100%}
  .b3-pg .b3-pkbox{padding:var(--space-5)}
}
.b3-bookc .ab-btn,.b3-pkbox .ab-btn{align-self:flex-start}
.b3-tools a{color:var(--terra);font-weight:700;text-decoration:none}

/* assets/css/bayti-first.css */
/* منصة بيتي · أول شاشة لمن يأتي من الإعلان (assets/js/bayti-first.js). أبيض صافٍ، بطاقات F5F5F7، والتيراكوتا للفعل (الصورة ١) */
html.bf-on body>*:not(.bf){display:none!important}
html.bf-on body{background:#FFFFFF;background-image:none}
.bf{--ink:#111111;--mute:#8A8A8E;--card:#F5F5F7;--act:#A65338;position:fixed;inset:0;z-index:1000;background:#FFFFFF;color:var(--ink);display:flex;flex-direction:column;
  font-family:"Sayah Sans","Noto Kufi Arabic",Tahoma,sans-serif;direction:rtl;padding:env(safe-area-inset-top,0) 0 0}
.bf *{box-sizing:border-box}
.bf-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 4px;max-width:560px;width:100%;margin:0 auto}
.bf-logo{display:inline-flex;align-items:center;gap:6px;color:var(--ink)}.bf-logo b{font-size:18px}
.bf-later{border:0;background:none;font:inherit;font-size:15px;color:var(--mute);padding:8px 4px;cursor:pointer}
.bf-body{flex:1;overflow:auto;padding:22px 20px 12px;max-width:560px;width:100%;margin:0 auto;-webkit-overflow-scrolling:touch}
.bf-h{margin:8px 0 8px;font-size:32px;line-height:1.3;font-weight:800;outline:0}
.bf-s{margin:0 0 22px;color:var(--mute);font-size:16px;line-height:1.7}
.bf-opts{display:flex;flex-direction:column;gap:12px}
.bf-o{display:flex;align-items:center;gap:14px;width:100%;border:1.5px solid transparent;background:var(--card);border-radius:22px;padding:16px;font:inherit;color:var(--ink);text-align:start;cursor:pointer}
.bf-o.on{border-color:var(--act);background:#FFF6F2}
.bf-ic{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center}
.bf-ic.t-w{background:#FFE6D9;color:#8A3E22}.bf-ic.t-r{background:#D9E8FF;color:#2F5C99}.bf-ic.t-m{background:#DDF2E3;color:#2E6B45}.bf-ic.t-f{background:#EEE3FF;color:#5B3E99}
.bf-ot{flex:1;display:flex;flex-direction:column;gap:2px}.bf-ot b{font-size:17px}.bf-ot small{font-size:14px;color:var(--mute)}
.bf-rad{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid #C7C7CC;position:relative}
.bf-o.on .bf-rad{border-color:var(--act)}.bf-o.on .bf-rad::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--act)}
.bf-f{display:flex;flex-direction:column;gap:6px;margin:4px 0 12px}.bf-f span{font-size:14px;color:var(--mute)}
.bf-f input{border:0;background:var(--card);border-radius:14px;font:inherit;font-size:17px;padding:14px;color:var(--ink);outline:0}
.bf-f input:focus{box-shadow:0 0 0 2px rgba(166,83,56,.45)}
.bf-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.bf-chip{border:1.5px solid transparent;background:var(--card);border-radius:999px;padding:9px 15px;font:inherit;font-size:15px;color:var(--ink);cursor:pointer}
.bf-chip.on{border-color:var(--act);background:#FFF6F2;color:#8A3E22;font-weight:700}
.bf-chips.sm .bf-chip{font-size:13px;padding:6px 11px;background:#fff;border-color:transparent;color:var(--ink);font-weight:600}
.bf-step{display:flex;align-items:center;justify-content:center;gap:28px;margin:30px 0}
.bf-step b{font-size:56px;font-weight:800;min-width:80px;text-align:center}
.bf-sb{width:60px;height:60px;border-radius:50%;border:0;background:var(--card);font:inherit;font-size:30px;color:var(--ink);cursor:pointer}
.bf-foot{padding:10px 20px calc(16px + env(safe-area-inset-bottom,0px));max-width:560px;width:100%;margin:0 auto}
.bf-dots{display:flex;justify-content:center;gap:6px;margin:0 0 14px}
.bf-dots i{width:6px;height:6px;border-radius:3px;background:#D8D8DC}.bf-dots i.on{width:26px;background:var(--ink)}
.bf-next{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border:0;border-radius:16px;background:var(--act);color:#fff;font:inherit;font-size:17px;font-weight:700;cursor:pointer}
.bf-next:disabled{opacity:.4;cursor:default}
.bf-note{margin:10px 0 0;text-align:center;color:var(--mute);font-size:14px}
.bf-card{border-radius:22px;padding:16px 18px;margin:0 0 12px}
.bf-card h2{margin:0 0 8px;font-size:18px;font-weight:800}
.bf-card.t-w{background:#FFE6D9}.bf-card.t-f{background:#EEE3FF}.bf-card.t-m{background:#DDF2E3}
.bf-row{display:flex;gap:14px;padding:6px 0;font-size:16px}
.bf-tm{flex:none;min-width:58px;color:rgba(17,17,17,.55);font-variant-numeric:tabular-nums}
.bf-small{margin:8px 0 0;font-size:13px;color:rgba(17,17,17,.6)}
.bf-save{margin-top:8px}
@media (min-width:900px){.bf-h{font-size:38px}}

/* ===== أول شاشة تعطي قبل أن تسأل (أمر هاني ١، 27 أكتوبر مساءً): كلها بلا تمرير على ٣٩٠×٧٠٠، والزر ثابت ===== */
.bf .bf-body{padding:6px 18px 8px}
.bf .bf-h{font-size:26px;margin:4px 0 2px;line-height:1.3}
.bf .bf-s{margin:0 0 12px;font-size:14px}
.bf-langs{display:flex;gap:8px;overflow-x:auto;margin:0 -18px 12px;padding:2px 18px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.bf-langs::-webkit-scrollbar{display:none}
.bf-lc{flex:none;scroll-snap-align:center;border:1.5px solid transparent;background:var(--card);border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;color:var(--ink);cursor:pointer;white-space:nowrap}
.bf-lc.on{border-color:var(--act);background:#FFF6F2;color:#8A3E22;font-weight:700}
.bf-nm{flex-direction:row;align-items:center;gap:10px;margin:0 0 10px;background:var(--card);border-radius:14px;padding:0 0 0 4px}
.bf-nm span{flex:none;padding-inline-start:14px;color:var(--ink);font-size:14px;font-weight:600}
.bf-nm input{flex:1;min-width:0;background:transparent;padding:12px 6px;font-size:16px}
.bf-nm:focus-within{box-shadow:0 0 0 2px rgba(166,83,56,.45)}.bf-nm input:focus{box-shadow:none}
.bf-day{background:#FFE6D9;border-radius:20px;padding:12px 16px 8px;margin:0 0 6px;text-align:start}
.bf-g{margin:0 0 4px;font-size:17px;font-weight:800;color:#5E2A15;min-height:24px}
.bf-g bdi{unicode-bidi:isolate}
.bf-dr{display:flex;align-items:flex-start;gap:12px;padding:5px 0;border-top:1px solid rgba(138,62,34,.10)}
.bf-dr:first-of-type{border-top:0}
.bf-day .bf-tm{flex:none;min-width:44px;font-size:14px;line-height:20px;color:rgba(17,17,17,.55);font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
.bf-day[dir=rtl] .bf-tm{direction:rtl}
.bf-tx{display:flex;flex-direction:column;min-width:0}
.bf-tx b{font-size:15px;line-height:20px;font-weight:600;color:var(--ink)}
.bf-ar{font-size:12px;line-height:16px;color:rgba(17,17,17,.42);text-align:left;font-family:"Sayah Sans","Noto Kufi Arabic",Tahoma,sans-serif}
.bf-day[dir=rtl] .bf-ar{text-align:right}
.bf-day[lang=am] .bf-tx b,.bf-day[lang=bn] .bf-tx b,.bf-day[lang=ne] .bf-tx b,.bf-day[lang=hi] .bf-tx b{font-family:system-ui,-apple-system,"Noto Sans",sans-serif}
.bf-day[lang=ur] .bf-tx b,.bf-day[lang=ur] .bf-g{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",Tahoma,serif;line-height:24px}
.bf-maq{background:#DDF2E3}.bf-maq .bf-g{color:#1F4D30}
.bf-ms{margin:0 0 10px;font-size:14px;color:rgba(17,17,17,.6)}
.bf-flip{animation:bfFlip .2s ease-out}
@keyframes bfFlip{from{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.bf-flip{animation:none}}
.bf-swap{display:block;margin:2px auto 0;border:0;background:none;font:inherit;font-size:14px;color:var(--mute);text-decoration:underline;text-underline-offset:3px;padding:8px 12px;cursor:pointer}
.bf .bf-foot{padding:8px 18px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #F0F0F2;background:#fff}
.bf .bf-next{min-height:52px}
@media (max-height:640px){.bf .bf-h{font-size:22px}.bf .bf-s{margin-bottom:8px}.bf-dr{padding:3px 0}.bf-ar{display:none}}
/* ضبط الارتفاع ليتسع كله في ٧٠٠ */
.bf .bf-hd{padding-top:8px;padding-bottom:0}
.bf .bf-h{font-size:24px;margin-top:0}
.bf .bf-s{margin-bottom:10px}
.bf-langs{margin-bottom:10px}
.bf-nm input{padding:9px 6px}
.bf-day{padding-top:10px}
.bf-dr{padding:3px 0}
.bf-day[lang=ur] .bf-tx b,.bf-day[lang=ur] .bf-g{line-height:21px}
.bf-swap{padding:6px 12px}

/* assets/css/site-head.css */
/* رأس الموقع الموحد (دستور التصميم ١، 28 أكتوبر 2026). مالكه جلسة مشروعي، وأي تعديل فيه يمر بها.
   الشكل من /design/albait-components.css (ab-site)، وهذا الملف يربطه بالرأس القائم (header.top وما يحقنه session.js)
   ويعلو على أنماط الصفحات القديمة للرأس. لا لون ولا مقاس هنا خارج متغيرات /design/albait-tokens.css.
   يُحمّل بعد أوراق الصفحة. */

header.top.ab-site{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);font-family:var(--font-sans);color:var(--ink);box-shadow:none}
header.top.ab-site .ab-site__row{max-width:1120px;margin:0 auto;box-sizing:border-box;display:flex;align-items:center;gap:22px;height:58px;min-height:58px;padding-block:0;padding-inline:max(20px,env(safe-area-inset-left,0px))}

/* ارتفاع الرأس لمن يلصق شريطاً تحته (مثل شريط فصول /pro/): top:var(--ab-head-h) */
:root{--ab-head-h:59px}
:root:has(header.top.ab-site .ab-room){--ab-head-h:96px}

/* الرمز والاسم */
header.top.ab-site .ab-site__logo{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;margin:0;color:var(--ink);text-decoration:none;font-size:16px;font-weight:700;line-height:1;white-space:nowrap;flex:none}
header.top.ab-site .ab-site__logo .bn{font-size:16px;font-weight:700;letter-spacing:0}
header.top.ab-site .ab-mark{width:22px;height:22px;display:block;flex:none}

/* الروابط */
header.top.ab-site nav{display:flex;gap:18px;margin:0;font-size:14px;color:var(--ink-2)}
header.top.ab-site nav a{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--ink-2);font-size:14px;font-weight:400;text-decoration:none;white-space:nowrap;transition:color .15s var(--ease)}
header.top.ab-site nav a:hover{color:var(--ink);background:none;border:0}
header.top.ab-site nav a[aria-current]{color:var(--ink);font-weight:700;box-shadow:inset 0 -2px 0 var(--ink)}

/* الطرف: تواصل مباشر ثم الحساب */
header.top.ab-site .ab-site__end{margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-2)}
header.top.ab-site .ab-site__end .hdr-contact{margin:0}
header.top.ab-site .auth{margin:0;display:flex;align-items:center;gap:var(--space-2)}
header.top.ab-site .auth>*{margin:0!important}
/* !important هنا وحده: بعض الصفحات كتبت لأزرار رأسها القديم أنماطاً بـ!important (مثل /pro/) */
header.top.ab-site .hdr-contact.ab-btn,header.top.ab-site .auth .ab-btn{min-height:0;height:var(--ctl-sm);padding-inline:14px!important;font-size:13px;font-weight:700;border-radius:var(--radius-ctl);box-shadow:none!important;animation:none;text-decoration:none!important}
header.top.ab-site .hdr-contact.ab-btn{background:var(--terra)!important;color:var(--on-terra)!important;border:0!important}
header.top.ab-site .hdr-contact .hc-ic{display:none}
header.top.ab-site .hdr-contact>span:not(.hc-ic){display:inline!important}
header.top.ab-site .hdr-contact .hc-x{font-style:normal}
header.top.ab-site .auth .ab-btn--sec{background:var(--sheet)!important;color:var(--ink)!important;border:1.5px solid var(--line-ctl)!important}
header.top.ab-site .auth .ab-btn--sec:hover{border-color:var(--ink)!important}
header.top.ab-site .acct-btn{border-radius:var(--radius-ctl);border:1.5px solid var(--line-ctl);height:var(--ctl-sm);padding-block:0;font-family:var(--font-sans);font-size:13px}
header.top.ab-site .acct-btn:hover,header.top.ab-site .acct-btn[aria-expanded="true"]{border-color:var(--ink);box-shadow:none}
header.top.ab-site .acct-av{background:var(--ink);color:var(--paper)}
header.top.ab-site .acct-menu{border-radius:var(--radius-card);border-color:var(--line);box-shadow:var(--shadow-sheet);overflow:hidden}
header.top.ab-site .acct-role{color:var(--ink-2);border-radius:var(--radius-pill)}
header.top.ab-site .bell-b{width:var(--ctl-sm);height:var(--ctl-sm);border-radius:var(--radius-ctl);border:1.5px solid var(--line-ctl);margin-inline-end:0}
header.top.ab-site :focus-visible{outline:2px solid var(--focus);outline-offset:3px}

/* زر قائمة الجوال */
header.top.ab-site .navtoggle{display:none;width:var(--ctl-sm);height:var(--ctl-sm);min-width:0;min-height:0;padding:0;align-items:center;justify-content:center;border:1.5px solid var(--line-ctl);border-radius:var(--radius-ctl);background:var(--sheet);color:var(--ink)}

/* شريط الغرفة: يضاف تحت الرأس في صفحة المنصة ولا يستبدله */
header.top.ab-site .ab-site__sub{display:block;height:auto;padding:0;border-top:1px solid var(--line);font-size:13px}
header.top.ab-site .ab-room__in{max-width:1120px;margin:0 auto;box-sizing:border-box;display:flex;align-items:center;gap:10px;height:36px;padding-inline:max(20px,env(safe-area-inset-left,0px))}
header.top.ab-site .ab-room__in>i{width:9px;height:9px;border-radius:2px;flex:none}
header.top.ab-site .ab-room__in>b{font-weight:700;color:var(--ink);white-space:nowrap}
header.top.ab-site .ab-room__in>span{margin-inline-start:auto;display:flex;gap:16px;color:var(--ink-2)}
header.top.ab-site .ab-room__in>span a{color:inherit;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;min-height:36px}
header.top.ab-site .ab-room__in>span a:hover{color:var(--ink)}
header.top.ab-site .ab-room__in>span a.ab-link{color:var(--terra);font-weight:700}
header.top.ab-site .ab-room--bayti{background:var(--room-bayti-wash)}header.top.ab-site .ab-room--bayti i{background:var(--room-bayti)}
header.top.ab-site .ab-room--maktabi{background:var(--room-maktabi-wash)}header.top.ab-site .ab-room--maktabi i{background:var(--room-maktabi)}
header.top.ab-site .ab-room--mashrooi{background:var(--room-mashrooi-wash)}header.top.ab-site .ab-room--mashrooi i{background:var(--room-mashrooi)}

@media (max-width:980px){
  header.top.ab-site .ab-site__row{gap:12px}
  header.top.ab-site nav{display:none}
  header.top.ab-site .navtoggle{display:inline-flex}
  header.top.ab-site.open nav{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;inset-inline:0;background:var(--paper);border-bottom:1px solid var(--line);padding:6px max(16px,env(safe-area-inset-left,0px)) 12px;margin:0;z-index:15;box-shadow:var(--shadow-sheet)}
  header.top.ab-site.open nav a{min-height:44px;font-size:15px;border-bottom:1px solid var(--line);box-shadow:none}
  header.top.ab-site.open nav a:last-child{border-bottom:0}
  header.top.ab-site.open nav a[aria-current]{box-shadow:inset 3px 0 0 var(--ink);padding-inline-start:10px}
}
@media (max-width:860px){header.top.ab-site .ab-room__in>span{display:none}}
@media (max-width:480px){
  header.top.ab-site .ab-site__row,header.top.ab-site .ab-room__in{padding-inline:max(16px,env(safe-area-inset-left,0px))}
  header.top.ab-site .ab-site__row{gap:8px}
  header.top.ab-site .hdr-contact .hc-x{display:none}
  header.top.ab-site .acct-nm{display:none}
  /* الجوال: زر التواصل ينتقل إلى القائمة، فيبقى في الرأس الشعار والحساب والقائمة بمسافات متساوية (أوبوس مصمم 31 أكتوبر 2026، أمر صياح) */
  header.top.ab-site .ab-site__end>.hdr-contact{display:none!important}
  header.top.ab-site.open nav a.nav-wa{display:flex}
}
header.top.ab-site nav a.nav-wa{display:none;color:var(--terra)!important;font-weight:700}
@media (prefers-reduced-motion:reduce){header.top.ab-site *{transition:none!important;animation:none!important}}

/* تذييل الموقع (ملك جلسة مشروعي كالرأس): سطراه على سلّم الخط */
body>footer .co-line,body>footer .co-line *,body>footer .co-prod,body>footer .co-prod a{font-size:13px}
/* نص الصفحة على درجة body في السلّم (15) في كل صفحة انتقلت إلى ورق الدستور */
body[data-paper]{font-size:15px}