/* إدارة البيت · تبني على رموز fahs.css وtools.css. للجوال أولاً: أزرار كبيرة وحركة هادئة */
.hs{--hs-ok:var(--ok);--hs-low:var(--major);--hs-out:var(--stop);--hs-ease:cubic-bezier(.2,.8,.2,1);margin-top:22px}
.hs *{-webkit-tap-highlight-color:transparent}
:where(.hs) :where(button:not(.btn)){font:inherit;color:inherit}
.hs .btn{font-family:inherit}
.hs-top{display:flex;align-items:baseline;justify-content:space-between;gap:6px 14px;flex-wrap:wrap;padding-bottom:10px}
.hs-top h2{font-size:clamp(20px,2.6vw,24px)}
.hs-top small{color:var(--ink-2);font-size:13.5px}

/* الأقسام: شريط ثابت يتمرر أفقياً على الجوال، ومؤشر ينزلق تحت القسم الحالي */
.hs-tabs{position:sticky;top:61px;z-index:4;background:var(--paper);border-bottom:1px solid var(--line);display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*clamp(16px,3.5vw,36px));padding-inline:clamp(16px,3.5vw,36px)}
.hs-tabs::-webkit-scrollbar{display:none}
.hs-tab{position:relative;flex:none;background:none;border:0;cursor:pointer;padding:12px 12px 13px;min-height:48px;font-size:15px;font-weight:700;color:var(--ink-2);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:color .2s}
.hs-tab[aria-selected="true"]{color:var(--ink)}
.hs-tab .bd{font-family:var(--mono);font-size:11.5px;font-weight:500;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--line);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;transition:background .25s,color .25s,transform .25s var(--hs-ease)}
.hs-tab .bd.hot{background:var(--terra);color:var(--on-terra)}
.hs-tab .bd:empty{display:none}
.hs-ind{position:absolute;bottom:-1px;height:2.5px;background:var(--terra);border-radius:2px;left:0;width:0;transition:transform .35s var(--hs-ease),width .35s var(--hs-ease)}

/* أقسام الصفحة تحمل قواعد section العامة في fahs.css؛ تُلغى هنا */
.hs-panel{padding-block:18px 0;border-top:0}
.hm-p{padding-block:2px 0;border-top:0}
.hs-grp{padding-block:0;border-top:0}
.hs-panel.in{animation:hsIn .32s var(--hs-ease) both}
@keyframes hsIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* النصيحة */
.hs-tip{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:start;background:var(--sheet);border:1px solid var(--line);border-inline-start:3px solid var(--terra);border-radius:var(--r-ctl);padding:10px 12px 10px 8px;margin-bottom:18px}
.hs-tip b{font-size:12.5px;color:var(--terra)}
.hs-tip p{grid-column:1;font-size:14.5px;line-height:1.85;color:var(--ink)}
.hs-tip button{grid-row:1/3;grid-column:2;align-self:center;background:none;border:1px solid var(--line-2);border-radius:var(--r-ctl);font-size:12.5px;padding:6px 10px;min-height:36px;cursor:pointer;color:var(--ink-2)}
.hs-tip p.sw{animation:hsFade .3s ease both}
@keyframes hsFade{from{opacity:0}to{opacity:1}}

/* ملخص الحالات */
.hs-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hs-tile{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-card);padding:12px 12px 10px;text-align:start;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-height:76px;transition:border-color .2s,box-shadow .2s,transform .15s}
.hs-tile b{font-family:var(--mono);font-size:28px;font-weight:500;line-height:1.1}
.hs-tile span{font-size:13.5px;color:var(--ink-2)}
.hs-tile[data-k="out"] b{color:var(--hs-out)}.hs-tile[data-k="low"] b{color:var(--hs-low)}.hs-tile[data-k="ok"] b{color:var(--hs-ok)}
.hs-tile[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.hs-tile:active{transform:scale(.97)}
.hs-tile b.pop{animation:hsPop .35s var(--hs-ease)}
@keyframes hsPop{40%{transform:scale(1.18)}}
.hs-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}
.hs-search{flex:1 1 100%;min-width:0;font:inherit;font-size:15px;padding:9px 12px;min-height:44px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--sheet);color:var(--ink)}
.hs-search:focus{outline:none;border-color:var(--terra)}

/* المجموعات والصفوف */
.hs-grp{margin-top:20px}
.hs-grp>h3{font-size:15px;padding:6px 0;border-bottom:1.5px solid var(--ink);display:flex;justify-content:space-between;gap:10px}
.hs-grp>h3 span{font-family:var(--mono);font-size:12.5px;color:var(--ink-2);font-weight:400}
.hs-item{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 10px 12px 0;padding-inline-start:12px;border-bottom:1px solid var(--line);position:relative;transition:background-color .35s ease}
.hs-item::before{content:"";position:absolute;inset-block:10px;inset-inline-start:0;width:3px;border-radius:3px;background:transparent;transition:background-color .35s ease}
.hs-item[data-st="low"]::before{background:var(--hs-low)}
.hs-item[data-st="out"]::before{background:var(--hs-out)}
.hs-item[data-st="out"]{background:color-mix(in srgb,var(--hs-out) 5%,transparent)}
.hs-nm{background:none;border:0;padding:0;text-align:start;cursor:pointer;display:flex;flex-direction:column;gap:1px;min-height:40px;justify-content:center}
.hs-nm b{font-size:16.5px;line-height:1.55}
.hs-meta{font-size:13px;color:var(--ink-2);line-height:1.7}
.hs-meta .st-out{color:var(--hs-out);font-weight:700}.hs-meta .st-low{color:var(--hs-low);font-weight:700}
.hs-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line-2);border-radius:var(--r-ctl);overflow:hidden;background:var(--sheet)}
.hs-seg button{border:0;background:none;cursor:pointer;min-height:44px;font-size:15px;font-weight:700;color:var(--ink-2);transition:background-color .22s ease,color .22s ease,transform .12s}
.hs-seg button+button{border-inline-start:1px solid var(--line-2)}
.hs-seg button:active{transform:scale(.95)}
.hs-seg button[data-k="ok"][aria-pressed="true"]{background:var(--hs-ok);color:var(--sheet)}
.hs-seg button[data-k="low"][aria-pressed="true"]{background:var(--hs-low);color:var(--sheet)}
.hs-seg button[data-k="out"][aria-pressed="true"]{background:var(--hs-out);color:var(--sheet)}
.hs-item.gone,.hs-row.gone{animation:hsGone .38s var(--hs-ease) forwards;overflow:hidden}
@keyframes hsGone{to{opacity:0;transform:translateX(-14px);max-height:0;padding-block:0;border-width:0}}
@media (min-width:700px){
  .hs-item{grid-template-columns:minmax(0,1fr) 300px;align-items:center}
}

/* أزرار عامة */
.hs-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.hs-acts .btn{min-height:44px}
.hs-empty{background:var(--sheet);border:1px dashed var(--line-2);border-radius:var(--r-card);padding:20px 18px;margin-top:16px;color:var(--ink-2);font-size:15px}
.hs-empty b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}
.hs-empty .btn{margin-top:12px}
.hs-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:22px}
.hs-h h3{font-size:17px}
.hs-h small{font-size:13px;color:var(--ink-2)}

/* المشتريات والروتين */
.hs-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);max-height:200px}
.hs-row .tx b{display:block;font-size:16.5px;line-height:1.55}
.hs-buy{min-height:44px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--hs-ok);background:var(--sheet);color:var(--hs-ok);font-weight:700;font-size:14.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .2s,color .2s,transform .12s}
.hs-buy:active{transform:scale(.95)}
.hs-buy.on{background:var(--hs-ok);color:var(--sheet)}
.hs-buy svg{width:16px;height:16px}
.hs-add{display:flex;gap:8px;margin-top:14px}
.hs-add input{flex:1;min-width:0;font:inherit;font-size:15px;padding:9px 12px;min-height:46px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--sheet);color:var(--ink)}
.hs-add input:focus{outline:none;border-color:var(--terra)}
.hs-sub{margin-top:18px}
.hs-sub>summary{cursor:pointer;font-size:14px;color:var(--ink-2);min-height:40px;display:flex;align-items:center}
.hs-sub[open]>summary{color:var(--ink)}

.hs-prog{margin-top:6px;height:6px;background:var(--line);border-radius:6px;overflow:hidden}
.hs-prog i{display:block;height:100%;width:0;background:var(--hs-ok);border-radius:6px;transition:width .6s var(--hs-ease)}
.hs-who{margin-top:16px;font-size:13.5px;font-weight:700;color:var(--ink-2);display:flex;align-items:center;gap:8px}
.hs-who::after{content:"";flex:1;height:1px;background:var(--line)}
.hs-rt{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);transition:opacity .3s}
.hs-rt.done .tx b{color:var(--ink-2);text-decoration:line-through;text-decoration-color:var(--line-2)}
.hs-rt .tx b{display:block;font-size:16px;line-height:1.55;transition:color .3s}
.hs-chk{width:44px;height:44px;border-radius:50%;border:2px solid var(--line-2);background:var(--sheet);cursor:pointer;display:grid;place-items:center;color:var(--sheet);transition:background-color .25s,border-color .25s,transform .15s}
.hs-chk:active{transform:scale(.9)}
.hs-chk svg{width:22px;height:22px}
.hs-chk path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .35s var(--hs-ease) .05s}
.hs-chk[aria-pressed="true"]{background:var(--hs-ok);border-color:var(--hs-ok)}
.hs-chk[aria-pressed="true"] path{stroke-dashoffset:0}
.hs-late{color:var(--hs-out);font-weight:700}
.hs-dots{display:flex;gap:3px;direction:ltr}
.hs-dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.hs-dots i.s{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line-2)}
.hs-dots i.d{background:var(--hs-ok)}
.hs-rt .ed,.hs-card .ed{background:none;border:1px solid var(--line-2);border-radius:var(--r-ctl);cursor:pointer;font-size:13px;padding:6px 10px;min-height:36px;color:var(--ink-2)}
.hs-rt.off{opacity:.5}

