/* منصة بيتي · «بيتي الجديد، سيدة البيت أولاً» (أمر هاني بموافقة صياح، 27 أكتوبر 2026). الصورة ١ تحكم الشكل.
   أبيض صافٍ، والبطاقات والحقول F5F5F7 بلا ظل، والنص 111111 والثانوي 8A8A8E، والتيراكوتا A65338 لكل زر أساسي وللشطب وللحالي وللنقاط.
   ألوان الأقسام باستيل: العاملة وفريقي FFE6D9 · المقاضي DDF2E3 · الطلبات D9E8FF · السفرة والأدلة EEE3FF.
   الزوايا ٢٢ للبطاقات و١٤ للحقول، ودوائر كاملة للصور والشطب. عنوان الصفحة ٣٤ عريض، والنص ١٦. لا تقييم بألوان ولا أحمر إلا لما فات فعلاً. */
:root{--bn-bg:var(--paper);--bn-card:var(--sheet);--bn-ink:var(--ink);--bn-mute:var(--ink-2);--bn-act:var(--terra);--bn-line:color-mix(in srgb,var(--ink) 8%,transparent);
  --bn-w:#FFE6D9;--bn-m:#DDF2E3;--bn-r:#D9E8FF;--bn-f:#EEE3FF;--bn-n:var(--sheet);
  --bn-w-i:#8A3E22;--bn-m-i:#2E6B45;--bn-r-i:#2F5C99;--bn-f-i:#5B3E99;--bn-r22:22px;--bn-r14:14px}
:root[data-bskin="b"] body.bb-app{background:var(--paper);background-image:none}

/* ===== الصفحة ===== */
.bn-page{max-width:640px;margin-inline:auto;padding:4px 0 120px;color:var(--bn-ink);font-size:16px}
.bn-page *{box-sizing:border-box}
.bn-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 14px}
.bn-me{border:0;background:none;padding:0;cursor:pointer;border-radius:50%}
.bn-av{--av:#D9A08A;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(160deg,color-mix(in srgb,var(--av) 80%,#fff),var(--av));color:#fff;font-weight:700;font-size:18px;flex:none;background-size:cover;background-position:center;position:relative;overflow:hidden}
.bn-av.sm{width:36px;height:36px;font-size:15px}
.bn-av.big{width:92px;height:92px;font-size:36px;box-shadow:0 0 0 5px var(--paper),0 6px 24px -10px rgba(0,0,0,.25)}
.bn-av.bn-hasimg b{opacity:0}
.bn-ib{position:relative;width:44px;height:44px;border-radius:50%;border:0;background:var(--bn-card);color:var(--bn-ink);display:grid;place-items:center;cursor:pointer}
.bn-ib:hover{background:color-mix(in srgb,var(--bn-card) 85%,var(--ink))}
.bn-ibd{position:absolute;top:-3px;inset-inline-end:-3px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--bn-act);color:var(--on-terra);font-size:11px;display:grid;place-items:center;font-weight:700}
.bn-top .bn-bk{margin-inline-start:auto}
.bn-hi{margin:0 0 2px;color:var(--bn-mute);font-size:15px}
.bn-hi button{all:unset;cursor:pointer;color:inherit;text-decoration:underline dotted;text-underline-offset:4px}
.bn-h1{margin:0 0 18px;font-size:34px;line-height:1.25;font-weight:800;letter-spacing:-.2px;color:var(--bn-ink);outline:0}
.bn-sh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:22px 2px 8px}
.bn-sh h2{margin:0;font-size:15px;font-weight:600;color:var(--bn-mute)}
.bn-lnk{border:0;background:none;color:var(--bn-act);font:inherit;font-size:14px;font-weight:700;cursor:pointer;padding:4px 2px}
.bn-empty{color:var(--bn-mute);margin:6px 2px;font-size:15px}

