/* תפריט הצד, צ'אטים ופרויקטים */
/* ===== תפריט צד ===== */
/* בצד שמאל לאורך כל המסך, ברוחב 60 כשהוא סגור (כולל פס ההפרדה), עם פס הפרדה של 1 בצד ימין */
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--sidebar-width);
  /* בזמן הפתיחה והסגירה, מה שרחב מהתפריט לא בולט החוצה */
  overflow: hidden;
  background: var(--sidebar-bg);
  border-right: 1px solid var(--box-stroke);
  z-index: 30;
  /* אי אפשר לסמן ולהעתיק את הטקסט בתפריט */
  user-select: none;
  -webkit-user-select: none;
}
/* תפריט פתוח: רוחב 250. כל התוכן מתמרכז מחדש בשטח שמימין לו */
:root.sidebar-open {
  --sidebar-width: var(--sidebar-width-open);
}
/* פתיחה וסגירה חלקות: הרוחב של התפריט (וכל מה שתלוי בו, כמו מיקום התוכן) משתנה בהדרגה
   ב-200 אלפיות שנייה. המעבר פעיל רק בזמן פתיחה או סגירה בכפתור (מחלקה sidebar-animating) */
@property --sidebar-width {
  syntax: '<length>';
  inherits: true;
  initial-value: 60px;
}
:root.sidebar-animating {
  transition: --sidebar-width 200ms ease;
}
/* מה שמופיע רק כשהתפריט פתוח (שמות, לוגו קטן, כפתור הגדרות) מופיע ונעלם בהדרגה.
   בפתיחה הוא מופיע קצת אחרי שהתפריט מתחיל להיפתח, ובסגירה נעלם מיד */
.sidebar-label,
.sidebar-profile-name,
.sidebar-settings,
.sidebar-logo,
.sidebar-report,
.sidebar-chats,
.sidebar-projects {
  transition: opacity 120ms ease, visibility 0s linear 120ms;
}
:root.sidebar-open .sidebar-label,
:root.sidebar-open .sidebar-profile-name,
:root.sidebar-open .sidebar-settings,
:root.sidebar-open .sidebar-logo,
:root.sidebar-open .sidebar-report,
:root.sidebar-open .sidebar-chats,
:root.sidebar-open .sidebar-projects {
  transition: opacity 150ms ease 80ms, visibility 0s;
}
@media (prefers-reduced-motion: reduce) {
  :root.sidebar-animating,
  .sidebar-label, .sidebar-profile-name, .sidebar-settings, .sidebar-logo, .sidebar-report {
    transition: none !important;
  }
}
/* כפתורי התפריט: 15 על 15, אייקון בצבע #9A9A9A ובשחור ב-hover */
.sidebar-btn {
  position: absolute;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  color: var(--placeholder);
  cursor: pointer;
  isolation: isolate;
}
.sidebar-btn svg {
  display: block;
  width: 15px;
  height: 15px;
}
/* רקע ב-hover, כמו בפקודות: מלבן עם פינות 5, 6 פיקסלים מסביב לכפתור (27 על 27).
   בצבע #DDDDDD, כי רקע התפריט עצמו כבר #EEEEEE */
.sidebar-btn::before {
  content: "";
  position: absolute;
  inset: -6px;
  z-index: -1;
  background: var(--box-stroke);
  border-radius: 5px;
  opacity: 0;
}
@media (hover: hover) {
  :where(html:not(.phone-ui)) /* רק לכפתור פתיחה/סגירה: האייקון נצבע בשחור ב-hover */
  .sidebar-toggle:hover{
    color: var(--text);
  }
  :where(html:not(.phone-ui)) .sidebar-btn:hover::before{
    opacity: 1;
  }
}
/* כפתור של דף: הצבע לא משתנה ב-hover, רק לפי הדף שהמשתמש נמצא בו.
   בדף הנוכחי (aria-current="page") הסימן שחור והרקע מוצג תמיד */