/* دليل البيت */
.hs-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:16px}
.hs-card{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-card);padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-width:0;box-shadow:var(--lift)}
.hs-card h4{margin:0;font-size:16.5px;line-height:1.5}
.hs-card p{font-size:15px;line-height:1.85;color:var(--ink);white-space:pre-line;overflow-wrap:anywhere}
.hs-card .ft{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:auto}
.hs-tag{font-size:12px;color:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-tag);padding:1px 8px}
.hs-sws{display:flex;gap:10px;flex-wrap:wrap}
.hs-sw{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2)}
.hs-sw i{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);flex:none}
.hs-card .ft .ed{margin-inline-start:auto}

/* أهل البيت */
.hs-ppl{display:grid;gap:12px;margin-top:14px}
.hs-p{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-card);padding:14px 16px}
.hs-p.off{opacity:.6}
.hs-p-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hs-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--paper);border:1px solid var(--line-2);flex:none}
.hs-p-h b{font-size:16.5px}
.hs-p-h .hs-tag{font-size:12.5px}
.hs-p-h .ed{margin-inline-start:auto;background:none;border:1px solid var(--line-2);border-radius:var(--r-ctl);cursor:pointer;font-size:13px;padding:6px 10px;min-height:36px;color:var(--ink-2)}
.hs-p-st{font-size:13px;color:var(--ink-2);margin-top:6px}
.hs-perm{margin-top:10px;display:grid;gap:6px}
.hs-perm>div{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:8px;align-items:center}
.hs-perm span{font-size:14px}
.hs-ps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-2);border-radius:var(--r-ctl);overflow:hidden}
.hs-ps.two{grid-template-columns:repeat(2,1fr)}
.hs-ps button{border:0;background:var(--sheet);cursor:pointer;min-height:38px;font-size:13px;color:var(--ink-2);transition:background-color .2s,color .2s}
.hs-ps button+button{border-inline-start:1px solid var(--line-2)}
.hs-ps button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.hs-lk{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hs-lk .btn{min-height:42px}
.hs-share{margin-top:10px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-ctl);padding:10px 12px;display:grid;gap:8px;animation:hsIn .3s var(--hs-ease) both}
.hs-share input{font:inherit;font-family:var(--mono);font-size:12.5px;direction:ltr;width:100%;padding:8px 10px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--sheet);color:var(--ink)}
.hs-share p{font-size:13px;color:var(--ink-2)}
.hs-share .row{display:flex;gap:8px;flex-wrap:wrap}
.hs-set{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-card);padding:14px 16px;margin-top:16px;display:grid;gap:10px}
.hs-trl{font-size:13.5px;color:var(--ink-2);margin-top:12px}
@media (max-width:520px){.hs-perm>div{grid-template-columns:1fr;gap:4px}}

/* النصائح */
.hs-tips h3{font-size:16px;margin-top:22px;padding-bottom:6px;border-bottom:1.5px solid var(--ink)}
.hs-tips ul{list-style:none;margin:0;padding:0}
.hs-tips li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.9}

/* البداية */
.hs-start{background:var(--sheet);border:1px solid var(--line);border-top:2px solid var(--ink);padding:20px 18px;margin-top:22px;display:grid;gap:12px;max-width:560px}
.hs-start h2{font-size:20px}
.hs-start p{color:var(--ink-2);font-size:15px}

/* الحقول والنوافذ: لوح ينزلق من الأسفل على الجوال */
.hs-f{display:grid;gap:4px}
.hs-f>span{font-size:13.5px;color:var(--ink-2);font-weight:700}
.hs-f input,.hs-f select,.hs-f textarea{font:inherit;font-size:16px;padding:9px 12px;min-height:46px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--paper);color:var(--ink);width:100%}
.hs-f textarea{min-height:110px;resize:vertical;line-height:1.8}
.hs-f input:focus,.hs-f select:focus,.hs-f textarea:focus{outline:none;border-color:var(--terra)}
.hs-chkl{display:flex;gap:10px;align-items:flex-start;font-size:15px;cursor:pointer}
.hs-chkl input{width:20px;height:20px;margin-top:4px;accent-color:var(--terra);flex:none}
dialog.hs-dlg{border:0;padding:0;background:var(--sheet);color:var(--ink);width:min(560px,100%);max-width:100%;max-height:min(88vh,860px);border-radius:16px;box-shadow:0 20px 60px -20px rgba(0,0,0,.45)}
dialog.hs-dlg::backdrop{background:rgba(31,26,23,.42)}
dialog.hs-dlg[open]{animation:hsUp .3s var(--hs-ease) both}
dialog.hs-dlg[open]::backdrop{animation:hsFade .3s ease both}
@keyframes hsUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.hs-dlg form{display:flex;flex-direction:column;max-height:inherit}
.hs-dlg .dh{padding:16px 18px 10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}
.hs-dlg .dh h3{font-size:17px;flex:1}
.hs-dlg .dh button{background:none;border:0;cursor:pointer;width:40px;height:40px;border-radius:50%;color:var(--ink-2);font-size:22px;line-height:1}
.hs-dlg .db{padding:14px 18px;overflow-y:auto;display:grid;gap:12px;overscroll-behavior:contain}
.hs-dlg .df{padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap}
.hs-dlg .df .btn{min-height:46px}
.hs-dlg .df .sp{flex:1}
.hs-dlg .del{color:var(--stop);border-color:var(--line-2)}
@media (max-width:600px){
  dialog.hs-dlg{margin:auto 0 0;width:100%;border-radius:18px 18px 0 0;max-height:92vh}
  dialog.hs-dlg[open]{animation:hsSheet .34s var(--hs-ease) both}
  @keyframes hsSheet{from{transform:translateY(100%)}to{transform:none}}
}

/* شرائح الاختيار */
.hs-chips{display:flex;flex-wrap:wrap;gap:8px}
.hs-chip{border:1px solid var(--line-2);background:var(--paper);border-radius:999px;padding:7px 14px;min-height:40px;cursor:pointer;font-size:14.5px;display:inline-flex;align-items:center;gap:6px;transition:background-color .2s,border-color .2s,color .2s,transform .12s}
.hs-chip:active{transform:scale(.95)}
.hs-chip[aria-pressed="true"]{border-color:var(--terra);background:color-mix(in srgb,var(--terra) 12%,var(--sheet));color:var(--ink)}
.hs-chip[aria-pressed="true"]::before{content:"";width:12px;height:7px;border-left:2px solid var(--terra);border-bottom:2px solid var(--terra);transform:rotate(-45deg) translateY(-2px)}
.hs-chip i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.hs-pk h4{font-size:14px;margin:8px 0 8px;color:var(--ink-2)}
.hs-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.hs-days button{border:1px solid var(--line-2);background:var(--paper);border-radius:var(--r-ctl);min-height:42px;cursor:pointer;font-size:12.5px;padding:0}
.hs-days button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.hs-kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hs-kinds button{border:1px solid var(--line-2);background:var(--paper);border-radius:var(--r-card);min-height:56px;cursor:pointer;font-size:14.5px;font-weight:700}
.hs-kinds button[aria-pressed="true"]{border-color:var(--terra);box-shadow:inset 0 0 0 1px var(--terra);background:var(--sheet)}

/* الإشعار السفلي */
.hs-toast{position:fixed;inset-inline:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));margin-inline:auto;max-width:460px;z-index:30;background:var(--ink);color:var(--paper);border-radius:12px;padding:10px 12px 10px 16px;display:flex;align-items:center;gap:12px;font-size:14.5px;box-shadow:0 12px 30px -10px rgba(0,0,0,.45);transform:translateY(140%);opacity:0;transition:transform .32s var(--hs-ease),opacity .32s}
.hs-toast.on{transform:none;opacity:1}
.hs-toast span{flex:1}
.hs-toast button{background:none;border:1px solid rgba(255,255,255,.35);color:inherit;border-radius:8px;padding:6px 12px;min-height:38px;font:inherit;font-weight:700;cursor:pointer}
.hs-toast.bad{background:var(--stop);color:var(--sheet)}

@media (prefers-reduced-motion:reduce){
  .hs *,.hs-toast,dialog.hs-dlg,dialog.hs-dlg::backdrop{animation:none!important;transition:none!important}
}
@media print{.hs-tabs,.hs-tip,.hs-acts,.hs-add,.hs-seg,.hs-buy,.hs-chk,.hs-toast{display:none!important}}