/* ===== البطاقات ===== */
.bn-card{background:var(--bn-card);border-radius:var(--bn-r22);padding:16px 18px;margin:0 0 12px}
.bn-card>h3{margin:0 0 10px;font-size:18px;font-weight:700}
.bn-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px}
.bn-pc{display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:2px;border:0;border-radius:var(--bn-r22);padding:16px 18px 16px;min-height:132px;font:inherit;color:var(--bn-ink);cursor:default}
button.bn-pc{cursor:pointer}
button.bn-pc:active{transform:scale(.985)}
.bn-pcl{font-size:16px;font-weight:700}
.bn-pcb{font-size:38px;line-height:1.15;font-weight:800;margin-top:auto;letter-spacing:-.5px}
.bn-pcb.long{font-size:26px}
.bn-pcs{font-size:13px;color:color-mix(in srgb,var(--bn-ink) 55%,transparent);line-height:1.4}
.bn-t-w{background:var(--bn-w)}.bn-t-m{background:var(--bn-m)}.bn-t-r{background:var(--bn-r)}.bn-t-f{background:var(--bn-f)}.bn-t-n{background:var(--bn-card)}
:root[data-bskin="layl"] .bn-pc{color:var(--ink)}

/* ===== مفتاح الفروع ===== */
.bn-seg{display:grid;grid-template-columns:repeat(var(--n,2),1fr);gap:4px;background:var(--bn-card);border-radius:16px;padding:5px;margin:0 0 14px}
.bn-sg{border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--bn-mute);padding:10px 6px;border-radius:12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bn-sg.on{background:var(--paper);color:var(--bn-ink);font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.06)}
:root[data-bskin="layl"] .bn-sg.on{background:#2C323B}

/* ===== الصفوف ===== */
.bn-list{background:var(--bn-card);border-radius:var(--bn-r22);padding:4px 16px;margin:0 0 12px}
.bn-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 0;border:0;background:none;font:inherit;color:inherit;text-align:start;border-bottom:1px solid var(--bn-line)}
.bn-list>.bn-row:last-child,.bn-list>:last-child .bn-row{border-bottom:0}
button.bn-row{cursor:pointer}
.bn-rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.bn-rt b{font-size:16px;font-weight:600;line-height:1.45}
.bn-rt small{font-size:13px;color:var(--bn-mute);line-height:1.4}
.bn-row.done .bn-rt b{text-decoration:line-through;text-decoration-color:var(--bn-act);text-decoration-thickness:1.5px;color:var(--bn-mute)}
.bn-st-a{color:var(--bn-act)!important}.bn-st-r{color:var(--bn-r-i)!important}.bn-st-m{color:var(--bn-m-i)!important}.bn-st-f{color:var(--bn-f-i)!important}
.bn-time{flex:none;min-width:58px;text-align:center;font-size:13px;font-weight:600;background:var(--paper);border-radius:10px;padding:5px 9px;font-variant-numeric:tabular-nums;color:var(--bn-ink)}
.bn-qty{flex:none;min-width:44px;text-align:center;font-size:13px;font-weight:700;background:var(--paper);border-radius:10px;padding:5px 9px}
.bn-thumb{flex:none;width:56px;height:56px;border-radius:14px;background:color-mix(in srgb,var(--bn-w) 60%,var(--paper));background-size:cover;background-position:center;display:grid;place-items:center;color:var(--bn-mute);font-size:11px;overflow:hidden}
.bn-thumb.bn-hasimg{color:transparent}
/* دائرة الإنجاز: فارغة، ثم تيراكوتا بعلامة. والحالي بحلقة */
.bn-tick{flex:none;width:30px;height:30px;border-radius:50%;border:2px solid var(--line-2);background:transparent;display:grid;place-items:center;color:transparent;cursor:pointer;padding:0;transition:background .15s,border-color .15s}
.bn-tick.on{background:var(--bn-act);border-color:var(--bn-act);color:#fff}
.bn-tick.now{border-color:var(--bn-act);box-shadow:0 0 0 5px color-mix(in srgb,var(--bn-act) 16%,transparent)}
.bn-tick:disabled{cursor:default}
.bn-dot{flex:none;width:10px;height:10px;border-radius:50%;border:2px solid var(--line-2)}
.bn-dot.now{background:var(--bn-act);border-color:var(--bn-act)}
.bn-pill{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;border-radius:999px;padding:5px 12px;white-space:nowrap}
.bn-pill.bn-t-w{color:var(--bn-w-i)}.bn-pill.bn-t-m{color:var(--bn-m-i)}.bn-pill.bn-t-r{color:var(--bn-r-i)}.bn-pill.bn-t-f{color:var(--bn-f-i)}
.bn-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.bn-chips button.bn-pill{border:0;cursor:pointer;font:inherit;font-size:13px;font-weight:700}
.bn-chips button.bn-pill.off{opacity:.55}

/* ===== الأزرار والحقول ===== */
.bn-main{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border:0;border-radius:16px;background:var(--bn-act);color:var(--on-terra);font:inherit;font-size:17px;font-weight:700;cursor:pointer;margin:6px 0 12px;padding:0 18px}
.bn-main:active{transform:scale(.99)}
.bn-main:disabled{opacity:.5;cursor:default}
.bn-main.line{background:transparent;color:var(--bn-ink);border:1.5px solid var(--line-2)}
.bn-mi{display:grid;place-items:center}
.bn-btn{border:0;border-radius:12px;background:var(--bn-act);color:var(--on-terra);font:inherit;font-size:14px;font-weight:700;padding:8px 14px;cursor:pointer}
.bn-btn.soft{background:color-mix(in srgb,var(--bn-act) 12%,transparent);color:var(--bn-act)}
.bn-btn.ghost{background:var(--paper);color:var(--bn-ink)}
.bn-add{display:flex;align-items:center;gap:10px;background:var(--bn-card);border-radius:var(--bn-r14);padding:8px 10px 8px 8px;margin:0 0 12px}
.bn-add input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:16px;color:var(--bn-ink);padding:8px 8px;outline:0}
.bn-add input::placeholder{color:var(--bn-mute)}
.bn-addb{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:var(--bn-ink);color:var(--paper);display:grid;place-items:center;cursor:pointer}
.bn-in{width:100%;border:0;background:var(--bn-card);border-radius:var(--bn-r14);font:inherit;font-size:16px;color:var(--bn-ink);padding:13px 14px;outline:0}
.bn-in:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--bn-act) 45%,transparent)}