.sidebar-btn[aria-current="page"] {
  color: var(--text);
}
.sidebar-btn[aria-current="page"]::before {
  opacity: 1;
}
.sidebar-btn:focus-visible {
  outline: 2px solid var(--send-active);
  outline-offset: 2px;
}
/* כפתור פתיחה/סגירה: 15 פיקסלים מהצד העליון */
.sidebar-toggle {
  top: 15px;
}
/* כפתור הצ'אט: 30 פיקסלים מתחת לכפתור פתיחה/סגירה */
.sidebar-chat {
  top: 60px;
}
/* "צ'אטים": 5 הצ'אטים האחרונים, 30 פיקסלים מתחת להיסטוריה. מוצג רק כשהתפריט פתוח.
   כותרת אפורה, ומתחתיה כל צ'אט בשורה אחת (גובה 32); כותרת ארוכה נחתכת עם "...".
   הגודל כמו "צ'אט" ו"היסטוריה": 16 (ובטלפון 14)
   הצ'אט הנוכחי מסומן ברקע */
/* "פרויקטים": 30 פיקסלים מתחת להיסטוריה, מעל "צ'אטים". כותרת אפורה כמו "צ'אטים",
   ובצד שמאל של אותה שורה + אפור להוספת פרויקט. מוצג רק כשהתפריט פתוח */
