/* מסך הבית בטלפון בסגנון אפליקציה (דולב, 21/10/2026: "אל תשנה את הקוביות שיש רק תעשה את זה בסגנון
 * האפליקציה", ההדמיה אושרה). אותן קוביות, אותו סדר ואותם שמות. משתנה רק העיצוב:
 * כרטיס פתיחה עם Zappy, שלוש קוביות בשורה עם אייקון בעיגול, וסרגל תחתון צף.
 * חל רק על .hm.ap (הבית של הצוות והבית הרגיל של עסק), לא על הבית של חיה או של SDH. */
/* הדמות: ראש לבן, פנים כהות, עיניים מחייכות, אוזניים כתומות. נמתחת לפי --z (גודל ברירת מחדל 54) */
.ap-bot{--z:54px;display:block;flex:none;position:relative;width:var(--z);height:var(--z)}
.ap-bot i{position:absolute;display:block;font-style:normal}
.ap-bot .head{inset:6% 11% 24%;background:#fff;border-radius:31%;box-shadow:inset 0 -3px 0 #dfe9e5,0 3px 8px rgba(0,0,0,.14)}
.ap-bot .face{inset:17% 12% 19%;background:#123c2e;border-radius:28%;display:flex;align-items:center;justify-content:center;gap:calc(var(--z) * .13)}
.ap-bot .face i{position:static;width:calc(var(--z) * .15);height:calc(var(--z) * .09);border:2px solid #6ff0b5;border-bottom:0;border-radius:8px 8px 0 0}
.ap-bot .ear{top:24%;width:9%;height:24%;border-radius:3px;background:#f08a3c}
.ap-bot .ear.l{right:4%}.ap-bot .ear.r{left:4%}
.ap-bot .bdy{bottom:0;right:30%;left:30%;height:26%;background:#fff;border-radius:0 0 40% 40%;box-shadow:0 3px 6px rgba(0,0,0,.1)}

/* במחשב: הבית לא משתנה. הדמות מופיעה שם רק בעוזר הדיגיטלי (למטה) */
@media (min-width:761px){.hm .ap-bot,.ap-hello,.ap-date{display:none!important}}

/* ⭐ 21/10/2026 (דולב): "הדמות של ה-AI תשים גם בדסקטופ באזור של העוזר הדיגיטלי". הכפתור הצף וכותרת החלון */
.bot-fab.as-fab.ap-fab,:root:not([data-theme="light"]) .bot-fab.as-fab.ap-fab{background:var(--surface);border:1px solid var(--line);box-shadow:0 6px 18px rgba(0,0,0,.16)}
.bot-fab.as-fab.ap-fab:hover{background:var(--accent-soft)}
.bot-fab.as-fab.ap-fab .ap-bot{--z:44px}
.bot-ph .ap-bot{--z:30px}
.bot-ph .as-title{white-space:nowrap}

@media (max-width:760px){

  /* כרטיס הפתיחה */
  .hm-team.ap .hm-top,.ap-hello{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;
    background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:12px 14px;margin:0 0 4px;
    box-shadow:0 4px 14px rgba(14,138,95,.08);background-image:radial-gradient(120% 140% at 100% 0%,var(--accent-soft),transparent 60%)}
  .hm-team.ap .hm-top h1{font-size:18px}
  html .hm-team.ap .hm-top p.ap-date{display:block;margin:0;font-size:12.5px;color:var(--ink3)}
  .ap-hello b{display:block;font-size:17px;font-weight:800;line-height:1.3}
  .ap-hello span{display:block;font-size:12.5px;color:var(--ink3)}
  .ap-hello{margin:12px 0 0}

  /* הקוביות: שלוש בשורה, פינות עגולות, אייקון בעיגול */
  /* ⭐ 22/10/2026 (דולב): שתיים בשורה (שלוש בשורה האחרונה), והקוביות ממלאות את המסך (כ-75%) בלי גלילה, מתחת לכרטיס הפתיחה ומעל הסרגל */
  .hm-team.ap{display:flex;flex-direction:column;gap:8px}
  .hm-team.ap>.hm-main{display:grid;gap:8px;margin-top:0}
  .hm-team.ap>.hm-main .hm-t{min-height:max(92px,calc((100vh - 350px) / 4));min-height:max(92px,calc((100svh - 350px) / 4));justify-content:center!important}
  .hm-team.ap>.hm-main.ws-n2 .hm-n{font-size:14px}
  .hm.ap:not(.hm-team) > .hm-g:not(.ws-row){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
  .hm.ap .hm-t{min-width:0;min-height:96px;padding:12px 4px 10px;gap:6px;border-radius:18px;box-shadow:0 3px 10px rgba(20,35,30,.06)}
  .hm.ap .hm-t:not(.long){flex-direction:column;justify-content:flex-start}
  .hm.ap .hm-t.long{grid-column:1 / -1;min-height:60px}
  .hm.ap .hm-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink)}
  .hm.ap .hm-ic svg{width:21px;height:21px}
  .hm.ap .hm-n{font-size:12px;font-weight:700;overflow-wrap:anywhere}
  .hm.ap .hm-c{font-size:10.5px;line-height:1.3;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hm.ap .hm-l{font-size:13px;color:var(--ink);letter-spacing:0;margin:18px 2px 8px}

  /* שלושת המספרים והלידים האחרונים: כרטיסים עגולים, "מחכים לך" באדום כשיש מי שמחכה */
  html.rd .hm.ap .rd-n{border-radius:18px}
  html.rd .hm.ap .rd-n.bad{background:color-mix(in srgb,var(--lost) 12%,var(--surface));border-color:transparent}
  html.rd .hm.ap .rd-recent{border-radius:18px}
}

/* הסרגל התחתון צף, בכל המסכים בטלפון */
@media (max-width:860px){
  html[data-ui="2"] .mnav{inset:auto 10px calc(8px + env(safe-area-inset-bottom,0px)) 10px;padding:5px 6px;border:1px solid var(--line);
    border-radius:28px;box-shadow:0 8px 22px rgba(0,0,0,.14);
    grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
  html[data-ui="2"] .mnav button{border-radius:22px}
  html[data-ui="2"] .toast{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}

/* כרטיס "שלום" פותח את העוזר הדיגיטלי (דולב, 22/10/2026) */
.hm-ask{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .15s,transform .15s}
.hm-ask:hover{box-shadow:0 6px 18px rgba(14,138,95,.14)}
.hm-ask:active{transform:scale(.99)}
.hm-ask:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hm-ask .hm-ask-hint{color:var(--accent-ink);font-weight:600}
html .hm-team .hm-top p.hm-ask-hint{display:block;margin:2px 0 0;font-size:12.5px}