/* منصة بيتي · الشكل الجديد (assets/js/bayti-app.js، تكليف هاني بقرار صياح 24 أكتوبر 2026)
   أسطح بيضاء بزوايا 22 فوق خلفية عاجية بلا ورق المربعات، ولون لكل مجال، والتيراكوتا للأزرار والتأكيد وحدها، وأهداف لمس 44 فأكثر */
:root{--d-m:#3E6E73;--d-s:#A8741F;--d-f:#4F6B3A;--d-p:#7A4E6E;--d-r:#B5452E;--d-a:var(--terra);--bb-r:22px;
  --bb-sh:0 1px 2px rgba(31,26,23,.05),0 8px 24px -12px rgba(31,26,23,.14)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--d-m:#8FC0C3;--d-s:#E2B467;--d-f:#A9C98C;--d-p:#D6A9C8;--d-r:#EE8B70;--bb-sh:0 1px 2px rgba(0,0,0,.3),0 8px 24px -12px rgba(0,0,0,.5)}}
:root[data-theme="dark"]{--d-m:#8FC0C3;--d-s:#E2B467;--d-f:#A9C98C;--d-p:#D6A9C8;--d-r:#EE8B70;--bb-sh:0 1px 2px rgba(0,0,0,.3),0 8px 24px -12px rgba(0,0,0,.5)}
.d-m{--dc:var(--d-m)}.d-s{--dc:var(--d-s)}.d-f{--dc:var(--d-f)}.d-p{--dc:var(--d-p)}.d-r{--dc:var(--d-r)}.d-a{--dc:var(--terra)}
.t-m{color:var(--d-m)}.t-s{color:var(--d-s)}.t-f{color:var(--d-f)}.t-p{color:var(--d-p)}.t-r{color:var(--d-r)}.t-a{color:var(--terra)}

/* داخل التطبيق: خلفية عاجية صافية، وورق المربعات يبقى في صفحات الموقع */
body.bb-app{background-image:none!important}
body.bb-app .bh-shell{--bh-st:0px}
@media (max-width:899px){
  body.bb-app .bh-top{display:none}
  body.bb-app .bc-fab{display:none!important}
  body.bb-app.ap-tabs{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
}

/* ===== الشريط السفلي: خمسة أبواب و«+» مرفوع في الوسط ===== */
.ap-nav.bb-bar{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;background:color-mix(in srgb,var(--sheet) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px));z-index:40}
.bb-bar .ap-navi{min-height:52px;font-size:11.5px}
.bb-bar .ap-navi .ap-svg{display:grid;place-items:center}
.bb-fab{justify-self:center;width:60px;height:60px;border-radius:50%;border:0;background:var(--terra);color:var(--on-terra);display:grid;place-items:center;margin-top:-26px;cursor:pointer;
  box-shadow:0 10px 22px -8px color-mix(in srgb,var(--terra) 75%,transparent);transition:transform .15s;-webkit-tap-highlight-color:transparent}
.bb-fab:active{transform:scale(.94)}
.bb-fab:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.bb-fabl{display:none}
@media (min-width:900px){
  .ap-nav.bb-bar{display:flex;flex-direction:column;background:var(--sheet);-webkit-backdrop-filter:none;backdrop-filter:none;padding:10px}
  .bb-fab{order:9;width:auto;height:48px;border-radius:14px;margin:8px 0 0;display:flex;gap:8px;padding:0 16px;justify-content:center;font:inherit;font-weight:700;font-size:15px;box-shadow:none}
  .bb-fabl{display:inline}
  .bb-bar .ap-navi{font-size:15.5px}
  .bb-fab svg{width:20px;height:20px}
}

/* ===== الصفحة ===== */
.bb-page{display:flex;flex-direction:column;gap:12px;max-width:760px;margin-inline:auto;width:100%}
.bb-page>*{animation:bbIn .28s ease both}
@keyframes bbIn{from{opacity:.92;transform:translateY(4px)}to{opacity:1;transform:none}}
.bb-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 2px 2px}
.bb-hd small{display:block;font-size:13px;color:var(--ink-2)}
.bb-hd h1{font-size:23px;line-height:1.35;margin:2px 0 0;font-weight:700;text-wrap:balance}
.bb-hd h1:focus{outline:none}
.bb-ib{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:var(--sheet);color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none}
.bb-card{background:var(--sheet);border-radius:var(--bb-r);padding:16px;box-shadow:var(--bb-sh);border:0;color:var(--ink);font:inherit;text-align:start}
button.bb-card{width:100%;cursor:pointer}
button.bb-card:active,.bb-tile:active{transform:scale(.985)}
.bb-row{display:flex;align-items:center;gap:12px}
.bb-row>div{min-width:0;flex:1}
.bb-stack{display:flex;flex-direction:column;gap:10px}
.bb-chip{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;color:var(--dc);background:color-mix(in srgb,var(--dc) 13%,var(--sheet))}
.bb-chip.lg{width:54px;height:54px;border-radius:16px}.bb-chip.lg svg{width:28px;height:28px}
.bb-chip.sm{width:36px;height:36px;border-radius:12px}.bb-chip.sm svg{width:20px;height:20px}
.bb-chip.wh{background:var(--sheet)}
.bb-t{font-size:16px;font-weight:700;line-height:1.4}
.bb-t.big{font-size:18px}
.bb-d{font-size:13.5px;color:var(--ink-2);margin-top:2px;line-height:1.6}
.bb-sh{display:flex;justify-content:space-between;align-items:baseline;margin:8px 4px 0}
.bb-sh h2{font-size:16px;margin:0}
.bb-lnk{background:none;border:0;color:var(--terra);font:inherit;font-size:13.5px;font-weight:700;min-height:40px;padding:0 4px;cursor:pointer}
.bb-more{align-self:center}
.bb-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:30px;padding:8px 14px;font:inherit;font-size:13.5px;font-weight:700;min-height:40px;border:1.5px solid var(--line);background:var(--sheet);color:var(--ink);cursor:pointer;white-space:nowrap}
.bb-pill.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.bb-pill.solid{background:var(--dc);border-color:var(--dc);color:#fff}
:root[data-theme="dark"] .bb-pill.solid{color:#17130F}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bb-pill.solid{color:#17130F}}
.bb-pills{display:flex;flex-wrap:wrap;gap:8px}
.bb-lab{font-size:13px;color:var(--ink-2);margin:14px 2px 8px}

/* الإنجاز */
.bb-prog{display:flex;align-items:center;gap:16px;background:#1F1A17;color:#fff;cursor:pointer}
.bb-prog small{opacity:.72;font-size:13px;display:block}
.bb-prog b{display:block;font-size:20px;margin:2px 0}
.bb-prog em{font-style:normal;font-size:13.5px;color:#B9D29E}
.bb-prog em.late{color:#F2C9A6}
.bb-ring{flex:none}
.bb-ring text{font-family:var(--font)}
.bb-alert{background:color-mix(in srgb,var(--d-r) 10%,var(--sheet));border:1.5px solid color-mix(in srgb,var(--d-r) 45%,transparent)}
.bm-top{border-radius:var(--bb-r)!important}

/* «اليوم»: بطاقة لكل أمر و«تم» دائري */
.bb-task{padding:12px 12px 12px 14px;transition:opacity .2s}
.bb-tap{cursor:pointer;border-radius:12px}
.bb-tap:focus-visible{outline:2px solid var(--terra);outline-offset:4px}
.bb-done{width:46px;height:46px;border-radius:50%;border:2px solid var(--line);background:var(--sheet);display:grid;place-items:center;flex:none;color:transparent;cursor:pointer;transition:.2s;-webkit-tap-highlight-color:transparent}
.bb-done:hover{color:var(--line-2)}
.bb-done.arm{border-color:var(--d-f);color:var(--d-f)}
.bb-task.ok .bb-done{background:var(--d-f);border-color:var(--d-f);color:#fff}
.bb-task.ok .bb-t{text-decoration:line-through;opacity:.55}
.bb-task.ok .bb-chip,.bb-task.ok .bb-d{opacity:.5}
.bb-calm{display:flex;align-items:center;gap:12px}
.bb-help{display:flex;align-items:center;gap:10px;justify-content:center;color:var(--ink-2);font-size:13.5px;text-decoration:none;padding:14px 8px;min-height:48px;text-align:center}
.bb-help svg{color:#1F8F55;flex:none}

/* صحة بيتك */
.bb-hcard{background:color-mix(in srgb,var(--d-m) 12%,var(--sheet))}
.bb-hcard .bb-t{color:var(--d-m)}
.bb-htop{gap:16px}
.bb-htop .bb-ring circle:nth-child(2){transition:stroke-dasharray .6s}
.bb-chg{margin:0 4px;font-size:13.5px;color:var(--ink-2)}
.bb-axes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.bb-axes div{background:var(--sheet);border-radius:14px;padding:9px 2px;text-align:center;box-shadow:var(--bb-sh)}
.bb-axes b{display:block;font-size:17px}
.bb-axes small{font-size:11px;color:var(--ink-2)}
.bb-issue .bb-sev{font-size:12px;font-weight:700}
.bb-issue.unk{background:color-mix(in srgb,var(--sheet) 70%,var(--paper))}
.bb-ift{display:flex;align-items:center;gap:10px;margin-top:12px}
.bb-ift .muted{font-size:12.5px}
.bb-why{margin-top:6px;font-size:13px}
.bb-why summary{cursor:pointer;color:var(--terra);font-weight:700;min-height:32px;display:inline-flex;align-items:center}
.bb-why p{margin:4px 0;line-height:1.7}
.bb-foot{text-align:center;font-size:12.5px;color:var(--ink-2);margin:6px 0 0}
.bb-hsm{color:var(--ink-2)}

/* «المزيد» */
.bb-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (min-width:700px){.bb-grid3{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bb-tile{position:relative;background:var(--sheet);border-radius:18px;padding:14px 6px 12px;text-align:center;border:0;box-shadow:var(--bb-sh);min-height:112px;cursor:pointer;font:inherit;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;align-items:center;transition:transform .15s}
.bb-tile .bb-chip{margin:0 auto 6px}
.bb-tile b{display:block;font-size:13.5px;line-height:1.35}
.bb-tile small{display:block;font-size:12px;color:var(--ink-2);margin-top:2px;line-height:1.35}
.bb-tdot{position:absolute;top:10px;inset-inline-end:10px;width:9px;height:9px;border-radius:50%;background:var(--d-r)}
.bb-seg{display:flex;gap:6px;flex:none}
.bb-set h2{font-size:15px;margin:0 2px 6px}
.bb-srow{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;border:0;border-top:1px solid var(--line);background:none;font:inherit;font-size:15px;color:var(--ink);cursor:pointer;text-align:start;padding:0 2px}
.bb-srow:first-of-type{border-top:0}
.bb-srow span{flex:1}.bb-srow small{color:var(--d-f);font-weight:700;font-size:12.5px}
.bb-srow svg{color:var(--ink-2)}
.bb-build{border:1.5px dashed color-mix(in srgb,var(--terra) 45%,transparent);box-shadow:none;background:transparent}

/* الدليل */
.bb-guide{border:2px solid var(--terra)}
.bb-gtop{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.bb-gtop b{color:var(--terra)}
.bb-gx{background:none;border:0;color:var(--ink-2);font:inherit;font-size:12.5px;min-height:36px;min-width:44px;cursor:pointer}
.bb-dots{display:flex;gap:5px;margin:10px 0 14px}
.bb-dots i{flex:1;height:8px;border-radius:8px;background:var(--line)}
.bb-dots i.ok{background:var(--d-f)}.bb-dots i.cur{background:var(--terra)}
.bb-ggo{margin-top:14px;min-height:50px;font-size:16px}
.bb-gsub{font-size:12.5px;color:var(--ink-2);text-align:center;margin-top:8px}
.bb-guide>.bb-lnk{display:block;margin:6px auto 0}
.bb-glist{margin:10px 0 0;padding:8px 0 0;border-top:1px solid var(--line);list-style:none}
.bb-glist li button{display:flex;gap:10px;align-items:center;width:100%;min-height:40px;background:none;border:0;font:inherit;font-size:14px;color:var(--ink);text-align:start;cursor:pointer;padding:0}
.bb-glist li button:disabled{cursor:default}
.bb-glist li i{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:12px;color:#fff;flex:none}
.bb-glist li.ok i{background:var(--d-f);border-color:var(--d-f)}
.bb-glist li.ok span{text-decoration:line-through;color:var(--ink-2)}
.bb-glist li.cur span{font-weight:700}

/* اللوحات: «+» و«أضف صنفاً» والرابط */
.bb-actg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bb-act{border-radius:20px;padding:16px 6px;text-align:center;min-height:96px;border:0;cursor:pointer;font:inherit;color:var(--dc);background:color-mix(in srgb,var(--dc) 13%,var(--sheet));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:transform .15s}
.bb-act b{font-size:14px;color:var(--ink)}
.bb-act:active{transform:scale(.96)}
.bb-addf{display:flex;gap:8px;margin:4px 0 0}
.bb-addf input{flex:1;min-width:0;font-size:16px;min-height:48px}
.bb-addf .ap-btn{min-height:48px;padding:0 20px}
.bb-pill.sug{background:var(--paper);border-color:transparent}
.bb-addm{min-height:20px;margin:10px 2px 0}
.bb-msg{background:var(--paper);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word;margin:12px 0}
.bb-wa{background:#1F8F55!important;border-color:#1F8F55!important;color:#fff!important;display:flex;gap:8px;justify-content:center;align-items:center}
.bb-inv .bb-lnk{display:block;margin:6px auto 0}
.bb-qr{max-width:240px;margin:8px auto 0}
.bb-qr svg{width:100%;height:auto;display:block;border-radius:12px}

/* المخطط واجهةً */
.bb-planf{padding:12px}
.bb-pst svg{width:100%;height:auto;display:block;max-height:62vh}
.bb-planf .bb-seg{margin-bottom:8px;flex-wrap:wrap}
.bb-legend{display:flex;gap:14px;justify-content:center;font-size:12.5px;margin-top:6px;flex-wrap:wrap}

/* الاحتفال */
.bb-win{position:fixed;inset:0;z-index:100000;background:rgba(31,26,23,.45);display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .2s}
.bb-win.in{opacity:1}
.bb-winb{background:var(--sheet);color:var(--ink);border-radius:28px;padding:26px 22px;text-align:center;max-width:360px;width:100%;transform:scale(.92);transition:transform .22s;box-shadow:0 30px 60px -20px rgba(0,0,0,.45)}
.bb-win.in .bb-winb{transform:none}
.bb-winb h2{font-size:23px;margin:14px 0 6px}
.bb-winb p{color:var(--ink-2);margin:0 0 18px;line-height:1.7}
.bb-winb .bb-lnk{display:block;margin:4px auto 0}
.bb-winb .bb-d{margin:6px 0 0}
.bb-big{width:72px;height:72px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:color-mix(in srgb,var(--d-f) 15%,var(--sheet));color:var(--d-f)}
.bb-conf{position:fixed;inset:0;pointer-events:none;z-index:100001}

/* القصة */
.bb-story{position:fixed;inset:0;z-index:100000;background:#1F1A17;color:#fff;overflow:auto}
.bb-sin{max-width:430px;margin:0 auto;min-height:100%;padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px;position:relative}
.bb-sbars{display:flex;gap:4px}.bb-sbars i{flex:1;height:3px;border-radius:3px;background:#fff}
.bb-sk{opacity:.7;margin:20px 0 0}
.bb-story h2{font-size:34px;line-height:1.35;margin:10px 0}
.bb-story h2 span{color:#E9B48F}
.bb-srows{display:flex;flex-direction:column;gap:12px}
.bb-strow{background:rgba(255,255,255,.08);border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;color:#fff}
.bb-strow b{display:block}
.bb-strow small{display:block;opacity:.7;font-size:13px}
.bb-sx{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:12px;color:#fff;background:none;border:0;font-size:28px;width:48px;height:48px;cursor:pointer}
.bb-sshare{margin-top:auto;display:flex;gap:8px;justify-content:center;align-items:center;background:#fff;color:#1F1A17;border:0;border-radius:16px;min-height:52px;font:inherit;font-weight:700;cursor:pointer}

/* النصائح: بطاقة صغيرة تُسحب */
.bb-tips{overflow:hidden;border-radius:18px;background:var(--sheet);box-shadow:var(--bb-sh);margin:0 0 12px}
.bb-tipt{display:flex;transition:transform .3s ease;touch-action:pan-y}
.bb-tip{flex:0 0 100%;padding:12px 14px;display:flex;gap:12px;align-items:flex-start}
.bb-tip p{margin:0;font-size:14px;line-height:1.65;min-width:0}
.bb-tip p b{display:block;font-size:12px;color:var(--terra)}
.bb-tipf{display:flex;justify-content:space-between;align-items:center;padding:0 14px 6px}
.bb-tipd{display:flex;gap:5px}.bb-tipd i{width:6px;height:6px;border-radius:6px;background:var(--line);transition:width .2s}.bb-tipd i.on{background:var(--terra);width:16px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (prefers-reduced-motion:reduce){.bb-page>*,.bb-tipt,.bb-win,.bb-winb{animation:none!important;transition:none!important}}
@media print{.bb-bar,.bb-fab{display:none!important}}
.bb-leak{background:color-mix(in srgb,var(--d-m) 12%,var(--sheet));--dc:var(--d-m)}
.bb-leak .bb-t{color:var(--d-m)}
.bb-leak .bb-chip{color:var(--d-m)}

/* ===== المشتريات باللمس ===== */
.bb-scroll{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bb-scroll::-webkit-scrollbar{display:none}
.bb-cartf{display:flex;gap:4px;background:var(--sheet);border-radius:14px;padding:4px;box-shadow:var(--bb-sh);align-self:flex-start}
.bb-seg1{min-height:40px;padding:0 16px;border-radius:10px;border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:var(--ink-2);cursor:pointer}
.bb-seg1.on{background:var(--ink);color:var(--paper)}
.bb-item{position:relative;background:var(--sheet);border-radius:18px;padding:14px 6px 12px;text-align:center;border:1.5px solid var(--line);min-height:112px;cursor:pointer;font:inherit;color:var(--d-f);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .12s,background .15s;-webkit-tap-highlight-color:transparent}
.bb-item:active{transform:scale(.96)}
.bb-item b{font-size:14px;color:var(--ink);line-height:1.3}
.bb-item small{font-size:12px;font-weight:700}
.bb-item.s-out{color:var(--d-r);background:color-mix(in srgb,var(--d-r) 11%,var(--sheet));border-color:var(--d-r)}
.bb-item.s-low{color:var(--d-s);background:color-mix(in srgb,var(--d-s) 12%,var(--sheet));border-color:var(--d-s)}
.bb-item.add{border-style:dashed;color:var(--terra)}
.bb-item.add b{color:var(--terra)}.bb-item.add small{color:var(--ink-2);font-weight:500}
.bb-items .bb-calm2{grid-column:1/-1;margin:0;padding:8px 4px;color:var(--ink-2);font-size:14px;line-height:1.7}
.bb-send{display:flex;gap:8px;align-items:center;justify-content:center;min-height:52px}
.bb-cmore{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}

/* ===== الصيانة ===== */
.bb-week{display:flex;gap:2px;padding:8px}
.bb-week>div{flex:1;text-align:center;padding:8px 0;border-radius:14px}
.bb-week small{display:block;font-size:11px;opacity:.7}
.bb-week b{font-size:17px}
.bb-week>div.on{background:var(--d-m);color:#fff}
.bb-week i{display:block;width:6px;height:6px;border-radius:6px;margin:3px auto 0;background:var(--d-m)}
.bb-week>div.on i{background:#fff}
.bb-week i.no{visibility:hidden}
.bb-next{border:2px solid var(--d-m)}
.bb-nk{font-size:12.5px;color:var(--d-m);font-weight:700;margin-bottom:10px}
.bb-nacts{display:flex;gap:8px;margin-top:14px}
.bb-nacts .ap-btn{flex:1;min-height:50px;display:flex;align-items:center;justify-content:center;gap:6px}
.bb-mok{background:var(--d-m)!important;border-color:var(--d-m)!important;color:#fff!important}
.bb-mdone{background:color-mix(in srgb,var(--d-f) 11%,var(--sheet))}
.bb-mdone .bb-t{color:var(--d-f)}
/* سهم العودة في كل قسم غير الأبواب */
.bb-back{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;min-height:44px;padding:0 12px 0 8px;margin:0 0 6px;border-radius:14px;border:0;background:var(--sheet);box-shadow:var(--bb-sh);color:var(--ink);font:inherit;font-size:14.5px;font-weight:700;cursor:pointer}
.bb-back svg{color:var(--terra)}
.bh-shell>.bb-back{position:sticky;top:calc(var(--bh-st,0px) + 8px);z-index:6;margin:0 0 10px}
.bb-back[hidden]{display:none}

/* مراجعة الفحص المستقل (24 أكتوبر) */
.bh-shell>.bb-back{position:static}
.bb-page{padding-bottom:30px}
.bb-pill,.bb-seg1,.bb-lnk,.bb-gx,.bb-why summary{min-height:44px}
.bb-gx{min-width:48px}
.bb-item.gone{opacity:.35;transition:opacity .6s}
.bb-fl svg{width:100%;height:auto;display:block}
.bb-conf{z-index:99999}
.bb-win{z-index:100000}
.bb-winb{border:1px solid var(--line)}
:root[data-theme="dark"] .bb-win{background:rgba(0,0,0,.66)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bb-win{background:rgba(0,0,0,.66)}}
:root[data-theme="dark"] .bb-mok,:root[data-theme="dark"] .bb-week>div.on{color:#10201F!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bb-mok,:root:not([data-theme="light"]) .bb-week>div.on{color:#10201F!important}}
[tabindex="-1"]:focus:not(:focus-visible){outline:none}
body.bb-app .bh-mbar,body.bb-app .bh-srch kbd{display:none!important}
.bb-acts .ap-btn{flex:none;white-space:nowrap;padding-inline:20px}
.bb-planf,.bb-pst{overflow:hidden;max-width:100%}
.bb-pst .ba-svg,.bb-fl svg{width:100%!important;max-width:100%!important;height:auto!important;min-width:0!important}
.bb-week>button{flex:1;text-align:center;padding:8px 0;border-radius:14px;border:0;background:none;font:inherit;color:inherit;cursor:pointer;min-height:56px}
.bb-week>button.on{background:var(--d-m);color:#fff}
.bb-week>button.on i{background:#fff}
@media (max-width:899px){body.bb-app .bh-toast{bottom:calc(104px + env(safe-area-inset-bottom,0px))}}
.bb-latin input{direction:ltr;text-align:left}

/* «أرسل بالواتساب»: زر بأيقونة صغيرة، ومعاينة الرسالة كما تصل */
.bb-wab{display:flex;gap:8px;align-items:center;justify-content:center;min-height:48px;margin-top:10px;color:#1F7A4A;border-color:color-mix(in srgb,#1F8F55 45%,transparent)}
.bb-wab .ap-svg,.bb-wab svg{flex:none}
.bb-wab.off{opacity:.55}
.bb-wasum{margin:14px 0 4px}
.bb-wapl{margin:6px 0 12px}
.bb-lbl{font-size:13px;font-weight:700;color:var(--ink-2);margin-top:2px}
.bb-wapre{white-space:pre-wrap;word-break:break-word;font:inherit;font-size:14px;line-height:1.75;background:color-mix(in srgb,#1F8F55 7%,var(--sheet,#fff));border:1px solid color-mix(in srgb,#1F8F55 22%,transparent);border-radius:14px 14px 4px 14px;padding:12px 14px;margin:12px 0 8px;max-height:42vh;overflow:auto;unicode-bidi:plaintext;text-align:start}
.bb-wan{font-size:13px;margin:0 0 12px}
[data-theme="dark"] .bb-wab{color:#7FD3A2}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bb-wab{color:#7FD3A2}}
.bb-tipt{position:relative;overflow:visible;z-index:5}
.bb-tipb{position:absolute;top:calc(100% + 10px);z-index:2;inset-inline-start:50%;transform:translateX(50%);white-space:nowrap;background:#1F7A4A;color:#fff;font-size:13.5px;font-weight:700;padding:8px 14px;border-radius:12px;box-shadow:0 10px 22px -10px rgba(0,0,0,.5);pointer-events:none;transition:opacity .3s;animation:bb-tipin .35s ease-out}
.bb-tipb::after{content:"";position:absolute;bottom:100%;inset-inline-start:50%;margin-inline-start:-7px;border:7px solid transparent;border-bottom-color:#1F7A4A}
.bb-tipb.gone{opacity:0}
@keyframes bb-tipin{from{opacity:0;transform:translate(50%,6px)}to{opacity:1;transform:translate(50%,0)}}
@media (prefers-reduced-motion:reduce){.bb-tipb{animation:none}}
.bj-map{margin:4px 0 6px}
.bj-maprow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bj-maprow input{flex:1 1 220px;min-height:44px;border:1px solid var(--line,#D9D3CB);border-radius:12px;padding:0 12px;font:inherit;font-size:14px;background:var(--sheet,#fff);color:inherit}
.bj-mapok{font-size:14px;font-weight:700;color:#1F7A4A}
.bj-mapsave{display:flex;align-items:center;gap:6px;font-size:13.5px;margin-top:8px;min-height:44px}
.bj-mapsave input{width:20px;height:20px}
.bb-pinbox{margin-top:10px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--terra,#A65338) 8%,var(--sheet,#fff));border:1px solid color-mix(in srgb,var(--terra,#A65338) 25%,transparent);color:var(--ink,#1F1A17)}
.bb-pinbox b{font-size:18px;letter-spacing:.5px}.bb-pinbox p{margin:4px 0 0;font-size:13.5px}
/* باقتا بيتي (قرار صياح 028): الشهرية أولاً وأبرز، والسنوية بجانبها */
.bq-sub{margin:2px 0 10px;font-size:14.5px}
.bq-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 12px}
.bq-pc{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:var(--sheet,#fff);border:1.5px solid var(--line,#D9D3CB);border-radius:20px;padding:26px 16px 14px}
.bq-pc.m{border:2.5px solid var(--terra,#A65338);box-shadow:0 18px 36px -24px color-mix(in srgb,var(--terra,#A65338) 70%,transparent)}
.bq-pc.pick{outline:3px solid color-mix(in srgb,var(--terra,#A65338) 35%,transparent);outline-offset:3px}
.bq-tag{position:absolute;top:-13px;white-space:nowrap;background:var(--terra,#A65338);color:#fff;font-size:12.5px;font-weight:800;padding:4px 14px;border-radius:999px}
.bq-pc.y .bq-tag{background:#5A3420}
.bq-nm{font-size:15px;color:var(--ink,#1F1A17)}
.bq-pp{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin:6px 0 0;line-height:1}
.bq-pp strong{font-size:52px;font-weight:900;color:var(--terra,#A65338);letter-spacing:-1px}
.bq-pc.y .bq-pp strong{color:var(--ink,#1F1A17)}
.bq-pp span{display:flex;flex-direction:column;align-items:flex-start;font-weight:800;font-size:15px;padding-bottom:6px}
.bq-pp small{font-size:12.5px;font-weight:600;color:var(--ink-2,#5E554E)}
.bq-pp s{font-size:20px;font-weight:700;color:var(--ink-2,#5E554E);opacity:.7;padding-bottom:10px}
.bq-pl{font-size:13.5px;line-height:1.75;color:var(--ink-2,#5E554E);margin:6px 0 8px;min-height:3.5em}
.bq-go{width:100%;margin-top:auto;min-height:48px}
.bq-pc .bq-soon{margin-top:auto;min-height:44px;display:flex;align-items:center;font-size:13.5px}
.bq-pf{font-size:12px;color:var(--ink-2,#5E554E);margin:6px 0 0}
.bq-plans.compact{margin:10px 0 4px}.bq-plans.compact .bq-pc{padding:22px 12px 12px}.bq-plans.compact .bq-pp strong{font-size:38px}
@media (max-width:520px){.bq-plans{grid-template-columns:1fr;gap:20px}.bq-pl{min-height:0}.bq-plans.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bq-plans.compact .bq-go{font-size:13px;padding:0 6px}}
.bq-next{font-weight:700;font-size:15px;margin:6px 0 4px}
.bq-stop{margin-top:6px}.bq-stop.arm{border-color:var(--terra,#A65338);color:var(--terra,#A65338)}
.bq-warn{font-size:14px;font-weight:700;color:var(--terra,#A65338);background:color-mix(in srgb,var(--terra,#A65338) 9%,transparent);border-radius:12px;padding:10px 12px;margin:6px 0}
.bb-later .bb-laterc{margin-top:10px}.bb-later .bh-chip{min-height:44px}

/* ===== الكمبيوتر: قائمة جانبية واحدة بأقسام بيتي كلها (طلب صياح 24 أكتوبر 23:43) ===== */
.bb-rail,.bb-rt{display:none}
@media (min-width:900px){
  body.bb-app .ap{grid-template-columns:232px minmax(0,1fr);gap:28px}
  .ap-nav.bb-bar{gap:2px;padding:12px 10px}
  .ap-nav.bb-bar.bb-tall{position:static}
  .bb-rt{display:block;font-size:12.5px;font-weight:700;color:var(--ink-2);padding:2px 12px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bb-bar .ap-navi{min-height:42px;padding:6px 12px;font-size:15px;gap:10px}
  .bb-bar .ap-navi .ap-svg svg{width:20px;height:20px}
  .bb-bar .bb-door[data-door="more"]{display:none}
  .bb-rail{display:flex;flex-direction:column;gap:2px;margin-top:6px;padding-top:6px;border-top:1px solid var(--ap-line)}
  .bb-rg{display:flex;flex-direction:column;gap:1px}
  .bb-rh{font-size:12px;font-weight:700;color:var(--ink-2);padding:6px 12px 0}
  .bb-ri{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;padding:3px 12px;border-radius:10px;color:var(--ink)!important;text-decoration:none;font-size:14px;line-height:1.35}
  .bb-ri:hover{background:var(--ap-mute-t)}
  .bb-ri.on{background:var(--ap-tint);color:var(--terra)!important;font-weight:700}
  .bb-ri:focus-visible{outline:2px solid var(--terra);outline-offset:-2px}
  .bb-rn{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;background:var(--ap-mute-t);color:var(--ink-2);font-variant-numeric:tabular-nums}
  .bb-rn.warn{background:var(--stop,#9F2F1F);color:#fff}
  .bb-bar .bb-rt{order:0}.bb-bar .bb-door{order:1}.bb-bar .bb-fab{order:2;margin-top:8px}.bb-bar .bb-rail{order:3}
}
/* شريط علوي واحد: مبدّل البيت والبحث والمظهر في رأس الموقع (bayti-home.js placeTop) */
@media (min-width:900px){
  body.bb-app .bh-top{display:none}
  .top .bh-topr.bh-inhdr{margin-inline-start:auto;gap:8px}
  .top .bh-topr.bh-inhdr+.auth{margin-inline-start:0}
  .top .bh-inhdr .bh-house,.top .bh-inhdr .bh-srch{min-height:40px}
  .top .bh-inhdr .bh-srch{min-width:220px}
  .top .bh-inhdr .bh-skb{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--ap-line);background:var(--sheet);color:var(--ink);cursor:pointer}
  body.bb-app .top nav{display:none}
}

/* أول دخول: هيكل خفيف بدل نص «جارٍ التحميل» أو طبقة رمادية (طلب صياح 24 أكتوبر 23:43) */
.bb-skel{display:flex;flex-direction:column;gap:12px;padding:8px 2px;max-width:760px;margin-inline:auto;width:100%}
.bb-skel i{display:block;border-radius:22px;background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 5%,transparent) 0,color-mix(in srgb,var(--ink) 9%,transparent) 50%,color-mix(in srgb,var(--ink) 5%,transparent) 100%);background-size:200% 100%;animation:bbSk 1.4s ease-in-out infinite}
.bb-skel .bb-sk-h{height:44px;width:55%;border-radius:12px}
.bb-skel .bb-sk-c{height:150px}.bb-skel .bb-sk-c2{height:76px}.bb-skel .bb-sk-c3{height:76px;opacity:.7}
@keyframes bbSk{from{background-position:100% 0}to{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.bb-skel i{animation:none}}
/* «اليوم»: ترتيب واحد في الجوال، وعمودان على الشاشة الواسعة */
.bb-today .bb-cols,.bb-today .bb-main,.bb-today .bb-aside{display:contents}
@media (min-width:1040px){
  .bb-page.bb-today{max-width:1180px}
  .bb-today .bb-cols{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:18px;align-items:start}
  .bb-today .bb-main,.bb-today .bb-aside{display:flex;flex-direction:column;gap:12px;min-width:0}
  .bb-today .bb-aside{position:sticky;top:84px}
}
/* الخطوات السبع على الشاشة الواسعة: شبكة لا سبعة أسطر طويلة */
@media (min-width:700px){.bb-glist:not([hidden]){display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:2px 18px}}
/* سبب الجدول في رأس «الصيانة» */
.bb-why{margin:-2px 4px 2px;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
.bb-why .bb-whyl{min-height:32px;padding:0;font-size:13.5px}
/* لون كل فرد على مهامه */
.bb-hasp{box-shadow:inset -4px 0 0 var(--pc),var(--bb-sh)}
.bb-who{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:12.5px;font-weight:700;color:var(--pc)}
.bb-who i{width:9px;height:9px;border-radius:50%;background:var(--pc);flex:none}
.bb-pdot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--pc);margin-inline-end:6px;vertical-align:middle}
/* حال الغرف في «الصيانة» */
.bb-rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.bb-room{display:flex;align-items:flex-start;gap:10px;min-height:64px;padding:12px;border:0;border-radius:16px;background:var(--sheet);box-shadow:var(--bb-sh);font:inherit;color:var(--ink);text-align:start;cursor:pointer}
.bb-room:active{transform:scale(.985)}
.bb-room:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
.bb-rdot{flex:none;width:12px;height:12px;border-radius:50%;margin-top:5px;background:var(--d-f)}
.bb-room.week .bb-rdot{background:var(--d-s)}
.bb-room.late .bb-rdot{background:var(--d-r)}
.bb-room.late{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--d-r) 45%,transparent),var(--bb-sh)}
.bb-rmt{display:flex;flex-direction:column;min-width:0}
.bb-rmt b{font-size:14.5px;line-height:1.4}
.bb-rmt small{font-size:12.5px;color:var(--ink-2);line-height:1.5}
/* التطبيق المثبّت بلا حساب: البيت التجريبي زر واضح تحت التسجيل */
.try-line.try-app{border-top:0;font-size:0}
.try-line.try-app a{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:999px;border:1.5px solid var(--terra);font-size:16px;text-decoration:none}
.try-line.try-app a::before{content:'أو ';white-space:pre}

/* ===== الجوال: شريط التنقل ليكويد قلاس بلون الهوية (قرار صياح 25 أكتوبر، المرجع الملزم mock4.html) =====
   القيم منقولة كما هي من .glass و.nav و.pill و.fab و.bdg و.toast و.sheet في mock4 */
.bb-pill2,.bb-bdg{display:none}
@media (max-width:899px){
  body.bb-app.ap-tabs{padding-bottom:calc(64px + 24px + 24px + env(safe-area-inset-bottom,0px))}
  .ap-nav.bb-bar{position:fixed;inset:auto;bottom:calc(24px + env(safe-area-inset-bottom,0px));right:14px;left:84px;height:64px;border-radius:34px;z-index:40;
    display:flex;align-items:center;justify-content:space-between;padding:0 6px;overflow:hidden;
    background:linear-gradient(180deg,rgba(246,241,232,.86),rgba(236,228,214,.80));backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);
    border:1px solid rgba(255,255,255,.85);border-top:1px solid rgba(255,255,255,.85);
    box-shadow:0 12px 30px rgba(31,26,23,.18),inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(166,83,56,.10),inset 0 0 16px rgba(255,255,255,.4);
    transition:left .3s cubic-bezier(.22,1,.36,1),right .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1),bottom .3s}
  .ap-nav.bb-bar::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 80% at 50% -25%,rgba(255,255,255,.7),transparent 55%);pointer-events:none}
  .bb-bar .ap-navi.bb-door{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:#6b5f56!important;flex:1;padding:7px 0;min-height:0;border-radius:26px;position:relative;z-index:1;font-weight:400}
  .bb-bar .ap-navi.bb-door.on{color:#A65338!important;font-weight:700}
  .bb-bar .ap-navi .ap-svg svg{width:22px;height:22px}
  .bb-pill2{display:block;position:absolute;top:6px;bottom:6px;right:calc(6px + var(--i,0) * (100% - 12px) / var(--nd,4));width:calc((100% - 12px) / var(--nd,4));border-radius:26px;
    background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.55));box-shadow:inset 0 1px 0 #fff,0 2px 8px rgba(31,26,23,.12);z-index:0;
    transition:right .3s cubic-bezier(.22,1,.36,1),opacity .2s}
  .bb-pill2.bb-nomove{transition:none}
  .bb-bdg{display:grid;position:absolute;top:2px;left:calc(50% + 6px);min-width:17px;height:17px;border-radius:9px;background:#A65338;color:#fff;font-size:10px;font-weight:700;place-items:center;padding:0 4px;box-shadow:0 0 0 2px #f3ede3;font-style:normal;line-height:1}
  .bb-fab.bb-fabm{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:14px;width:64px;height:64px;margin:0;border-radius:50%;color:#fff;display:grid;place-items:center;z-index:41;
    background:radial-gradient(90% 70% at 50% 15%,rgba(255,255,255,.45),transparent 60%),rgba(166,83,56,.88);border:1px solid rgba(255,255,255,.55);
    box-shadow:0 10px 26px rgba(166,83,56,.35),inset 0 1.5px 0 rgba(255,255,255,.7),inset 0 -6px 12px rgba(80,30,15,.25);
    -webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);
    transition:width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1),left .3s cubic-bezier(.22,1,.36,1),bottom .3s}
  .bb-fab.bb-fabm svg{width:30px;height:30px}
  .bb-fab.bb-fabm .bb-fabl{display:none}
  body:not(.bb-app) .bb-fabm{display:none!important}
  /* عند النزول: .mini و.fab.sm */
  body.bb-down .ap-nav.bb-bar{left:calc(50% - 100px);right:calc(50% - 100px);height:50px;bottom:calc(22px + env(safe-area-inset-bottom,0px))}
  body.bb-down .bb-bar .ap-navi.bb-door>span:not(.ap-svg){display:none}
  body.bb-down .bb-bar .ap-navi.bb-door{padding:6px 0}
  body.bb-down .bb-fab.bb-fabm{width:50px;height:50px;left:44px;bottom:calc(22px + env(safe-area-inset-bottom,0px))}
  body.bb-down .bb-fab.bb-fabm svg{width:24px;height:24px}
  /* العنوان ينكمش إلى شريط زجاج علوي (.hdrS) */
  .bb-hdrs{position:fixed;top:0;left:0;right:0;z-index:45;height:calc(54px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 18px 0;display:flex;align-items:center;
    border-radius:0 0 26px 26px;border:1px solid rgba(255,255,255,.85);border-top:none;overflow:hidden;cursor:pointer;
    background:linear-gradient(180deg,rgba(246,241,232,.86),rgba(236,228,214,.80));backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);
    box-shadow:0 12px 30px rgba(31,26,23,.18),inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(166,83,56,.10),inset 0 0 16px rgba(255,255,255,.4);
    transform:translateY(-110%);transition:transform .3s cubic-bezier(.22,1,.36,1)}
  .bb-hdrs::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 80% at 50% -25%,rgba(255,255,255,.7),transparent 55%);pointer-events:none}
  .bb-hdrs.in{transform:none}
  .bb-hdrs b{position:relative;font-size:16px;color:#1F1A17;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html.bbdemo-on .bb-hdrs{top:var(--dmh,0px);padding-top:0;height:54px}
  /* «تم.. تراجع»: كبسولة زجاج عاجية فوق الشريط (.toast) */
  body.bb-app .bh-toast{bottom:calc(100px + env(safe-area-inset-bottom,0px));right:40px;left:40px;inset-inline:40px;height:46px;min-height:46px;border-radius:24px;padding:0 18px;font-size:13px;color:#1F1A17;overflow:hidden;
    background:linear-gradient(180deg,rgba(246,241,232,.86),rgba(236,228,214,.80));backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);
    border:1px solid rgba(255,255,255,.85);box-shadow:0 12px 30px rgba(31,26,23,.18),inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(166,83,56,.10),inset 0 0 16px rgba(255,255,255,.4)}
  body.bb-app .bh-toast span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.bb-app .bh-toast .bh-undo{color:#A65338;font-weight:700;background:none;border:0;font-size:13px;min-height:44px}
  /* نافذة «أضف بسرعة» (.sheet و.dim و.grab و.tile) */
  .bh-ov.bb-gov{background:rgba(31,26,23,.28);align-items:flex-end}
  .bh-sheet.bb-gsheet{position:relative;margin:0 8px calc(8px + env(safe-area-inset-bottom,0px));width:calc(100% - 16px);border-radius:34px;padding:12px 18px 18px;color:#1F1A17;
    background:linear-gradient(180deg,rgba(246,241,232,.86),rgba(236,228,214,.80));backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);
    border:1px solid rgba(255,255,255,.85);box-shadow:0 12px 30px rgba(31,26,23,.18),inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(166,83,56,.10),inset 0 0 16px rgba(255,255,255,.4);
    transition:transform .2s cubic-bezier(.22,1,.36,1)}
  .bh-sheet.bb-gsheet.bb-drag{transition:none}
  .bh-sheet.bb-gsheet .bh-sh{background:transparent;position:static}
  .bb-grab{width:42px;height:5px;border-radius:3px;background:rgba(31,26,23,.25);margin:0 auto 14px}
  .bh-sheet.bb-gsheet .bb-actg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .bh-sheet.bb-gsheet .bb-act{border-radius:18px;padding:16px 6px;text-align:center;font-size:13px;font-weight:700;background:rgba(255,255,255,.6);box-shadow:inset 0 1px 0 #fff;border:0}
  /* البديل: بلا backdrop-filter، أو جهاز ضعيف (bb-noglass) */
  html.bb-noglass .ap-nav.bb-bar,html.bb-noglass .bb-hdrs,html.bb-noglass body.bb-app .bh-toast,html.bb-noglass .bh-sheet.bb-gsheet{background:#F3EDE3;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  @media (max-width:899px){.ap-nav.bb-bar,.bb-hdrs,body.bb-app .bh-toast,.bh-sheet.bb-gsheet{background:#F3EDE3!important}}
}
@media (prefers-reduced-motion:reduce){body.bb-app header.top .wrap,body.bb-app header.top .blogo,body.bb-app header.top .auth,.ap-nav.bb-bar,.bb-pill2,.bb-fab.bb-fabm,.bb-hdrs,.bh-sheet.bb-gsheet{transition:none!important}}
@media (max-width:899px){.bb-hdrs{justify-content:space-between}.bb-hav{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:#1F1A17;color:#fff;display:grid;place-items:center;font-size:12px}}
/* تصحيح الرأس المنكمش (أمر هاني 25 أكتوبر، mock5): اسم القسم، والصورة الشخصية، والجرس برقمه يساره ويقبل الضغط.
   والرأس الأصلي يختفي تحته فلا تظهر بقعة رقم الجرس خلف الزجاج ولا خط رمادي تحته */
@media (max-width:899px){
  /* رأس الموقع يصغر قليلاً عند النزول ويبقى في مكانه */
  body.bb-app header.top .wrap{transition:min-height .25s ease}
  body.bb-app header.top .blogo,body.bb-app header.top .auth{transition:transform .25s ease}
  html.bb-shrunk body.bb-app header.top .wrap{min-height:48px}
  html.bb-shrunk body.bb-app header.top .blogo{transform:scale(.86);transform-origin:right center}
  html.bb-shrunk body.bb-app header.top .auth{transform:scale(.9);transform-origin:left center}
  .bb-hside{position:relative;display:flex;align-items:center;gap:8px;flex:none}
  .bb-hbell{position:relative;width:34px;height:34px;border-radius:10px;border:1px solid #d9d2c6;background:rgba(255,255,255,.5);color:#1F1A17;display:grid;place-items:center;padding:0;cursor:pointer}
  .bb-hbell::after{content:'';position:absolute;inset:-5px}
  .bb-hn{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;border-radius:9px;background:#A65338;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 4px;line-height:1}
  .bb-hdrs b{cursor:pointer}
  /* المسافة أسفل كل صفحة: ارتفاع الشريط و24 بكسلاً ومنطقة الأمان، في الأقسام كلها */
  body.bb-app{padding-bottom:calc(64px + 24px + 24px + env(safe-area-inset-bottom,0px))!important}
  body.bb-app .bh-body{padding-bottom:0}
}
/* «ثبّت بيتي على شاشتك» و«حمّل تطبيق بيتي» على نظام بطاقات «اليوم» */
.bb-appi{width:44px;height:44px;border-radius:12px;flex:none;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.bb-appc .bb-acts{display:flex;gap:8px;margin-top:12px}
.bb-appc .bb-acts .ap-btn{flex:1;justify-content:center}
button.bb-appl{width:100%;cursor:pointer}
.bb-appl .bb-pill.solid{flex:none}
.bb-astep{gap:12px;margin-bottom:8px}
.bb-astn{flex:none;width:30px;height:30px;border-radius:50%;background:var(--terra);color:#fff;display:grid;place-items:center;font-weight:700}
.bb-aico{flex:none;width:40px;height:40px;border-radius:12px;background:var(--sheet);display:grid;place-items:center;color:#2F6FDB;box-shadow:inset 0 0 0 1px var(--line)}
.bb-aurl{direction:ltr;font-size:13px;background:var(--paper,#F6F5F1);border-radius:12px;padding:10px 12px;word-break:break-all;margin:6px 0 10px}
.bb-aqr{display:grid;place-items:center;margin:6px auto 12px;width:220px;height:220px;background:#fff;border-radius:16px;border:1px solid var(--line)}
.bb-aqr svg{width:200px;height:200px}
.bb-appw:empty{display:none}
/* التقويم: أسبوع افتراضاً، وشهر اختياراً */
.bb-calv{display:flex;justify-content:flex-start;margin:2px 2px -4px}
.bb-calseg{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:var(--sheet);box-shadow:var(--bb-sh)}
.bb-calseg .bb-pill{min-height:36px;padding:6px 16px;border:0;background:none}
.bb-calseg .bb-pill.on{background:var(--d-m);color:#fff}
.bb-month{padding:12px 10px}
.bb-mh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 4px 8px}
.bb-mh b{font-size:16px}
.bb-mnav{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--sheet);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.bb-mgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.bb-mdn{text-align:center;font-size:11px;color:var(--ink-2);padding:2px 0 4px}
.bb-mday{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:46px;border:0;background:none;border-radius:12px;font:inherit;color:inherit;cursor:pointer;padding:4px 0}
.bb-mday b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.bb-mday.past b{color:var(--ink-2);font-weight:500}
.bb-mday.on{background:var(--d-m);color:#fff}.bb-mday.on b{color:#fff}
.bb-mday i,.bb-mleg i{display:block;width:7px;height:7px;border-radius:50%;background:var(--d-s)}
.bb-mday i.no{visibility:hidden}
.bb-mday i.late,.bb-mleg i.late{background:var(--d-r)}
.bb-mday i.now,.bb-mday i.soon,.bb-mleg i.soon{background:var(--d-s)}
.bb-mday i.done,.bb-mleg i.done{background:var(--d-f)}
.bb-mday.on i{box-shadow:0 0 0 2px #fff}
.bb-mday:focus-visible,.bb-mnav:focus-visible{outline:2px solid var(--terra);outline-offset:1px}
.bb-mleg{display:flex;gap:14px;justify-content:center;margin-top:8px;font-size:12px;color:var(--ink-2)}
.bb-mleg span{display:inline-flex;align-items:center;gap:6px}
/* البطاقات من نوع section («ثبّت بيتي على شاشتك» و«أكمل ملف بيتك» وغيرهما): هامشها الداخلي كبقية البطاقات، لا صفر app.css */
.app-main section.bb-card{padding-block:16px}

/* ===== إعادة الترتيب (أمر هاني 25 أكتوبر): الرأس و«المزيد» و«ممتلكات البيت» ===== */
.bb-hx{display:none}
body.bb-app .bb-hx{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
body.bb-app .bb-hx+.auth{margin-inline-start:8px}
.bb-hxb{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--sheet);color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0}
.bb-hxplan{border:1.5px solid #A65338;background:#F5EFE8;color:#A65338}
.bb-hxplan.on{background:#A65338;color:#fff}
.bb-hxb:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
@media (max-width:899px){.bb-hxb{width:36px;height:36px;border-radius:10px}body.bb-app .bb-hx{gap:6px}}
@media (min-width:900px){.top .bh-inhdr .bh-skb{display:none!important}.top .bh-topr.bh-inhdr{margin-inline-start:auto}.top .bh-topr.bh-inhdr+.bb-hx{margin-inline-start:8px}}
.bb-msrch{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--sheet);color:var(--ink-2);font:inherit;font-size:14.5px;cursor:pointer;text-align:start}
.bb-acc{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--bb-r);background:#5A3420;color:#F5EFE8;box-shadow:var(--bb-sh)}
.bb-accav{flex:none;width:46px;height:46px;border-radius:50%;background:#F5EFE8;color:#5A3420;display:grid;place-items:center;font-weight:800;font-size:19px}
.bb-acct{flex:1;min-width:0;display:flex;flex-direction:column}.bb-acct b{font-size:17px}.bb-acct small{font-size:12.5px;opacity:.8}
.bb-accpl{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:14px;border:1px solid rgba(245,239,232,.3);background:rgba(245,239,232,.12);color:#F5EFE8;font:inherit;cursor:pointer;min-height:44px}
.bb-accpl b{font-size:12.5px}.bb-accpl small{font-size:11.5px;opacity:.85}
.bb-msec{display:flex;flex-direction:column;gap:8px}
.bb-mhd{display:flex;justify-content:space-between;align-items:baseline;margin:6px 4px 0}.bb-mhd b{font-size:13.5px;color:var(--ink-2)}.bb-mhd small{font-size:12px;color:var(--ink-2)}
.bb-est{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bb-estc{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;min-height:120px}
.bb-estc b{font-size:15px;margin-top:6px}.bb-estc small{font-size:12.5px;color:var(--ink-2)}
.bb-estc em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--d-f);margin-top:auto}.bb-estc em.warn{color:var(--d-r)}
.bb-mrows{padding:4px 12px}
.bb-mrow{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;color:var(--ink);text-align:start;cursor:pointer;position:relative}
.bb-mrow:last-child{border-bottom:0}
.bb-mrow>div{flex:1;min-width:0}
.bb-mch{flex:none;color:var(--ink-2);font-size:18px}
.bb-mtag{flex:none;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--d-s) 16%,var(--sheet));color:var(--d-s)}
.bb-avs{display:flex;flex:none}.bb-avs i{width:28px;height:28px;border-radius:50%;background:var(--d-p);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;border:2px solid var(--sheet);margin-inline-start:-8px}
.bb-avs i.more{background:var(--ink-2)}
.bb-mrow .bb-tdot{position:static}
.bb-estseg{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--sheet);box-shadow:var(--bb-sh)}
.bb-estseg .bb-pill{flex:1;border:0;background:none;min-height:42px;gap:8px}
.bb-estseg .bb-pill.on{background:var(--paper,#F6F5F1);box-shadow:0 1px 4px rgba(31,26,23,.12);color:var(--terra)}
.bb-segn{min-width:22px;height:22px;border-radius:11px;background:var(--line);display:inline-grid;place-items:center;font-size:12px;padding:0 6px}
.bb-estseg .bb-pill.on .bb-segn{background:var(--terra);color:#fff}
.bb-platec{background:#1F1A17;color:#F6F5F1}.bb-platec .bb-d{color:rgba(246,245,241,.75)}
.bb-estf{flex-wrap:wrap}
.bb-st{flex:none;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}
.bb-st.late{background:color-mix(in srgb,var(--d-r) 14%,var(--sheet));color:var(--d-r)}
.bb-st.now{background:color-mix(in srgb,var(--d-s) 16%,var(--sheet));color:var(--d-s)}
.bb-st.ok{background:color-mix(in srgb,var(--d-f) 14%,var(--sheet));color:var(--d-f)}
.bh-team{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink)!important;min-height:56px}

/* ===== «اليوم» وتقويم البيت الموحد (أمر هاني 25 أكتوبر، البنود ٦–١٠ و٢٦–٢٩) ===== */
.bb-wk2{padding:12px 10px 10px}
.bb-wkd{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.bb-wkd button{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:64px;padding:7px 0 6px;border:0;border-radius:14px;background:transparent;color:var(--ink);font:inherit;cursor:pointer}
.bb-wkd button small{font-size:11.5px;color:var(--muted);font-weight:700}
.bb-wkd button b{font-size:17px;line-height:1.1}
.bb-wkd button.on{background:var(--brown,#5A3420);color:#fff}
.bb-wkd button.on small{color:rgba(255,255,255,.82)}
.bb-wkd button:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
.bb-wdots{display:flex;gap:3px;min-height:6px}
.bb-wdots i{width:6px;height:6px;border-radius:50%}
.bb-wkd button.on .bb-wdots i{box-shadow:0 0 0 1.5px #fff}
.bb-wleg{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);font-weight:700}
.bb-wleg span{display:inline-flex;align-items:center;gap:5px}.bb-wleg i{width:8px;height:8px;border-radius:50%}
.bb-hwide{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:0;text-align:start;background:#2f5d62;color:#fff;font:inherit;cursor:pointer}
.bb-hwide small{display:block;font-size:12.5px;opacity:.8;font-weight:700}
.bb-hwide b{display:block;font-size:15.5px;line-height:1.5;margin:2px 0 6px}
.bb-hgo{font-size:13.5px;font-weight:800;color:#F3D9A4}
.bb-hring{flex:none;display:grid;place-items:center}
.bb-hring svg text{fill:#fff}
.bb-gmini{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 12px;padding:12px 14px}
.bb-gmh{display:flex;align-items:center;gap:10px;min-width:0;border:0;background:none;padding:0;font:inherit;color:inherit;text-align:start;cursor:pointer}
.bb-gmh small{display:block;font-size:12px;color:var(--muted);font-weight:700}
.bb-gmh b{display:block;font-size:14.5px;line-height:1.45}
.bb-gmgo{min-height:44px;padding-inline:16px;white-space:nowrap}
.bb-gmini .bb-dots{grid-column:1/-1;margin:0}.bb-gmini .bb-dots i{height:5px}
.bb-agsh{display:flex;align-items:center;justify-content:space-between}
.bb-agenda{padding:4px 0}
.bb-ag{display:grid;grid-template-columns:4px 1fr auto;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 14px 10px 12px;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;color:inherit;text-align:start;cursor:pointer}
.bb-ag:last-child{border-bottom:0}
.bb-agt{align-self:stretch;width:4px;border-radius:4px;background:var(--ty);font-size:0}
.bb-agt.late{background:var(--d-r)}
.bb-ag .bb-d.late{color:var(--d-r);font-weight:700}
.bb-agty{font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:20px;color:var(--ty);background:color-mix(in srgb,var(--ty) 13%,transparent);white-space:nowrap}
.bb-who.n{--pc:var(--muted)}
.bb-calk{display:flex;align-items:center;gap:8px;justify-content:center;margin:2px auto 4px;min-height:44px}
.bb-talkl{width:100%;border:0;text-align:start;font:inherit;color:inherit;cursor:pointer}
.bb-talkl .bb-d{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bb-tipl{margin:0;padding:2px 6px;font-size:13.5px;line-height:1.75;color:var(--muted)}
.bb-tipl b{color:var(--ink)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bb-hwide{background:#24484c}}
:root[data-theme="dark"] .bb-hwide{background:#24484c}
.bb-hring circle:first-of-type{stroke:rgba(255,255,255,.22)}
.bb-nbg{flex:none;min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:var(--terra);color:#fff;font-size:12.5px;font-weight:800;display:grid;place-items:center}
.bb-mday .bb-wdots i{width:5px;height:5px}.bb-mday.on .bb-wdots i{box-shadow:0 0 0 1.5px #fff}
.bb-mleg{flex-wrap:wrap;gap:4px 12px}

/* ===== المشتريات (أمر هاني 25 أكتوبر، البنود ١١–٢١) ===== */
.bb-shseg{display:flex;gap:4px;padding:4px;margin:0 0 12px;border-radius:16px;background:color-mix(in srgb,var(--ink) 6%,transparent);overflow-x:auto;scrollbar-width:none}
.bb-shseg::-webkit-scrollbar{display:none}
.bb-shtab{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 12px;border:0;border-radius:12px;background:none;font:inherit;font-weight:700;font-size:14px;color:var(--muted);cursor:pointer;white-space:nowrap}
.bb-shtab i{font-style:normal;font-size:11.5px;min-width:22px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--ink) 9%,transparent);color:var(--ink-2,var(--ink))}
.bb-shtab.on{background:var(--sheet);color:var(--ink);box-shadow:var(--bb-sh)}
.bb-shtab.on i{background:var(--terra);color:#fff}
.bb-shtab:focus-visible{outline:2px solid var(--terra);outline-offset:1px}
.bb-addbar{position:sticky;top:66px;z-index:12;margin:0 0 12px}
@media (min-width:900px){.bb-addbar{top:76px}}
.bb-addb{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 8px;border:1.5px solid var(--line);border-radius:18px;background:var(--sheet);box-shadow:var(--bb-sh)}
.bb-addb:focus-within{border-color:var(--terra)}
.bb-addb input{flex:1;min-width:0;min-height:40px;border:0;background:none;font:inherit;font-size:15px;color:var(--ink);outline:none}
.bb-addgo{flex:none;width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--terra);color:#fff;cursor:pointer}
.bb-addgo:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.bb-stsearch{margin:0 0 10px}
.bb-sugs{margin-top:6px;padding:4px 0;max-height:52vh;overflow:auto}
.bb-sug{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:8px 14px;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;color:inherit;text-align:start;cursor:pointer}
.bb-sug:last-child{border-bottom:0}.bb-sug>div{flex:1;min-width:0}
.bb-sug b{display:block;font-size:15px}.bb-sug small{display:block;font-size:12.5px;color:var(--muted)}
.bb-sugp{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--terra);color:var(--terra);font-weight:800}
.bb-freq{margin:0 0 12px}.bb-freq:empty{display:none}
.bb-fqh{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 4px 8px}
.bb-fqh b{font-size:15px}.bb-fqh small{font-size:12.5px;color:var(--muted)}
.bb-fqr{gap:8px}
.bb-fqc{flex:none;width:78px;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1.5px solid var(--line);border-radius:16px;background:var(--sheet);font:inherit;color:var(--d-s);cursor:pointer;position:relative}
.bb-fqc b{font-size:13px;color:var(--ink);line-height:1.25}
.bb-fqc.on{background:var(--terra);border-color:var(--terra);color:#fff}.bb-fqc.on b{color:#fff}
.bb-fqc.on::after{content:'✓';position:absolute;top:5px;inset-inline-start:7px;font-size:11px;font-weight:800}
.bb-store{padding:6px 0 4px;margin:0 0 12px}
.bb-store>h2,.bb-sth h2{margin:0;font-size:14.5px;font-weight:800}
.bb-store>h2{padding:10px 16px 6px}
.bb-sth{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 4px 16px}
.bb-stsend{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 10px;border:0;background:none;font:inherit;font-size:13.5px;font-weight:800;color:#1F8F55;cursor:pointer;border-radius:10px}
.bb-stsend:focus-visible{outline:2px solid #1F8F55}
.bb-irow{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 12px;border-top:1px solid var(--line);transition:opacity .25s,transform .25s}
.bb-irow.gone{opacity:0;transform:translateX(-14px)}
.bb-iico{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--d-s) 12%,transparent);color:var(--d-s)}
.bb-itx{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:none;padding:2px 0;font:inherit;color:inherit;text-align:start;cursor:pointer;min-height:44px;justify-content:center}
div.bb-itx{cursor:default}
.bb-itx b{font-size:15.5px;line-height:1.35}
.bb-itx small{font-size:12.5px;color:var(--muted)}
.bb-iwho{display:inline-flex;align-items:center;gap:6px}.bb-iwho i{width:8px;height:8px;border-radius:50%;flex:none}
.bb-inote{display:inline-flex;align-items:center;gap:5px;color:var(--terra)!important;font-weight:700}
.bb-lowt{font-style:normal;font-size:11px;font-weight:800;color:var(--d-s);background:color-mix(in srgb,var(--d-s) 14%,transparent);padding:1px 7px;border-radius:8px;margin-inline-start:4px;vertical-align:2px}
.bb-iqty{flex:none;font-size:12.5px;font-weight:800;padding:4px 9px;border-radius:9px;background:color-mix(in srgb,var(--ink) 7%,transparent);max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bb-ick{flex:none;width:44px;height:44px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center}
.bb-ick::before{content:'';width:26px;height:26px;border-radius:50%;border:2px solid color-mix(in srgb,var(--ink) 30%,transparent);transition:background .15s,border-color .15s}
.bb-ick:hover::before{border-color:var(--d-f)}
.bb-ick:active::before{background:var(--d-f);border-color:var(--d-f)}
.bb-ick:focus-visible{outline:2px solid var(--terra);border-radius:50%}
.bb-irow.done .bb-iico{background:color-mix(in srgb,var(--d-f) 12%,transparent);color:var(--d-f)}
.bb-irow.done b{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ink) 35%,transparent);color:var(--muted)}
.bb-basket>h2{color:var(--d-f)}
.bb-undo{flex:none;min-height:40px}
.bb-sendall{display:flex;align-items:center;justify-content:center;gap:8px;background:#1F8F55;border-color:#1F8F55}
.bb-st3{flex:none;display:flex;gap:2px;padding:3px;border-radius:12px;background:color-mix(in srgb,var(--ink) 6%,transparent)}
.bb-st3 button{min-width:46px;min-height:38px;padding:0 6px;border:0;border-radius:9px;background:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer}
.bb-st3 button.on.s-ok{background:var(--d-f);color:#fff}.bb-st3 button.on.s-low{background:#c49a3c;color:#fff}.bb-st3 button.on.s-out{background:var(--terra);color:#fff}
.bb-st3 button:focus-visible{outline:2px solid var(--terra)}
.bb-strow .bb-itx b{font-size:15px}
.bb-inl{color:var(--terra)!important;font-weight:700}
.bb-stf{margin:0 0 12px}
.bb-stmg{display:block;margin:4px auto 8px;min-height:44px}
.bb-bigr{width:100%;border:0;text-align:start;font:inherit;color:inherit;cursor:pointer}
.bb-chev{margin-inline-start:auto;font-size:20px;color:var(--muted)}
@media (max-width:380px){.bb-st3 button{min-width:40px;font-size:12px}.bb-iico{width:36px;height:36px}}
/* تفاصيل الصنف */
.bb-itsh .bb-lbl{margin-top:14px}
.bb-qty{display:flex;align-items:center;gap:14px}
.bb-qty b{min-width:34px;text-align:center;font-size:22px;font-variant-numeric:tabular-nums}
.bb-qb{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:var(--sheet);font:inherit;font-size:22px;font-weight:700;color:var(--ink);cursor:pointer}
.bb-qb:focus-visible{outline:2px solid var(--terra)}
.bb-qty small{margin-inline-start:auto}
.bb-inote-in{width:100%;box-sizing:border-box;border:1.5px solid var(--line);border-radius:14px;padding:10px 12px;font:inherit;font-size:15px;background:var(--sheet);color:var(--ink);resize:vertical}
.bb-inote-in:focus{outline:none;border-color:var(--terra)}
.bb-picks{margin-top:8px}
.bb-pill.sm{min-height:38px;padding:0 12px;font-size:13px}
.bb-phb{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.bb-iphoto img{display:block;margin-top:10px;max-width:160px;max-height:160px;border-radius:14px;object-fit:cover}
.bb-itmore{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.bb-itmore summary{cursor:pointer;font-weight:700;min-height:40px;display:flex;align-items:center;color:var(--ink-2,var(--ink))}
.bb-chk{display:flex;align-items:center;gap:10px;margin:12px 0 4px;min-height:44px;font-size:14px}
.bb-chk input{width:20px;height:20px;accent-color:var(--terra)}
.bb-wapv{font-size:14px;line-height:1.7;padding:10px 14px;border-radius:14px 14px 4px 14px;background:color-mix(in srgb,#1F8F55 9%,var(--sheet,#fff));border:1px solid color-mix(in srgb,#1F8F55 22%,transparent);margin:0 0 14px;unicode-bidi:plaintext}
/* نافذة الإرسال */
.bb-sopt{width:100%;border:1.5px solid var(--line);text-align:start;font:inherit;color:inherit;cursor:pointer}
.bb-sopt.on{border-color:var(--terra);box-shadow:0 0 0 3px color-mix(in srgb,var(--terra) 15%,transparent)}
.bb-sendst{margin-bottom:4px}
.bb-wagreen{background:#1F8F55!important;border-color:#1F8F55!important;color:#fff!important}
.bb-sdpage{display:block;margin:8px auto 0;min-height:44px}
.bb-itx b{color:var(--ink)}
.bb-shtab{flex:1 1 0;min-width:0;padding:4px 6px;font-size:13.5px;white-space:normal;line-height:1.25;text-align:center}
@media (max-width:420px){.bb-shtab{font-size:12.5px;gap:4px}.bb-shtab i{min-width:20px;padding:0 5px}}
.bb-freq{display:none}.bb-freq.show{display:block}
@media (min-width:1100px){.bb-shop .bb-shbody{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-items:start}
  .bb-shop .bb-shbody>*{grid-column:1/-1}.bb-shop .bb-shbody>.bb-store{grid-column:auto}}

/* ===== الصيانة (أمر هاني 25 أكتوبر، البنود ٢٢–٢٥) ===== */
.bb-mseg{margin-top:2px}
.bb-report{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 14px;padding:14px 16px;border:1.5px solid color-mix(in srgb,var(--terra) 45%,transparent);background:color-mix(in srgb,var(--terra) 7%,var(--sheet));font:inherit;color:inherit;text-align:start;cursor:pointer}
.bb-repi{flex:none;width:40px;height:40px;border-radius:12px;background:var(--terra);color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px}
.bb-report b{display:block;font-size:15.5px;color:var(--terra)}.bb-report small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.bb-report:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
.bb-calh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 8px}
.bb-calt{font-size:15px}.bb-calh .bb-seg{margin:0}
.bb-calh .bb-pill{min-height:38px;padding:0 14px;font-size:13.5px}
.bb-mday.sel{background:color-mix(in srgb,var(--d-m) 16%,transparent)}
.bb-dayw{margin-top:14px}
.bb-latec{font-size:13px;font-weight:800;color:var(--d-r)}
.bb-mlist{padding:2px 0;margin-bottom:8px}.bb-mlist>.bb-irow:first-child{border-top:0}
.bb-iico.m{background:color-mix(in srgb,#2f5d62 12%,transparent);color:#2f5d62}
.bb-iico.r{background:color-mix(in srgb,var(--d-r) 12%,transparent);color:var(--d-r)}
.bb-itx small.bb-late{color:var(--d-r);font-weight:700}
.bb-mmore{display:block;margin:2px auto 10px;min-height:44px}
.bb-year{padding:10px 0 10px}
.bb-yscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bb-ytab{border-collapse:collapse;min-width:100%;font-size:12.5px}
.bb-ytab th,.bb-ytab td{padding:0;height:36px;text-align:center;border-bottom:1px solid var(--line)}
.bb-ytab tbody th{position:sticky;right:0;background:var(--sheet);text-align:start;padding:0 12px 0 8px;font-weight:700;white-space:nowrap;max-width:132px;overflow:hidden;text-overflow:ellipsis;z-index:1}
.bb-ytab td{min-width:28px}
.bb-ytab td i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2f5d62}
.bb-ytab td i.late{background:var(--d-r)}
.bb-ymh{min-width:30px;min-height:36px;border:0;background:none;font:inherit;font-size:11.5px;font-weight:800;color:var(--muted);cursor:pointer;padding:0 2px}
.bb-ymh:focus-visible{outline:2px solid var(--terra)}
.bb-year .bb-mleg{padding:8px 14px 0}.bb-ymore{padding:6px 14px 0;margin:0}

/* ===== وضع المخطط (أمر هاني 25 أكتوبر، البنود ٣٩–٥٠) ===== */
.pm-page{padding-bottom:240px}
.pm-top{display:flex;align-items:flex-start;gap:8px;margin:0 0 8px;min-height:0}
.pm-floors{display:flex;flex-wrap:wrap;gap:4px;margin-inline-start:auto;padding:3px;border-radius:14px;background:color-mix(in srgb,var(--sheet) 80%,transparent);border:1px solid var(--line)}
.pm-fb{min-height:36px;padding:0 12px;border:0;border-radius:11px;background:none;font:inherit;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer}
.pm-fb.on{background:var(--ink);color:var(--sheet,#fff)}
.pm-layers{display:flex;flex-wrap:wrap;gap:5px}
.pm-lb{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 10px;border:1.5px solid var(--line);border-radius:12px;background:var(--sheet);font:inherit;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer}
.pm-lb.on{border-color:#2f5d62;background:#2f5d62;color:#fff}
.pm-demo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;padding:14px 16px;border-radius:18px;background:#1F1A17;color:#F5EFE8}
.pm-demo b{flex:1 1 200px;font-size:14px;line-height:1.7}
.pm-add{min-height:44px;background:var(--terra);border-color:var(--terra)}
.pm-stage{position:relative;border-radius:20px;background:var(--sheet);box-shadow:var(--bb-sh);padding:6px;touch-action:pan-y}
.pm-wrap{position:relative;width:100%}
.pm-wrap>svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.pm-svg .pm-room{fill:#fff;stroke:none;cursor:pointer;transition:fill .2s}
.pm-svg.ba-arch .pm-room{fill:transparent}
.pm-svg .pm-room.s-down,.pm-svg .pm-room.s-late{fill:rgba(181,69,46,.2)}
.pm-svg .pm-room.s-week{fill:rgba(196,154,60,.22)}
.pm-svg .pm-room.s-ok{fill:rgba(79,107,58,.13)}
.pm-poche{fill:#5A3420}
.pm-win{fill:none;stroke:#4a7fb5;stroke-width:.03}
.pm-door{fill:none;stroke:#B26042;stroke-width:.035}
.pm-thr{fill:none;stroke:#5A3420;stroke-width:.05}
.pm-stair{fill:none;stroke:#8d8175;stroke-width:.025}.pm-stair.h{stroke-dasharray:.08 .06}
.pm-furn{fill:none;stroke:#d9cfc4;stroke-width:.02}
.pm-svg .ba-lb,.pm-svg .ba-dims{display:none}
.pm-ov{position:absolute;inset:0;pointer-events:none}
.pm-ov>*{position:absolute;pointer-events:auto}
.pm-rn{transform:translate(-50%,-10%);border:0;background:none;padding:2px 4px;font:inherit;font-size:10.5px;font-weight:700;color:#6b5f56;white-space:nowrap;cursor:pointer;line-height:1.2}
.pm-rn:focus-visible{outline:2px solid var(--terra);border-radius:6px}
.pm-yard{transform:translate(-50%,-50%);font-size:11px;color:#8d8175;font-style:italic}
.pm-pins{transform:translate(-50%,-30%);display:flex;flex-direction:column;align-items:center;gap:3px}
.pm-pin{display:flex;align-items:center;gap:5px;max-width:132px;min-height:28px;padding:3px 9px 3px 7px;border:0;border-inline-start:3px solid var(--ty);border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(31,26,23,.16);font:inherit;text-align:start;cursor:pointer;color:#1F1A17}
.pm-pin i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ty)}
.pm-pin span{min-width:0;display:flex;flex-direction:column}
.pm-pin b{font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-pin small{font-size:9.5px;color:#6b5f56;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-pin.late{animation:pmPulse 1.6s ease-in-out infinite}
@keyframes pmPulse{0%,100%{box-shadow:0 2px 8px rgba(31,26,23,.16),0 0 0 0 rgba(181,69,46,.45)}50%{box-shadow:0 2px 8px rgba(31,26,23,.16),0 0 0 6px rgba(181,69,46,0)}}
.pm-more{min-width:30px;min-height:24px;border:0;border-radius:8px;background:#1F1A17;color:#fff;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.pm-agrid{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;max-width:96px}
.pm-apin{width:28px;height:28px;border-radius:50%;border:1.5px solid #2f5d62;background:#fff;color:#2f5d62;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 1px 4px rgba(31,26,23,.15)}
.pm-apin.down{border-color:#B5452E;color:#B5452E;animation:pmPulse 1.6s ease-in-out infinite}
.pm-spin{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;padding:0;font:inherit;cursor:pointer}
.pm-spin b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#B26042;color:#fff;font-size:15px;box-shadow:0 0 0 4px rgba(178,96,66,.2)}
.pm-spin span{font-size:10.5px;font-weight:800;color:#5A3420;background:rgba(255,255,255,.85);padding:0 5px;border-radius:6px;white-space:nowrap}
.pm-pin:focus-visible,.pm-apin:focus-visible,.pm-spin:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.pm-pin.late,.pm-apin.down{animation:none}}
/* النافذة فوق الشريط: سطران، والقائمة كاملة، والمقبض وحده */
.pm-panel{position:fixed;inset-inline:10px;bottom:calc(98px + env(safe-area-inset-bottom,0px));height:220px;z-index:40;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;
  background:color-mix(in srgb,var(--sheet,#fff) 80%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);box-shadow:0 12px 40px -12px rgba(31,26,23,.35);transition:height .28s cubic-bezier(.2,.8,.2,1)}
.pm-panel.drag{transition:none}
html.bb-noglass .pm-panel{background:var(--sheet)}
body.bb-pm-full .pm-panel{height:min(78vh,calc(100vh - 180px))}
body.bb-pm-mini .pm-panel{height:46px}
.pm-grab{flex:none;display:flex;justify-content:center;touch-action:none;cursor:grab}
.pm-handle{width:100%;height:30px;border:0;background:none;display:grid;place-items:center;cursor:grab}
.pm-handle i{width:44px;height:5px;border-radius:5px;background:color-mix(in srgb,var(--ink) 25%,transparent)}
.pm-body{flex:1;min-height:0;overflow-y:auto;padding:0 14px 18px;overscroll-behavior:contain}
body.bb-pm-mini .pm-body{visibility:hidden}
.pm-sum{margin:0 0 10px}
.pm-sl{display:flex;align-items:center;gap:10px;padding:2px 2px 10px;border-bottom:1px solid var(--line)}
.pm-sl>div{flex:1;min-width:0}.pm-sl b{display:block;font-size:15.5px}.pm-sl small{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-act{min-height:40px;padding:0 14px;font-size:13.5px;white-space:nowrap}
.pm-pg .bb-hd{display:none}
.pm-pg .bb-cols{display:block}.pm-pg .bb-aside,.pm-pg .bb-main{width:auto}
.pm-pg .bb-addbar{top:0}
.pm-rh{display:flex;align-items:center;gap:8px;margin:0 0 10px}.pm-rh h2{margin:0;font-size:17px}
.pm-back{min-height:40px}
.pm-rep{margin-bottom:12px}
.pm-rs p{margin:0;padding:8px 14px;border-top:1px solid var(--line)}.pm-rs p:first-child{border-top:0}
.pm-note{font-size:12.5px;margin-top:8px}
.pm-resp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 2px}
.pm-arow{width:100%;border:0;border-top:1px solid var(--line);background:none;font:inherit;color:inherit;text-align:start;cursor:pointer}
.pm-nospace{padding:12px 14px;margin-bottom:12px;display:flex;flex-wrap:wrap;gap:6px}.pm-nospace b,.pm-nospace small{flex-basis:100%}.pm-nospace small{color:var(--muted);font-size:12.5px}
/* الرأس كبسولة زجاج عائمة فوق المخطط */
body.bb-pm header.top{margin:8px 10px 0;border-radius:22px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);background:color-mix(in srgb,var(--sheet,#fff) 74%,transparent);-webkit-backdrop-filter:saturate(1.5) blur(16px);backdrop-filter:saturate(1.5) blur(16px);box-shadow:0 8px 24px -14px rgba(31,26,23,.3)}
@media (min-width:900px){
  .pm-page.pm-desk{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:0 18px;align-items:start;padding-bottom:24px}
  .pm-desk>*{grid-column:1}
  .pm-desk>.pm-panel{grid-column:2;grid-row:1/span 6;position:sticky;top:84px;inset:auto;height:calc(100vh - 104px)!important;width:auto;border-radius:22px;z-index:5}
  .pm-desk .pm-grab{display:none}
  .pm-desk .pm-wrap{width:min(100%,calc((100vh - 170px) * var(--ar,1)));margin-inline:auto}
  .pm-desk .pm-body{padding-top:14px}
}

.pm-wrap>svg{min-width:0!important;max-width:none!important;margin:0!important}
.pm-stage{overflow:hidden}
.pm-wrap>svg{max-height:none!important;height:100%!important}
.pm-svg .ba-r polygon{fill:#fff!important;stroke:none!important}
.pm-svg .ba-r.s-circ polygon{fill:#faf7f3!important}

.pm-top{flex-wrap:wrap}.pm-layers{order:2;flex-basis:100%}.pm-floors{order:1}
.pm-demo{padding:10px 12px;gap:8px;flex-wrap:nowrap;border-radius:16px}
.pm-demo b{flex:1 1 auto;font-size:12.5px;line-height:1.6;font-weight:700}
.pm-demo .pm-add{flex:none;min-height:40px;padding:0 12px;font-size:13px;white-space:nowrap}
/* العنوان يأخذ التركيز عند فتح الصفحة لقارئ الشاشة، بلا إطار ظاهر */
.bh-body [tabindex="-1"]:focus{outline:none}
.bb-tipend{margin-top:16px}
/* مراجعة هاني (25 أكتوبر 22:10): النافذة تبدأ بسطر عنوانها فيبقى المخطط كله ظاهراً فوقها */
body.bb-pm-peek .pm-panel{height:calc(30px + 56px)}
body.bb-pm-mid .pm-panel{height:52vh}
body.bb-pm-peek .pm-sl small{display:none}
body.bb-pm-peek .pm-sl{border-bottom:0}
body.bb-pm-peek .pm-pg{visibility:hidden}
.pm-page{padding-bottom:120px}
@media (max-width:899px){
  .pm-wrap{width:min(100%,calc((100dvh - 352px) * var(--ar,1)));margin-inline:auto}
  body.pm-hasdemo .pm-wrap{width:min(100%,calc((100dvh - 420px) * var(--ar,1)))}
  .pm-stage{padding:4px}
}
.pm-pg .bb-why{display:none}
.pm-rnx{visibility:hidden}
.bb-htr{display:flex;align-items:center;gap:8px}
.bb-whyq{flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--ink) 25%,transparent);background:none;font:inherit;font-size:15px;font-weight:800;color:var(--muted);display:grid;place-items:center;cursor:pointer;padding:0}
.bb-whyq::after{content:'';position:absolute;inset:-7px}.bb-whyq{position:relative}
.bb-whyq:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
.bb-whyt{font-size:15px;line-height:1.8;margin:0 0 6px}
/* «الأعطال» و«الفنيون» تحت رأس الصيانة: عنوانهما القديم يُخفى وتبقى أفعالهما */
.bb-mtab .bh-ph .bh-pt{display:none}
.bb-mtab .bh-ph{padding-top:0}
.bb-alertw:empty{display:none}.bb-alertw>*{margin:0!important}
/* ===== وضع المخطط في الجوال (طلب صياح 25 أكتوبر 23:21): المخطط بالشاشة كلها، والقائمة دائرة عائمة تتفتح منها النافذة ===== */
@media (max-width:899px){
  .pm-page{padding-bottom:110px}
  .pm-wrap{width:min(100%,calc((100dvh - 262px) * var(--ar,1)))}
  body.pm-hasdemo .pm-wrap{width:min(100%,calc((100dvh - 318px) * var(--ar,1)))}
  .pm-demo{padding:7px 10px;margin-bottom:8px;border-radius:14px}.pm-demo b{font-size:12px;line-height:1.5}.pm-demo .pm-add{min-height:36px;font-size:12.5px;padding:0 10px}
  .pm-panel{inset:auto 10px calc(98px + env(safe-area-inset-bottom,0px)) 10px;height:min(74vh,calc(100dvh - 190px))!important;
    clip-path:circle(26px at calc(100% - 38px) calc(100% - 30px));opacity:0;pointer-events:none;visibility:hidden;
    transition:clip-path .46s cubic-bezier(.2,.9,.25,1),opacity .2s ease,visibility 0s linear .46s}
  [dir=ltr] .pm-panel{clip-path:circle(26px at 38px calc(100% - 30px))}
  body.bb-pm-full .pm-panel,body.bb-pm-mid .pm-panel{clip-path:circle(150% at calc(100% - 38px) calc(100% - 30px));opacity:1;pointer-events:auto;visibility:visible;transition:clip-path .5s cubic-bezier(.2,.9,.25,1),opacity .18s ease,visibility 0s}
  body.bb-pm-mid .pm-panel{height:54vh!important}
  .pm-panel.drag{transition:none}
  .pm-veil{position:fixed;inset:0;z-index:39;background:rgba(31,26,23,.28);opacity:0;pointer-events:none;transition:opacity .3s ease}
  body.bb-pm-full .pm-veil,body.bb-pm-mid .pm-veil{opacity:1;pointer-events:auto}
  .pm-fab{position:fixed;z-index:41;right:16px;bottom:calc(112px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;
    background:#2f5d62;color:#fff;box-shadow:0 10px 24px -8px rgba(31,26,23,.45),0 0 0 4px rgba(255,255,255,.7);transition:transform .35s cubic-bezier(.2,.9,.25,1),opacity .2s}
  [dir=ltr] .pm-fab{right:auto;left:16px}
  .pm-fab b{position:absolute;top:-4px;left:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--terra);color:#fff;font-size:12px;display:grid;place-items:center;box-shadow:0 0 0 2px #fff}
  .pm-fab:active{transform:scale(.92)}
  .pm-fab:focus-visible{outline:3px solid var(--terra);outline-offset:3px}
  body.bb-pm-full .pm-fab,body.bb-pm-mid .pm-fab{transform:scale(.4) rotate(-90deg);opacity:0;pointer-events:none}
  .pm-grab{position:relative}
  .pm-close{position:absolute;top:4px;left:8px;width:40px;height:40px;border:0;border-radius:50%;background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink);display:grid;place-items:center;cursor:pointer}
  [dir=ltr] .pm-close{left:auto;right:8px}
  .pm-grab{min-height:46px}
  body.bb-pm-full .pm-pg,body.bb-pm-mid .pm-pg{visibility:visible}
  body.bb-pm-full .pm-sl small,body.bb-pm-mid .pm-sl small{display:block}
}
@media (min-width:900px){.pm-fab,.pm-veil,.pm-close{display:none}}
@media (prefers-reduced-motion:reduce){.pm-panel,.pm-fab,.pm-veil{transition:none!important}}
/* الدبابيس أصغر من قبل: المخطط هو الأصل، والدبوس علامة عليه */
.pm-pin{max-width:108px;min-height:22px;padding:2px 7px 2px 5px;gap:4px;border-radius:8px;border-inline-start-width:2.5px;box-shadow:0 1px 5px rgba(31,26,23,.16)}
.pm-pin i{width:6px;height:6px}
.pm-pin b{font-size:9.5px;line-height:1.2}
.pm-pin small{font-size:8.5px}
.pm-pins{gap:2px}
.pm-apin{width:22px;height:22px;border-width:1.3px}.pm-apin svg{width:12px;height:12px}
.pm-agrid{gap:2px;max-width:76px}
.pm-spin b{width:28px;height:28px;font-size:12.5px;box-shadow:0 0 0 3px rgba(178,96,66,.2)}.pm-spin span{font-size:9px}
.pm-more{min-height:18px;min-width:24px;font-size:9.5px;border-radius:6px}

/* ===== «ابدأ بيتك» (أمر صياح 26 أكتوبر) ===== */
#vSignup.st-on .ap-h{margin-bottom:10px}
.st-box{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
.st-plan{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:12px 14px;border-radius:16px;background:#2f5d62;color:#fff}
.st-plan b{font-size:16px}.st-plan span{grid-column:1;font-size:12.5px;opacity:.85}
.st-sw{grid-column:2;grid-row:1/span 2;min-height:40px;padding:0 12px;border:1.5px solid rgba(255,255,255,.55);border-radius:12px;background:transparent;color:#fff;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.st-lead{margin:0;font-size:14.5px;line-height:1.8;color:var(--ink-2,var(--ink))}
.st-auth{display:flex;flex-direction:column;gap:10px}
.st-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border-radius:14px;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.st-apple{background:#000;color:#fff;border:0}
.st-auth .g-wrap{margin:0!important}.st-auth .g-btn{min-height:50px;width:100%}
.st-or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.st-or::before,.st-or::after{content:'';flex:1;height:1px;background:var(--line)}
.st-phone{display:flex;flex-direction:column;gap:8px}
.st-phone label{font-weight:700;font-size:14px}
.st-phone input{min-height:50px;border:1.5px solid var(--line);border-radius:14px;padding:0 14px;font:inherit;font-size:17px;letter-spacing:.5px;text-align:left;background:var(--sheet);color:var(--ink)}
.st-phone input:focus{outline:none;border-color:var(--terra)}
.st-go{min-height:52px;font-size:16px}
.st-alt{align-self:center;font-size:13.5px}
.st-terms{margin:0;font-size:12.5px;text-align:center}
#fSignup.st-showf{margin-top:6px}
/* ===== «بيتك جاهز.. فعّله» فوق كل قسم قبل التفعيل (أمر صياح 26 أكتوبر) ===== */
.bq-pv{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 14px;padding:16px;border-radius:20px;background:#1F1A17;color:#F5EFE8;box-shadow:0 12px 30px -18px rgba(31,26,23,.6)}
.bq-pvt b{display:block;font-size:16px;line-height:1.6}
.bq-pvt small{display:block;margin-top:4px;font-size:12.5px;line-height:1.7;opacity:.8}
.bq-pvgo{min-height:50px;font-size:16px;background:var(--terra);border-color:var(--terra);color:#fff}
.bq-pvsw{border:0;background:none;color:#F3D9A4;font:inherit;font-size:13px;font-weight:700;cursor:pointer;min-height:36px;text-decoration:underline;text-underline-offset:3px}
@media (min-width:900px){.bq-pv{grid-template-columns:1fr auto;align-items:center}.bq-pvsw{grid-column:1/-1;justify-self:start}}
.bq-ho .bq-hogo{min-height:52px;font-size:16px}
.bq-holk{display:flex;flex-direction:column;gap:8px;margin-top:10px}.bq-holk input{min-height:44px;border:1.5px solid var(--line);border-radius:12px;padding:0 10px;font-size:12px}
.bq-hoor{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:13px}.bq-hoor::before,.bq-hoor::after{content:'';flex:1;height:1px;background:var(--line)}
.bq-hon{font-size:12.5px;text-align:center;margin-top:8px}
@media (max-width:899px){body.st-mode #authSide{display:none}}
.bq-pwf{display:flex;gap:8px;flex-wrap:wrap}.bq-pwf input{flex:1 1 180px;min-height:44px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;font:inherit}
/* مراجعة هاني (26 أكتوبر): بطاقة الباقة بالبني وكتابة كريمية (١٠)، ولا مفتاح «الدخول | حساب جديد» ولا زر «الدخول» في الرأس لمن جاء ليشترك (٨) */
.st-plan{background:#5A3420;color:#F5EFE8}
.st-sw{border-color:rgba(245,239,232,.7);color:#F5EFE8}
body.st-mode #vAuth .auth-tabs{display:none}
body.st-mode header.top [data-auth] a.btn{display:none}
.st-have{margin:4px 0 0;text-align:center;font-size:13.5px;color:var(--muted)}
.st-otp{display:flex;flex-direction:column;gap:8px;margin-top:6px}.st-otp input{min-height:50px;border:1.5px solid var(--line);border-radius:14px;padding:0 14px;font-size:22px;letter-spacing:6px;text-align:center}
.st-mail{margin-top:12px;text-align:center}.st-mailq{font-size:13.5px}
.st-mailf{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;text-align:start}.st-mailf input{flex:1 1 200px;min-height:44px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;font:inherit}.st-mailf .msg{flex-basis:100%;margin:0}
.st-toast{position:fixed;inset-inline:16px;bottom:24px;z-index:99990;padding:14px 16px;border-radius:14px;background:#1F1A17;color:#F5EFE8;font-size:14px;line-height:1.7;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
/* «احفظ دخولك» */
.bq-lkg{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;background:#fff!important;color:#1F1A17!important;border:1.5px solid var(--line)!important}
.bq-lkf{display:flex;flex-direction:column;gap:8px}.bq-lkf input{min-height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;font:inherit;font-size:16px}
.bq-lkchk{margin-top:10px}
.bq-lkc{padding:14px 16px;border:1.5px solid color-mix(in srgb,var(--terra) 40%,transparent)}.bq-lkc b{display:block;font-size:15px}.bq-lkc p{margin:4px 0 10px}
.bb-lkw:empty{display:none}

/* متصفحات التطبيقات: لا زر قوقل في «ابدأ بيتك» */
body.st-inapp.st-mode .g-wrap{display:none!important}