.sidebar-projects {
  opacity: 0;
  visibility: hidden;
}
.sidebar-projects-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidebar-projects .sidebar-chats-title {
  margin-bottom: 0;
}
/* הפרויקטים שנוצרו: מתחת לכותרת, באותו עיצוב כמו הצ'אטים, עם סמל תיקייה אפור */
.sidebar-projects-list:not(:empty) {
  margin-top: 8px;
}
.sidebar-project-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 32px;
  padding: 0 6px;
  border: 0;
  border-radius: 8px;
  background: none;
  color: var(--text);
  font: inherit;
  font-size: calc(16px * var(--a11y-text, 1));
  text-align: right;
  cursor: pointer;
}
.sidebar-project-item svg {
  flex: none;
  width: 15px;
  height: 15px;
  color: var(--placeholder);
}
.sidebar-project-item span {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-project-item.is-current {
  background: rgba(0, 0, 0, 0.06);
}
:root[data-theme="dark"] .sidebar-project-item.is-current {
  background: rgba(255, 255, 255, 0.08);
}
@media (hover: hover) {
  :where(html:not(.phone-ui)) .sidebar-project-item:hover {
    background: rgba(0, 0, 0, 0.04);
  }
  :where(html:not(.phone-ui))[data-theme="dark"] .sidebar-project-item:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
/* סמל התיקייה: סגורה, ופתוחה כשהצ'אטים של הפרויקט נראים */
.folder-icon .folder-closed,
.folder-icon .folder-open {
  transition: opacity 0.2s ease;
}
/* התיקייה הפתוחה מוקטנת מעט, כדי שתהיה באותו גודל ומקום כמו הסגורה */
.folder-icon .folder-open {
  opacity: 0;
  transform-box: view-box;
  transform-origin: 12px 12px;
  transform: scale(0.9);
}
/* סגורה: החלק הקדמי שוכב על התיקייה. נפתחת: הוא נוטה החוצה למקומו */
.folder-icon .folder-front {
  transform-box: view-box;
  transform-origin: 4px 20px;
  transform: skewX(28deg) scaleY(0.8);
  transition: transform 0.25s ease;
}
.sidebar-project-item.is-open .folder-closed {
  opacity: 0;
}
.sidebar-project-item.is-open .folder-open {
  opacity: 1;
}
.sidebar-project-item.is-open .folder-front {
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .folder-icon .folder-closed, .folder-icon .folder-open, .folder-icon .folder-front { transition: none; }
}
/* הצ'אטים של פרויקט: מתחת לפרויקט, מוזזים פנימה כך שהם מתחילים בקו של שם הפרויקט */
.sidebar-project-chats {
  padding-right: 25px;
}
.sidebar-project-chats[hidden] {
  display: none;
}
.sidebar-project-item:focus-visible {
  outline: 2px solid var(--send-active);
  outline-offset: -2px;
}
/* חלון "יצירת פרויקט": באמצע המסך, בעיצוב של חלון האישור. X לסגירה בצד שמאל למעלה,
   שדה לשם הפרויקט, ו"יצירת פרויקט" בצד שמאל למטה (לחיץ רק כשבשם יש לפחות אות אחת) */
.project-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.project-head .confirm-title {
  margin: 0;
}
.project-close {
  display: block;
  width: 15px;
  height: 15px;
  padding: 0;
  border: none;
  background: none;
  color: var(--placeholder);
  cursor: pointer;
}
.project-close svg {
  display: block;
  width: 15px;
  height: 15px;
}
@media (hover: hover) {
  :where(html:not(.phone-ui)) .project-close:hover {
    color: var(--text);
  }
}
.project-field {
  display: block;
  width: 100%;
  height: 42px;
  margin-top: 16px;
  padding: 0 12px;
  border: 1px solid var(--box-stroke);
  border-radius: 10px;
  background: var(--box-bg);
  color: var(--text);
  font: inherit;
  font-size: calc(15px * var(--a11y-text, 1));
  outline: none;
}
.project-field:focus {
  border-color: var(--selected);
}
.project-field::placeholder {
  color: var(--placeholder);
}
.project-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.project-create {
  height: 34px;
  padding: 0 16px;
  border: 1px solid var(--send-active);
  border-radius: 7px;
  background: var(--send-active);
  color: var(--send-arrow);
  font-family: inherit;
  font-size: calc(15px * var(--a11y-text, 1));
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.project-create:disabled {
  border-color: var(--send-idle);
  background: var(--send-idle);
  color: var(--send-arrow-idle);
  cursor: default;
}
:root.sidebar-open .sidebar-projects {
  opacity: 1;
  visibility: visible;
}
.sidebar-add-project {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--placeholder);
  cursor: pointer;
}
.sidebar-add-project:disabled {
  opacity: 0.4;
  cursor: default;
}
.sidebar-add-project svg {
  display: block;
  width: 15px;
  height: 15px;
}
@media (hover: hover) {
  :where(html:not(.phone-ui)) .sidebar-add-project:not(:disabled):hover {
    background: rgba(0, 0, 0, 0.06);
  }
  :where(html:not(.phone-ui))[data-theme="dark"] .sidebar-add-project:not(:disabled):hover {
    background: rgba(255, 255, 255, 0.08);
  }
}
.sidebar-add-project:focus-visible {
  outline: 2px solid var(--send-active);
  outline-offset: -2px;
}
/* "צ'אטים": 30 פיקסלים מתחת לפרויקט האחרון (או לכותרת "פרויקטים" כשאין פרויקטים) */
.sidebar-chats {
  margin-top: 30px;
  opacity: 0;
  visibility: hidden;
}
/* האזור של "פרויקטים" ו"צ'אטים": מתחיל 30 מתחת להיסטוריה ונגמר 15 מעל "דיווח על תקלה".
   כשיש יותר מדי שורות, האזור נגלל (והשאר בתפריט נשאר במקום). מוצג רק כשהתפריט פתוח */
.sidebar-lists {
  position: absolute;
  top: 140px;
  right: 0;
  left: 0;
  bottom: calc(100px + env(safe-area-inset-bottom, 0px));
  padding: 0 9px 10px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  visibility: hidden;
}
:root.sidebar-open .sidebar-lists {
  visibility: visible;
}
.sidebar-chats[hidden] {
  display: none;
}
:root.sidebar-open .sidebar-chats {
  opacity: 1;
  visibility: visible;
}
.sidebar-chats-title {
  margin: 0 6px 8px 0;
  font-size: calc(16px * var(--a11y-text, 1));
  font-weight: 400;
  color: var(--placeholder);
}
/* כותרת "פרויקטים"/"צ'אטים" היא כפתור: לחיצה סוגרת ופותחת את הרשימה.
   החץ משמאל לכותרת: למטה כשהרשימה פתוחה, שמאלה כשהיא סגורה. בלי רשימה אין חץ */
.sidebar-section-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 24px;
  padding: 0;
  border: 0;
  background: none;
  font-family: inherit;
  line-height: calc(24px * var(--a11y-text, 1));
  text-align: right;
  cursor: pointer;
}
.sidebar-section-toggle:disabled {
  cursor: default;
}
.sidebar-chevron {
  display: block;
  width: 12px;
  height: 12px;
  transition: transform 0.15s ease;
}
.sidebar-section-toggle:disabled .sidebar-chevron {
  display: none;
}
.is-collapsed .sidebar-chevron {
  transform: rotate(90deg);
}
.sidebar-section-toggle:focus-visible {
  outline: 2px solid var(--send-active);
  outline-offset: 2px;
  border-radius: 4px;
}
.sidebar-projects.is-collapsed .sidebar-projects-list,
.sidebar-chats.is-collapsed .sidebar-chats-list {
  display: none;
}
/* שורה של צ'אט: הכותרת, ו-3 נקודות בצד ימין שמופיעות ב-hover (בטלפון תמיד) ופותחות את חלון הצ'אט */
.sidebar-chat-row {
  position: relative;
  height: 32px;
  border-radius: 8px;
}
.sidebar-chat-item {
  display: block;
  width: 100%;
  height: 32px;
  padding: 0 6px;
  border: 0;
  border-radius: 8px;
  background: none;
  color: var(--text);
  font: inherit;
  font-size: calc(16px * var(--a11y-text, 1));
  line-height: calc(32px * var(--a11y-text, 1));
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.sidebar-chat-row.is-current {
  background: rgba(0, 0, 0, 0.06);
}
:root[data-theme="dark"] .sidebar-chat-row.is-current {
  background: rgba(255, 255, 255, 0.08);
}
.sidebar-chat-dots {
  position: absolute;
  top: 6px;
  left: 4px;
  display: none;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: none;
  color: var(--placeholder);
  cursor: pointer;
}
.sidebar-chat-dots svg {
  width: 15px;
  height: 15px;
  display: block;
}
/* הנקודות בצד שמאל של השורה. כשהן מוצגות, הכותרת נחתכת לפניהן */
.sidebar-chat-row.menu-open .sidebar-chat-dots {
  display: flex;
}
.sidebar-chat-row.menu-open .sidebar-chat-item {
  padding-left: 30px;
}
@media (hover: hover) {
  :where(html:not(.phone-ui)) .sidebar-chat-row:hover {
    background: rgba(0, 0, 0, 0.04);
  }
  :where(html:not(.phone-ui))[data-theme="dark"] .sidebar-chat-row:hover {
    background: rgba(255, 255, 255, 0.05);
  }
  :where(html:not(.phone-ui)) .sidebar-chat-row:hover .sidebar-chat-dots {
    display: flex;
  }
  :where(html:not(.phone-ui)) .sidebar-chat-row:hover .sidebar-chat-item {
    padding-left: 30px;
  }
  :where(html:not(.phone-ui)) .sidebar-chat-dots:hover {
    color: var(--text);
  }
}
/* בטלפון אין hover: הנקודות מוצגות תמיד */
:root.phone-ui .sidebar-chat-dots {
  display: flex;
}
:root.phone-ui .sidebar-chat-item {
  padding-left: 30px;
}
/* שורה של פרויקט: כמו שורה של צ'אט (רקע ב-hover ובסימון, ו-3 נקודות בצד שמאל).
   כשהנקודות מוצגות, השם נחתך לפניהן */
.sidebar-project-row .sidebar-project-item,
.sidebar-project-row .sidebar-project-item:hover {
  background: none;
}
/* בשורה של פרויקט יש גם "+" (צ'אט חדש בפרויקט), מימין ל-3 הנקודות. מופיע יחד איתן */
.sidebar-project-row .sidebar-project-new {
  left: 26px;
}
.sidebar-project-row.menu-open .sidebar-project-item,
:root.phone-ui .sidebar-project-row .sidebar-project-item {
  padding-left: 52px;
}
@media (hover: hover) {
  :where(html:not(.phone-ui)) .sidebar-project-row:hover .sidebar-project-item {
    padding-left: 52px;
  }
}
.sidebar-chat-item:focus-visible,
.sidebar-chat-dots:focus-visible {
  outline: 2px solid var(--send-active);
  outline-offset: -2px;
}
/* שינוי שם: שדה במקום הכותרת */
.sidebar-chat-rename {
  display: block;
  width: 100%;
  height: 32px;
  padding: 0 6px;
  border: 1px solid var(--selected);
  border-radius: 8px;
  background: var(--box-bg);
  color: var(--text);
  font: inherit;
  font-size: calc(16px * var(--a11y-text, 1));
  outline: none;
}
/* חלון הצ'אט (3 נקודות): כמו חלון הפרופיל. "שינוי שם" עם עיפרון, ומתחת לפס "מחיקה" באדום (כמו מחיקת משתמש) */
.chat-menu {
  position: fixed;
  z-index: 50;
  width: 180px;
  padding: 14px 0;
  background: var(--box-bg);
  border: 1px solid var(--box-stroke);
  border-radius: 15px;
  user-select: none;
  -webkit-user-select: none;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.97);
  transform-origin: top left;
  transition: opacity 200ms ease, transform 200ms ease, visibility 0s linear 200ms;
}
.chat-menu.is-open {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity 200ms ease, transform 200ms ease, visibility 0s;
}
.chat-menu .profile-menu-item:first-child {
  margin-top: 0;
}
/* "הוספה לפרויקט": החלון השני. שורה לכל פרויקט (שם ארוך נחתך עם ...) */
.chat-submenu {
  transform-origin: top right;
}
.chat-submenu .profile-menu-item span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.3;
}
/* השורה "הוספה לפרויקט" כשהחלון השני פתוח: עם הרקע של ה-hover */
.chat-menu .chat-menu-folder.is-active::before {
  opacity: 1;
}
.chat-menu .chat-menu-delete,
.chat-menu .chat-menu-delete span {
  color: #D93025;
}
@media (prefers-reduced-motion: reduce) {
  .chat-menu,
  .chat-menu.is-open {
    transition: none;
  }
}
/* טלפון: החלון מופיע ונעלם מיד, בלי אנימציה (בלי שקיפות והגדלה) */
:root.phone-ui .chat-menu,
:root.phone-ui .chat-menu.is-open {
  transform: none;
  transition: none;
}
/* בלי ריבוע הצבע של הדפדפן בלחיצה על 3 הנקודות ועל ה-"+" */
.sidebar-chat-dots {
  -webkit-tap-highlight-color: transparent;
}
/* כפתור ההיסטוריה: 15 פיקסלים מתחת לכפתור הצ'אט (60 + 15 + 15) */
.sidebar-history {
  top: 90px;
}
/* המיקום של הכפתורים משתנה יחד עם רוחב התפריט:
   תפריט סגור (60): ממורכזים ברוחב התפריט (21.5 מתוך פס ההפרדה של 1).
   תפריט פתוח (250): 15 פיקסלים מהצד הימני (14 מתוך פס ההפרדה).
   בין שני המצבים (בזמן הפתיחה והסגירה) הם זזים בהדרגה, לפי הרוחב */