/* ===== صفحة صاحب الرابط ===== */
html[dir="ltr"] body{direction:ltr}
.hm-body{min-height:100vh;padding-bottom:24px}
.hm-body.hm-hasnav{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
.hm-top{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.hm-top .wrap{display:flex;align-items:baseline;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;min-height:56px;padding-block:10px}
.hm-top b{font-size:19px}
.hm-top span{font-size:14px;color:var(--ink-2)}
.hm{margin-top:0;padding-top:14px}
.hm-p.in{animation:hsIn .3s var(--hs-ease) both}
.hm-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 8px}
.hm-h h2,.hm-h2{font-size:20px;margin:6px 0 10px}
.hm-cnt{font-family:var(--mono);font-size:14px;background:var(--sheet);border:1px solid var(--line-2);border-radius:999px;padding:2px 10px}
.hm-sub{font-size:15px;color:var(--ink-2);margin:22px 0 4px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.hm-empty,.hm-ok,.hm-note{font-size:15.5px;color:var(--ink-2);padding:14px 0}
.hm-ok{color:var(--ok);font-weight:700}
.hm-note{padding:8px 0 0;font-size:13.5px}
.hm-msg{text-align:center;padding:60px 10px;display:grid;gap:14px;justify-items:center}
.hm-msg h1{font-size:22px}
.hm-msg p{color:var(--ink-2)}
.hm-load{text-align:center;color:var(--ink-2);padding:60px 0}
.hm-ban{background:var(--sheet);border:1px solid var(--major);border-inline-start-width:4px;border-radius:var(--r-ctl);padding:8px 12px;font-size:14px;margin-bottom:10px}
.hm-rt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);transition:opacity .3s}
.hm-rt .tx b{display:block;font-size:17.5px;line-height:1.5;transition:color .3s}
.hm-rt small,.hm-row small{font-size:13.5px;color:var(--ink-2);line-height:1.7}
.hm-rt.done .tx b{color:var(--ink-2);text-decoration:line-through;text-decoration-color:var(--line-2)}
.hm-done{min-height:52px;min-width:104px;padding:8px 16px;border-radius:999px;border:2px solid var(--hs-ok);background:var(--sheet);color:var(--hs-ok);font-weight:700;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .22s,color .22s,transform .12s}
.hm-done svg{width:20px;height:20px}
.hm-done path{stroke-dasharray:24;stroke-dashoffset:0}
.hm-done:active{transform:scale(.94)}
.hm-done[aria-pressed="true"]{background:var(--hs-ok);color:var(--sheet)}
.hm-done[aria-pressed="true"] path{animation:hmDraw .35s var(--hs-ease)}
@keyframes hmDraw{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
.hm-tick{color:var(--hs-ok);display:inline-flex}
.hm-tick svg{width:22px;height:22px}
.hm-item .hs-nm{cursor:default}
.hm-seg button{min-height:52px;font-size:16px}
.hm-buy{min-height:52px;font-size:16px;padding:8px 18px}
.hm-orig{display:block;font-size:13px;color:var(--ink-2);font-family:var(--font)}
.hm-add input{min-height:52px;font-size:16px}
.hm-add .btn{min-height:52px}
.hm-done-row{display:flex;align-items:center;gap:8px;padding:8px 0;color:var(--ink-2);border-bottom:1px solid var(--line)}
.hm-tips{list-style:none;margin:0;padding:0}
.hm-tips li{padding:12px 0;border-bottom:1px solid var(--line);line-height:1.85}
.hm-toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
body:not(.hm-hasnav) .hm-toast{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.hm-nav{position:fixed;inset-inline:0;bottom:0;z-index:20;background:var(--sheet);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px -18px rgba(31,26,23,.35)}
.hm-tab{position:relative;flex:1;max-width:120px;background:none;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;min-height:58px;color:var(--ink-2);font:inherit;border-radius:12px;transition:color .2s,background-color .2s}
.hm-tab .ic svg{width:24px;height:24px;display:block;transition:transform .25s var(--hs-ease)}
.hm-tab .lb{font-size:12px;line-height:1.3;text-align:center}
.hm-tab[aria-current="page"]{color:var(--terra);background:color-mix(in srgb,var(--terra) 9%,transparent)}
.hm-tab[aria-current="page"] .ic svg{transform:translateY(-1px) scale(1.08)}
.hm-tab .bd{position:absolute;top:2px;inset-inline-end:calc(50% - 26px);font-style:normal;font-family:var(--mono);font-size:11px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--terra);color:var(--on-terra);display:flex;align-items:center;justify-content:center}
@media (prefers-reduced-motion:reduce){.hm-p.in,.hm-done path,.hm-tab .ic svg{animation:none!important;transition:none!important}}
html[dir="ltr"] .hm-orig{text-align:left}

/* ===== الإصدار الثاني: اليوم، والمواعيد، والمشتريات حسب مكان الشراء ===== */
.hs-sum4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:700px){.hs-sum4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hs-tile[data-k="shop"] b{color:var(--terra)}.hs-tile[data-k="rt"] b{color:var(--ink)}.hs-tile[data-k="due"] b{color:var(--hs-low)}
.hs-calm{padding:12px 0}
.hs-chip-out{cursor:default;border-color:color-mix(in srgb,var(--hs-out) 45%,var(--line-2));background:color-mix(in srgb,var(--hs-out) 7%,var(--sheet))}
.hs-note{font-size:13.5px;color:var(--ink-2);background:var(--sheet);border:1px dashed var(--line-2);border-radius:var(--r-ctl);padding:8px 12px;margin-bottom:14px;line-height:1.8}
.hs-note a{color:var(--terra)}
/* أيقونة كل نوع بلونه الهادئ */
.hs-ki{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;flex:none;vertical-align:middle;margin-inline-end:8px;color:var(--kc,var(--ink-2));background:color-mix(in srgb,var(--kc,var(--ink-2)) 12%,transparent)}
.hs-ki svg{width:18px;height:18px}
.k-life{--kc:var(--brown)}.k-plant{--kc:var(--minor)}.k-car{--kc:var(--ink-2)}.k-appl{--kc:var(--major)}.k-med{--kc:var(--stop)}
/* شريط أقسام المواعيد */
.hs-subnav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 12px;margin-inline:-2px}
.hs-subnav::-webkit-scrollbar{display:none}
.hs-subtab{position:relative;flex:none;display:inline-flex;align-items:center;border:1px solid var(--line-2);background:var(--sheet);border-radius:999px;padding:5px 14px 5px 10px;min-height:44px;cursor:pointer;font-size:14.5px;transition:background-color .2s,border-color .2s,color .2s}
.hs-subtab .hs-ki{width:26px;height:26px;margin-inline-end:6px}.hs-subtab .hs-ki svg{width:16px;height:16px}
.hs-subtab[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.hs-subtab[aria-selected="true"] .hs-ki{background:rgba(255,255,255,.14);color:inherit}
.hs-subtab .bd{font-style:normal;font-family:var(--mono);font-size:11px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--line);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;margin-inline-start:6px}
.hs-subtab .bd.hot{background:var(--terra);color:var(--on-terra)}
/* صفوف المواعيد */
.hs-due .tx b{display:flex;align-items:center;font-size:15.5px}
.hs-due.late{background:color-mix(in srgb,var(--hs-out) 5%,transparent)}
.hs-soon{color:var(--hs-low);font-weight:700}
.hs-act{white-space:nowrap}
/* بطاقات الأشياء */
.hs-tcards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.hs-tcard{gap:6px;border-top:3px solid var(--kc,var(--line))}
.hs-th{display:flex;align-items:center;gap:6px}
.hs-th .nm{flex:1;min-width:0}
.hs-th .nm h4{font-size:16.5px}
.hs-th .ed{flex:none}
.hs-dot{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);flex:none}
.hs-tline{font-size:14.5px;font-weight:700;color:var(--ink-2)}
.hs-tline.soon{color:var(--hs-low)}.hs-tline.late{color:var(--hs-out)}
.hs-trow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.hs-trow .tx{background:none;border:0;padding:0;text-align:start;cursor:pointer;min-height:40px;display:flex;flex-direction:column;justify-content:center}
.hs-trow .tx b{font-size:15px}
.hs-trow .tx small{font-size:13px;color:var(--ink-2);line-height:1.7}
.hs-trow.soon .tx small{color:var(--hs-low);font-weight:700}.hs-trow.late .tx small{color:var(--hs-out);font-weight:700}
.hs-trow .hs-buy{min-height:40px;padding:6px 12px;font-size:13.5px}
.hs-kmrow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0}
.hs-addt{align-self:flex-start;background:none;border:0;color:var(--terra);cursor:pointer;font-size:13.5px;min-height:36px;padding:0}
.hs-qw{margin:4px 0 6px}.hs-qw .hs-chips{margin-top:8px}
.hs-span{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hs-span input,.hs-span select{font:inherit;font-size:16px;padding:9px 12px;min-height:46px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--paper);color:var(--ink);width:100%}
.hs-pmore{margin-top:6px}.hs-pmore>summary{font-size:13.5px}.hs-pmore .hs-perm{margin-top:6px}
.hs-aid{margin-bottom:18px}
/* المشتريات حسب مكان الشراء */
.hs-stores{margin-top:12px}
.hs-store{margin-top:22px}
.hs-sacts{margin-top:10px}
.hs-add2{flex-wrap:wrap}
.hs-add2 input{flex:1 1 100%}
.hs-add2 select{flex:1;min-width:0;font:inherit;font-size:15px;padding:9px 12px;min-height:46px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--sheet);color:var(--ink)}

/* صفحة صاحب الرابط: قائمة «المزيد» والبطاقات */
.hm-sheet{position:fixed;inset:0;z-index:25;background:rgba(31,26,23,.4);display:flex;align-items:flex-end;animation:hsFade .2s ease both}
.hm-sheet>div{background:var(--sheet);width:100%;border-radius:18px 18px 0 0;padding:10px 12px calc(16px + env(safe-area-inset-bottom,0px));display:grid;gap:6px;animation:hsSheet .3s var(--hs-ease) both}
.hm-sheet button{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;border:0;background:none;border-radius:12px;font:inherit;font-size:16px;color:var(--ink);cursor:pointer;text-align:start}
.hm-sheet button[aria-current="page"]{background:color-mix(in srgb,var(--terra) 10%,transparent);color:var(--terra)}
.hm-sheet .ic svg{width:24px;height:24px;display:block}
@keyframes hsSheet{from{transform:translateY(100%)}to{transform:none}}
.hm-km{display:flex;gap:8px;align-items:center;margin-top:6px}
.hm-km input{flex:1;min-width:0;font:inherit;font-size:16px;padding:8px 12px;min-height:48px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--paper);color:var(--ink)}
.hm-km .btn{min-height:48px}
.hm-tcard .hs-trow .hs-buy{min-height:48px;font-size:15px}
.hm-ren{display:flex;gap:8px;margin-top:6px;grid-column:1/-1}
.hm-ren input{flex:1;min-width:0;font:inherit;font-size:16px;padding:8px 10px;min-height:48px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--paper);color:var(--ink)}
@media (prefers-reduced-motion:reduce){.hm-sheet,.hm-sheet>div{animation:none!important}}
.hm-meta2{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.7}
.hm-sheet .bd{margin-inline-start:auto;font-style:normal;font-family:var(--mono);font-size:12px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--terra);color:var(--on-terra);display:inline-flex;align-items:center;justify-content:center}