/* ===== «اليوم» ===== */
.bn-next .bn-row{padding:10px 0;border:0}
.bn-next .bn-rt b{font-weight:500}
.bn-next .bn-tm{flex:none;font-size:14px;color:var(--bn-mute);font-variant-numeric:tabular-nums;min-width:46px;text-align:end}
.bn-tip{border:1.5px dashed color-mix(in srgb,var(--bn-act) 35%,transparent);background:color-mix(in srgb,var(--bn-w) 35%,var(--paper));border-radius:var(--bn-r22);padding:16px 18px;margin:0 0 12px;display:flex;gap:12px;align-items:flex-start}
.bn-tip .bn-tic{flex:none;width:40px;height:40px;border-radius:12px;background:var(--bn-w);color:var(--bn-w-i);display:grid;place-items:center}
.bn-tip b{display:block;font-size:16px}
.bn-tip p{margin:2px 0 6px;color:var(--bn-mute);font-size:14px;line-height:1.6}
.bn-tip .bn-tacts{display:flex;gap:6px;flex-wrap:wrap}
.bn-ask{background:var(--bn-card);border-radius:var(--bn-r22);padding:14px 16px;margin:0 0 12px}
.bn-askh{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.bn-askh b{font-size:15px}.bn-askh small{color:var(--bn-mute);font-size:13px}
.bn-askq{margin:0 0 10px;font-size:16px}
.bn-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.bn-opt{border:1.5px solid var(--bn-line);background:var(--paper);border-radius:16px;padding:8px;font:inherit;font-size:13px;color:var(--bn-ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.bn-opt.on{border-color:var(--bn-act);background:color-mix(in srgb,var(--bn-w) 50%,var(--paper))}
.bn-opt .bn-thumb{width:100%;height:64px;border-radius:12px}
.bn-askp{width:100%;aspect-ratio:16/9;border-radius:16px;background:var(--paper);background-size:cover;background-position:center}
.bn-week{background:#3A2A22;color:#F5EFE8;border-radius:var(--bn-r22);padding:18px 20px;margin:0 0 12px}
.bn-week b{display:block;font-size:44px;line-height:1.1;font-weight:800}
.bn-week span{opacity:.82;font-size:14px}
.bn-sbox{background:var(--bn-card);border-radius:18px;padding:14px 16px}
.bn-sbox b{display:block;font-size:22px;font-weight:800}
.bn-sbox span{color:var(--bn-mute);font-size:13px}

/* ===== النوافذ ===== */
.bh-sheet.bn-sheet .bn-ml{display:flex;flex-direction:column;gap:2px}
.bn-mh{display:flex;align-items:center;gap:14px;margin:0 0 14px}
.bn-mh .bn-av.big{width:64px;height:64px;font-size:26px;box-shadow:none}
.bn-mh b{display:block;font-size:19px}.bn-mh small{color:var(--bn-mute);font-size:14px}
.bn-mi2{display:flex;align-items:center;gap:12px;border:0;background:none;font:inherit;color:var(--bn-ink);padding:11px 4px;border-radius:14px;text-align:start;cursor:pointer;width:100%}
.bn-mi2:hover{background:var(--bn-card)}
.bn-mic{flex:none;width:40px;height:40px;border-radius:12px;background:var(--bn-card);display:grid;place-items:center}
.bn-mit{display:flex;flex-direction:column}.bn-mit b{font-size:16px;font-weight:600}.bn-mit small{font-size:13px;color:var(--bn-mute)}

/* ===== الشريط في الشكل الجديد: كما اعتُمد حرفياً، وعلى الكمبيوتر الأبواب الأربعة في عمود بأسمائها ===== */
body.bn-on header.top{display:none}
@media (min-width:900px){body.bn-on header.top{display:block}}
@media (min-width:900px){
  .bn-page{max-width:1080px}
  .bn-cols{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:start}
  .bn-h1{font-size:38px}
}
@media (max-width:899px){.bn-cols{display:block}}
@media print{.bn-top,.bn-main{display:none!important}}
/* الجرس نفسه من رأس الموقع في يسار الرأس الجديد */
.bn-bellslot{display:inline-flex}
.bn-bellslot .bell-b{width:44px;height:44px;border-radius:50%;border:0;background:var(--bn-card);margin:0}
.bn-skel{min-height:132px;animation:bnPulse 1.2s ease-in-out infinite}
@keyframes bnPulse{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.bn-skel{animation:none}}
.bn-gone{opacity:0;transform:scale(.98);transition:opacity .25s,transform .25s}
.bn-reply{margin:10px 0 0;background:var(--paper)}
.bn-reqa{display:flex;align-items:center;gap:8px;flex:none}
/* «اليوم» بلا زحمة (مراجعة صياح 27 أكتوبر 07:49) */
.bn-h1.bn-h1s{font-size:28px;margin-bottom:14px}
.bn-calm{margin:0 2px 14px;color:var(--bn-mute);font-size:15px}
.bn-wait{border:1.5px solid color-mix(in srgb,var(--bn-act) 30%,transparent);background:var(--paper)}
.bn-wait .bn-reqa .bn-btn{padding:8px 14px}
.bn-ibox{flex:none;width:36px;height:36px;border-radius:50%;background:var(--paper);display:grid;place-items:center;color:var(--bn-ink)}
.bn-card .bn-row{padding:12px 0}
.bn-wait .bn-btn.ghost{background:var(--sheet)}

/* ===== «باقتك» بعد إلغاء الاشتراك (أمر هاني ٢، 28 أكتوبر): حسابك مجاني، وحزم بيت العمر «قريباً» ===== */
.bq-free .ap-h2{margin-bottom:4px}
.bq-packs{display:flex;flex-direction:column;gap:10px}
.bq-pk{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;text-decoration:none;color:var(--ink);background:var(--sheet);border:1px solid var(--line)}
.bq-pkt{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.bq-pkt b{font-size:15px}.bq-pkt small{font-size:13px;line-height:1.6;color:var(--ink-2)}
.bq-pks{flex:none;font-size:12px;font-weight:700;padding:1px 10px;border-radius:999px;background:var(--warn-wash);color:var(--warn)}

/* دستور التصميم ١ داخل بيتي (فحص المصمم 15:30): الشريط العلوي بأيقونة غرفة بيتي واسمها، و«أضف بسرعة» بزاوية 10 */
header.top a.bn-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
header.top a.bn-brand .bn{font-size:15px;font-weight:700;color:var(--ink)}
.bn-tile{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--room-bayti-wash,#EEF0E1)}
.bn-tile .arch{fill:var(--room-bayti,#5E6E34)}.bn-tile .sill{fill:var(--terra)}
@media (min-width:900px){body.bn-on .bb-fab{border-radius:10px}}