.sidebar-toggle,
.sidebar-chat,
.sidebar-history {
  right: calc((9070px - 15 * var(--sidebar-width)) / 380);
}
/* פרופיל: עיגול 30 על 30 בתחתית התפריט, 15 פיקסלים מלמטה ו-15 מהצד השמאלי.
   נשאר באותו מקום גם כשהתפריט פתוח.
   בלי תמונת פרופיל העיגול בצבע #DDDDDD; כשתהיה תמונה, היא תמלא את העיגול */
.sidebar-profile {
  position: absolute;
  left: 15px;
  bottom: calc(15px + env(safe-area-inset-bottom, 0px));
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--box-stroke);
  overflow: hidden;
}
/* תמונת הפרופיל ממלאת את העיגול. בלי תמונה שהמשתמש העלה,
   התמונה היא עיגול #DDDDDD עם האות הראשונה של השם הפרטי במרכזו */
.sidebar-profile img {
  /* אי אפשר לגרור או לסמן את תמונת הפרופיל */
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* שם פרטי של המשתמש: מימין לעיגול הפרופיל במרחק 15, רק כשהתפריט פתוח.
   הגובה נקבע בסקריפט, כך שגוף האותיות ממורכז לגובה העיגול.
   שם ארוך נחתך בשלוש נקודות, 15 פיקסלים לפני כפתור ההגדרות */
.sidebar-profile-name {
  position: absolute;
  top: 0;
  left: 60px; /* 15 (מהצד השמאלי) + 30 (העיגול) + 15 */
  /* עד 15 פיקסלים לפני כפתור ההגדרות (15 מימין + 15 הכפתור + 15) */
  max-width: calc(var(--sidebar-width-open) - 60px - 45px);
  opacity: 0;
  visibility: hidden;
  margin: 0;
  color: var(--text);
  font-size: calc(16px * var(--a11y-text, 1));
  font-weight: 400;
  /* שורה גבוהה מספיק לכל האותיות, כולל הזנב של g, y, p, j, q, כדי שלא ייחתכו
     (החיתוך לרוחב, לשם ארוך, חותך גם את מה שיוצא מגובה השורה).
     המיקום לגובה מחושב בסקריפט לפי גוף האותיות, ולכן השם לא זז */
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:root.sidebar-open .sidebar-profile-name {
  opacity: 1;
  visibility: visible;
}
/* כפתור הגדרות: 15 על 15, רק כשהתפריט פתוח. 15 פיקסלים מהצד הימני (14 מתוך פס ההפרדה),
   ממורכז לגובה עיגול הפרופיל (מרכז העיגול 30 מלמטה, ולכן 22.5 מלמטה).
   בצבע #9A9A9A, ושחור ב-hover, בלי רקע. כרגע לא עושה כלום */
.sidebar-settings {
  position: absolute;
  right: 14px;
  bottom: calc(22.5px + env(safe-area-inset-bottom, 0px));
  display: block;
  opacity: 0;
  visibility: hidden;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  color: var(--placeholder);
  cursor: pointer;
}
:root.sidebar-open .sidebar-settings {
  opacity: 1;
  visibility: visible;
}
.sidebar-settings svg {
  display: block;
  width: 15px;
  height: 15px;
}
@media (hover: hover) {
  :where(html:not(.phone-ui)) .sidebar-settings:hover{
    color: var(--text);
  }
}
.sidebar-settings:focus-visible {
  outline: 2px solid var(--send-active);
  outline-offset: 2px;
}
/* כפתור "כן" בהודעה שהפקודה כבר בהיסטוריה: כמו כפתור ההתנתקות (מסגרת 1 #DDDDDD, פינות 7,
   ב-hover #9A9A9A), 10 פיקסלים משמאל לשאלה. אחרי לחיצה הוא לא פעיל */
.search-again {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  margin: 0 10px 0 0;
  padding: 0 15px;
  border: 1px solid var(--box-stroke);
  border-radius: 7px;
  background: none;
  font-family: inherit;
  font-size: calc(16px * var(--a11y-text, 1));
  font-weight: 400;
  line-height: 1;
  color: var(--text);
  cursor: pointer;
  vertical-align: middle;
}
@media (hover: hover) {
  :where(html:not(.phone-ui)) .search-again:not(:disabled):hover{
    border-color: var(--placeholder);
  }
}
/* כשהכפתור בשורה משלו (מתחת לשאלה): לכל רוחב ההודעה, 10 פיקסלים מתחת לשאלה */
.search-again.is-own-line {
  display: flex;
  width: 100%;
  margin: 10px 0 0;
}
.search-again:disabled {
  color: var(--placeholder);
  cursor: default;
}
.chat-menu .chat-menu-folder[hidden] {
  display: none;
}