/* ===== الإصدار الثالث: شاشة الرمز السري ودعوة الشاشة الرئيسية ===== */
.hm-pin{max-width:360px;margin:0 auto;padding:28px 0 20px;text-align:center;display:grid;gap:10px;justify-items:center}
.hm-pin h1{font-size:22px}
.hm-pin-p{color:var(--ink-2);font-size:15px}
.hm-dots{display:flex;gap:16px;direction:ltr;margin:14px 0 4px}
.hm-dots i{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink-2);transition:background-color .15s,border-color .15s,transform .15s}
.hm-dots i.on{background:var(--ink);border-color:var(--ink);transform:scale(1.1)}
.hm-pin.okay .hm-dots i{background:var(--ok);border-color:var(--ok)}
.hm-pin-msg{min-height:26px;color:var(--stop);font-size:14.5px;font-weight:700}
.hm-pad{display:grid;grid-template-columns:repeat(3,76px);gap:14px;justify-content:center;margin-top:6px}
.hm-key{width:76px;height:76px;border-radius:50%;border:1px solid var(--line-2);background:var(--sheet);font:inherit;font-family:var(--mono);font-size:28px;color:var(--ink);cursor:pointer;transition:background-color .15s,transform .1s;-webkit-tap-highlight-color:transparent}
.hm-key:active{transform:scale(.92);background:var(--line)}
.hm-key.del{font-family:var(--font);font-size:24px;border-color:transparent;background:none}
.hm-pad.off{opacity:.45;pointer-events:none}
.hm-pin.shake{animation:hmShake .4s ease}
@keyframes hmShake{20%{transform:translateX(-10px)}40%{transform:translateX(9px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}
.hm-inst>div{justify-items:center;text-align:center;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px))}
.hm-inst-ic{width:64px;height:64px;border-radius:16px;box-shadow:var(--lift)}
.hm-inst b{font-size:18px}
.hm-inst p{color:var(--ink-2);font-size:15px;line-height:1.8}
.hm-inst .hm-inst-how{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-ctl);padding:10px 12px}
.hm-inst .btn{width:100%;min-height:50px}
@media (prefers-reduced-motion:reduce){.hm-pin.shake{animation:none}.hm-dots i,.hm-key{transition:none}}
/* المدير: الرمز السري والأجهزة */
.hs-pin{margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--paper);display:grid;gap:8px}
.hs-pin .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hs-pin .st{font-size:14px}
.hs-pin .st b{color:var(--ok)}
.hs-pin .code{font-family:var(--mono);font-size:18px;letter-spacing:.3em;direction:ltr;unicode-bidi:isolate}
.hs-pinin{font:inherit;font-family:var(--mono);font-size:26px;letter-spacing:.4em;text-align:center;direction:ltr;padding:10px;min-height:56px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--paper);color:var(--ink);width:100%}
.hm-pin{border-top:0}
.hm-inst .btn{display:inline-flex;justify-content:center;align-items:center;font-weight:700;border-radius:var(--r-ctl);background:var(--terra);color:var(--on-terra);border:1px solid var(--terra)}
.hm-inst .btn.line{background:transparent;color:var(--ink);border-color:var(--line-2)}

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

