/* ==========================================================================
   Account Pill (Figma Frame 23099) — קומפוננט חשבון משותף
   רמת חשבון: כדור (שם + לוגו) + dropdown (miniPopup + item) עם מסכי משנה.
   Required: tokens.css, minipopup.css, item.css
   ========================================================================== */
/* ===== Account pill (Figma Frame 23099) — רמת חשבון: 2 כפתורים (שם + לוגו) ===== */
.acct-pill-wrap{position:relative;}
.acct-pill{display:inline-flex;align-items:center;height:44px;cursor:pointer;user-select:none;}
.acct-pill__logo{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;flex-shrink:0;overflow:hidden;
  background:var(--ta-color-bg-surface,rgba(0,0,0,0.05));
  border-left:1px solid var(--ta-color-border-subtle,rgba(0,0,0,0.1));   /* מחיצה בין הלוגו לשם */
  border-radius:0 var(--border-radius-full,999px) var(--border-radius-full,999px) 0;  /* RTL: צד ימין=התחלה */
}
.acct-pill__logo img{width:30px;height:30px;border-radius:50%;object-fit:contain;background:#fff;}
.acct-pill__logo svg{width:30px;height:30px;border-radius:50%;display:block;}   /* לוגו SVG (חשבונות צבעוניים) אחרי החלפה */
/* placeholder "קופסא" — אייקון קו: להקטין וללא חיתוך עגול (אחרת border-radius:50% חותך את הפינות) */
.acct-pill__logo--ph svg{width:20px;height:20px;border-radius:0;}
.acct-pill__name{
  display:flex;align-items:center;gap:var(--space-sm,8px);height:44px;
  padding:0 var(--space-xs,4px) 0 var(--space-lg,16px);   /* RTL: ימין(לכיוון לוגו)=4, שמאל(chevron)=16 */
  background:var(--ta-color-bg-surface,rgba(0,0,0,0.05));
  border:none;border-radius:var(--border-radius-full,999px) 0 0 var(--border-radius-full,999px);
  cursor:pointer;font-family:inherit;
}
.acct-pill__text{display:flex;flex-direction:column;align-items:flex-start;line-height:1;white-space:nowrap;}
.acct-pill__label{font-size:var(--font-size-caption,12px);line-height:16px;color:var(--ta-color-text-subtle,rgba(0,0,0,0.4));font-weight:var(--font-weight-regular,400);}
.acct-pill__value{font-size:var(--font-size-body-small,14px);line-height:1.2;font-weight:var(--font-weight-bold,700);}
.acct-pill__chev{width:20px;height:20px;flex-shrink:0;color:var(--ta-color-icon-default,#000);display:flex;transition:transform .2s;}
.acct-pill__chev svg{width:100%;height:100%;}
.acct-pill[aria-expanded="true"] .acct-pill__chev{transform:rotate(180deg);}
.acct-pill:hover .acct-pill__name,.acct-pill:hover .acct-pill__logo{background:var(--ta-color-bg-surface-hover,rgba(0,0,0,0.1));}

/* Dropdown — מבוסס קומפוננט miniPopup (general/minipopup.css) + item (general/item.css) */
.acct-dd{position:absolute;top:calc(100% + 8px);right:0;left:auto;z-index:300;}   /* RTL: עיגון לימין, מיושר עם הכדור */
.acct-dd[hidden]{display:none;}
.acct-dd.minipopup{width:320px;max-width:calc(100vw - 32px);}
.acct-dd .mp-header{padding:var(--space-md) var(--space-xl);}
.acct-dd .mp-header .mp-title{font-size:var(--font-size-body);}   /* 16px */
.acct-dd .mp-slot{height:auto;max-height:calc(100vh - 160px);overflow-y:auto;padding:0;border-top:1px solid var(--ta-color-border-subtle);}  /* חוצץ בין שם החשבון לרשימה */
/* item נשאר קומפוננט DS — במסך התפריט גובה מוקטן (באישור); במסך החלפת חשבון גובה מקורי 64 */
.acct-dd [data-screen="menu"] .item{height:52px;}
.acct-dd [data-screen="menu"] .item .item-main{height:52px;}
.acct-dd .item-trail{width:var(--dim-5,20px);height:var(--dim-5,20px);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ta-color-text-subtle,rgba(0,0,0,0.4));}
.acct-dd .item-trail svg{width:12px;height:12px;}
/* שני מסכים בתוך אותו dropdown — מעבר עם החלקה */
.acct-screen{width:100%;display:none;}
.acct-screen.is-active{display:block;}
.acct-screen.is-active.fwd{animation:scrInFwd .24s cubic-bezier(.4,0,.2,1);}
.acct-screen.is-active.back{animation:scrInBack .24s cubic-bezier(.4,0,.2,1);}
@keyframes scrInFwd{from{opacity:0;transform:translateX(-18px);}to{opacity:1;transform:translateX(0);}}
@keyframes scrInBack{from{opacity:0;transform:translateX(18px);}to{opacity:1;transform:translateX(0);}}
.acct-dd .mp-back svg{width:18px;height:18px;}

/* ===== רמת אירוע — 2 כפתורים: כדור שם + כפתור "דף הבית"; אווטר אירוע באמצע ===== */
.acct-pill--event .acct-pill__logo{border-radius:0;border-left:none;}   /* אמצע — ריבוע, בלי מחיצה */
.acct-pill__home{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;flex-shrink:0;
  background:var(--ta-color-bg-surface,rgba(0,0,0,0.05));
  border-left:1px solid var(--ta-color-border-subtle,rgba(0,0,0,0.1));
  border-radius:0 var(--border-radius-full,999px) var(--border-radius-full,999px) 0;   /* RTL: צד ימין */
  color:var(--ta-color-icon-default,#000);cursor:pointer;
}
.acct-pill__home svg{width:24px;height:24px;display:block;}
.acct-pill__home:hover{background:var(--ta-color-bg-surface-hover,rgba(0,0,0,0.1));}
.acct-pill__home{position:relative;}
/* Tooltip (סגנון DS) — position:fixed דרך JS, כדי שלא ייחתך ע"י stacking/overflow של הטופ-נב */
.acct-tip{
  position:fixed;z-index:99999;
  background:var(--color-grays-700,#333);color:#fff;
  font-family:'Google Sans','Assistant',sans-serif;font-size:14px;font-weight:400;line-height:1;white-space:nowrap;
  padding:8px 12px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.25);
  pointer-events:none;opacity:0;transform:translateY(4px);
  transition:opacity .15s ease, transform .15s ease;
}
.acct-tip.is-show{opacity:1;transform:translateY(0);}