/* ============================================================================
   GroupiApp — account-v2.css  ·  אזור החשבון וההרשמה בשפת v2  ·  W-140  ·  22.10.2026
   frontend-engineer · מיישם את design-v2.css (W-135) על: account, settings, profile, join,
   guardian, blocked, delete-account, export-download.

   כללים (אותם כללי ברזל של design-v2.css):
     · תכונות לוגיות בלבד — אפס left / right / translateX.
     · אפס צבע גולמי — טוקן של style.css, או color-mix של טוקן.
     · קידומת: v2-acct- (כל האזור), v2-join- (זרימת ההרשמה). אף כלל לא נוגע באלמנט חשוף.
     · מגע ≥44px (--v2-tap), פוקוס = הטבעת הגלובלית.
     · hover רק תחת (hover:hover) and (pointer:fine).
   הקובץ נטען אחרי design-v2.css ואחרי ה-CSS של הדף עצמו. הוא לא משנה ערך טוקן ולא עורך את
   design-v2.css — רכיב שחסר שם מוגדר כאן, בקידומת של הדף.
   ========================================================================== */

/* ===== 1 · כרזה בראש עמוד חשבון ============================================ */
.v2-acct-poster{ padding-block:calc(var(--sp-9) + var(--sp-3)) var(--sp-8) }   /* .nav הדביק צף מעל הקצה העליון */
.v2-acct-poster .v2-poster__title{ font-size:clamp(44px,7.2vw,96px); overflow-wrap:anywhere }
.v2-acct-poster .v2-poster__in{ align-items:center }
.v2-acct-poster .v2-poster__lede{ margin-block-start:var(--sp-3) }
.v2-acct-poster .v2-poster__lede:empty{ display:none }
.v2-acct-poster .btn{ margin-block-start:var(--sp-5) }
/* הרשימות/הטפסים שמתחת לכרזה */
.v2-acct-body{ padding-block:var(--sp-5) var(--sp-9) }
.v2-acct-body .lede{ margin-block-end:0 }

/* ===== 2 · כרטיס זהות על הכרזה + אריחי מידע ================================ */
.v2-acct-id{
  display:grid; gap:var(--sp-4); padding:var(--sp-5);
  background:var(--bg-elev); color:var(--ink); box-shadow:var(--shadow-3);
  border-radius:var(--radius-2xl); border-end-start-radius:var(--radius-sm);
}
.v2-acct-id__top{ display:flex; align-items:center; gap:var(--sp-4); flex-wrap:wrap }
.v2-acct-id .who-av{
  inline-size:84px; block-size:84px; background:var(--ink); color:var(--on-ink);
  font-family:var(--font-display); font-weight:400; font-size:34px;
  border-radius:var(--radius-xl); border-end-start-radius:var(--radius-sm);
  transform:rotate(var(--tilt-photo));
}
.v2-acct-id .av-actions{ margin:0; min-inline-size:0 }
.v2-acct-id .av-actions .btn{ min-block-size:var(--v2-tap) }
.v2-acct-id .micro{ color:var(--ink-2) }

.v2-acct-tiles{
  display:grid; gap:var(--sp-2); grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0; padding:0; border:0;
}
.v2-acct-tile{
  display:grid; gap:2px; align-content:start; min-inline-size:0;
  padding:var(--sp-3) var(--sp-4);
  background:var(--bg); border:1px solid var(--line); border-radius:var(--radius-md);
}
.v2-acct-tile .acct-k{ margin:0; font-family:var(--font-head); font-size:var(--t-label); font-weight:700; letter-spacing:.02em; color:var(--ink-2) }
.v2-acct-tile .acct-v{ font-family:var(--font-head); font-weight:600; font-size:var(--t-meta); line-height:1.35; overflow-wrap:anywhere }

/* ===== 3 · סרגל קפיצה בין קטעים (v2-fbar + v2-chip) ========================== */
.v2-acct-jump .v2-chip{ text-decoration:none; scroll-snap-align:start }
.v2-acct-jump .v2-chip:focus-visible{ outline:3px solid var(--focus-ring); outline-offset:3px }

