/* «מי זה?» - לחצן העד, שם לחיץ בטקסט, וחלונית אחת לשניהם (25.10.2026).
   העיצוב הוא של ההדמיה שעידו אישר: תקצירי-דמות-טיוטה/הדמיה-*.png */

/* ---- הלחצן ליד שם העד ---- */
.mz-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 14px 4px 10px;
  border-radius:var(--radius-pill);font:700 .92rem/1 var(--sans);cursor:pointer;white-space:nowrap;
  position:relative;transition:background-color 120ms ease-out,box-shadow 120ms ease-out}
/* אזור-לחיצה של 44 גם כשהלחצן נראה 36 */
.mz-chip::after{content:"";position:absolute;inset:50% auto auto 50%;translate:-50% -50%;
  width:100%;min-width:44px;height:44px}
.mz-chip .mz-i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;
  font:800 .8rem/1 var(--serif)}
.mz-chip:focus-visible{outline:none;box-shadow:var(--ring)}
.mz-dark{background:rgba(243,213,133,.10);color:var(--gold-bright);border:1px solid rgba(198,154,62,.75)}
.mz-dark:hover{background:rgba(243,213,133,.18)}
.mz-dark .mz-i{background:var(--gold-bright);color:var(--navy)}
.mz-light{background:var(--card);color:var(--navy);border:1px solid var(--gold);box-shadow:var(--shadow-sm)}
.mz-light:hover{background:#fffaf0}
.mz-light .mz-i{background:var(--navy);color:var(--gold-bright)}
.mz-chip.on{box-shadow:var(--ring)}

/* רצועת התאריך בטלפון: הלחצן בקצה השמאלי, ושמות עדי היום נחתכים לפניו
   ולא דוחפים אותו לשורה שנייה. */
.mini-head:has(.mz-chip){align-items:center}
.mini-head .mh-wits{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-head .mz-chip{margin-inline-start:auto;flex:0 0 auto}
.mini-head .mz-chip span{font-size:.8rem;color:var(--gold-bright)}

/* ---- שם לחיץ בתוך הפרוטוקול ---- */
.mz-name{appearance:none;background:none;border:0;margin:0;padding:0 1px;font:inherit;color:inherit;
  letter-spacing:inherit;line-height:inherit;text-align:inherit;display:inline;cursor:pointer;
  -webkit-user-select:text;user-select:text;border-radius:4px;
  text-decoration:underline dotted #9a7424;text-decoration-thickness:2px;text-underline-offset:5px;
  transition:background-color 120ms ease-out}
.mz-name:hover,.mz-name.on{background:#f7ecd2}
.mz-name:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* ---- החלונית ---- */
.mz-card{background:var(--card);color:var(--ink);box-shadow:var(--shadow-lg);
  border-top:3px solid var(--gold);font-family:var(--sans);z-index:200;overflow:auto;font-variant-numeric:tabular-nums;
  overscroll-behavior:contain}
.mz-card:focus{outline:none}
.mz-card[hidden],.mz-veil[hidden]{display:none}
.mz-kind{margin:0 0 4px;font-size:.86rem;font-weight:600;color:var(--muted);padding-inline-end:44px}
.mz-h{margin:0;font:800 1.32rem/1.25 var(--serif);color:var(--navy);padding-inline-end:44px;text-wrap:balance}
.mz-role{margin:6px 0 0;font-size:.9rem;color:var(--muted);line-height:1.6}
.mz-role b{color:var(--navy);font-weight:700}
.mz-txt{margin:14px 0 0;font:400 1.04rem/1.7 var(--serif);color:var(--ink)}
.mz-more .mz-txt:first-child{margin-top:14px}
.mz-link{display:inline-block;margin-top:10px;font-weight:700;font-size:.92rem;color:#26406f;
  text-decoration:underline;text-underline-offset:3px}
/* עד מיום אחר (26.10): שני קישורים, כל אחד בשורה משלו */
.mz-link + .mz-link{display:table;margin-top:8px}
.mz-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-top:16px}
.mz-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border-radius:var(--radius-pill);
  font:700 .95rem/1 var(--sans);background:var(--bg2);color:var(--navy);border:1px solid var(--line);cursor:pointer;
  transition:background-color 120ms ease-out}
.mz-btn:hover{background:#eef1f8}
.mz-btn:focus-visible,.mz-link:focus-visible,.mz-tab:focus-visible,.mz-x:focus-visible{outline:none;box-shadow:var(--ring)}
.mz-btn svg{width:18px;height:18px;transition:transform 150ms ease-out}
.mz-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.mz-src{font-size:.82rem;color:var(--faint)}
.mz-x{position:absolute;top:10px;inset-inline-end:10px;width:44px;height:44px;display:grid;place-items:center;border:0;
  border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:background-color 120ms ease-out}
.mz-x:hover{background:var(--bg2);color:var(--navy)}
.mz-x svg{width:22px;height:22px}
.mz-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding-inline-end:44px}
.mz-tab{min-height:36px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--bg2);
  color:var(--muted);font:700 .85rem/1 var(--sans);cursor:pointer;position:relative}
.mz-tab::after{content:"";position:absolute;inset:-4px 0}
.mz-tab[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--gold-bright)}

/* מחשב: חלונית מתחת ללחצן או לשם, עם חוד-זהב שמצביע עליו */
.mz-pop{width:min(500px,calc(100vw - 32px));padding:22px 24px;border-radius:var(--radius-lg);overflow:visible}
.mz-pop::before{content:"";position:absolute;top:-11px;inset-inline-start:calc(var(--mz-arrow,60px) - 9px);width:18px;height:18px;
  background:var(--gold);transform:rotate(45deg);z-index:-1}
.mz-pop.mz-up{border-top:0;border-bottom:3px solid var(--gold)}
.mz-pop.mz-up::before{top:auto;bottom:-11px}
.mz-pop{animation:mz-in 160ms ease-out}
@keyframes mz-in{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}

/* טלפון: גיליון שעולה מלמטה */
.mz-veil{position:fixed;inset:0;background:rgba(6,11,32,.42);z-index:190;touch-action:none}
.mz-sheet{position:fixed;inset:auto 0 0 0;max-height:68vh;max-height:68dvh;
  padding:12px 20px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;
  animation:mz-up 220ms cubic-bezier(.2,.8,.2,1)}
.mz-sheet .mz-x{top:22px;inset-inline-end:12px}
.mz-grab{width:44px;height:5px;border-radius:9px;background:#c9cfdc;margin:0 auto 14px}
@keyframes mz-up{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.mz-pop,.mz-sheet{animation:none}}
@media print{.mz-chip,.mz-card,.mz-veil{display:none!important}.mz-name{text-decoration:none}}