/* ==========================================================================
   QA Panel — בקרת-דמו. **אינה חלק מהעיצוב**, ותרד לפני מסירה.
   --------------------------------------------------------------------------
   קיימת כדי לראות מצבים שאחרת דורשים המתנה (15 דקות) או נתונים שאין בדמו.
   היה קוד מוטבע ב«רכישת-מינוי» בלבד; יצא לרכיב 03/08 כשאסף ביקש את אותו
   לוח גם בדף-מרכז וברכישת-כרטיסים — **שלושה עותקים היו שלוש תחזוקות.**

   Required: tokens.css · qa-panel.js
   ========================================================================== */

#qaPanel{
  position:fixed;bottom:16px;left:16px;z-index:2000;
  font-family:'Google Sans','Rubik',sans-serif;
}
/* הרשימה נפתחת **למעלה** כעמודה — שבעה כפתורים בשורה אחת פרשו על כל
   רוחב-המסך והסתירו את הדמו (אסף 02/08). */
#qaPanel .qa-items{
  display:none;
  position:absolute;bottom:calc(100% + 8px);left:0;
  flex-direction:column;gap:4px;
  padding:8px;border-radius:16px;
  background:rgba(0,0,0,.82);backdrop-filter:blur(8px);
  min-width:210px;
  max-height:70vh;overflow-y:auto;   /* לוח שגדל מעבר לגובה-המסך עדיין נגיש */
}
#qaPanel.is-open .qa-items{display:flex;}
#qaPanel .qa-group{
  display:flex;flex-direction:column;gap:4px;
  padding:6px 0;
}
#qaPanel .qa-group + .qa-group{
  border-top:1px solid rgba(255,255,255,.12);
}
#qaPanel .qa-group > b{
  font-size:10px;font-weight:var(--font-weight-semibold);
  color:rgba(255,255,255,.45);
  padding:2px 10px 2px;letter-spacing:.03em;
}
#qaPanel button{
  border:none;cursor:pointer;text-align:right;
  padding:7px 10px;border-radius:10px;
  background:rgba(255,255,255,.12);color:#fff;
  font-family:inherit;font-size:12px;font-weight:var(--font-weight-medium);
}
#qaPanel button:hover{background:rgba(255,255,255,.24);}
#qaPanel .qa-toggle{
  height:32px;padding:0 12px;border-radius:999px;
  background:rgba(0,0,0,.72);backdrop-filter:blur(8px);
  font-size:12px;font-weight:var(--font-weight-semibold);
}
#qaPanel.is-open .qa-toggle{background:rgba(0,0,0,.9);}