/* ===== 4 · קבוצת הגדרות: כותרת + הסבר בעמודה אחת, התוכן בשנייה ================ */
.v2-acct-group{
  display:grid; gap:var(--sp-5) var(--sp-8); align-items:start;
  padding-block:var(--sp-7) var(--sp-8);
  border-block-start:3px solid var(--ink);
  scroll-margin-block-start:calc(var(--nav-stick) + var(--v2-tap) + var(--sp-6));
}
@media (min-width:900px){
  .v2-acct-group{ grid-template-columns:minmax(0,4fr) minmax(0,8fr) }
}
.v2-acct-group__head{ display:grid; gap:var(--sp-2); align-content:start; min-inline-size:0 }
.v2-acct-group__body{ min-inline-size:0 }
.v2-acct-group__body > :first-child{ margin-block-start:0 }
.v2-acct-group__body form{ margin-block-start:0; max-inline-size:560px }
.v2-acct-group__body .lede,.v2-acct-group__head .lede{ font-size:var(--t-body); margin:0 }
.v2-acct-h{
  margin:0; display:flex; align-items:baseline; gap:var(--sp-3);
  font-size:clamp(26px,2.4vw,34px); line-height:1.05;
}
.v2-acct-h .v2-ico{ align-self:center }
.v2-acct-group .micro{ color:var(--ink-2) }
.v2-acct-group .field > label,.v2-acct-group .field legend{ font-family:var(--font-head); font-size:var(--t-sm) }
.v2-acct-group .opt{ font-size:var(--t-sm); color:var(--ink-2) }
.v2-acct-group fieldset.field{ border:0; padding:0; margin-inline:0; min-inline-size:0 }

/* שורות אחידות בין בקרות בטופס */
.v2-acct-stack{ display:grid; gap:var(--sp-4) }
.v2-acct-actions{ display:flex; flex-wrap:wrap; gap:var(--sp-2); align-items:center }
.v2-acct-actions .btn{ min-block-size:var(--v2-tap) }

/* ===== 5 · סרגל שמירה דביק בתוך טופס ======================================== */
.v2-acct-savebar{
  position:sticky; inset-block-end:0; z-index:var(--z-actionbar);
  display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-3);
  margin-block-start:var(--sp-5); padding-block:var(--sp-3);
  padding-block-end:calc(var(--sp-3) + env(safe-area-inset-bottom, 0px));
  background:var(--bg); border-block-start:1px solid var(--line);
}
.v2-acct-savebar .micro{ margin:0; flex:1 1 12ch }
@media (max-width:640px){
  body.gapp-shell-on .v2-acct-savebar{
    inset-block-end:calc(var(--shell-bottombar, 60px) + env(safe-area-inset-bottom, 0px));
    padding-block-end:var(--sp-3);
  }
}

/* ===== 6 · רשימות שורה: מפתחות כניסה, טלפונים, חסומים ========================= */
.v2-acct-body .pk-list{ gap:var(--sp-2); margin-block-end:var(--sp-4) }
.v2-acct-body .pk-list li{
  min-block-size:var(--v2-tap); padding:var(--sp-3) var(--sp-4);
  background:var(--bg-elev); border:1px solid var(--line); border-radius:var(--radius-md);
  font-size:var(--t-body); overflow-wrap:anywhere;
}
.v2-acct-body .pk-list .pk-empty{ background:transparent; border-style:dashed; border-color:var(--line-strong); color:var(--ink-2) }
.v2-acct-body .ph-badge{
  display:inline-flex; align-items:center; gap:var(--sp-1);
  font-family:var(--font-head); font-size:var(--t-sm); font-weight:700; color:var(--ink);
  padding:2px var(--sp-3); border-radius:var(--radius-pill);
}
.v2-acct-body .ph-badge .v2-ico{ inline-size:14px; block-size:14px }
.v2-acct-body .phone-state.is-verified{ display:flex; align-items:center; gap:var(--sp-2); color:var(--ink) }
.v2-acct-body .rc-list{ font-size:var(--t-body) }

