/* منصة بيتي · «مظهر بيتي» (assets/js/bayti-skins.js). تغيّر الألوان والمقاس فقط، ويبقى الترتيب واحداً في كل المظاهر.
   «الجديد» (b) هو الافتراضي من 27 أكتوبر (أمر هاني، البند ١٠)، و«ليلي» بألوانه المعتمدة.
   الليلي يلبس الوضع الداكن نفسه من fahs.css، فلا رموز له هنا */
:root[data-bskin="majlis"]{
  --paper:#EEEBE1;--sheet:#FBFAF5;--grid:rgba(35,37,29,.04);
  --ink:#23251D;--ink-2:#55584A;--line:#D5D1C3;--line-2:#ADA996;
  --terra:#5F6E34;--on-terra:#FFFFFF;--brown:#3F4426;
  --stop:#9A3A22;--major:#A0612A;--minor:#5F7044;--ok:#3F6440;color-scheme:light}
:root[data-bskin="hadith"]{
  --paper:#F3F4F6;--sheet:#FFFFFF;--grid:transparent;
  --ink:#15171C;--ink-2:#555B66;--line:#DDE0E6;--line-2:#B5BAC4;
  --terra:#2E5B88;--on-terra:#FFFFFF;--brown:#1F3550;
  --stop:#B3261E;--major:#A8591F;--minor:#4F6B3F;--ok:#2C7350;color-scheme:light}
:root[data-bskin="wadih"]{
  --paper:#FFFFFF;--sheet:#FFFFFF;--grid:transparent;
  --ink:#0D0A08;--ink-2:#352E29;--line:#8F867D;--line-2:#5E554E;
  --terra:#86391F;--on-terra:#FFFFFF;--brown:#3E2414;
  --stop:#861E13;--major:#7F3F10;--minor:#3F5226;--ok:#24533A;color-scheme:light}
/* الواضح: كل قسم بيتي ولوحاته أكبر بنحو العُشر، والحدود أوضح والتركيز ظاهر */
:root[data-bskin="wadih"] .bh-shell,:root[data-bskin="wadih"] .bh-ov .bh-sheet,:root[data-bskin="wadih"] .bc-ov>*{zoom:1.12}
:root[data-bskin="wadih"] :focus-visible{outline:3px solid var(--terra)!important;outline-offset:2px}
:root[data-bskin="wadih"] .muted,:root[data-bskin="wadih"] small{color:var(--ink-2)}

/* المرح والمغامر: للأولاد والبنات. حدود سميكة وظلال صلبة، وكل شيء يتحرك بلطف */
:root[data-bskin="marah"]{
  --paper:#FFF4D6;--sheet:#FFFFFF;--grid:transparent;
  --ink:#1A1A1A;--ink-2:#4A4540;--line:#1A1A1A;--line-2:#1A1A1A;
  --terra:#C7401F;--on-terra:#FFFFFF;--brown:#1A1A1A;
  --stop:#B3261E;--major:#A8591F;--minor:#2F6B3A;--ok:#1B7A43;--bold:#1A1A1A;--pop:#FFB703;color-scheme:light}
:root[data-bskin="mughamer"]{
  --paper:#EEF2FF;--sheet:#FFFFFF;--grid:transparent;
  --ink:#14123A;--ink-2:#4B4A6B;--line:#14123A;--line-2:#14123A;
  --terra:#6C3FD1;--on-terra:#FFFFFF;--brown:#14123A;
  --stop:#C2253A;--major:#A8591F;--minor:#2F6B3A;--ok:#0F7A55;--bold:#14123A;--pop:#FF5D8F;color-scheme:light}
:root:is([data-bskin="marah"],[data-bskin="mughamer"]) :is(.ap-card,.bh-num,.bh-zone,.bh-whole,.hs-card,.bk-tg,.bsk-o,.bh-top .bh-mbar,.bh-srch,.bh-house,.bh-skb){border:2px solid var(--bold)!important;box-shadow:4px 4px 0 var(--bold);border-radius:16px}
:root:is([data-bskin="marah"],[data-bskin="mughamer"]) :is(.ap-btn,.bh-done,.bk-so.on,.bh-chip.on){border:2px solid var(--bold)!important;box-shadow:3px 3px 0 var(--bold);font-weight:700;transition:transform .12s,box-shadow .12s}
:root:is([data-bskin="marah"],[data-bskin="mughamer"]) :is(.ap-btn,.bh-done):hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--bold)}
:root:is([data-bskin="marah"],[data-bskin="mughamer"]) :is(.ap-btn,.bh-done,.bsk-o,.bh-chip,.bk-so):active{transform:translate(3px,3px) scale(.98);box-shadow:0 0 0 var(--bold)}
:root:is([data-bskin="marah"],[data-bskin="mughamer"]) .bh-num b{color:var(--terra)}
:root:is([data-bskin="marah"],[data-bskin="mughamer"]) .bh-nb{background:var(--pop)!important;color:var(--bold)!important;border:2px solid var(--bold)}
@media (prefers-reduced-motion:no-preference){
  :root:is([data-bskin="marah"],[data-bskin="mughamer"]) .bh-body>*>.ap-card,:root:is([data-bskin="marah"],[data-bskin="mughamer"]) .bh-body .bh-num,:root:is([data-bskin="marah"],[data-bskin="mughamer"]).hs-embed .hs-card{animation:bsk-pop .45s cubic-bezier(.3,1.5,.5,1) both}
  :root:is([data-bskin="marah"],[data-bskin="mughamer"]) .bh-body .bh-num:nth-child(2){animation-delay:.06s}
  :root:is([data-bskin="marah"],[data-bskin="mughamer"]) .bh-body .bh-num:nth-child(3){animation-delay:.12s}
  :root:is([data-bskin="marah"],[data-bskin="mughamer"]) .bh-body .bh-num:nth-child(4){animation-delay:.18s}
  :root:is([data-bskin="marah"],[data-bskin="mughamer"]) .bh-skb svg{animation:bsk-wig 2.8s ease-in-out infinite}
}
@keyframes bsk-pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes bsk-wig{0%,86%,100%{transform:none}90%{transform:rotate(-14deg)}95%{transform:rotate(12deg)}}
.bsk-cf{position:fixed;z-index:9600;width:9px;height:9px;border-radius:2px;pointer-events:none}

/* اللوح */
.bsk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:12px}
.bsk-o{display:flex;flex-direction:column;gap:8px;padding:8px;border:1.5px solid var(--ap-line,var(--line));border-radius:14px;background:var(--sheet);font:inherit;color:var(--ink);text-align:start;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.bsk-o:hover{border-color:var(--line-2)}
.bsk-o.on{border-color:var(--terra);box-shadow:0 0 0 3px color-mix(in srgb,var(--terra) 18%,transparent)}
.bsk-o:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
.bsk-pv{position:relative;display:block;height:78px;border-radius:9px;background:var(--p);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.bsk-pv i{position:absolute;display:block;border-radius:5px}
.bsk-pv .a{inset-inline:10px;top:10px;height:24px;background:var(--s);box-shadow:0 1px 2px rgba(0,0,0,.1)}
.bsk-pv .b{inset-inline-start:16px;top:18px;width:44%;height:7px;background:var(--i);opacity:.85;border-radius:3px}
.bsk-pv .c{inset-inline:10px;top:42px;height:26px;background:var(--s);box-shadow:0 1px 2px rgba(0,0,0,.1)}
.bsk-pv .d{inset-inline-end:18px;top:49px;width:34px;height:12px;background:var(--t);border-radius:999px}
.bsk-pv.big .b{height:10px;top:17px;width:56%}
.bsk-pv.bold .a,.bsk-pv.bold .c{border:2px solid var(--i);box-shadow:3px 3px 0 var(--i)}
.bsk-pv.bold .d{border:2px solid var(--i)}
.bsk-gh{grid-column:1/-1;margin:6px 2px 0}
.bsk-tx{display:flex;flex-direction:column;gap:2px;padding:0 2px 2px}
.bsk-tx b{font-size:14.5px}
.bsk-tx small{font-size:12px;color:var(--ink-2);line-height:1.5}
.bh-skb{flex:none;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--r-ctl,12px);border:1px solid var(--ap-line,var(--line));background:var(--sheet);color:var(--ink-2);cursor:pointer}
.bh-skb:hover,.bh-skb:focus-visible{border-color:var(--terra);color:var(--terra)}
:root:is([data-bskin="marah"],[data-bskin="mughamer"]) .ap-card :is(.bh-num,.bh-zone,.bk-tg){box-shadow:none;border-width:1.5px!important}
/* «بيتي الجديد» (أمر هاني 27 أكتوبر، البند ١٠) */
/* دستور التصميم ١ (تعميم صياح 28 أكتوبر، وقراره 13:51): الأرضية ورق الدستور paper والبطاقات sheet بيضاء فوقه، وحياديات دافئة لا رمادي بارد.
   القيم نفسها في /design/albait-tokens.css (الوضع الفاتح)، وباستيل الأقسام (--bn-w وأخواته) يبقى للأقسام لا للأزرار */
:root[data-bskin="b"]{--paper:#F6F5F1;--sheet:#FFFFFF;--grid:transparent;--ink:#1F1A17;--ink-2:#5E554E;--ink-3:#7A6E66;--line:#D9D3CB;--line-2:#B9B0A5;--line-ctl:#8C8177;
  --terra:#A65338;--on-terra:#FFFFFF;--terra-wash:#F4E3DC;--brown:#1F1A17;--stop:#9B2F22;--stop-wash:#F6E2DE;--major:#8F4E1E;--warn:#8F4E1E;--warn-wash:#F5E9DC;--minor:#5E554E;--ok:#3F6B4E;--ok-wash:#E7EEE9;
  --room-bayti:#5E6E34;--room-bayti-wash:#EEF0E1;--bb-sh:0 1px 2px rgba(31,26,23,.04),0 16px 32px -28px rgba(31,26,23,.30);color-scheme:light}
/* «ليلي» (البند ١٠): خلفية 14171C، بطاقات 1E232A، نص F2EEE9، فعل D9A47E */
:root[data-bskin="layl"]{--paper:#14171C;--sheet:#1E232A;--grid:transparent;--ink:#F2EEE9;--ink-2:#9A9AA2;--line:#2C323B;--line-2:#454C57;
  --terra:#D9A47E;--on-terra:#14171C;--brown:#F2EEE9;--stop:#E8806E;--ok:#8CC5A0;
  --bn-w:#3A2A24;--bn-m:#22362B;--bn-r:#243248;--bn-f:#30283F;--bn-w-i:#F2B79C;--bn-m-i:#9ED6B2;--bn-r-i:#A9C6F2;--bn-f-i:#CDB6F2}
:root[data-bskin="layl"] body{background:#14171C}