/* ===== «اجعل البيت تطبيقاً على جوالك» ===== */
.hs-app{margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.hs-app.shut>:not(.hd-open){display:none}
.ha-hd h2{font-size:clamp(20px,2.6vw,24px)}
.ha-hd p{color:var(--ink-2);margin-top:4px;max-width:60ch}
.ha-tabs{display:inline-flex;margin:14px 0;border:1px solid var(--line-2);border-radius:999px;padding:3px;background:var(--sheet)}
.ha-tabs button{font:inherit;font-size:14.5px;font-weight:700;border:0;background:none;color:var(--ink-2);border-radius:999px;padding:6px 18px;min-height:40px;cursor:pointer;transition:background-color .25s,color .25s}
.ha-tabs button[aria-selected="true"]{background:var(--ink);color:var(--paper)}
.ha-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}
.ha-stage{position:relative;display:grid;place-items:center;padding:20px 12px 6px}
.ha-phone{position:relative;width:236px;height:470px;border-radius:38px;background:#1d1a18;padding:9px;box-shadow:0 22px 40px -26px rgba(31,26,23,.6)}
.ha-sc{position:absolute;inset:9px;border-radius:30px;overflow:hidden;background:#F6F5F1;color:#1F1A17;font-size:11px;display:none}
.ha-fig[data-p="ios"] .ha-sc[data-p="ios"],.ha-fig[data-p="and"] .ha-sc[data-p="and"]{display:block}
.ha-st{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:700;font-size:10.5px;direction:ltr}
.ha-isl{position:absolute;left:50%;top:6px;width:64px;height:16px;margin-left:-32px;border-radius:10px;background:#1d1a18}
.ha-page{padding:6px 10px;display:grid;gap:8px}
.ha-ph{border-bottom:1px solid #D9D3CB;padding-bottom:6px;font-size:12px}
.ha-pb{display:grid;gap:7px}.ha-pb>b{font-size:13px}
.ha-pt{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ha-pt i{font-style:normal;background:#fff;border:1px solid #D9D3CB;border-radius:8px;padding:5px 7px;display:grid;font-size:9.5px;color:#5E554E}.ha-pt i b{font-size:16px;color:#9B2F22;font-family:var(--mono)}
.ha-pr{height:30px;border-radius:8px;background:#fff;border:1px solid #D9D3CB}.ha-pr.s{width:70%}
/* شريط سفاري أسفل الشاشة */
.ha-sbar{position:absolute;inset-inline:0;bottom:0;background:rgba(246,245,241,.96);border-top:1px solid #D9D3CB;padding:6px 10px 14px;transition:transform .45s var(--e,ease),opacity .45s}
.ha-url{background:#E9E5DE;border-radius:10px;text-align:center;padding:6px;font-size:10.5px;direction:ltr}
.ha-tool{display:flex;justify-content:space-between;padding:7px 4px 0;color:#2f6fd0;direction:ltr}
.ha-tool span{display:grid;place-items:center;width:26px;height:24px;border-radius:6px;transition:background-color .2s}
/* قائمة المشاركة */
.ha-sheet{position:absolute;inset-inline:0;bottom:0;height:78%;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -10px 30px -12px rgba(0,0,0,.35);transform:translateY(105%);transition:transform .55s cubic-bezier(.2,.85,.25,1);overflow:hidden}
.ha-sh-h{display:flex;gap:8px;align-items:center;padding:12px;border-bottom:1px solid #eee;position:relative;z-index:1;background:#fff}.ha-sh-h img{width:30px;height:30px;border-radius:8px}.ha-sh-h span{display:grid}.ha-sh-h small{color:#888;direction:ltr;text-align:right}
.ha-sh-l{padding:8px 10px;display:grid;gap:6px;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.ha-ppl{display:flex;gap:10px;padding:4px 0 8px}.ha-ppl i{width:30px;height:30px;border-radius:50%;background:#E3DED6}
.ha-sh-l p,.ha-dd p{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#F4F2EE;border-radius:9px;padding:9px 10px;font-size:11px;transition:background-color .2s,transform .15s}
.ha-sh-l p svg,.ha-dd p svg{flex:none;color:#5E554E}
p.pr,.ha-addb.pr,.ha-tool span.pr,.ha-menu.pr{background:#D9D3CB!important;transform:scale(.97)}
.ha-sc.s1 .ha-sheet{transform:none}
.ha-sc.s1b .ha-sh-l{transform:translateY(-58px)}
/* نافذة الإضافة */
.ha-addsh{position:absolute;inset:26px 0 0;background:#F2F0EC;border-radius:14px 14px 0 0;transform:translateY(105%);transition:transform .55s cubic-bezier(.2,.85,.25,1)}
.ha-ah{display:flex;justify-content:space-between;align-items:center;padding:12px;font-size:11px;border-bottom:1px solid #ddd}.ha-ah b{font-size:11.5px}.ha-ah span{color:#2f6fd0;border-radius:6px;padding:2px 4px}.ha-addb{font-weight:700}
.ha-ab{display:flex;gap:10px;align-items:center;margin:14px 12px;background:#fff;border-radius:12px;padding:10px}.ha-ab img{width:46px;height:46px;border-radius:11px}.ha-ab span{display:grid}.ha-ab u{text-decoration:none;font-weight:700;font-size:12.5px;border-bottom:1px solid #2f6fd0}.ha-ab small{color:#888;direction:ltr;text-align:right}
.ha-sc.s2 .ha-addsh,.ha-sc.s2 .ha-dlg{transform:none;opacity:1}
.ha-sc.s2 .ha-sheet{transform:translateY(105%);transition-duration:.3s}
/* الشاشة الرئيسية */
.ha-home{position:absolute;inset:0;background:linear-gradient(160deg,#C9B7A4,#8C6E58 55%,#5A3420);opacity:0;transition:opacity .5s;padding:44px 10px 0;box-sizing:border-box}
.ha-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 4px;justify-items:center}
.ha-app{display:block;width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.55)}
.ha-app.c1{background:rgba(255,255,255,.35)}.ha-app.c2{background:rgba(246,239,226,.6)}.ha-app.c3{background:rgba(220,205,190,.6)}.ha-app.c4{background:rgba(255,255,255,.45)}
.ha-new{display:grid;justify-items:center;gap:3px;transform:scale(0);transition:transform .55s cubic-bezier(.3,1.5,.5,1)}
.ha-new img{width:40px;height:40px;border-radius:11px;display:block}
.ha-new em{font-style:normal;font-size:8.5px;color:#fff;white-space:nowrap}
.ha-dock{position:absolute;inset-inline:10px;bottom:12px;display:flex;justify-content:space-around;background:rgba(255,255,255,.25);border-radius:22px;padding:9px}
.ha-sc.s3 .ha-home{opacity:1}.ha-sc.s3b .ha-new{transform:none}
.ha-sc.s3 .ha-sbar,.ha-sc.s3 .ha-cbar{opacity:0}
.ha-open{position:absolute;inset:0;background:#F6F5F1;padding-top:26px;transform:scale(.2);opacity:0;transform-origin:38% 38%;transition:transform .55s cubic-bezier(.2,.85,.25,1),opacity .3s}
.ha-sc.s4 .ha-open{transform:none;opacity:1}
/* كروم أندرويد */
.ha-cbar{display:flex;align-items:center;gap:8px;padding:4px 8px 6px;border-bottom:1px solid #D9D3CB;transition:opacity .4s}
.ha-curl{flex:1;background:#E9E5DE;border-radius:999px;padding:5px 10px;font-size:10px;direction:ltr;text-align:left}
.ha-menu{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;transition:background-color .2s}
.ha-dd{position:absolute;top:30px;left:8px;width:72%;background:#fff;border-radius:10px;box-shadow:0 12px 30px -10px rgba(0,0,0,.4);padding:6px;display:grid;gap:4px;transform-origin:top left;transform:scale(.6);opacity:0;transition:transform .4s cubic-bezier(.2,.85,.25,1),opacity .3s}
.ha-dd p{background:none}
.ha-sc[data-p="and"].s1 .ha-dd{transform:none;opacity:1}
.ha-dlg{position:absolute;inset-inline:16px;top:30%;background:#fff;border-radius:18px;padding:14px;box-shadow:0 20px 40px -12px rgba(0,0,0,.45);opacity:0;transform:scale(.9);transition:transform .45s cubic-bezier(.2,.85,.25,1),opacity .3s}
.ha-dlg .ha-ab{margin:10px 0;background:#F4F2EE}
.ha-db{display:flex;justify-content:flex-end;gap:14px;color:#2f6fd0;font-weight:700}.ha-db span{border-radius:6px;padding:4px 8px}
.ha-sc.s2 .ha-dd{opacity:0}
/* الخطوات المكتوبة */
.ha-steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:8px}
.ha-steps li{counter-increment:s;display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--sheet);cursor:pointer;font-size:15px;line-height:1.7;transition:border-color .3s,box-shadow .3s,background-color .3s}
.ha-steps li::before{content:counter(s);flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:13px;background:var(--paper);border:1px solid var(--line-2);transition:background-color .3s,color .3s}
.ha-steps li.on{border-color:var(--terra);box-shadow:inset 0 0 0 1px var(--terra)}
.ha-steps li.on::before{background:var(--terra);color:var(--on-terra);border-color:var(--terra)}
.ha-tip{margin-top:12px;font-size:14px;line-height:1.85;color:var(--ink-2);background:var(--paper);border:1px dashed var(--line-2);border-radius:var(--r-ctl);padding:10px 12px}
.ha-tip b{color:var(--ink)}
.ha-tv{display:flex;gap:8px;align-items:center;margin-top:8px;direction:ltr;justify-content:flex-end}
.ha-tv i,.ha-tv span{display:inline-flex;align-items:center;gap:5px;font-style:normal;background:var(--sheet);border:1px solid var(--line-2);border-radius:999px;padding:3px 10px;color:var(--ink);font-size:12.5px;direction:rtl}
.ha-note{margin-top:10px;font-size:13.5px;color:var(--ink-2)}
.ha-g,.ha-g-pill{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--paper);border:1px solid var(--line-2);color:#2f6fd0}
.ha-g-pill{width:auto;padding:0 8px;font-size:12px;font-weight:700}
.ha-g-img{flex:none;width:34px;height:34px;border-radius:9px}
.hd.snap *,.hd.snap{transition:none!important}
@media (max-width:719px){.ha-wrap{grid-template-columns:1fr}.ha-phone{width:220px;height:440px}}
.hs-app{padding-bottom:0}
.tool-main .wrap.gated>.howto~.hs-app{display:block!important}
/* ===== الإصدار الرابع: «مهم»، والترجمة إلى العربية، والمدير المشارك، والتنبيهات، وصيانة البيت ===== */
.hs-nmw{display:flex;align-items:flex-start;gap:4px;min-width:0}
.hs-nmw .hs-nm{flex:1;min-width:0}
.hs-star{flex:none;width:40px;height:40px;display:grid;place-items:center;border:0;background:none;border-radius:50%;cursor:pointer;color:var(--line-2);transition:color .2s,transform .15s}
.hs-star svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.hs-star[aria-pressed="true"]{color:var(--terra)}
.hs-star[aria-pressed="true"] svg{fill:currentColor}
.hs-star:active{transform:scale(.88)}
.hs-star:hover{color:var(--ink-2)}.hs-star[aria-pressed="true"]:hover{color:var(--terra)}
.hs-orig{display:block;font-size:12.5px;color:var(--ink-2);unicode-bidi:plaintext}
.hs-hsw{font:inherit;font-size:13.5px;padding:6px 10px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--sheet);color:var(--ink);max-width:100%}
.hs-joinban{background:color-mix(in srgb,var(--terra) 8%,var(--sheet));border:1px solid color-mix(in srgb,var(--terra) 35%,var(--line));border-radius:var(--r-ctl);padding:10px 14px;font-size:14.5px;margin:0 0 14px}
.hs-join h2{font-size:clamp(20px,2.6vw,24px)}
.hs-co-b{display:grid;gap:10px}
.hs-co-b>p{font-size:14px}
.hs-co-r{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.hs-co-r b{display:block}
.hs-co .hs-lk{margin-top:0}
.hs-ntf{gap:14px}
.hs-nf{display:grid;gap:6px}
.hs-nf>span{font-size:14.5px;font-weight:700}
.hs-nf select{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--sheet);color:var(--ink);max-width:260px}
.hs-dev{padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--paper)}
.hs-dev.upush{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.hs-dev .upush-t{display:flex;flex-direction:column;gap:2px;flex:1 1 240px;min-width:0}
.hs-dev .upush-t b{font-size:14.5px;color:var(--ink)}
.hs-dev .upush-t span{font-size:13px;color:var(--ink-2);line-height:1.8}
.hs-dev .upush-a{display:flex;gap:12px;align-items:center}
.hs-dev .msg{flex-basis:100%;margin:0}.hs-dev .msg:empty{display:none}
.hs-upk .hs-upr{text-decoration:none;color:inherit;grid-template-columns:minmax(0,1fr)}
.hs-upk .hs-upr:hover b{color:var(--terra)}
.hs-upk .hs-calm a{color:var(--terra)}
.hm-push{margin-top:22px;padding:14px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);display:grid;gap:8px;justify-items:start}
.hm-push b{font-size:16px}
.hm-push p{font-size:14.5px;color:var(--ink-2);line-height:1.8}
.hm-push .btn{min-height:46px}
.hm-push .hm-push-on{color:var(--ink-2);font-size:14px}
/* حساب الشخص في المنصة (assets/js/hinvite.js) */
.hs-acct{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.hs-acct-r{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.hs-acct-r b{font-size:14px}
.hs-acct-r small{display:block;font-size:12.5px}
.hs-acct .hs-lk{margin-top:8px}
.hs-acct .hs-lk:empty{display:none}
/* النصائح في آخر «الدليل والنصائح»، مطوية */
.hs-tips-in{margin-top:22px;border:1px solid var(--line);border-radius:14px;background:var(--sheet,#fff);padding:4px 16px}
.hs-tips-in>summary{cursor:pointer;font-weight:700;padding:12px 0;list-style-position:inside}
.hs-tips-in[open]>summary{border-bottom:1px solid var(--line);margin-bottom:10px}
/* سطر المفتاح في يوم العاملين («أعطاك صاحب البيت مفتاح المشتريات») */
.hm-news{display:flex;align-items:flex-start;gap:10px;margin:12px 0 4px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--terra,#B26042) 10%,var(--paper,#fff));border:1px solid color-mix(in srgb,var(--terra,#B26042) 35%,transparent)}
.hm-news ul{flex:1;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.6}
.hm-news-x{flex:none;min-width:44px;min-height:44px;border-radius:12px;border:1px solid var(--line,#ddd);background:var(--paper,#fff);font-size:18px;cursor:pointer}

/* ===== رابط الفني (tools/house/v/) ===== */
.hv{padding-top:14px;display:flex;flex-direction:column;gap:14px}
.hv-lang{min-height:40px;padding:0 14px;border:1px solid var(--line,#ddd);border-radius:999px;background:var(--paper,#fff);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.hv-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line,#ddd);border-radius:18px;background:var(--paper,#fff)}
.hv-from{color:var(--ink-2);font-size:12.5px}
.hv-h{font-size:21px;line-height:1.5;margin:0 0 6px}
.hv-tag{align-self:flex-start;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:#9e2a1f;color:#fff}
.hv-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px dashed var(--line,#ddd);font-size:14.5px}
.hv-row span{color:var(--ink-2)}
.hv-note{margin-top:6px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--terra,#B26042) 8%,var(--paper,#fff))}
.hv-note p{margin:4px 0 0;line-height:1.7}
.hv-how summary{cursor:pointer;font-weight:700;padding:8px 0;min-height:44px;display:flex;align-items:center}
.hv-how p{margin:0;line-height:1.8;color:var(--ink-2)}
.hv-state{margin:0;font-weight:700;color:var(--terra,#B26042)}
.hv-acts{display:grid;gap:8px}
.hv-b{min-height:54px;padding:0 16px;border-radius:14px;border:1.5px solid var(--line,#ddd);background:var(--paper,#fff);color:var(--ink);font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.hv-b.hv-in{background:var(--terra,#B26042);border-color:var(--terra,#B26042);color:#fff}
.hv-b.hv-go{background:#2f6b45;border-color:#2f6b45;color:#fff;width:100%}
.hv-b:disabled{opacity:.6}
.hv-done{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--line,#ddd);border-radius:18px;background:var(--paper,#fff)}
.hv-h2{margin:0;font-size:17px}
.hv-f{display:flex;flex-direction:column;gap:6px;font-size:14px}
.hv-f textarea,.hv-f input{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--paper,#fff);color:var(--ink);font:inherit;box-sizing:border-box}
.hv-ok{border-color:#2f6b45}
.hv-bad{border-color:#9e2a1f}
/* صيانة البيت وبلاغ العطل في يوم العاملين (المرحلة 4) */
.hm-rt.mine{border-inline-start:3px solid var(--terra,#B26042)}
.hm-rely{margin:6px 0 2px}
.hm-rep{min-height:50px;width:100%;margin-top:14px;border-radius:14px;border:1.5px solid #9e2a1f;background:var(--paper,#fff);color:#9e2a1f;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.hm-repbox{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:14px;border:1px solid var(--line,#ddd);border-radius:14px}
.hm-f{display:flex;flex-direction:column;gap:6px;font-size:14px}
.hm-f select,.hm-f textarea{width:100%;min-height:48px;padding:8px 10px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--paper,#fff);color:var(--ink);font:inherit;box-sizing:border-box}
.hm-go{min-height:50px;border-radius:14px;border:0;background:#9e2a1f;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.hm-meter{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid var(--line,#ddd)}
.hm-mf{display:flex;gap:8px}
.hm-mf input{flex:1;min-width:0;min-height:48px;padding:0 12px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--paper,#fff);color:var(--ink);font:inherit;font-size:17px}
.hm-mf .hm-go{background:var(--terra,#B26042);padding:0 18px}
.hm-meter .tx{display:flex;flex-direction:column;gap:2px}
/* إدارة البيت داخل «بيتي» (tools/house/?embed=1) */
html.hs-embed header.top,html.hs-embed body>footer,html.hs-embed .crumbs,html.hs-embed .tool-hero,html.hs-embed .howto,html.hs-embed .hs-app,html.hs-embed .hs-demo,html.hs-embed .pbrand,html.hs-embed body>.appbar,html.hs-embed body>.dmb,html.hs-embed body>.hc-wrap,html.hs-embed body>.tk-strip{display:none!important}
html.hs-embed body{padding-top:0!important}
html.hs-embed .tool-main{padding-top:4px;padding-bottom:12px}
html.hs-embed body{background:transparent}
/* مراجعة 24 أكتوبر: داخل بيتي يختار القسمَ درجُ الأقسام، والبيتَ مبدّلُ البيوت، فلا يتكرر هنا اسم البيت ولا شريط تبويب ثانٍ */
html.hs-embed .hs-top,html.hs-embed .hs-tabs{display:none!important}
html.hs-embed .hs-panel{padding-top:2px}
html.hs-embed .tool-main{padding-top:0!important}
html.hs-embed .tool-main .hs{margin-top:0}

/* ===== الروتين: الإضافة في الرأس، واليوم والأسبوع وكل الأعمال ===== */
.hs-rbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;flex-wrap:wrap}
.hs-rtt h3{margin:0;font-size:20px}
.hs-rtt small{display:block;color:var(--ink-2);font-size:13.5px;margin-top:2px}
.hs-radd{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding-inline:18px;font-weight:700}
.hs-plus{font-size:20px;line-height:1;margin-top:-2px}
.hs-rseg{display:flex;gap:4px;margin-top:14px;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--ink) 5%,var(--sheet));width:fit-content;max-width:100%;overflow-x:auto}
.hs-rseg button{border:0;background:none;font:inherit;font-size:14px;padding:8px 16px;border-radius:10px;color:var(--ink-2);cursor:pointer;white-space:nowrap;min-height:40px}
.hs-rseg button[aria-selected="true"]{background:var(--sheet);color:var(--ink);font-weight:700;box-shadow:0 1px 3px rgba(60,35,20,.14)}
.hs-rppl{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:14px}
.hs-rp{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--sheet);font:inherit;color:var(--ink);text-align:start;cursor:pointer}
.hs-rp.on{border-color:var(--terra);box-shadow:0 0 0 1px var(--terra) inset}
.hs-rav{grid-row:1/3;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--terra) 14%,var(--sheet));color:var(--terra);font-weight:700}
.hs-rp.full .hs-rav{background:var(--hs-ok);color:#fff}
.hs-rpt{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0}
.hs-rpt b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-rpt small{color:var(--ink-2);font-size:12.5px;font-variant-numeric:tabular-nums;flex:none}
.hs-rpb{height:5px;border-radius:9px;background:var(--line);overflow:hidden}
.hs-rpb i{display:block;height:100%;background:var(--hs-ok);border-radius:9px}
.hs-who small{font-weight:400;font-variant-numeric:tabular-nums;order:3}
.hs-wlate{color:var(--stop,#B3261E)}
.hs-rdone{margin-top:14px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--hs-ok) 12%,var(--sheet));color:var(--hs-ok);font-weight:700;text-align:center}
/* لوحة الأسبوع */
.hs-wks{display:flex;align-items:baseline;gap:10px;margin-top:16px}
.hs-wks b{font-size:26px;color:var(--hs-ok);font-variant-numeric:tabular-nums}
.hs-wks span{color:var(--ink-2);font-size:14px}
.hs-wk{margin-top:10px;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--sheet)}
.hs-wkt{width:100%;border-collapse:collapse;min-width:620px}
.hs-wkt th,.hs-wkt td{padding:8px 4px;text-align:center;border-bottom:1px solid var(--line)}
.hs-wkt th{font-size:12px;color:var(--ink-2);font-weight:400}
.hs-wkt th span{display:block}
.hs-wkt th b{display:block;font-size:15px;color:var(--ink)}
.hs-wkt th.now,.hs-wkt td.now{background:color-mix(in srgb,var(--terra) 6%,var(--sheet))}
.hs-wkt th.now b{color:var(--terra)}
.hs-wk0{text-align:start!important;padding-inline:12px!important;position:sticky;inset-inline-start:0;background:var(--sheet);min-width:170px;max-width:220px}
.hs-wkn{display:block;background:none;border:0;padding:0;font:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;text-align:start}
.hs-wkn:hover{color:var(--terra)}
.hs-wk0 small{display:block;color:var(--ink-2);font-size:11.5px}
.hs-wkg td{text-align:start;padding:10px 12px 6px;font-size:12.5px;font-weight:700;color:var(--ink-2);background:color-mix(in srgb,var(--ink) 3%,var(--sheet))}
.hs-wkt td i,.hs-wkl i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;vertical-align:middle}
.hs-wkt td i.d,.hs-wkl i.d{background:var(--hs-ok);color:#fff}
.hs-wkt td i svg{width:16px;height:16px}
.hs-wkt td i.m,.hs-wkl i.m{background:color-mix(in srgb,var(--stop,#B3261E) 14%,var(--sheet));box-shadow:inset 0 0 0 1.5px var(--stop,#B3261E)}
.hs-wkt td i.t,.hs-wkl i.t{box-shadow:inset 0 0 0 2px var(--terra)}
.hs-wkt td i.s,.hs-wkl i.s{box-shadow:inset 0 0 0 1.5px var(--line-2)}
.hs-wkl{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--ink-2)}
.hs-wkl span{display:inline-flex;align-items:center;gap:6px}
.hs-wkl i{width:16px;height:16px}
/* كل الأعمال */
.hs-rtools{margin-top:14px}
.hs-rq{width:100%;min-height:46px;border:1px solid var(--line-2);border-radius:var(--r-ctl,12px);padding:10px 14px;font:inherit;background:var(--sheet);color:var(--ink)}
.hs-rwho{margin-top:10px}
.hs-rlist{margin-top:6px}
.hs-rend{display:flex;align-items:center;gap:8px}
.hs-rate{font-size:12.5px;font-weight:700;padding:3px 8px;border-radius:99px;background:color-mix(in srgb,var(--ink) 6%,var(--sheet));color:var(--ink-2);font-variant-numeric:tabular-nums}
.hs-rate.ok{background:color-mix(in srgb,var(--hs-ok) 14%,var(--sheet));color:var(--hs-ok)}
.hs-rate.low{background:color-mix(in srgb,var(--stop,#B3261E) 10%,var(--sheet));color:var(--stop,#B3261E)}
.hs-rsug{margin-top:22px;padding:14px!important;border:1px dashed var(--line-2);border-radius:14px}
.hs-rsug h4{margin:0 0 2px;font-size:15px}
.hs-rsug .hs-chips{margin-top:10px}
@media (max-width:560px){.hs-rbar{align-items:flex-start}.hs-radd{width:100%;justify-content:center}.hs-rseg{width:100%}.hs-rseg button{flex:1}}
@media print{.hs-radd,.hs-rseg,.hs-rtools,.hs-rsug{display:none!important}}

/* ===== ذاكرة المؤن ===== */
.hs-qty{display:inline-block;margin-inline-start:8px;padding:1px 8px;border-radius:99px;background:color-mix(in srgb,var(--terra) 9%,var(--sheet));color:var(--terra);font-size:12px;font-weight:700}
.hs-nmq{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.hs-qtyb{padding:2px 9px;border-radius:99px;background:color-mix(in srgb,var(--terra) 10%,var(--sheet));color:var(--terra);font-size:12.5px;font-weight:700;white-space:nowrap}
.hs-grp.hs-soon{border:1px solid color-mix(in srgb,var(--hs-low) 40%,var(--line));border-radius:16px;padding:12px 14px;background:color-mix(in srgb,var(--hs-low) 5%,var(--sheet))}
.hs-grp.hs-soon>.hs-meta{margin:2px 0 6px}
.hs-grp.hs-soon .hs-row .btn{flex:none}
.hs-ihist{margin-top:6px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--ink) 4%,var(--sheet))}
.hs-ihist h4{margin:0 0 2px;font-size:14px}
.hs-ihist ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--ink-2)}
.hs-ihist li span{font-weight:700}
.hs-ihist .st-out{color:var(--hs-out)}.hs-ihist .st-low{color:var(--hs-low)}.hs-ihist .st-ok{color:var(--hs-ok)}

/* ===== قواعد البيت ===== */
.hs-gsec{margin-top:18px;padding-block:0;border-top:0}
.hs-gsec>h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px}
.hs-gsec>h4>span{font-size:12px;font-weight:700;padding:1px 8px;border-radius:99px;background:var(--line);color:var(--ink-2)}
.hs-addall{margin-inline-start:auto;background:none;border:1px solid var(--line-2);border-radius:99px;padding:5px 12px;font:inherit;font-size:12.5px;color:var(--terra);cursor:pointer}
.hs-rule,.hs-lib{display:flex;flex-direction:column;gap:6px}
.hs-rtags{display:flex;flex-wrap:wrap;gap:6px}
.hs-tag.t-for{background:color-mix(in srgb,var(--terra) 10%,var(--sheet));color:var(--terra)}
.hs-tag.t-rt{background:color-mix(in srgb,var(--hs-ok) 12%,var(--sheet));color:var(--hs-ok)}
.hs-tag.t-it{background:color-mix(in srgb,var(--ink) 6%,var(--sheet))}
.hs-rft{margin-top:auto;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.hs-reads{display:flex;flex-wrap:wrap;gap:6px}
.hs-rd{font-size:12px;padding:2px 9px;border-radius:99px;border:1px dashed var(--line-2);color:var(--ink-2)}
.hs-rd::before{content:'○ '}
.hs-rd.ok{border-style:solid;border-color:color-mix(in srgb,var(--hs-ok) 45%,var(--line));color:var(--hs-ok)}
.hs-rd.ok::before{content:'✓ '}
.hs-lib.on{border-color:color-mix(in srgb,var(--hs-ok) 45%,var(--line));background:color-mix(in srgb,var(--hs-ok) 4%,var(--sheet))}
.hs-lib .ft{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto}
.hs-added{font-size:13px;font-weight:700;color:var(--hs-ok)}
.hs-added::before{content:'✓ '}
/* القاعدة تحت العمل في يوم العاملة، و«قرأتها» */
.hm-rule{margin-top:6px;display:flex;flex-direction:column;gap:4px}
.hm-rule details{background:color-mix(in srgb,var(--terra) 6%,var(--sheet));border-radius:10px;padding:6px 10px}
.hm-rule summary{cursor:pointer;font-size:13.5px;font-weight:600;list-style:none}
.hm-rule summary::-webkit-details-marker{display:none}
.hm-rk{font-size:11.5px;font-weight:700;color:var(--terra)}
.hm-rule p{margin:6px 0;font-size:14px;line-height:1.7}
.hm-read{display:inline-flex;align-items:center;min-height:38px;padding:6px 14px;border-radius:99px;border:1px solid var(--terra);background:var(--terra);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.hm-read.ok{background:none;color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,var(--line));cursor:default}
.hs-card.new{border-color:var(--terra);box-shadow:0 0 0 1px var(--terra) inset}
.hm-new{margin:4px 0 12px}
/* مسارات المشتريات */
.hs-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 16px}
.hs-lane{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--sheet);color:var(--ink);text-decoration:none}
.hs-lane b{font-size:14px}
.hs-lane small{font-size:12px;color:var(--ink-2)}
.hs-lane.on{border-color:var(--terra);box-shadow:0 0 0 1px var(--terra) inset}
a.hs-lane:hover{border-color:color-mix(in srgb,var(--terra) 50%,var(--line))}
@media (max-width:560px){.hs-lanes{grid-template-columns:1fr}.hs-lane{flex-direction:row;justify-content:space-between;align-items:baseline}}
/* ===== حديث البيت في صفحة العاملة والسائق (house-m.js drawTalk) ===== */
.hm-ann{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
.hm-annb{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 14px;border:1px solid color-mix(in srgb,var(--terra) 40%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--terra) 7%,var(--sheet));font:inherit;color:var(--ink);text-align:start;cursor:pointer}
.hm-annb b{font-size:12px;color:var(--terra)}.hm-annb span{font-size:15px;line-height:1.6}
.hm-tbox{display:flex;gap:8px;align-items:flex-end;margin:4px 0 14px}
.hm-tbox.sm{margin:8px 0 0}
.hm-tin{flex:1;min-height:46px;resize:none;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--sheet);color:var(--ink);font:inherit;font-size:15px;line-height:1.6}
.hm-tin:focus{outline:none;border-color:var(--terra)}
.hm-post{display:flex;flex-direction:column;gap:6px;padding:12px 14px;margin-bottom:10px;border:1px solid var(--line);border-radius:14px;background:var(--sheet)}
.hm-post.ann{border-color:color-mix(in srgb,var(--terra) 40%,var(--line));background:color-mix(in srgb,var(--terra) 5%,var(--sheet))}
.hm-post.me{box-shadow:inset 3px 0 0 var(--terra)}
.hm-post.rep{margin:8px 0 0;padding:8px 0 0;border:0;border-top:1px dashed var(--line);border-radius:0;background:none;box-shadow:none}
.hm-ph{display:flex;align-items:baseline;gap:8px}.hm-ph b{font-size:14.5px}.hm-ph small{color:var(--ink-2);font-size:12px}
.hm-pjob{align-self:flex-start;font-size:12.5px;padding:3px 9px;border-radius:8px;background:var(--paper);color:var(--ink-2)}
.hm-pb{margin:0;font-size:16px;line-height:1.7;white-space:pre-wrap;word-break:break-word}
.hm-po{margin:0;font-size:13.5px;color:var(--ink-2);border-inline-start:2px solid var(--line);padding-inline-start:8px}
.hm-orig{align-self:flex-start;font-size:12.5px}
.hm-rx{display:flex;flex-wrap:wrap;gap:6px}
.hm-r{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--sheet);font:inherit;font-size:13px;color:var(--ink-2);cursor:pointer}
.hm-r.on{border-color:var(--terra);color:var(--terra);font-weight:600;background:color-mix(in srgb,var(--terra) 8%,var(--sheet))}
.hm-r i{font-style:normal;font-weight:700}
.hm-reps{padding-inline-start:12px;border-inline-start:2px solid var(--line)}
.hm-rp{align-self:flex-start;font-size:13.5px}
/* النصيحة المطوية بعد أول مرة (مراجعة 24 أكتوبر) */
.hs-tipc{margin:0 0 10px}
.hs-tipc>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:13.5px;font-weight:700;color:var(--terra)}
.hs-tipc>summary::-webkit-details-marker{display:none}
.hs-tipc>summary::after{content:"";width:7px;height:7px;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.hs-tipc[open]>summary::after{transform:rotate(-135deg);margin-top:3px}
.hs-tipc .hs-tip{margin-top:4px}
/* النصائح: بطاقة صغيرة تُسحب أو «التالية» (قرار صياح 24 أكتوبر) */
.hs-tips{overflow:hidden;border-radius:18px;background:var(--sheet);border:1px solid var(--line);margin:0 0 12px}
.hs-tipt{display:flex;transition:transform .3s ease;touch-action:pan-y}
.hs-tipi{flex:0 0 100%;padding:12px 14px}
.hs-tipi p{margin:0;font-size:14px;line-height:1.65}
.hs-tipi p b{display:block;font-size:12px;color:var(--terra)}
.hs-tipf{display:flex;justify-content:space-between;align-items:center;padding:0 10px 4px 14px}
.hs-tipd{display:flex;gap:5px}.hs-tipd i{width:6px;height:6px;border-radius:6px;background:var(--line);transition:width .2s}.hs-tipd i.on{background:var(--terra);width:16px}
.hs-tipn{background:none;border:0;color:var(--terra);font:inherit;font-size:13px;font-weight:700;min-height:44px;padding:0 6px;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.hs-tipt{transition:none}}

/* ===== «بيتي الجديد» (أمر هاني بموافقة صياح، 27 أكتوبر 2026، البنود ٤٦ إلى ٥٥، والصورة ٣): شاشات العاملة والسائق والأبناء =====
   لكل واحد خلفيته فلا تختلط شاشته بشاشة صاحبة البيت: العاملة فاتح مائل للأزرق، والسائق فاتح مائل للأخضر، والأبناء وردي فاتح جداً.
   بطاقات بيضاء بلا ظل تقريباً، وعنوان كبير، وزر أساسي واحد عريض في كل خطوة */
.hm-new{--hn-bg:#F3F5F7;--hn-card:#FFFFFF;--hn-ink:#1E2430;--hn-mute:#7A8190;--hn-pill:#E6ECF2;--hn-pill-i:#3E5C76;--hn-ok:#5E8C6A;--hn-act:#2A3340;--hn-act-i:#FFFFFF;background:var(--hn-bg);background-image:none;color:var(--hn-ink)}
.hm-new.hm-k-driver{--hn-bg:#F2F5F0;--hn-pill:#EEF1EA;--hn-pill-i:#3C4A33;--hn-act:#3C4A33}
.hm-new.hm-k-family{--hn-bg:#FBF1F3;--hn-pill:#F6E1E6;--hn-pill-i:#8A3E52;--hn-act:#A65338}
.hm-new .hm-top{display:none}
.hm-new .hm{padding-top:calc(10px + env(safe-area-inset-top,0px))}
.hm-new .hm-nav{background:var(--hn-card);border-top:0}
.hn-top{display:flex;align-items:center;justify-content:space-between;margin:4px 0 14px}
[dir="ltr"] .hn-top{flex-direction:row-reverse}
.hn-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,#B8C6D6,#8FA3B8);color:#fff;font-weight:700;font-size:18px}
.hm-k-driver .hn-av{background:linear-gradient(160deg,#BCCBB0,#93A684)}.hm-k-family .hn-av{background:linear-gradient(160deg,#E7B7C4,#D08FA2)}
.hn-ib{position:relative;width:44px;height:44px;border-radius:50%;border:0;background:var(--hn-card);color:var(--hn-ink);display:grid;place-items:center;cursor:pointer}
.hn-ibd{position:absolute;top:-3px;inset-inline-end:-3px;min-width:18px;height:18px;border-radius:9px;background:#B9603F;color:#fff;font-size:11px;font-style:normal;display:grid;place-items:center;padding:0 4px}
.hn-hi{margin:0 0 2px;color:var(--hn-mute);font-size:15px}
.hn-h1{margin:0 0 16px;font-size:31px;line-height:1.25;font-weight:800;color:var(--hn-ink)}
.hn-list,.hn-cards{display:flex;flex-direction:column;gap:10px;margin:0 0 14px}
.hn-row,.hn-card{display:flex;align-items:center;gap:12px;background:var(--hn-card);border-radius:18px;padding:14px 14px;border:0;font:inherit;color:inherit;text-align:start;width:100%}
.hn-row.done .hn-tx b{text-decoration:line-through;color:var(--hn-mute)}
.hn-tick{flex:none;width:32px;height:32px;border-radius:50%;border:2px solid #C9CED6;background:transparent;color:transparent;display:grid;place-items:center;padding:0;cursor:pointer}
.hn-tick svg{width:18px;height:18px}
.hn-tick.on{background:var(--hn-ok);border-color:var(--hn-ok);color:#fff}
.hn-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;border:0;background:none;font:inherit;color:inherit;text-align:start;padding:0;cursor:pointer}
.hn-tx b{font-size:17px;font-weight:700;line-height:1.4}
.hn-tx small{font-size:13.5px;color:var(--hn-mute);line-height:1.4}
.hn-new{display:inline-block;background:#B9603F;color:#fff;font-size:11px;font-weight:700;border-radius:7px;padding:2px 7px;margin-inline-end:6px;vertical-align:2px}
.hn-time,.hn-qty{flex:none;background:var(--hn-pill);color:var(--hn-pill-i);font-weight:700;font-size:14px;border-radius:10px;padding:6px 10px;font-variant-numeric:tabular-nums;direction:ltr}
.hn-stepbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 12px;color:var(--hn-mute);font-size:14px}
.hn-back{border:0;background:none;font:inherit;font-weight:700;color:var(--hn-pill-i);cursor:pointer;padding:6px 0}
.hn-prog{display:flex;gap:5px;margin:-6px 0 14px}.hn-prog i{flex:1;height:5px;border-radius:3px;background:#E1E5EA}.hn-prog i.on{background:var(--hn-ok)}
.hn-step{background:var(--hn-card);border-radius:20px;overflow:hidden;margin:0 0 14px}
.hn-ph{aspect-ratio:16/10;background:linear-gradient(160deg,#EADCD1,#D8C0AE);background-size:cover;background-position:center}
.hn-ph.sm{aspect-ratio:16/7;border-radius:16px;margin:0 0 10px}
.hn-ph.img{background-color:#ddd}
.hn-stx{padding:14px 16px;display:flex;flex-direction:column;gap:3px}.hn-stx b{font-size:17px}.hn-stx small{color:var(--hn-mute);font-size:14px}
.hn-main{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border:0;border-radius:16px;background:var(--hn-act);color:var(--hn-act-i);font:inherit;font-size:17px;font-weight:700;cursor:pointer;margin:0 0 10px;padding:0 16px}
.hn-main:disabled{opacity:.45;cursor:default}
.hn-main.hn-line{background:transparent;color:var(--hn-ink);border:1.5px solid #C9CED6}
.hn-main.hn-green{background:#3C4A33}
.hn-lnk{display:block;margin:0 auto 6px;border:0;background:none;font:inherit;font-size:14px;color:var(--hn-pill-i);text-decoration:underline;cursor:pointer}
.hn-note{text-align:center;color:var(--hn-mute);font-size:13.5px;margin:4px 0 14px}
.hn-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}
.hn-big{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;min-height:118px;background:var(--hn-card);border:0;border-radius:20px;padding:16px;font:inherit;color:var(--hn-pill-i);cursor:pointer;text-align:start}
.hn-big b{color:var(--hn-ink);font-size:17px;line-height:1.35}
.hn-ans{background:var(--hn-card);border-radius:18px;padding:12px 14px;margin:0 0 10px;display:flex;flex-direction:column;gap:3px}
.hn-ans small{color:var(--hn-mute);font-size:13px}.hn-ans b{font-size:16px;font-weight:600}.hn-orig{color:var(--hn-mute);font-size:13px}.hn-wait{color:var(--hn-mute);font-size:14px}
.hn-chat{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}
.hn-bub{max-width:84%;align-self:flex-start;background:#26303D;color:#fff;border-radius:16px;padding:9px 13px;display:flex;flex-direction:column;gap:3px;font-size:15px}
.hn-bub.me{align-self:flex-end;background:var(--hn-card);color:var(--hn-ink)}
.hn-bub .hn-orig{color:rgba(255,255,255,.7)}
.hn-add{display:flex;align-items:center;gap:8px;background:var(--hn-card);border-radius:14px;padding:6px 6px 6px 12px;margin:0 0 12px}
[dir="rtl"] .hn-add{padding:6px 12px 6px 6px}
.hn-add input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:16px;color:var(--hn-ink);padding:8px 2px;outline:0}
.hn-addb{flex:none;width:38px;height:38px;border-radius:50%;border:0;background:var(--hn-ink);color:#fff;display:grid;place-items:center;cursor:pointer}
.hn-in{width:100%;border:0;background:var(--hn-card);border-radius:14px;font:inherit;font-size:16px;color:var(--hn-ink);padding:13px 14px;margin:0 0 10px;outline:0;resize:vertical}
.hn-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.hn-chip{border:0;background:var(--hn-card);border-radius:999px;padding:8px 13px;font:inherit;font-size:14px;color:var(--hn-ink);cursor:pointer}
.hn-chip.on{background:var(--hn-act);color:#fff}
.hn-sum{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.hn-box{background:var(--hn-card);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column}.hn-box b{font-size:18px}.hn-box small{color:var(--hn-mute);font-size:13px}
.hn-sec h3{display:flex;justify-content:space-between;margin:14px 4px 8px;font-size:13px;letter-spacing:.4px;text-transform:uppercase;color:var(--hn-pill-i)}
.hn-th{flex:none;width:58px;height:58px;border-radius:14px;background:linear-gradient(160deg,#EEE7DA,#DCD0BC);background-size:cover;background-position:center}
.hn-th.lg{width:100%;height:96px;border-radius:12px}
.hn-shop{cursor:pointer}
.hn-nh{align-self:flex-start;margin-top:4px;border:1px solid #D6C3B6;background:none;color:#8A4A2F;border-radius:9px;font:inherit;font-size:12.5px;font-weight:700;padding:3px 9px;cursor:pointer}
.hn-chose{background:#DDF2E3;color:#2E6B45;border-radius:14px;padding:10px 14px;font-weight:600;margin:0 0 12px}
.hn-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.hn-opt{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--hn-card);border:2px solid transparent;border-radius:16px;padding:8px 8px 12px;font:inherit;color:var(--hn-ink);cursor:pointer;text-align:center}
.hn-opt.on{border-color:#5E7A4E}.hn-opt small{color:var(--hn-mute)}
.hn-shelf{display:grid;place-items:end center;width:100%;min-height:120px;border:0;border-radius:18px;background:#232A22;color:#E8EDE4;font:inherit;font-size:14px;cursor:pointer;padding:0 0 14px;margin:0 0 12px;background-image:linear-gradient(#232A22,#232A22);outline:2px dashed rgba(255,255,255,.25);outline-offset:-14px}
.hn-st{border:0;flex:none;font-size:13px;font-weight:700;border-radius:10px;padding:5px 10px;white-space:nowrap;background:#F6E1D8;color:#A65338}
.hn-st.approved{background:#DDF2E3;color:#2E6B45}.hn-st.done,.hn-st.declined{background:#EFEFF1;color:#8A8A8E}.hn-st.steps{background:#EEE3FF;color:#5B3E99}
.hn-card.done{opacity:.7}
button.hn-card{cursor:pointer}
.hn-rules{background:var(--hn-card);border-radius:18px;padding:14px 16px;margin:0 0 12px}
.hn-rules h3{margin:0 0 8px;font-size:17px}
.hn-rule{padding:8px 0;border-bottom:1px solid #EEF0F3}.hn-rule:last-of-type{border-bottom:0}.hn-rule b{font-size:15.5px}.hn-rule p{margin:2px 0 0;color:var(--hn-mute);font-size:14.5px;line-height:1.6}
.hn-rules .hn-main{margin:10px 0 0;min-height:48px}
.hn-okl{margin:8px 0 0;color:var(--hn-ok);font-weight:700;font-size:14px}
@media (prefers-reduced-motion:reduce){.hm-new *{transition:none!important}}