/* ===== 7 · הערה עם אייקון (v2-note) — התאמות לאזור ============================= */
.v2-acct-body .v2-note{ margin-block:var(--sp-4); background:var(--bg-elev); font-size:var(--t-meta) }
.v2-acct-body .v2-note p{ margin:0 }
.v2-acct-body .v2-note{ max-inline-size:72rem }
.v2-acct-body .v2-note .v2-ico{ color:var(--ink) }
.v2-acct-body .note{ margin-block:var(--sp-4); padding:var(--sp-4) var(--sp-5); font-size:var(--t-body); background:var(--bg-elev); border:1px solid var(--line) }

/* ===== 8 · שורות קישור (הגדרות / פרופיל «עוד») ================================= */
.v2-acct-rows{ list-style:none; margin:0; padding:0; border-block-start:1px solid var(--line) }
.v2-acct-rows li{ border-block-end:1px solid var(--line) }
.v2-acct-rows a,.v2-acct-rows button,.v2-acct-rows .v2-acct-row--soon{
  display:flex; align-items:center; gap:var(--sp-3); inline-size:100%; min-block-size:56px;
  padding:var(--sp-3) var(--sp-1); background:none; border:0; font:inherit;
  font-family:var(--font-head); font-size:var(--t-title-row); font-weight:600; color:var(--ink);
  text-decoration:none; text-align:start; cursor:pointer;
}
.v2-acct-rows .v2-acct-row__k{ display:flex; align-items:center; gap:var(--sp-3); flex:1; min-inline-size:0 }
.v2-acct-rows .v2-acct-row__v{ margin-inline-start:auto; font-family:var(--font-body); font-weight:500; font-size:var(--t-meta); color:var(--ink-2); overflow-wrap:anywhere; text-align:end }
.v2-acct-rows .v2-acct-row__go{ flex:none; color:var(--ink-2) }
.v2-acct-rows .v2-acct-row--soon{ cursor:default; color:var(--ink-2) }
.v2-acct-rows .v2-acct-row--soon .micro{ margin-inline-start:auto }
.v2-acct-rows a:focus-visible,.v2-acct-rows button:focus-visible{ outline:3px solid var(--focus-ring); outline-offset:-3px; border-radius:var(--radius-sm) }
@media (hover:hover) and (pointer:fine){
  .v2-acct-rows a:hover .v2-acct-row__k,.v2-acct-rows button:hover .v2-acct-row__k{ text-decoration:underline; text-underline-offset:4px }
}

/* גלולת "מוסתר מאחרים" */
.v2-acct-phoneblock{
  display:grid; gap:var(--sp-2); padding:var(--sp-4) var(--sp-5); margin-block-end:var(--sp-5);
  background:var(--bg-elev); border:1px solid var(--line); border-radius:var(--radius-lg);
}
.v2-acct-phoneblock .st-row-label{ font-family:var(--font-head); font-size:var(--t-label); font-weight:700; letter-spacing:.02em; color:var(--ink-2); margin:0 }
.v2-acct-phoneblock .st-phone-state{ display:flex; align-items:center; gap:var(--sp-2); margin:0; font-size:var(--t-body) }

/* ===== 9 · אזור סכנה (מחיקה, התנתקות) ======================================== */
.v2-acct-body .danger{
  margin-block:var(--sp-5); padding:var(--sp-5); background:var(--bg-elev);
  border:2px solid var(--danger); border-radius:var(--radius-xl); border-end-start-radius:var(--radius-sm);
}
.v2-acct-body .danger h2{ display:flex; align-items:center; gap:var(--sp-2); margin:0 0 var(--sp-3); font-family:var(--font-head); font-weight:700; font-size:var(--t-h3); line-height:1.25; color:var(--ink) }
.v2-acct-body .danger h2 .v2-ico{ color:var(--danger) }
.v2-acct-body .done{
  margin-block:var(--sp-5); padding:var(--sp-6); background:var(--yellow); color:var(--ink);
  border:0; border-radius:var(--radius-2xl); border-end-start-radius:var(--radius-sm);
}
.v2-acct-body .done h2,.v2-acct-body .done h3{ margin:0 0 var(--sp-2); font-family:var(--font-display); font-weight:400; font-size:var(--t-h2); line-height:1 }
.v2-acct-body .done p{ color:var(--ink-2) }
.v2-acct-body .btn-danger{ min-block-size:var(--v2-tap); color:var(--on-ink) }   /* style.css: color:#fff — על --danger של כהה (#FF8A80) זה 2.28:1; --on-ink מתהפך (נמדד) */

/* ===== 10 · פרופיל (up-*) — שפת v2 על המבנה הקיים =============================== */

/* לשוניות: קו דיו עבה במקום פס צבע */
.v2-acct-body .up-tabs{ gap:var(--sp-2); border-block-end:3px solid var(--ink); margin-block-end:var(--sp-4) }
.v2-acct-body .up-tab{
  min-block-size:var(--v2-tap); padding:var(--sp-2) var(--sp-4); border-bottom:0;
  border-start-start-radius:var(--radius-md); border-start-end-radius:var(--radius-md);
  font-family:var(--font-head); font-size:var(--t-body); color:var(--ink-2);
}
.v2-acct-body .up-tab.is-active,.v2-acct-body .up-tab[aria-selected="true"]{ background:var(--ink); color:var(--on-ink); font-weight:700 }
.v2-acct-body .up-chips{ gap:var(--sp-2) }
.v2-acct-body .up-chip{
  min-block-size:var(--v2-tap); padding-inline:var(--sp-4); font-family:var(--font-head); font-size:15px;
}
.v2-acct-body .up-chip.is-active{ background:var(--signal); border-color:var(--signal); color:var(--on-signal); font-weight:700 }
/* שורות רשימה: כותרת גדולה וקו דק, בלי קופסה */
.v2-acct-body .up-list{ gap:0 }
.v2-acct-body .up-item{
  background:transparent; border:0; border-block-end:1px solid var(--line); border-radius:0;
}
.v2-acct-body .up-item > a{ padding:var(--sp-4) var(--sp-1); gap:var(--sp-1) }
.v2-acct-body .up-item .act-cat{ font-family:var(--font-head); font-size:var(--t-label); font-weight:700; letter-spacing:.02em; color:var(--ink-2) }
.v2-acct-body .up-item .act-title{ font-family:var(--font-head); font-size:var(--t-title-row); font-weight:700; line-height:1.3 }
.v2-acct-body .up-item .act-when,.v2-acct-body .up-item .act-where{ font-size:var(--t-meta); color:var(--ink-2) }
.v2-acct-body .up-item .act-when{ font-variant-numeric:tabular-nums }
.v2-acct-body .up-badge{
  justify-self:start; gap:var(--sp-1); min-block-size:28px; padding:2px var(--sp-3);
  background:var(--bg-elev); border:1px solid var(--line-strong); color:var(--ink);
  font-family:var(--font-head); font-size:var(--t-sm); font-weight:700;
}
.v2-acct-body .up-badge .v2-ico{ inline-size:14px; block-size:14px }
.v2-acct-body .up-badge-ok{ background:var(--signal); border-color:var(--signal); color:var(--on-signal) }
.v2-acct-body .up-month{ font-family:var(--font-display); font-weight:400; font-size:var(--t-h3); letter-spacing:0; text-transform:none; color:var(--ink); border-block-end:3px solid var(--ink); padding-inline:0 }
.v2-acct-body .up-empty{ font-size:var(--t-body); background:transparent }
.v2-acct-body .up-follow-link{ min-block-size:var(--v2-tap) }
.v2-acct-body .up-remove,.v2-acct-body .btn-link{ min-block-size:var(--v2-tap); display:inline-flex; align-items:center }
.v2-acct-body .up-live-preview{ background:var(--bg-elev); border:1px solid var(--line); border-radius:var(--radius-xl); border-end-start-radius:var(--radius-sm) }
.v2-acct-back{ display:inline-flex; align-items:center; gap:var(--sp-2); min-block-size:var(--v2-tap); margin:0; padding-inline:0; font-family:var(--font-head); font-weight:600 }
.v2-acct-back .v2-ico{ inline-size:18px; block-size:18px }

/* פרופיל: כותרת כרזה + תמונה נטויה בצד הסוף */
.v2-acct-handle{ direction:inherit; margin:var(--sp-3) 0 0; font-family:var(--font-head); font-weight:700; font-size:var(--t-title-row); color:var(--ink) }
.v2-acct-joined{ margin-block-start:var(--sp-1); color:var(--ink-2) }
.v2-acct-poster-actions{ margin-block-start:var(--sp-5) }
.v2-acct-poster-actions .btn{ margin-block-start:0; display:inline-flex; align-items:center; gap:var(--sp-2) }
.v2-acct-avatar-stage{ display:grid; justify-items:end; align-content:center }
.v2-acct-avatar-stage .up-av{
  inline-size:clamp(112px,22vw,200px); block-size:clamp(112px,22vw,200px); font-size:clamp(44px,8vw,80px);
  background:var(--ink); color:var(--on-ink); font-family:var(--font-display); font-weight:400;
  border:6px solid var(--bg-elev); border-radius:var(--radius-2xl); border-end-start-radius:var(--radius-sm);
  box-shadow:var(--shadow-3); transform:rotate(var(--tilt-photo));
}
@media (max-width:899px){ .v2-acct-avatar-stage{ order:-1; justify-items:start } }
/* מונים: שלושה אריחי מידע */
.v2-acct-counters{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-2);
  margin:0 0 var(--sp-5); padding:0; border:0;
}
.v2-acct-counters .up-count{
  min-block-size:var(--v2-tap); padding:var(--sp-3) var(--sp-2);
  background:var(--bg-elev); border:1px solid var(--line); border-radius:var(--radius-md);
}
.v2-acct-counters .up-count strong{ font-family:var(--font-display); font-weight:400; font-size:34px; line-height:1; font-variant-numeric:tabular-nums lining-nums }
.v2-acct-counters .up-count span{ font-family:var(--font-head); font-size:var(--t-sm); font-weight:600; color:var(--ink-2) }
@media (hover:hover) and (pointer:fine){ .v2-acct-counters .up-count:hover{ background:var(--band) } }
.v2-acct-counters .up-count:focus-visible{ outline:3px solid var(--focus-ring); outline-offset:3px }
.v2-acct-strip{
  margin:0 0 var(--sp-7); padding:var(--sp-5);
  background:var(--bg-elev); border:1px solid var(--line); border-radius:var(--radius-xl); border-end-start-radius:var(--radius-sm);
}
.v2-acct-strip .up-strip-h{ margin:0 0 var(--sp-3); font-family:var(--font-head); font-size:var(--t-label); font-weight:700; letter-spacing:.02em; color:var(--ink-2) }
.v2-acct-strip .up-strip-rows div{ font-size:var(--t-meta) }
.v2-acct-strip .up-strip-rows dt{ color:var(--ink-2) }
.v2-acct-block{ margin-block-end:var(--sp-7) }
.v2-acct-form{ max-inline-size:640px; margin-block-start:var(--sp-5) }
.v2-acct-list{ margin:0; padding-inline-start:var(--sp-5); display:grid; gap:var(--sp-2); font-size:var(--t-body) }
.v2-acct-list li::marker{ color:var(--ink) }
.v2-acct-group__body > p{ margin:0 0 var(--sp-3); font-size:var(--t-body); max-inline-size:62ch }
.v2-acct-empty{ padding:var(--sp-5); font-size:var(--t-body) }
.v2-acct-warn{ display:flex; align-items:flex-start; gap:var(--sp-2); margin-block-start:var(--sp-2); color:var(--ink) }
.v2-acct-warn .v2-ico{ color:var(--warning); margin-block-start:2px }
.v2-acct-request{ margin-block-start:var(--sp-5) }
.v2-acct-request h2{ font-family:var(--font-head); font-weight:700; font-size:var(--t-h3); line-height:1.25; margin:0 0 var(--sp-3) }
.v2-acct-group__body > .field{ margin-block-start:var(--sp-6) }


/* מתגי ערוצי התראה — אותו מתג של האתר (profile.css), בשורה בצורת כרטיס */
.v2-acct-body .pf-toggle-row{
  display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3);   /* .field > label של style.css הופך אותו ל-block */
  min-block-size:56px; padding:var(--sp-3) var(--sp-4);
  background:var(--bg-elev); border:1px solid var(--line-strong); border-radius:var(--radius-md);
  font-family:var(--font-head); font-weight:600; font-size:var(--t-body);
}
.v2-acct-body .pf-toggle-row:has(input:checked){ border-color:var(--ink); box-shadow:inset 0 0 0 1px var(--ink) }
.v2-acct-body .pf-toggle-row:has(input:focus-visible){ outline:3px solid var(--focus-ring); outline-offset:3px }
.v2-acct-body .pf-toggle-row input[type=checkbox]:focus-visible{ outline:0 }


/* מתג «עקוב אחרי המכשיר» (settings) — אותה שורת מתג בצורת כרטיס */
.v2-acct-body .field > label.consent{
  display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3);
  min-block-size:56px; padding:var(--sp-3) var(--sp-4);
  background:var(--bg-elev); border:1px solid var(--line-strong); border-radius:var(--radius-md);
  font-family:var(--font-head); font-weight:600; font-size:var(--t-body); color:var(--ink); cursor:pointer;
}
.v2-acct-body .field > label.consent:has(input:checked){ border-color:var(--ink); box-shadow:inset 0 0 0 1px var(--ink) }
.v2-acct-body .field > label.consent:has(input:focus-visible){ outline:3px solid var(--focus-ring); outline-offset:3px }
.v2-acct-body .field > label.consent input:focus-visible{ outline:0 }

/* ===== 11 · כרטיסי רדיו בטפסי החשבון — התאמות ================================== */
.v2-acct-body .v2-rc-group{ margin-block-end:var(--sp-3) }
.v2-acct-body .v2-rc-group--3{ grid-template-columns:repeat(3,minmax(0,1fr)) }
@media (max-width:520px){ .v2-acct-body .v2-rc-group--3{ grid-template-columns:minmax(0,1fr) } }
.v2-acct-body .v2-rc__title{ font-size:var(--t-body) }

/* ===== 12 · זרימת ההרשמה (join) ============================================== */
.v2-join-steps{ background:var(--yellow); color:var(--ink); padding-block:calc(var(--sp-9) + var(--sp-3)) 0 }
.v2-join-steps .steps-bar{ margin:0 }
.v2-join-steps .steps-bar li{
  min-block-size:32px; padding:2px var(--sp-4); background:transparent;
  border:1px solid var(--rule-on-yellow); color:var(--ink-2);
  font-family:var(--font-head); font-size:var(--t-sm); font-weight:600;
}
.v2-join-steps .steps-bar li.is-current,.v2-join-steps .steps-bar li[aria-current="step"]{ background:var(--ink); color:var(--on-ink); border-color:var(--ink); font-weight:700 }
.v2-join-steps .steps-bar li.is-done{ color:var(--ink); border-color:var(--ink) }
/* style.css draws a ✓ glyph via ::before — here the same mark is the sprite's check, as a mask */
.v2-join-steps .steps-bar li.is-done::before{
  content:""; inline-size:14px; block-size:14px; background:currentColor; font-size:0;
  -webkit-mask:var(--v2-check-mask) center/contain no-repeat; mask:var(--v2-check-mask) center/contain no-repeat;
}
.v2-join-card{ padding:0; margin:0; background:transparent; box-shadow:none; border-radius:0 }
/* join.js inserts its notices as the section's first child: give them the page gutter and clear the floating nav */
.v2-join-card > .note{ margin:calc(var(--sp-9) + var(--sp-3)) var(--gutter) 0; font-size:var(--t-body) }
.v2-join-card > .note ~ .v2-join-steps{ padding-block-start:var(--sp-5) }
.v2-join-resume{ margin:0; padding-block:var(--sp-4) 0 }
.v2-join-poster{ padding-block:var(--sp-4) var(--sp-8) }
.v2-join-poster .v2-poster__title{ font-size:clamp(40px,6.4vw,84px); overflow-wrap:anywhere }
.v2-join-poster .v2-poster__lede{ max-inline-size:52ch }
.v2-join-poster .v2-poster__lede strong{ color:var(--ink); font-weight:700 }
.v2-join-body{ padding-block:var(--sp-6) var(--sp-9) }
.v2-join-body form{ max-inline-size:520px; margin-block-start:0 }
.v2-join-body .micro{ color:var(--ink-2) }
.v2-join-body .btn{ min-block-size:var(--v2-tap) }
.v2-join-body .auth .btn-ghost,.v2-join-body .btn-ghost{ margin-inline-start:0 }
.v2-join-body .quick-list{ max-inline-size:520px }
.v2-join-body .prov{ min-block-size:52px }
.v2-join-body .or{ max-inline-size:520px }
.v2-join-body .done{
  margin-block:0 var(--sp-6); padding:var(--sp-6); background:var(--yellow); color:var(--ink);
  border:0; border-radius:var(--radius-2xl); border-end-start-radius:var(--radius-sm);
}
.v2-join-body .done h3{ margin:0 0 var(--sp-2); font-family:var(--font-display); font-weight:400; font-size:var(--t-h2); line-height:1 }
.v2-join-body .done p{ color:var(--ink-2) }
.v2-join-body .pk-offer{ padding:var(--sp-5); margin-block:var(--sp-5); background:var(--bg-elev); border:1px solid var(--line); border-radius:var(--radius-xl); border-end-start-radius:var(--radius-sm) }
.v2-join-body .section-h{ font-size:var(--t-h3); font-family:var(--font-head); font-weight:700; line-height:1.25 }
.v2-join-body .note{ background:var(--bg-elev); border:1px solid var(--line); font-size:var(--t-body) }
.v2-join-body .linkish{ min-block-size:var(--v2-tap); font-size:var(--t-sm); font-weight:600 }
@media (max-width:520px){
  .v2-join-body .btn,.v2-join-body .btn-ghost{ inline-size:100%; margin:var(--sp-1) 0 0 }
}

/* ===== 13 · דף הורה (guardian) — פריסה וטוקנים בלבד, ללא נגיעה בתוכן ============ */
.v2-acct-body .card{ padding:var(--sp-6); margin-block-end:var(--sp-5); border:1px solid var(--line); box-shadow:none }
@media (min-width:860px){ .v2-acct-body .card{ padding:var(--sp-7) var(--sp-8) } }
.v2-acct-body .card > h2:first-child{ font-size:clamp(24px,2.2vw,32px); line-height:1.05; padding-block-end:var(--sp-3); border-block-end:3px solid var(--ink); margin-block-end:var(--sp-5) }
.v2-acct-body fieldset{ min-inline-size:0; border:1px solid var(--line-strong); border-radius:var(--radius-lg); padding:var(--sp-4) var(--sp-5); margin:0 0 var(--sp-5) }
/* בטפסי החשבון הקבוצה היא הכותרת והכרטיסים שבתוכה, לא עוד מסגרת סביבם */
.v2-acct-body fieldset.field{ border:0; padding:0; margin:0 0 var(--sp-5) }
.v2-acct-body fieldset.field > legend{ padding:0; margin-block-end:var(--sp-2) }
.v2-acct-body fieldset > legend{ padding-inline:var(--sp-2); font-family:var(--font-head); font-weight:700 }
.v2-acct-body .muted{ color:var(--ink-2) }

/* ===== 14 · מצב ניגודיות גבוהה ================================================= */
@media (forced-colors:active){
  .v2-acct-group{ border-block-start:3px solid CanvasText }
  .v2-acct-tile,.v2-acct-id{ border:1px solid CanvasText }
}
@media (prefers-reduced-motion:reduce){
  .v2-acct-jump .v2-chip{ transition:none }
}