@charset "UTF-8";._overlay_l1b0s_1 {
  position: fixed;
  inset: 0;
  z-index: 400;
  background-color: rgba(0, 0, 0, 0.5);
}

._overlay_l1b0s_1[data-state='open'] {
  animation: _fadeIn_l1b0s_1 150ms ease-out;
}

._overlay_l1b0s_1[data-state='closed'] {
  animation: _fadeOut_l1b0s_1 150ms ease-in;
}

._content_l1b0s_16 {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 401;
  max-width: 90vw;
  background-color: white;
  border-radius: 16px;
  transition-duration: 200ms;
}

._content_l1b0s_16[data-state='open'] {
  animation:
    _fadeIn_l1b0s_1 150ms ease-out,
    _zoomIn_l1b0s_1 150ms ease-out;
}

._content_l1b0s_16[data-state='closed'] {
  animation:
    _fadeOut_l1b0s_1 150ms ease-in,
    _zoomOut_l1b0s_1 150ms ease-in;
}

._closeButton_l1b0s_40 {
  position: absolute;
  top: 12px;
  inset-inline-start: 12px;
  padding: 12px;
  cursor: pointer;
  background: none;
  border: none;
}

._closeButton_l1b0s_40 img {
  width: 24px;
  height: 24px;
}

._body_l1b0s_55 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 48px 64px 40px;
}

._icon_l1b0s_63 {
  width: 120px;
  height: 120px;
  margin-bottom: 16px;
}

._textContent_l1b0s_69 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  margin-bottom: 48px;
}

._title_l1b0s_77 {
  font-family: var(--headings-font, 'Assistant', sans-serif);
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  color: var(--font-body-1, #2a2a2a);
  margin: 0;
  white-space: pre-line;
}

._error_l1b0s_87 {
  margin: 6px 0 0;
  padding: 10px 14px;
  border: 1px solid var(--status-rejected-border);
  border-radius: 8px;
  background-color: var(--status-rejected-bg);
  color: var(--status-rejected-text);
  font-size: 15px;
  line-height: 22px;
  white-space: pre-line;
}

._message_l1b0s_99 {
  font-family: var(--body-font, 'Assistant', sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: var(--font-body-1, #2a2a2a);
  margin: 0;
  white-space: pre-line;
}

._actions_l1b0s_109 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  width: 100%;
}

._button_l1b0s_116 {
  height: 48px;
  padding: 8px 20px;
  font-family: var(--body-font, 'Assistant', sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}

._button_l1b0s_116:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

._primaryButton_l1b0s_133 {
  flex: 1;
  background-color: var(--surface-primary, #681c3c);
  color: var(--font-body-4, white);
  border-radius: 8px;
}

._primaryButton_l1b0s_133:hover:not(:disabled) {
  opacity: 0.9;
}

._dangerButton_l1b0s_144 {
  flex: 1;
  background-color: var(--surface-primary, #681c3c);
  color: white;
  border-radius: 8px;
}

._dangerButton_l1b0s_144:hover:not(:disabled) {
  opacity: 0.9;
}

._secondaryButton_l1b0s_155 {
  width: 170px;
  flex-shrink: 0;
  background-color: var(--surface-action, white);
  color: var(--font-body-1, #2a2a2a);
  border-color: var(--border-strong, #888);
  border-radius: 6px;
}

._secondaryButton_l1b0s_155:hover:not(:disabled) {
  background-color: var(--surface-secondary, #f5f5f5);
}

/* Animation keyframes */
@keyframes _fadeIn_l1b0s_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes _fadeOut_l1b0s_1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes _zoomIn_l1b0s_1 {
  from {
    transform: translate(-50%, -50%) scale(0.95);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes _zoomOut_l1b0s_1 {
  from {
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    transform: translate(-50%, -50%) scale(0.95);
  }
}
._button-style_1ccmo_1 {
  border-radius: 5px;
  height: 40px;
  padding: 0 24px;
  min-width: 100px;
  cursor: pointer;
  transition: opacity 0.2s;
}

._button-style_1ccmo_1:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._link-style_1ccmo_15 {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40px;
  background: var(--gray-6);
  border: 1px solid var(--gray-4);
  border-radius: 5px;
  white-space: nowrap;
}

._input-style_1ccmo_27 {
  border: 1px solid var(--gray-4);
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 15px;
  gap: 45px;
  width: 450px;
  max-width: 100%;
  height: 40px;
}

._input-error_1ccmo_42,
._input-error_1ccmo_42:hover {
  border-color: var(--status-rejected-border);
}

._input-error_1ccmo_42:focus {
  outline: none;
  border-color: var(--status-rejected-border);
  box-shadow: 0 0 0 3px var(--status-rejected-bg);
}

._iconWrapper_1ccmo_53 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._badge-container_1ccmo_59 {
  position: relative;
  width: fit-content;
}

._badge_1ccmo_59 {
  background-color: var(--surface-secondary);
  border-radius: 50rem;
  padding: 0.3rem;
  position: absolute;
  top: -1px;
  left: 12px;
  font-weight: 600;
  font-size: var(--body-size-caption);
  line-height: 5.5px;
  color: var(--text-body-4);
}

._menu_1ccmo_77 {
  padding: 0 !important;
  overflow: hidden;
}

._menu-paper_1ccmo_82 {
  border: 1px solid var(--border-lowest);
  padding: 0.25rem 1rem;
}

/* The site's font and text colour: the app has no MUI theme, so without them MenuItem falls back
   to MUI's own Roboto/Arial - the menu then reads as a different product. */
._menu-item_1ccmo_89 {
  padding: 0.75rem 0.5rem !important;
  border-bottom: 1px solid var(--border-main) !important;
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 0.5rem;
  font-family: var(--body-font), sans-serif !important;
  font-size: var(--body-size-body) !important;
  color: var(--font-body-1) !important;
}

._menu-item_1ccmo_89:hover {
  background-color: var(--surface-hover);
}

/* A destructive item - a cancellation. !important for the reason the padding above has it: MUI's
   own MenuItem style is injected later and wins at the same specificity. */
._menu-item-danger_1ccmo_106 {
  color: var(--status-rejected-text) !important;
}

._menu-item_1ccmo_89:last-child {
  border-bottom: none !important;
}

._menu-item-text_1ccmo_114 {
  display: grid;
  gap: 2px;
}

._menu-item-hint_1ccmo_119 {
  font-size: var(--body-size-caption);
  color: var(--font-body-3);
  white-space: normal;
  max-width: 240px;
}
._page_o0not_1 {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 24px 80px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  line-height: 1.7;
  color: var(--font-primary);
}
@media (max-width: 1099px) {
  ._page_o0not_1 {
    padding: 24px 16px 64px;
  }
}
._page_o0not_1 section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._page_o0not_1 h2 {
  margin-bottom: 4px;
}

._meta_o0not_25 {
  color: var(--font-sub-title);
  font-size: 13px;
  margin-top: -16px;
}

._list_o0not_31 {
  list-style: disc;
  padding-inline-start: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._tableWrapper_o0not_39 {
  overflow-x: auto;
}

._table_o0not_39 {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
._table_o0not_39 th,
._table_o0not_39 td {
  border: 1px solid var(--border-main);
  padding: 8px;
  text-align: start;
  vertical-align: top;
}
._table_o0not_39 th {
  background: var(--surface-base);
  font-weight: 700;
}

._link_o0not_60 {
  color: var(--font-primary);
  text-decoration: underline;
  font-weight: 600;
}

._settingsButton_o0not_66 {
  align-self: flex-start;
  margin-top: 8px;
  height: 36px;
  padding: 0 16px;
  border: 1px solid var(--border-main);
  border-radius: 300px;
  background: var(--surface-base);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
._settingsButton_o0not_66:hover {
  background: var(--surface-action);
}._termsIntro_a7jdd_1 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--font-body-1);
}
._termsIntro_a7jdd_1 strong {
  color: var(--font-primary);
  font-weight: 700;
}

._termsCard_a7jdd_12 {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  background: var(--surface-base);
  border: 1px solid var(--border-main);
  border-radius: 10px;
}

._termsSectionHeader_a7jdd_22 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  background: var(--surface-secondary-dark);
  border-bottom: 1px solid var(--border-main);
  min-height: 62px;
}

._termsSectionHeaderIcon_a7jdd_32 {
  width: 31px;
  height: 31px;
  flex-shrink: 0;
}
._termsSectionHeaderIcon_a7jdd_32 img {
  width: 100%;
  height: 100%;
}

._termsSectionHeaderTitle_a7jdd_42 {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #fff;
}

._termsCardBody_a7jdd_50 {
  display: flex;
  flex-direction: column;
  padding: 24px 25px 32px;
  gap: 25px;
}

._termsText_a7jdd_57 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--font-body-1);
}

._termsTextBold_a7jdd_65 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--font-body-1);
}

._termsSubSection_a7jdd_73 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._termsNumberedList_a7jdd_79 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: termsCounter;
}
._termsNumberedList_a7jdd_79 li {
  counter-increment: termsCounter;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--font-body-1);
}
._termsNumberedList_a7jdd_79 li::before {
  content: counter(termsCounter) ". ";
  font-weight: 500;
}

._termsSubItems_a7jdd_101 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-inline-start: 24px;
  margin-top: 4px;
}
._termsSubItems_a7jdd_101 span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--font-body-1);
}

._termsDivider_a7jdd_116 {
  width: 100%;
  height: 0;
  border-top: 1px solid var(--border-lowest);
  margin-top: 16px;
}

._termsTableWrap_a7jdd_123 {
  width: 100%;
  overflow-x: auto;
  border-radius: 12px;
  border: 1px solid var(--border-lowest);
}

._termsTable_a7jdd_123 {
  width: 100%;
  min-width: 450px;
  border-collapse: collapse;
  font-size: 14px;
}
._termsTable_a7jdd_123 th {
  background: var(--surface-grey-lowest);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--surface-secondary-dark);
  padding: 10px 16px;
  text-align: start;
}
._termsTable_a7jdd_123 td {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--font-body-1);
  padding: 12px 16px;
  text-align: start;
  border-bottom: 1px solid var(--border-lowest);
}
._termsTable_a7jdd_123 tbody tr:last-child td {
  border-bottom: none;
}._page_2rz7f_1 {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 24px 80px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: var(--font-primary);
}
@media (max-width: 1099px) {
  ._page_2rz7f_1 {
    padding: 24px 16px 64px;
  }
}

._backButton_2rz7f_16 {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px 6px 14px;
  border: 1px solid var(--border-lowest);
  border-radius: 8px;
  background: var(--surface-grey-lowest);
  color: var(--font-primary);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
._backButton_2rz7f_16:hover {
  border-color: var(--font-primary);
}
._backButton_2rz7f_16 img {
  width: 16px;
  height: 16px;
}

._intro_2rz7f_39 {
  font-size: 16px;
  line-height: 1.7;
  color: var(--font-body-1);
}

/* The cards bring their own internal spacing; this only sets the gap between them. */
._sections_2rz7f_46 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._headerContainer_1q5a4_2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  height: var(--header-height);
  border-bottom: 1px solid var(--border-primary-old);
}

._headerStart_1q5a4_14 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

._navigationWrapper_1q5a4_21 {
  display: flex;
  align-items: center;
  gap: 2rem;
  position: relative;
  padding-inline-end: 3rem;
  min-width: 0;
}

._headerItem_1q5a4_30 {
  gap: 8px;
  display: flex;
  cursor: pointer;
}

._logo_1q5a4_36 {
  padding-inline-start: 39px;
}

/* HAT-1248: הלוגו מרענן את הדף. כפתור בלי מראה של כפתור - רק הסמן מסגיר שאפשר ללחוץ. */
._logoButton_1q5a4_41 {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

._oldSiteLink_1q5a4_50 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding-inline: 14px;
  border-radius: 6px;
  background-color: var(--font-primary);
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid var(--font-primary);
}

._oldSiteLink_1q5a4_50:hover {
  opacity: 0.9;
}

._logoutButton_1q5a4_68 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding-inline: 12px;
  border-radius: 6px;
  border: 1px solid var(--border-primary-old);
  background: none;
  color: var(--font-body-1);
  cursor: pointer;
  white-space: nowrap;
}

._logoutButton_1q5a4_68:hover {
  background-color: #f5f5f5;
}

._logoutButton_1q5a4_68 img {
  width: 18px;
  height: 18px;
}

._divider_1q5a4_91 {
  width: 1px;
  height: 24px;
  background: var(--border-primary-old);
}

._mobileHamburger_1q5a4_97 {
  display: none;
  /* 44px hit area — the WCAG 2.5.5 (Enhanced) target for a phone touch. The
     stroke pattern (three 65%/100% bars) stays visually identical. */
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 12px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background: transparent;
  border: none;
  cursor: pointer;
  margin-inline-start: 12px;
}

._mobileHamburger_1q5a4_97:hover {
  background-color: var(--surface-secondary-low);
}

._mobileHamburger_1q5a4_97 span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--icon-on-action);
  border-radius: 1px;
}

._mobileHamburger_1q5a4_97 span:last-child {
  width: 65%;
}

@media (max-width: 1099px) {
  ._mobileHamburger_1q5a4_97 {
    display: flex;
  }
}
@media (max-width: 1099px) {
  ._logo_1q5a4_36 {
    padding-inline-start: 8px;
    max-height: 40px;
  }
  /* 40px keeps the pill inside the 64px header while giving a touch target
     that fingers can actually hit — 32px was under both Apple's HIG (44) and
     WCAG 2.5.5 (Enhanced). */
  ._oldSiteLink_1q5a4_50 {
    height: 40px;
    padding-inline: 12px;
  }
  /* On narrow screens the header has no room for another text link
     (the old site tucked it into the collapsed burger menu). */
  ._navigationWrapper_1q5a4_21 {
    gap: 0.5rem;
    padding-inline-end: 0.75rem;
    max-width: 55%;
  }
  /* The account menu keeps its icon and gives up the name: the person holding
     the phone knows who they signed in as. */
  ._headerItem_1q5a4_30 {
    max-width: none;
  }
  ._headerItem_1q5a4_30 span {
    display: none;
  }
  ._divider_1q5a4_91 {
    display: none;
  }
}
._dropdown_1q5a4_168 {
  position: absolute;
  top: 100%;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  z-index: 2;
  background-color: white;
  margin-top: 4px;
}

._dropdown_1q5a4_168 button {
  display: block;
  width: 100%;
  padding: 8px 16px;
  text-align: start;
  background: none;
  border: none;
  cursor: pointer;
  /* התפריט מקבל את רוחבו מהפריטים שבו, וכל עוד היו בו רק "התנתק" ובחירת שפה
     זה הספיק. פריט של שתי מילים ("הגדרות משתמש") נשבר בו לשתי שורות ונראה
     כמו שני פריטים - הרוחב הוא שצריך לגדול, לא הטקסט להישבר. */
  white-space: nowrap;
}

._dropdown_1q5a4_168 button:hover {
  background-color: #f5f5f5;
}

._dropdownSeparator_1q5a4_196 {
  height: 1px;
  margin: 4px 0;
  background-color: #eaeaea;
}

._dropdown_1q5a4_168 button:disabled {
  color: #999;
  cursor: default;
}

/* ============================================================
 *  מסך צר — סרגל האפליקציה בשפת נדרים (HAT-1170)
 * ============================================================
 * הועבר מ-hatzdaka-nedarim (css/common.css, "סרגל האפליקציה"): רקע
 * מנטה שממשיך ברצף אל בורר הקרן שמתחתיו — ולכן אין קו הפרדה — לוגו
 * ברוחב 104 בקצה אחד, וצ'יפ משתמש לבן ומעוגל בקצה השני, עם האייקון
 * והשם. הפלטה כאן: --surface-tertiary-low הוא המנטה של האתר.
 *
 * מה שנשאר מהאתר ולא קיים במקור: ההמבורגר (הדרך היחידה משני הלוחות
 * אל שאר המסכים — תמונת מצב, תרומות, הגדרות) ותג הפניות. שניהם קטנים
 * ושקופים על המנטה. הכפתור "לאתר הישן" ירד לתפריט החשבון.
 */
@media (max-width: 1099px) {
  ._headerContainer_1q5a4_2 {
    height: auto;
    min-height: 56px;
    padding: 12px 16px 10px;
    border-bottom: 0;
    background: var(--surface-tertiary-low);
  }
  ._headerStart_1q5a4_14 {
    gap: 4px;
  }
  ._mobileHamburger_1q5a4_97 {
    margin-inline-start: 0;
  }
  ._mobileHamburger_1q5a4_97 span {
    background-color: var(--icon-primary);
  }
  ._logo_1q5a4_36 {
    padding-inline-start: 4px;
    width: 104px;
    max-height: none;
  }
  ._navigationWrapper_1q5a4_21 {
    gap: 8px;
    padding-inline-end: 0;
    max-width: none;
  }
  /* צ'יפ המשתמש: לבן, מעוגל, עם השם — כמו .user-menu-button במקור.
     גובר על הכלל שמעל שמסתיר את השם בטלפון: כאן יש לו מקום, כי
     הכפתור הבורדו כבר לא מתחרה עליו. */
  ._headerItem_1q5a4_30 {
    min-width: 0;
    padding: 6px 10px;
    border-radius: 10px;
    background: var(--surface-base);
    color: var(--font-body-1);
    font-size: 12.5px;
    gap: 6px;
  }
  ._headerItem_1q5a4_30 img {
    width: 19px;
    height: 19px;
  }
  ._headerItem_1q5a4_30 span {
    display: block;
    max-width: 118px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12.5px;
  }
}
@media (max-width: 340px) {
  /* HAT-1238 Fold 265–280: logo 104 + burger 44 + 16+16 padding + chip
     (icon 19 + gap + nowrap name without min-width:0) = min-content 289.
     Shrink the chrome by 24px and break the name's min-content chain. */
  ._headerContainer_1q5a4_2 {
    padding-inline: 12px;
    /* Header sits outside .page. A 1px flex-round of the chip/logo
       would grow documentElement.scrollWidth with nothing to clip it. */
    overflow-x: clip;
  }
  ._logo_1q5a4_36 {
    width: 88px;
    max-width: 88px;
    height: auto;
    padding-inline-start: 0;
    box-sizing: border-box;
  }
  ._headerItem_1q5a4_30 {
    min-width: 0;
    padding: 6px 8px;
    gap: 4px;
  }
  ._headerItem_1q5a4_30 span {
    display: block;
    max-width: 56px;
    min-width: 0;
  }
  ._navigationWrapper_1q5a4_21 {
    min-width: 0;
    gap: 4px;
  }
}
/*
 * כניסה למרכז ההתכתבויות מהכותרת העליונה, עם מספר הפניות שמחכות.
 * מתג ההתראות עבר מכאן למסך הפניות עצמו - הפעמון בהדר שייך לעדכונים (HAT-1099).
 *
 * למה בכותרת ולא רק בסרגל: הפריט בסרגל יושב בתוך אזור הניהול, כלומר מזכירה
 * שנמצאת בכל מסך אחר לא רואה אותו ולא יודעת שנכנסה פנייה. הכותרת מוצגת בכל
 * מסך באתר, וזו הדרך היחידה שהצליל והמספר מגיעים יחד עם דרך להגיע לפניות.
 */
._link_1rbyh_10 {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  border: 1px solid var(--border-tertiary-strong);
  border-radius: 999px;
  background-color: var(--surface-tertiary-low);
  color: var(--font-tertiary);
  font-family: inherit;
  cursor: pointer;
  transition: filter 0.15s;
}
._link_1rbyh_10:hover {
  filter: brightness(0.96);
}

/* בורדו על מנטה - אותו ניגוד שמשמש בכל האתר לתג שדורש תשומת לב */
._count_1rbyh_28 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background-color: var(--surface-primary);
  color: var(--font-body-4);
  font-size: var(--body-size-caption);
  font-weight: 700;
}

._wrap_1rbyh_42 {
  display: flex;
  align-items: center;
  gap: 2px;
}

/* מוסתר לגמרי במסכים צרים: שם הכותרת נלחצת ואין מקום לתג נוסף */
@media (max-width: 1099px) {
  ._label_1rbyh_50 {
    display: none;
  }
}
/* HAT-1238 Fold cover: the icon+count pill is ~48–75px and sits in the
   same nowrap header as the 104px logo. Hide it; the sidebar still has
   the inbox entry. */
@media (max-width: 340px) {
  ._wrap_1rbyh_42 {
    display: none;
  }
}/* A screenshot in an announcement is a button: pressing it shows the screen full size (HAT-1489). */
._enlarge_15k13_2 {
  display: block;
  align-self: flex-start;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: zoom-in;
}
._enlarge_15k13_2:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
  border-radius: 10px;
}
._enlarge_15k13_2 img {
  display: block;
}

._overlay_15k13_20 {
  position: fixed;
  inset: 0;
  z-index: 1300;
  background: rgba(23, 18, 26, 0.72);
}

._viewer_15k13_27 {
  position: fixed;
  inset: 0;
  z-index: 1301;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px max(16px, env(safe-area-inset-left, 0px));
  outline: none;
  cursor: zoom-out;
}

._full_15k13_41 {
  max-width: min(1440px, 94vw);
  max-height: 84vh;
  width: auto;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4);
  background: var(--surface-base);
}

._close_15k13_51 {
  height: 36px;
  padding-inline: 20px;
  border: 0;
  border-radius: 100px;
  background: var(--surface-base);
  color: var(--font-primary);
  cursor: pointer;
}
._close_15k13_51:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

._hiddenTitle_15k13_65 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
._bellButton_53sxv_2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: none;
  border-radius: 50%;
  background: none;
  color: var(--font-body-3);
  cursor: pointer;
}
._bellButton_53sxv_2:hover {
  background-color: var(--surface-hover);
  color: var(--font-body-1);
}

/* בורדו רק כשיש מה לקרוא: פעמון צבעוני בלי מונה קורא כאילו פספסת משהו */
._bellButtonUnread_53sxv_20 {
  color: var(--icon-primary);
}

._badge_53sxv_25 {
  position: absolute;
  top: -2px;
  inset-inline-start: -2px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background-color: var(--surface-primary);
  color: var(--font-body-4);
  font-size: var(--body-size-caption);
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-variant-numeric: tabular-nums;
}

._panel_53sxv_44 {
  z-index: 200;
  width: min(393px, 100vw - 24px);
  background-color: var(--surface-base);
  border: 1px solid var(--border-primary-old);
  border-radius: 16px;
  box-shadow: 0 12px 32px -8px rgba(23, 45, 70, 0.22);
  padding: 16px 24px 20px;
  outline: none;
}

._panelTop_53sxv_55 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

._title_53sxv_63 {
  color: var(--font-body-1);
}

._markAll_53sxv_67 {
  padding: 0;
  border: none;
  background: none;
  color: var(--font-link);
  text-decoration: underline;
  white-space: nowrap;
  cursor: pointer;
}

._feed_53sxv_77 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 402px;
  overflow-y: auto;
  padding-inline-start: 6px;
  scrollbar-width: thin;
}

._note_53sxv_87 {
  display: flex;
  gap: 12px;
  width: 100%;
  padding: 14px 16px;
  border: 1px solid var(--border-primary-old);
  border-radius: 12px;
  background-color: var(--surface-base);
  text-align: start;
}
._note_53sxv_87:hover {
  background-color: var(--surface-hover);
}

/* The note's text is its toggle (HAT-1489): what unfolds below may hold links, and a link cannot sit
   inside a button. The toggle is drawn as the text it always was. */
._noteToggle_53sxv_103 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
  text-align: start;
  cursor: pointer;
}
._noteToggle_53sxv_103:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
  border-radius: 4px;
}

._flags_53sxv_122 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

/* «למשרד» on the office's half of a feature announcement (HAT-1489). */
._audience_53sxv_130 {
  padding-inline: 8px;
  border: 1px solid var(--surface-primary);
  border-radius: 100px;
  background: var(--surface-primary-lowest);
  color: var(--surface-primary);
  line-height: 18px;
}

._noteBlocks_53sxv_139 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._noteImage_53sxv_145 {
  display: block;
  max-width: 100%;
  max-height: 180px;
  width: auto;
  height: auto;
  align-self: flex-start;
  border: 1px solid var(--border-primary-old);
  border-radius: 8px;
}

._noteBullets_53sxv_156 {
  margin: 0;
  padding-inline-start: 18px;
  list-style: disc;
  color: var(--font-body-1);
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._noteParagraph_53sxv_166 {
  margin: 0;
  color: var(--font-body-1);
}

._noteCallout_53sxv_171 {
  margin: 0;
  padding: 8px 10px;
  border-radius: 8px;
  background: var(--surface-grey-low);
  color: var(--font-body-1);
}

._noteButtons_53sxv_179 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._noteButton_53sxv_179 {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 14px;
  border: 1px solid var(--border-action);
  border-radius: 100px;
  color: var(--font-primary);
  text-decoration: none;
}
._noteButton_53sxv_179:hover {
  background: var(--surface-grey-low);
}

._noteButtonPrimary_53sxv_199 {
  border-color: transparent;
  background: var(--font-primary);
  color: var(--font-body-4);
}
._noteButtonPrimary_53sxv_199:hover {
  background: var(--font-primary);
  opacity: 0.9;
}

/* The design's chips, drawn only when there is more than one kind of message to choose between. */
._filters_53sxv_211 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

._filter_53sxv_211 {
  padding: 4px 14px;
  border: 1px solid transparent;
  border-radius: 100px;
  background: var(--surface-grey-low);
  color: var(--font-body-3);
  cursor: pointer;
}

._filterActive_53sxv_227 {
  border-color: var(--surface-primary);
  background: var(--surface-base);
  color: var(--surface-primary);
}

._noteUnread_53sxv_234 {
  border-color: var(--border-action);
}

._avatar_53sxv_239 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  background-color: var(--surface-primary);
  color: var(--icon-base);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* הגליפים ב-systemMessageIcons מצוירים ב-currentColor על viewBox של 24 */
._avatarIcon_53sxv_252 {
  width: 18px;
  height: 18px;
}

._noteBody_53sxv_257 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._newFlag_53sxv_265 {
  color: var(--status-approved-text);
}

._noteTitle_53sxv_269 {
  color: var(--font-body-1);
}

/* שלוש שורות, ואז "לפרטים נוספים" - כדי שכל עדכון יתפוס גובה דומה */
._noteText_53sxv_274 {
  color: var(--font-body-1);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._noteTextOpen_53sxv_283 {
  display: block;
  overflow: visible;
}

._more_53sxv_289 {
  align-self: flex-start;
  color: var(--font-link);
  text-decoration: underline;
}

._stamp_53sxv_295 {
  color: var(--font-body-3);
  font-variant-numeric: tabular-nums;
}

/* בטלפון ההדר צר מדי לפופאובר של 393 - הפאנל נפתח כיריעה ברוחב המסך */
@media (max-width: 1099px) {
  ._panel_53sxv_44 {
    position: fixed;
    inset-block-end: 0;
    inset-inline: 0;
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    border-radius: 20px 20px 0 0;
  }
  ._feed_53sxv_77 {
    max-height: none;
  }
}
/* HAT-1489 rework: the title line carries the unread dot and the office tag; «חדש!» as a word is gone. */
._titleLine_53sxv_316 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

._unreadDot_53sxv_323 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--surface-primary);
  flex: 0 0 auto;
}._dialog_low7k_1 .MuiDialog-paper {
  border-radius: 12px;
  direction: rtl;
}

._title_low7k_6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600 !important;
  color: var(--font-body-1);
  padding: 16px 24px;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--border-divider);
}

._closeBtn_low7k_17 {
  position: absolute !important;
  left: 8px;
  top: 8px;
}

._content_low7k_23 {
  padding-top: 16px !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._typeChipsWrapper_low7k_30 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  justify-content: center;
  margin-bottom: 8px;
}

._typeChips_low7k_30 {
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
}

._typeChip_low7k_30 {
  cursor: pointer !important;
  font-weight: 500 !important;
  direction: ltr !important;
}

._typeError_low7k_52 {
  color: #d32f2f;
  font-size: 12px;
  margin-top: 4px;
}

._field_low7k_58 .MuiInputBase-root {
  direction: rtl;
}
._field_low7k_58 .MuiFormLabel-root {
  left: auto !important;
  right: 0 !important;
  transform-origin: top right !important;
}
._field_low7k_58 .MuiFormLabel-root:not(.MuiInputLabel-shrink) {
  transform: translate(-24px, 9px) scale(1) !important;
}
._field_low7k_58 .MuiInputLabel-shrink {
  transform: translate(-18px, -9px) scale(0.75) !important;
}
._field_low7k_58 .MuiOutlinedInput-notchedOutline {
  text-align: right;
}
._field_low7k_58 .MuiOutlinedInput-notchedOutline legend {
  float: right;
}

._screenshotSection_low7k_79 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._screenshotThumb_low7k_85 {
  width: 100%;
  border: 1px solid var(--border-divider);
  border-radius: 8px;
  overflow: hidden;
  background: var(--surface-grey-lowest);
}

._screenshotImg_low7k_93 {
  width: 100%;
  max-height: 120px;
  object-fit: contain;
  display: block;
  cursor: pointer;
  transition: opacity 0.2s;
}
._screenshotImg_low7k_93:hover {
  opacity: 0.85;
}

._screenshotDisabled_low7k_105 {
  opacity: 0.3;
  filter: grayscale(1);
}

._screenshotPlaceholder_low7k_110 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  color: var(--font-body-3);
  font-size: 13px;
}

._screenshotCheckbox_low7k_119 {
  margin-right: -4px !important;
}
._screenshotCheckbox_low7k_119 .MuiFormControlLabel-label {
  font-size: 13px;
  color: var(--font-body-3);
}

._infoText_low7k_127 {
  font-size: 12px;
  color: var(--font-body-3);
  text-align: center;
  margin: 0;
}

._actions_low7k_134 {
  padding: 12px 24px 16px !important;
  gap: 8px;
  justify-content: flex-start !important;
  direction: rtl;
  border-top: 1px solid var(--border-divider);
}._modalRoot_itr6w_1 {
  position: fixed;
  inset: 0;
  z-index: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}

._backdrop_itr6w_10 {
  position: absolute;
  inset: 0;
  border: none;
  padding: 0;
  background: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}

._modal_itr6w_1 {
  position: relative;
  z-index: 1;
  width: min(480px, 100vw - 32px);
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: right;
}

._chips_itr6w_32 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._chip_itr6w_32 {
  border: 1px solid var(--border-main, #dedede);
  background: var(--surface-base, #fff);
  border-radius: 999px;
  padding: 8px 14px;
  cursor: pointer;
  font: inherit;
}

._chipSelected_itr6w_47 {
  background: var(--surface-action, #73123c);
  color: #fff;
  border-color: var(--surface-action, #73123c);
}

._detail_itr6w_53 {
  width: 100%;
  border: 1px solid var(--border-main, #dedede);
  border-radius: 8px;
  padding: 10px 12px;
  resize: vertical;
  font: inherit;
}

._actions_itr6w_62 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

._primary_itr6w_68,
._secondary_itr6w_69,
._star_itr6w_70 {
  font: inherit;
  cursor: pointer;
  border-radius: 8px;
}

._primary_itr6w_68 {
  background: var(--surface-action, #73123c);
  color: #fff;
  border: none;
  padding: 10px 16px;
}

._primary_itr6w_68:disabled {
  opacity: 0.5;
  cursor: default;
}

._secondary_itr6w_69 {
  background: transparent;
  border: none;
  color: var(--font-sub-title, #666);
  padding: 10px 12px;
}

._toast_itr6w_95 {
  position: fixed;
  inset-inline-start: 16px;
  bottom: 16px;
  z-index: 40;
  width: min(360px, 100vw - 32px);
  background: #fff;
  border: 1px solid var(--border-main, #dedede);
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._stars_itr6w_111 {
  display: flex;
  gap: 8px;
}

._exitFeedbackCta_itr6w_116 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 14px 20px;
  background-color: #73123c !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px;
  font: inherit;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 150ms ease-in-out;
}
._exitFeedbackCta_itr6w_116:hover {
  background-color: #5c0e30 !important;
}

._skipLink_itr6w_137 {
  background: transparent !important;
  border: none !important;
  color: var(--font-sub-title, #888) !important;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
  padding: 8px;
  text-align: center;
  text-decoration: underline;
}
._skipLink_itr6w_137:hover {
  color: var(--font-body-1, #333) !important;
}

._star_itr6w_70 {
  width: 40px;
  height: 40px;
  border: 1px solid var(--border-main, #dedede);
  background: #fff;
}

._star_itr6w_70:hover {
  background: var(--surface-grey-low-2, #efefef);
}
/* Same spot and look as the old feedback FAB it replaces: stacked above the
   accessibility button (48px at bottom 24px — see a11y/accessibility-widget.css),
   so neither button ever covers the other. */
._fabWrapper_1rufs_5 {
  position: fixed;
  /* --cookie-banner-height rides above the open cookie banner, in lockstep with
     the accessibility button below it (see CookieConsentBanner.tsx). The var
     is the banner's full offsetHeight (including the padding that absorbs the
     safe area), so we take max() with env(safe-area-inset-bottom) instead of
     stacking them — when the banner is closed the var is 0 and we fall back to
     the safe area; when it is open the var already covers it, and there is no
     double counting.
     min() clamps the offset: on a short landscape phone with the cookie
     settings expanded (banner can be ~70dvh), the raw calc pushes the FAB
     above the top of the viewport. Cap it at (100dvh - 56px) so the 48px FAB
     always keeps ~8px from the top and stays reachable — the banner has its
     own dismiss control, so a temporary overlap while the user reads it is
     the acceptable tradeoff. The a11y button below uses a matching cap that
     leaves 64px of vertical room for this FAB above it (accessibility-widget.css). */
  bottom: min(max(88px + var(--cookie-banner-height, 0px), 88px + env(safe-area-inset-bottom, 0px)), 100dvh - 56px);
  left: 24px;
  z-index: 1200;
}

._fab_1rufs_5 {
  min-width: 44px;
  min-height: 44px;
  background-color: var(--surface-primary) !important;
  color: var(--text-body-4) !important;
  box-shadow: 0 4px 12px rgba(104, 28, 60, 0.3) !important;
  /* !important כי MUI מזריק transition משלו (box-shadow בלבד) בזמן ריצה */
  transition: transform 150ms ease-in-out, box-shadow 150ms ease-in-out, background-color 150ms ease-in-out !important;
  /* גדילה בריחוף - כמו כפתור הנגישות (scale ברירת המחדל של הספרייה) */
}
._fab_1rufs_5:hover {
  background-color: var(--surface-primary-dark) !important;
  box-shadow: 0 6px 16px rgba(104, 28, 60, 0.4) !important;
  transform: scale(1.1);
}

/* MUI נותן ל-Fab z-index 1050 ולתג של ה-Badge רק 1, כך שסמן ההודעות החדשות
   נצבע *מתחת* לכפתור ומוסתר כמעט לגמרי. מרימים את התג מעל הכפתור. */
._badge_1rufs_44 {
  z-index: 1051 !important;
}/* One system message, rendered the same way in the popup users see and in the live preview the
   admin edits against.

   Colour comes entirely from the site's own palette - the wine and the blue. The message's type is
   carried by the glyph beside the title (see systemMessageIcons.tsx), and the family colour below
   only separates "notice this" from "just so you know". */
._card_1t928_7 {
  --message-accent: var(--font-sub-title-2);
  --message-accent-strong: var(--surface-secondary);
  --message-tint: var(--surface-secondary-low);
  --message-tint-soft: var(--surface-secondary-lowest);
  --message-tint-border: var(--border-secondary-low);
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: start;
}

._wine_1t928_19 {
  --message-accent: var(--font-primary);
  --message-accent-strong: var(--border-primary);
  --message-tint: var(--surface-primary-lowest);
  --message-tint-soft: var(--surface-primary-lowest);
  --message-tint-border: var(--border-primary);
}

/* ---------- header ---------- */
._header_1t928_28 {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

/* The medallion holding the type's glyph. Sits beside the title rather than above it, so the eye
   lands on the icon and the headline as one unit. */
._iconBadge_1t928_36 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--message-tint);
  color: var(--message-accent);
}

._icon_1t928_36 {
  width: 26px;
  height: 26px;
}

._headings_1t928_53 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._eyebrow_1t928_60 {
  margin: 0;
  color: var(--message-accent);
  letter-spacing: 0.01em;
  overflow-wrap: anywhere;
}

._title_1t928_67 {
  margin: 0;
  color: var(--text-heading);
  overflow-wrap: anywhere;
}

/* ---------- body ---------- */
._blocks_1t928_74 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._paragraph_1t928_80 {
  margin: 0;
  color: var(--text-body-1);
  /* An admin's line breaks are part of what they wrote. */
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._heading_1t928_53 {
  margin: 0;
  color: var(--message-accent);
  overflow-wrap: anywhere;
}

._bullets_1t928_94 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._bullet_1t928_94 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: var(--text-body-1);
  overflow-wrap: anywhere;
}

/* Drawn rather than a list-style marker, so it can take the message's accent and sit on the first
   line of a bullet that wraps. */
._bulletDot_1t928_113 {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  margin-top: 9px;
  border-radius: 50%;
  background: var(--message-accent);
}

._callout_1t928_122 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--message-tint-border);
  border-radius: 12px;
  background: var(--message-tint-soft);
  color: var(--message-accent);
}

._calloutIcon_1t928_133 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  /* Nudged onto the first line of the note's text. */
  margin-top: 2px;
}

._calloutText_1t928_141 {
  margin: 0;
  color: inherit;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* A screenshot that shipped with the feature (HAT-1489): framed like the callout, never wider than
   the card, and never so tall that it pushes the buttons out of the popup. */
._image_1t928_150 {
  display: block;
  max-width: 100%;
  max-height: 240px;
  width: auto;
  height: auto;
  align-self: flex-start;
  border: 1px solid var(--message-tint-border);
  border-radius: 10px;
  background: var(--surface-base);
}

._buttons_1t928_162 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

._linkButton_1t928_168 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 20px;
  border-radius: 8px;
  border: 1px solid transparent;
  text-decoration: none;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

._linkPrimary_1t928_181 {
  background: var(--message-accent);
  color: var(--font-body-4);
}

._linkPrimary_1t928_181:hover {
  background: var(--message-accent-strong);
}

._linkSecondary_1t928_190 {
  background: var(--surface-base);
  border-color: var(--message-tint-border);
  color: var(--message-accent);
}

._linkSecondary_1t928_190:hover {
  background: var(--message-tint-soft);
}

._linkButton_1t928_168:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

/* The arrow leans the way the reader is going, so it flips with the writing direction. */
._linkArrow_1t928_206 {
  width: 16px;
  height: 16px;
}

[dir=rtl] ._linkArrow_1t928_206 {
  transform: scaleX(-1);
}

@media (max-width: 599px) {
  ._card_1t928_7 {
    gap: 16px;
  }
  ._iconBadge_1t928_36 {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }
  ._icon_1t928_36 {
    width: 22px;
    height: 22px;
  }
  ._buttons_1t928_162 ._linkButton_1t928_168 {
    flex: 1 1 100%;
  }
}._overlay_1u4dz_1 {
  position: fixed;
  inset: 0;
  z-index: 300;
  background-color: rgba(17, 24, 39, 0.55);
  backdrop-filter: blur(2px);
}

._overlay_1u4dz_1[data-state=open] {
  animation: _fadeIn_1u4dz_1 160ms ease-out;
}

._overlay_1u4dz_1[data-state=closed] {
  animation: _fadeOut_1u4dz_1 140ms ease-in;
}

/* Medium and centred, not the near-full-screen sheet MainDialogLayout uses: an announcement is
   something you read in one pass, so it is sized to its text rather than to the window. */
._content_1u4dz_19 {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 301;
  display: flex;
  flex-direction: column;
  width: 620px;
  max-width: calc(100vw - 32px);
  max-height: min(760px, 100vh - 64px);
  background: var(--surface-base);
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(17, 24, 39, 0.18), 0 2px 8px rgba(17, 24, 39, 0.08);
  overflow: hidden;
}

._content_1u4dz_19[data-state=open] {
  animation: _fadeIn_1u4dz_1 160ms ease-out, _riseIn_1u4dz_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
}

._content_1u4dz_19[data-state=closed] {
  animation: _fadeOut_1u4dz_1 140ms ease-in, _riseOut_1u4dz_1 140ms ease-in;
}

._closeButton_1u4dz_44 {
  position: absolute;
  top: 14px;
  inset-inline-end: 14px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--font-body-3);
  transition: background-color 0.15s ease;
}

._closeButton_1u4dz_44:hover {
  background: var(--surface-grey-low);
  color: var(--font-body-1);
}

._closeButton_1u4dz_44:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 1px;
}

._closeIcon_1u4dz_72 {
  width: 18px;
  height: 18px;
}

/* The body scrolls; the footer stays put, so the dismiss button never runs off a long message. */
._body_1u4dz_78 {
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 36px 36px 28px;
}

/* All the messages share one grid cell, so the deck is as tall as the longest of them and the
   dialog keeps its size while the reader pages through. */
._deck_1u4dz_87 {
  display: grid;
}

._deckItem_1u4dz_91 {
  grid-area: 1/1;
  visibility: hidden;
}

._deckItemActive_1u4dz_96 {
  visibility: visible;
  animation: _cardIn_1u4dz_1 180ms ease-out;
}

._footer_1u4dz_101 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 36px 20px;
  border-top: 1px solid var(--border-divider);
  background: var(--surface-grey-lowest);
}

/* ---------- paging between several live messages ---------- */
._pager_1u4dz_113 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._pagerCount_1u4dz_119 {
  color: var(--font-body-3);
  white-space: nowrap;
}

._dots_1u4dz_124 {
  display: flex;
  align-items: center;
  gap: 6px;
}

._dot_1u4dz_124 {
  width: 8px;
  height: 8px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--border-low);
  transition: background-color 0.15s ease, width 0.15s ease;
}

._dot_1u4dz_124:hover {
  background: var(--border-strong);
}

._dotActive_1u4dz_144,
._dotActive_1u4dz_144:hover {
  /* Widened rather than only recoloured, so the current message is findable without relying on
     colour alone (WCAG 1.4.1). */
  width: 20px;
  border-radius: 4px;
  background: var(--surface-primary);
}

._dot_1u4dz_124:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

._footerActions_1u4dz_158 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._stepButton_1u4dz_164 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  background: var(--surface-base);
  color: var(--font-body-1);
  transition: background-color 0.15s ease;
}

._stepButton_1u4dz_164:hover:not(:disabled) {
  background: var(--surface-hover);
}

._stepButton_1u4dz_164:disabled {
  color: var(--font-disabled);
  border-color: var(--border-disabled);
}

._stepButton_1u4dz_164:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 1px;
}

._primaryButton_1u4dz_192 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  /* Wide enough for the longest label it takes ("next message"), so the button does not resize -
     and shove the one beside it - when it turns into the dismiss button on the last message. */
  min-width: 140px;
  padding: 0 22px;
  border: none;
  border-radius: 8px;
  background: var(--surface-primary);
  color: var(--font-body-4);
  transition: background-color 0.15s ease;
}

._primaryButton_1u4dz_192:hover {
  background: var(--surface-primary-dark);
}

._primaryButton_1u4dz_192:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

._stepIcon_1u4dz_217 {
  width: 16px;
  height: 16px;
}

/* Arrows point the way the reader travels, so they flip with the writing direction. */
[dir=rtl] ._stepIcon_1u4dz_217 {
  transform: scaleX(-1);
}

@media (max-width: 599px) {
  ._content_1u4dz_19 {
    width: calc(100% - 24px);
    max-height: calc(100vh - 32px);
    border-radius: 16px;
  }
  ._body_1u4dz_78 {
    padding: 32px 20px 20px;
  }
  ._footer_1u4dz_101 {
    flex-direction: column;
    align-items: stretch;
    padding: 14px 20px 18px;
  }
  ._pager_1u4dz_113 {
    justify-content: center;
  }
  ._footerActions_1u4dz_158 {
    justify-content: stretch;
  }
  ._footerActions_1u4dz_158 > * {
    flex: 1;
  }
}
@keyframes _fadeIn_1u4dz_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _fadeOut_1u4dz_1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes _riseIn_1u4dz_1 {
  from {
    transform: translate(-50%, -46%) scale(0.96);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes _riseOut_1u4dz_1 {
  from {
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    transform: translate(-50%, -48%) scale(0.97);
  }
}
/* The card that arrives fades in on the spot - the dialog itself no longer moves, so the change of
   message needs some motion of its own to register. */
@keyframes _cardIn_1u4dz_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._overlay_1u4dz_1[data-state],
  ._content_1u4dz_19[data-state],
  ._deckItemActive_1u4dz_96 {
    animation: none;
  }
}._wrapper_3endc_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

._canvasWrapper_3endc_8 {
  background: var(--surface-base);
  border: 1px dashed var(--border-input-default);
  border-radius: 8px;
  overflow: hidden;
  touch-action: none;
}

._canvasWrapper_3endc_8._invalid_3endc_16 {
  border-color: var(--font-error);
}

._canvas_3endc_8 {
  width: 100%;
  height: 180px;
  display: block;
  background: var(--surface-base);
}

._clearButton_3endc_27 {
  align-self: flex-end;
  padding: 6px 14px;
  border-radius: 6px;
  background: transparent;
  border: 1px solid var(--border-main);
  color: var(--font-body-1);
}

._clearButton_3endc_27:hover {
  background: var(--surface-grey-lowest);
}
/* The rule rows use the site's own wine palette and the form's visual language: a white block on
   hairline borders, wine titles and icons, grey body text.

   A single stack of rows inside one frame: hairlines between the rows carry the separation the
   2x2 cards used to, with far less ink per rule (HAT-1258). */
._rules_3bwdv_7 {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: var(--surface-base);
  border: 1px solid var(--border-main);
  border-radius: 10px;
}

._rule_3bwdv_7 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 16px;
}

._rule_3bwdv_7 + ._rule_3bwdv_7 {
  border-top: 1px solid var(--border-lowest);
}

._ruleIcon_3bwdv_27 {
  display: flex;
  flex-shrink: 0;
  color: var(--icon-primary);
  /* Optically centred on the first line of the row's text rather than on its box. */
  margin-top: 1px;
}

._ruleBody_3bwdv_35 {
  margin: 0;
  font-family: var(--body-font);
  font-weight: 400;
  font-size: var(--body-size-sm);
  line-height: 20px;
}

/* Title and sentence share the row's type size — only the weight separates them, so the
   line stays even. */
._ruleTitle_3bwdv_45 {
  font-weight: 600;
  color: var(--font-primary);
}

._ruleText_3bwdv_50 {
  color: var(--font-body-2);
}

/* The sentence continues the title on the same line, so it needs a gap of its own. */
._ruleTitle_3bwdv_45 + ._ruleText_3bwdv_50 {
  margin-right: 6px;
}/* Above the announcements popup (z-index 300), so if both land in the same moment the rules are
   the one in front - they are what the coordinator is here to deal with first. */
._overlay_1t573_3 {
  position: fixed;
  inset: 0;
  z-index: 400;
  background-color: rgba(17, 24, 39, 0.62);
  backdrop-filter: blur(2px);
}

._content_1t573_11 {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 401;
  display: flex;
  flex-direction: column;
  width: 820px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 48px);
  background: var(--surface-base);
  border: 1px solid var(--border-primary);
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(17, 24, 39, 0.18), 0 2px 8px rgba(17, 24, 39, 0.08);
  overflow: hidden;
}

._closeButton_1t573_29 {
  position: absolute;
  top: 14px;
  inset-inline-end: 14px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: var(--font-body-2);
  cursor: pointer;
}

._closeButton_1t573_29:hover {
  background: var(--surface-grey-lowest);
  color: var(--font-body-1);
}

._closeIcon_1t573_52 {
  width: 16px;
  height: 16px;
}

._body_1t573_57 {
  direction: rtl;
  text-align: right;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
  padding: 28px 32px 24px;
}

/* Only the header clears the close button - putting that inset on the whole body would shift the
   rules and the signature pad off-centre for the sake of two lines of text. */
._header_1t573_69 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-inline-end: 32px;
}

._titleRow_1t573_76 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._titleIcon_1t573_82 {
  display: flex;
  flex-shrink: 0;
  color: var(--icon-primary);
}

._title_1t573_76 {
  color: var(--font-primary);
  margin: 0;
}

._subtitle_1t573_93 {
  font-family: var(--body-font);
  font-weight: 400;
  font-size: var(--body-size-sm);
  line-height: 18px;
  color: var(--font-body-2);
  margin: 0;
}

/* The rules, the checkboxes and the signature pad scroll together: on a laptop screen the pad
   would otherwise be pushed below the fold with no way to reach it. */
._scroller_1t573_104 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 0;
  overflow-y: auto;
  padding-inline-end: 4px;
}

._confirmations_1t573_113 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 1px solid var(--border-lowest);
  padding-top: 16px;
}

._confirmLabel_1t573_121 {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}

._confirmText_1t573_129 {
  font-family: var(--body-font);
  font-weight: 400;
  font-size: var(--body-size-sm);
  line-height: 18px;
  color: var(--font-body-1);
}

._confirmInput_1t573_137 {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

._confirmBox_1t573_145 {
  flex-shrink: 0;
  /* Nudged down so the box lines up with the first line of a label that wraps. */
  margin-top: 1px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--surface-base);
  border: 1.5px solid var(--surface-primary);
  color: var(--font-body-4);
  transition: background-color 0.15s;
}

._confirmCheck_1t573_161 {
  opacity: 0;
  transition: opacity 0.15s;
}

._confirmInput_1t573_137:checked + ._confirmBox_1t573_145 {
  background-color: var(--surface-primary);
}

._confirmInput_1t573_137:checked + ._confirmBox_1t573_145 ._confirmCheck_1t573_161 {
  opacity: 1;
}

._confirmInput_1t573_137:focus-visible + ._confirmBox_1t573_145 {
  box-shadow: 0 0 0 3px rgba(104, 28, 60, 0.18);
}

._regulationsLink_1t573_178 {
  color: var(--font-primary);
  font-weight: 600;
  text-decoration: underline;
  white-space: nowrap;
}

._signatureSection_1t573_185 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-top: 1px solid var(--border-lowest);
  padding-top: 16px;
}

._fieldLabel_1t573_193 {
  font-family: var(--body-font);
  font-weight: 600;
  font-size: var(--body-size-sm);
  line-height: 18px;
  color: var(--font-body-1);
}

._fieldHint_1t573_201 {
  font-family: var(--body-font);
  font-weight: 400;
  font-size: var(--body-size-sm);
  line-height: 18px;
  color: var(--font-body-2);
}

._nameInput_1t573_209 {
  width: 100%;
  max-width: 360px;
  height: 40px;
  padding: 0 12px;
  margin-bottom: 10px;
  background: var(--surface-base);
  border: 1px solid var(--border-main);
  border-radius: 8px;
  font-family: var(--body-font);
  font-size: var(--body-size-md);
  color: var(--font-body-1);
}

._nameInput_1t573_209:focus-visible {
  outline: none;
  border-color: var(--surface-primary);
  box-shadow: 0 0 0 3px rgba(104, 28, 60, 0.12);
}

/* The preview an administrator opens (HAT-1256). Deliberately loud and unlike anything else in the
   dialog: whoever is looking at it has to be able to tell at a glance that this is not the real
   confirmation and that nothing they do here is recorded. */
._previewBanner_1t573_232 {
  flex-shrink: 0;
  margin-bottom: 16px;
  border: 1px dashed var(--border-primary);
  border-radius: 10px;
  /* The close button sits in this corner, and the banner is the topmost thing in the dialog: the
     wider end keeps the text out from under it on a narrow screen. */
  padding: 10px 14px;
  padding-inline-end: 44px;
  background: var(--surface-grey-lowest);
  font-family: var(--body-font);
  font-size: var(--body-size-sm);
  line-height: 20px;
  color: var(--font-body-2);
}

._previewNotice_1t573_248 {
  font-family: var(--body-font);
  font-size: var(--body-size-sm);
  line-height: 18px;
  color: var(--font-body-2);
}

._error_1t573_255 {
  font-family: var(--body-font);
  font-size: var(--body-size-sm);
  line-height: 18px;
  color: var(--font-error);
}

._footer_1t573_262 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  border-top: 1px solid var(--border-lowest);
  padding-top: 16px;
}

._submitButton_1t573_271 {
  flex-shrink: 0;
  background-color: var(--surface-primary);
  color: var(--font-body-4);
  border-radius: 8px;
  padding: 10px 28px;
  transition: background-color 0.15s;
}

._submitButton_1t573_271:hover:not(:disabled) {
  background-color: var(--surface-primary-dark);
}

._submitButton_1t573_271:disabled {
  background-color: var(--surface-on-disabled);
  color: var(--font-on-disabled);
  cursor: not-allowed;
}

@media (max-width: 1099px) {
  ._body_1t573_57 {
    padding: 20px 18px 18px;
  }
  ._footer_1t573_262 {
    align-items: stretch;
  }
  ._submitButton_1t573_271 {
    width: 100%;
  }
}._wrapper_1qkyl_1 {
  position: relative;
  width: 450px;
  max-width: 100%;
}

._wrapper_1qkyl_1 ._input_1qkyl_7 {
  width: 100%;
  padding-inline-end: 40px;
}

._toggle_1qkyl_12 {
  position: absolute;
  inset-inline-end: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--font-body-2);
}

._toggle_1qkyl_12:hover {
  color: var(--font-body-1);
}
._label_m7bmz_1 {
  position: relative;
  display: flex;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

._checkbox_m7bmz_9 {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  display: block;
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.4%204C0.4%202.01178%202.01178%200.4%204%200.4H12C13.9882%200.4%2015.6%202.01178%2015.6%204V12C15.6%2013.9882%2013.9882%2015.6%2012%2015.6H4C2.01178%2015.6%200.4%2013.9882%200.4%2012V4Z'%20fill='white'/%3e%3cpath%20d='M0.4%204C0.4%202.01178%202.01178%200.4%204%200.4H12C13.9882%200.4%2015.6%202.01178%2015.6%204V12C15.6%2013.9882%2013.9882%2015.6%2012%2015.6H4C2.01178%2015.6%200.4%2013.9882%200.4%2012V4Z'%20stroke='%23C3C3C3'%20stroke-width='0.8'/%3e%3c/svg%3e");
  position: absolute;
  top: 0;
  inset-inline-start: 0;
}

/*
  The invisible input is stacked ABOVE the visual box and extended 8px in every
  direction. Two goals:
  1. Clicks land on the input itself, so the browser never label-forwards a
     synthetic second click (which doubled analytics events per interaction).
  2. A 32x32 hit target instead of the bare 16x16 box - fewer missed clicks.
*/
._input_m7bmz_27 {
  position: absolute;
  inset: -8px;
  z-index: 1;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

._input_m7bmz_27:disabled {
  cursor: default;
}

/* Hover lands on the input (it covers the box), so style the sibling from it. */
._input_m7bmz_27:hover:not(:disabled) + ._checkbox_m7bmz_9 {
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.4%204C0.4%202.01178%202.01178%200.4%204%200.4H12C13.9882%200.4%2015.6%202.01178%2015.6%204V12C15.6%2013.9882%2013.9882%2015.6%2012%2015.6H4C2.01178%2015.6%200.4%2013.9882%200.4%2012V4Z'%20fill='%23F9F9F9'/%3e%3cpath%20d='M0.4%204C0.4%202.01178%202.01178%200.4%204%200.4H12C13.9882%200.4%2015.6%202.01178%2015.6%204V12C15.6%2013.9882%2013.9882%2015.6%2012%2015.6H4C2.01178%2015.6%200.4%2013.9882%200.4%2012V4Z'%20stroke='%23ADADAD'%20stroke-width='0.8'/%3e%3c/svg%3e");
}

._input_m7bmz_27:disabled + ._checkbox_m7bmz_9 {
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.4%204C0.4%202.01178%202.01178%200.4%204%200.4H12C13.9882%200.4%2015.6%202.01178%2015.6%204V12C15.6%2013.9882%2013.9882%2015.6%2012%2015.6H4C2.01178%2015.6%200.4%2013.9882%200.4%2012V4Z'%20fill='%23F4F4F4'/%3e%3cpath%20d='M0.4%204C0.4%202.01178%202.01178%200.4%204%200.4H12C13.9882%200.4%2015.6%202.01178%2015.6%204V12C15.6%2013.9882%2013.9882%2015.6%2012%2015.6H4C2.01178%2015.6%200.4%2013.9882%200.4%2012V4Z'%20stroke='%23DEDEDE'%20stroke-width='0.8'/%3e%3c/svg%3e");
}

._input_m7bmz_27:checked + ._checkbox_m7bmz_9 {
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.5%204.8C0.5%202.42518%202.42518%200.5%204.8%200.5H11.2C13.5748%200.5%2015.5%202.42518%2015.5%204.8V11.2C15.5%2013.5748%2013.5748%2015.5%2011.2%2015.5H4.8C2.42518%2015.5%200.5%2013.5748%200.5%2011.2V4.8Z'%20fill='%233D608A'/%3e%3cpath%20d='M0.5%204.8C0.5%202.42518%202.42518%200.5%204.8%200.5H11.2C13.5748%200.5%2015.5%202.42518%2015.5%204.8V11.2C15.5%2013.5748%2013.5748%2015.5%2011.2%2015.5H4.8C2.42518%2015.5%200.5%2013.5748%200.5%2011.2V4.8Z'%20stroke='%23264465'/%3e%3cpath%20d='M11.7333%205.20001L6.6%2010.3333L4.26666%208.00001'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}

._input_m7bmz_27:checked:hover:not(:disabled) + ._checkbox_m7bmz_9 {
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.4%204.8C0.4%202.36995%202.36995%200.4%204.8%200.4H11.2C13.6301%200.4%2015.6%202.36995%2015.6%204.8V11.2C15.6%2013.6301%2013.6301%2015.6%2011.2%2015.6H4.8C2.36995%2015.6%200.4%2013.6301%200.4%2011.2V4.8Z'%20fill='%232F4D72'/%3e%3cpath%20d='M0.4%204.8C0.4%202.36995%202.36995%200.4%204.8%200.4H11.2C13.6301%200.4%2015.6%202.36995%2015.6%204.8V11.2C15.6%2013.6301%2013.6301%2015.6%2011.2%2015.6H4.8C2.36995%2015.6%200.4%2013.6301%200.4%2011.2V4.8Z'%20stroke='%23264465'%20stroke-width='0.8'/%3e%3cpath%20d='M11.7333%205.20001L6.6%2010.3333L4.26666%208.00001'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}

._input_m7bmz_27:checked:disabled + ._checkbox_m7bmz_9 {
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.4'%20y='0.4'%20width='15.2'%20height='15.2'%20rx='4.4'%20fill='%23F4F4F4'/%3e%3crect%20x='0.4'%20y='0.4'%20width='15.2'%20height='15.2'%20rx='4.4'%20stroke='%23DEDEDE'%20stroke-width='0.8'/%3e%3cpath%20d='M12.2666%204.79999L6.39994%2010.6667L3.73328%207.99999'%20stroke='%23ADADAD'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}

/*
 * HAT-1212: מצב חלקי — קו אופקי בצבע הפריימרי במקום ה-off.svg. משתמש שבחר
 * חלק מהשורות רואה שיש כבר סימון, וקליק על "בחר הכל" יסמן את השאר במקום
 * לכבות (getIsSomeRowsSelected → selectAll(true)). ללא זה, ה-checkbox היה
 * מציג off מלא אחרי בחירה מרובה של שורות שהתחילו מהגוף — והמשתמש חשב
 * שהלחיצה הראשונה על "בחר הכל" נכשלה.
 */
._input_m7bmz_27:indeterminate + ._checkbox_m7bmz_9,
._input_m7bmz_27[data-indeterminate='true'] + ._checkbox_m7bmz_9 {
  background-image: none;
  background-color: var(--surface-primary, #7a1e2c);
  border-radius: 4px;
  position: relative;
}

._input_m7bmz_27:indeterminate + ._checkbox_m7bmz_9::after,
._input_m7bmz_27[data-indeterminate='true'] + ._checkbox_m7bmz_9::after {
  content: '';
  position: absolute;
  inset-inline-start: 3px;
  inset-inline-end: 3px;
  top: 50%;
  height: 2px;
  border-radius: 1px;
  background-color: var(--font-body-4, #fff);
  transform: translateY(-50%);
}

._input_m7bmz_27:focus-visible + ._checkbox_m7bmz_9 {
  box-shadow: 0px 0px 0px 3.2px #ececec;
  outline: none;
}

/* HAT-1239 alert banner.
 *
 *   [icon]  [title]                                   [X]
 *           [body]
 *           [quiet CTA link]
 *
 * Status colors come from the shared tokens in index.scss, so alerts read like
 * the rest of the site (badges, bulk-upload results, status filters). The 4px
 * accent lives on the inline-start (right in RTL, left in LTR) instead of on
 * the full border, so the surface stays calm.
 */
._alert_14zqn_13 {
  /* Info is the default. Warning/success stay on the calm end of the shared
     status palette. Error is intentionally the brand burgundy (Figma 128:38),
     not the bright rejected red — that palette is reserved for row-level
     status pills, not full banners. */
  --alert-surface: var(--status-pending-completion-bg);
  --alert-border: var(--status-pending-completion-border);
  --alert-accent: var(--status-pending-completion-border);
  --alert-title: var(--status-pending-completion-text);
  --alert-body-text: var(--alert-title);
  --alert-accent-width: 4px;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: start;
  column-gap: 12px;
  row-gap: 6px;
  /* Extra inline-start padding leaves the accent bar its own gutter. */
  padding: 12px 14px 12px calc(14px + var(--alert-accent-width));
  border: 1px solid var(--alert-border);
  border-radius: 8px;
  background: var(--alert-surface);
  color: var(--alert-title);
  text-align: start;
  animation: _alertIn_14zqn_1 200ms ease-out;
}

/* 4px accent bar on the inline-start edge. Sits inside the rounded corner
   thanks to inset:0 on the y-axis + matching corner radii. */
._accent_14zqn_44 {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: var(--alert-accent-width);
  background: var(--alert-accent);
  border-start-start-radius: 8px;
  border-end-start-radius: 8px;
}

/* HAT-1239 (GO חיים): brand burgundy on a white surface. The soft-pink
   background belongs to the Figma stage wrapper (frame-on-frame demo),
   not to a shipped banner — in product the banner sits on a white card,
   so the surface is --surface-base and the burgundy carries meaning
   through the border, the 4px accent, the icon, and the title. */
._error_14zqn_59 {
  --alert-surface: var(--surface-base);
  --alert-border: var(--border-primary);
  --alert-accent: var(--surface-primary);
  --alert-title: var(--font-primary);
  --alert-body-text: var(--font-body-1);
}

._warning_14zqn_67 {
  --alert-surface: var(--status-pending-bg);
  --alert-border: var(--status-pending-border);
  --alert-accent: var(--status-pending-border);
  --alert-title: var(--status-pending-text);
  --alert-body-text: var(--alert-title);
}

._success_14zqn_75 {
  --alert-surface: var(--status-approved-bg);
  --alert-border: var(--status-approved-border);
  --alert-accent: var(--status-approved-border);
  --alert-title: var(--status-approved-text);
  --alert-body-text: var(--alert-title);
}

._icon_14zqn_83 {
  grid-column: 1;
  grid-row: 1;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  /* Nudged down so the glyph sits on the first line of text. */
  margin-top: 2px;
  color: var(--alert-accent);
}

._content_14zqn_94 {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/*
 * One-line variant. The parts and the palette are the ones above; only the stacking goes.
 * A banner whose message is a single sentence - "31 orders failed their last charge, 3 of
 * them on an expired card. Show the failures." - read as three short lines in a box twice
 * as tall as it needed to be.
 */
._inline_14zqn_109 ._content_14zqn_94 {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 6px;
  row-gap: 2px;
}

._inline_14zqn_109 ._actionRow_14zqn_117 {
  margin-top: 0;
}

._title_14zqn_121 {
  margin: 0;
  color: var(--alert-title);
  overflow-wrap: anywhere;
}

._body_14zqn_127 {
  margin: 0;
  color: var(--alert-body-text);
  overflow-wrap: anywhere;
}

._actionRow_14zqn_117 {
  margin-top: 4px;
}

/* Quiet CTA link under the body — never beside it. Spec: 13 Bold, underlined. */
._actionLink_14zqn_138 {
  display: inline-flex;
  align-items: center;
  padding: 2px 0;
  border: none;
  background: none;
  color: var(--alert-title);
  font-family: var(--body-font);
  font-size: var(--body-size-sm);
  line-height: var(--body-lineheight-sm);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

._actionLink_14zqn_138:hover {
  opacity: 0.85;
}

._actionLink_14zqn_138:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
  border-radius: 2px;
}

._trailing_14zqn_164 {
  grid-column: 3;
  grid-row: 1;
  align-self: start;
  display: flex;
  align-items: center;
  gap: 8px;
  /* Negative margins let the 44x44 hit area extend into the padding so it
     doesn't push the visual bounds around; the glyph itself stays small.
     Logical props keep the inline-end pull correct under RTL. */
  margin-block: -10px;
  margin-inline-end: -8px;
}

/* Dismiss target: ≥44×44 clickable, 16×16 glyph. */
._closeButton_14zqn_179 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  opacity: 0.7;
  cursor: pointer;
}

._closeButton_14zqn_179:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.06);
}

._closeButton_14zqn_179:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: -2px;
  opacity: 1;
}

._closeIcon_14zqn_205 {
  width: 16px;
  height: 16px;
}

@keyframes _alertIn_14zqn_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._alert_14zqn_13 {
    animation: none;
  }
}
._buttonsContainer_nuby4_2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 15px;
  width: 100%;
}

._buttonsContainer_nuby4_2 > * {
  width: auto;
  min-width: 108px;
  text-align: center;
}

._buttonsContainer_nuby4_2 > :first-child {
  flex: 1 1 auto;
  min-width: 140px;
}

._form_nuby4_22 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px;
  gap: 10px;
  width: 500px;
  max-width: 100%;
  height: fit-content;
  margin-top: 5rem;
  background: white;
  box-sizing: border-box;
}

._field_nuby4_36 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._fieldError_nuby4_42 {
  margin: 6px 0 0;
  color: var(--status-rejected-text);
  text-align: start;
}

._rememberMeRow_nuby4_48 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  margin-top: 2px;
}

._rememberMeRow_nuby4_48 > label {
  margin-top: 1px;
  flex-shrink: 0;
}

._rememberMeLabel_nuby4_61 {
  color: var(--font-body-2);
  line-height: 1.4;
  text-align: start;
  cursor: pointer;
  user-select: none;
}

/* SPR-1204: privacy-policy consent on coordinator self-registration. Mirrors the
   open-fund IntroScreen consent row so the two disclosure surfaces stay recognizable. */
._consentBlock_nuby4_71 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

._consentRow_nuby4_78 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  background: var(--surface-primary-lowest, #f7f8fa);
  border: 1px solid var(--border-lowest, #e3e6eb);
  border-radius: 12px;
  padding: 12px 16px;
  box-sizing: border-box;
}

._consentRow_nuby4_78 > label {
  margin-top: 3px;
  flex-shrink: 0;
}

._consentRowError_nuby4_95 {
  border-color: var(--status-rejected-border, #d9534f);
  background: var(--status-rejected-bg, #fdecea);
}

._consentText_nuby4_100 {
  flex: 1;
  font-family: var(--body-font, inherit);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--font-body-1, #1a1a1a);
  text-align: start;
  cursor: pointer;
  user-select: none;
}

._consentLink_nuby4_113 {
  color: var(--font-primary, #6b1e2a);
  font-weight: 600;
  text-decoration: underline;
}

._consentLink_nuby4_113:hover {
  color: var(--surface-primary-dark, #4a1420);
}

._consentError_nuby4_123 {
  color: var(--status-rejected-text, #b00020);
  text-align: start;
}

._spinner_nuby4_128 {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid white;
  border-top-color: transparent;
  border-radius: 50%;
  animation: _spin_nuby4_128 1s linear infinite;
  margin-right: 8px;
  vertical-align: middle;
}

._formContainer_nuby4_140 {
  display: flex;
  justify-content: center;
  /* Without this the alert, a flex sibling of the card, stretched to the full
     height of the page. */
  align-items: flex-start;
  /* SPR-10038: .frame-section top-aligns its children and has only a
     min-height, so `height: 100%` resolved to the form's own height and the
     page below the card stayed white. Stretching fills the min-height. */
  align-self: stretch;
  width: 100%;
  background-color: var(--gray-6);
}

@keyframes _spin_nuby4_128 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ---------------------------------------------------------------------------
   Mobile (< 1100px).

   The original mobile block took the desktop card, dropped its width to 100%
   and shrank the top margin — that still left a small card floating on gray
   at the top of a large phone screen, with a submit button and two link-like
   pills fighting to wrap on the same row.

   Below we do three things instead:

   1. The auth surface fills the viewport under the header. No floating card,
      no big empty void: the form's white surface *is* the page.
   2. Inputs and buttons hit 48px on phones — the WCAG 2.5.5 (Enhanced) and
      iOS touch-target targets — and inputs sit at 16px font so iOS Safari
      does not zoom on focus.
   3. The button row stacks: the primary submit gets full width, and the
      secondary links stop pretending to be pill buttons and become plain
      centered text links, with real 44px hit areas.
   --------------------------------------------------------------------------- */
@media (max-width: 1099px) {
  ._formContainer_nuby4_140 {
    padding: 0 12px;
    align-items: stretch;
    background-color: var(--gray-6);
  }
  ._form_nuby4_22 {
    width: 100%;
    padding: 20px 16px;
    margin-top: 2rem;
    align-items: stretch;
    gap: 12px;
  }
  ._buttonsContainer_nuby4_2 {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }
  ._buttonsContainer_nuby4_2 > * {
    width: auto;
    min-width: 90px;
  }
}
/* Below the sidebar-drawer breakpoint we are on a phone, not a wide tablet.
   Kill the card look, fill the viewport, and lay the auth form out for touch.

   HAT-1186 — vertical proportions (login, 2 fields + CTA):

   Layout parents don't reserve space for the cookie banner: `.frame-section`
   is `100vh - header`, and the banner is `position: fixed` at the bottom.
   With the login form top-anchored inside that box, on a phone the banner
   sat over the CTA and the free viewport above it was mostly empty.

   The container below fills the same `100vh - header` box, but pushes its
   content up by `--cookie-banner-height` (set by CookieConsentBanner.tsx
   only while the banner is open — 0 otherwise) via `padding-bottom`. The
   flex column then vertically centers the form inside the *content-box*,
   i.e. inside the free viewport above the banner. The container background
   still paints the padding area, so no seam appears where the banner sits
   over the page (spec §6).

   HAT-1200 — same rules for register (5 fields + CTA):

   Register uses the same styles module, so the touch-target and typography
   spec (52px inputs, 16px font, full-width semibold CTA) already applies.
   Two things had to change so the taller form doesn't degrade:

   1. On a short phone (or with the cookie banner open) the whole register
      form is taller than the free viewport. Flex `center` on overflowing
      content clips symmetrically off *both* ends — the heading and the
      email field vanish above the header, the submit vanishes under the
      banner, and nothing is scrollable.

      HAT-1200 v2 (Astra NO-GO on `safe center`): the `safe` keyword on
      `justify-content` reaches back to Safari 11.1 on paper, but in the
      wild (older iOS WebViews, third-party in-app browsers, some Android
      WebView shells) it silently degrades to plain `center` and the
      overflow-clip regression comes back. We use the pre-CSS-alignment
      pattern instead: the container top-aligns its children with
      `justify-content: flex-start`, and the form has `margin-block: auto`
      (i.e. `margin-top: auto` + `margin-bottom: auto`).

      Flexbox auto-margin math is unambiguous on every browser that
      supports flexbox at all: when there is free vertical space in the
      container, the two auto margins split it evenly and the form is
      visually centered; when the form is taller than the container the
      auto margins collapse to zero, the form pins to the container's top
      edge, and the `overflow-y: auto` cap lets the user scroll down to
      reach the CTA. No content is ever clipped off the top and no CTA is
      ever buried under the banner.

   2. Register's five fields plus per-field error slots need a hair less
      gap than login's two, so we drop the shared form gap from 14px to
      12px — still comfortable for touch, tighter total column height. */
@media (max-width: 1099px) {
  ._formContainer_nuby4_140 {
    display: flex;
    flex-direction: column;
    /* `flex-start` (was `center`, then `safe center`) — we top-align the
       children here and rely on `margin-block: auto` on `.form` below to
       do the centering-when-it-fits. See the block comment above; this
       is the safe pattern across every mobile Safari and Android WebView
       shell we ship into. */
    justify-content: flex-start;
    /* HAT-1208 (approved proto): the form column caps at 350px and centers
       horizontally so wider phones / small tablets don't stretch the fields
       across the whole viewport (spec §form column, max-width ~350px, pad
       ~20px). Vertical `align-items: stretch` was doing the same as
       `align-items: center` because the form was `width: 100%`; switching
       here lets the cap on `.form` actually take effect. */
    align-items: center;
    /* Fixed to the free viewport so `overflow-y: auto` has something to
       clip against. `min-height` alone would let the container grow with
       its content and defeat the scroll — the user would then have to
       scroll the page (jumping the fixed banner over the CTA again).

       HAT-1211 (Astra NO-GO on the previous CoS `height:` double-declare):
       stacking `height: calc(100vh - var(--header-height))` and then
       `height: calc(100dvh - var(--header-height))` is unreliable when the
       value contains `var()`. Per CSS Values 4, an unsupported unit inside
       a `var()`-substituted value resolves as "invalid at computed-value
       time" (IACVT) — the second declaration doesn't cleanly *fail parse*
       and let the cascade fall back to the first, it computes to `unset`
       (or the property's initial), leaving `height: auto` and collapsing
       the auth surface on older browsers. `@supports (height: 100dvh)`
       gates the dynamic-viewport line on real feature detection: legacy
       engines never see the `dvh` declaration and keep the `100vh`
       fallback; modern engines apply the `@supports` block and get
       dynamic-viewport behaviour. */
    height: calc(100vh - var(--header-height));
  }
  @supports (height: 100dvh) {
    ._formContainer_nuby4_140 {
      height: calc(100dvh - var(--header-height));
    }
  }
  ._formContainer_nuby4_140 {
    overflow-y: auto;
    padding: 16px 20px;
    padding-bottom: calc(16px + var(--cookie-banner-height, 0px));
    background-color: var(--surface-base, #fff);
    /* Keep the cookie-banner padding inside the viewport-derived height so
       the container doesn't overflow the free viewport. */
    box-sizing: border-box;
  }
  ._form_nuby4_22 {
    width: 100%;
    /* HAT-1208: cap the form column at 350px to match the approved HTML
       proto (spec: form column max-width ~350px). On a 390px viewport
       (spec target) 350px form + 2×20px container padding = 390px — the
       column exactly fills the safe area. Wider phones/tablets keep 350px
       and get extra whitespace on the sides via `align-items: center`. */
    max-width: 350px;
    /* Was `fit-content` at desktop; on mobile the form is sized to its
       content and centered by the auto margins below. `flex-shrink: 0`
       keeps the form from being squeezed by the flex container when the
       content is close to the viewport height. */
    height: auto;
    flex-shrink: 0;
    padding: 0;
    /* HAT-1200 v2 (Astra fix): vertical auto margins are the portable way
       to center a single flex child when it fits and to pin it to the
       start when it doesn't. Free space in the container column is split
       equally between margin-top and margin-bottom (visual center); when
       there is no free space the two auto margins collapse to 0 and the
       form sits flush against `justify-content: flex-start`, which keeps
       the top of the form (h1 + email) reachable and reveals the CTA
       via the container's `overflow-y: auto` scroll. Horizontal margin
       stays 0 so the form spans the full column width (spec: full-width
       CTA aligned to the form column). */
    margin: auto 0;
    /* 12px (was 14px) — comfortable for touch on 52px controls and still
       leaves room for a per-field validation error under each input. The
       2px trim is worth ~14–16px on the total column height when the
       register form is stacked (5 fields + heading + CTA). */
    gap: 12px;
    background: transparent;
  }
  /* HAT-1200 (final design GO): visible page title on mobile.

     All four auth pages already carry an <h1> with `className="sr-only"`
     for a11y (WCAG 2.4.6 — every page needs a heading; screen readers rely
     on it to announce which auth step the user is on). Desktop keeps the
     h1 visually hidden because the desktop card is small and centered and
     the browser tab title is enough context. On mobile the whole viewport
     is the auth surface, and the design owner asks for the hierarchy
     logo → *title* → fields → CTA → secondary links.

     Selector specificity: `.form h1.sr-only` is (0,2,1), Tailwind's
     `.sr-only` utility is (0,1,0) inside `@layer utilities`. Module SCSS
     is unlayered, so it also wins the cascade against layered utilities
     regardless of specificity — no `!important` needed.

     The reset unwinds every sr-only property so the h1 renders as a normal
     block; typography is scoped to auth mobile only.

     Text is `t('login')` / `t('signup')` / `t('forgotPassword')` /
     `t('newPassword')` — the exact strings already sitting in the h1s.
     No new i18n keys, no translator turnaround needed tonight. */
  ._form_nuby4_22 h1,
  ._form_nuby4_22 h1._sr-only_nuby4_349 {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    /* HAT-1208 (approved proto): a hair more breathing room under the title
       so the heading sits above the first field like a section header, not
       a tight label. 8px bottom margin ≈ half the 16–20px baseline gap the
       proto shows between title and email. */
    margin: 0 0 8px;
    overflow: visible;
    clip: auto;
    clip-path: none;
    white-space: normal;
    border-width: 0;
    /* HAT-1208 (approved proto): title 22px / 700 (spec §title, was 24/600).
       22px keeps the h1 clearly larger than the 16px fields but doesn't
       compete with the full-width CTA below it; 700 pulls the heading
       closer to the maroon logo's weight for a coherent brand feel. */
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    /* `text-align: start` respects the ambient direction — right in he,
       left in en. Explicit rather than relying on inherited alignment. */
    text-align: start;
    /* --font-primary is the dark maroon brand colour, ≈8.9:1 on the white
       auth surface. Matches the CTA fill so title and action feel like
       part of the same visual system without competing at the type level
       (title 22/700, CTA 17/700 full-width — clear hierarchy). */
    color: var(--font-primary);
  }
  /* Scope: only bump touch targets and font size for the auth pages, so we
     don't quietly resize the shared UI elsewhere in the app. */
  ._form_nuby4_22 input,
  ._form_nuby4_22 button,
  ._form_nuby4_22 a {
    /* 16px on inputs keeps iOS Safari from zooming when a field is focused;
       matching it on the buttons and links keeps typography consistent. */
    font-size: 16px;
  }
  ._form_nuby4_22 input {
    /* 52px min-height with 14px vertical padding: comfortable touch target
       inside the 48–56px band, and enough room around 16px text so the
       caret doesn't ride the border. */
    min-height: 52px;
    height: 52px;
    padding-top: 14px;
    padding-bottom: 14px;
    /* HAT-1208 (approved proto): softer field silhouette. 8px radius (was
       5px from `.input-style`) matches the proto and reads a little
       friendlier at phone scale. Radius applies to error state too. */
    border-radius: 8px;
  }
  /* HAT-1208 (approved proto): neutral field border #d0d0d0 (one shade
     lighter than `--gray-4` = #bdbdbd) so the focused field's navy border
     pops against a softer resting outline. Scoped to inputs that are NOT
     in error state (`[aria-invalid]` is set by `Input.tsx` only on error)
     so the shared `.input-error` red border keeps working — matching the
     specificity of `.form input` alone would silently override it. */
  ._form_nuby4_22 input:not([aria-invalid]) {
    border-color: #d0d0d0;
  }
  /* HAT-1208 (approved proto): 2px navy focus border (spec §fields, focus
     border 2px #132f53). Scoped to auth mobile, non-error inputs so we
     don't override the shared error-focus box-shadow in `ui.module.css`
     and don't touch focus styles for the rest of the app. `outline: none`
     avoids doubling the ring with the browser default; the 2px border
     alone meets WCAG 1.4.11 non-text contrast (#132f53 on #fff ~11:1).
     Applies to :focus and :focus-visible so keyboard and touch focus
     render identically. */
  ._form_nuby4_22 input:not([aria-invalid]):focus,
  ._form_nuby4_22 input:not([aria-invalid]):focus-visible {
    outline: none;
    border-width: 2px;
    border-color: #132f53;
  }
  /* PasswordInput reserves ~40px end-padding by default (see
     PasswordInput.module.css). On mobile auth we bump the eye toggle below
     to 44×44 with 4px inset — that needs ≥48px reserved on the input, or
     long passwords slide under the clickable eye. Give it 52px so there is
     also breathing room between the last character and the icon.
     Scoped: only inputs that actually have the eye toggle as their next
     sibling — desktop and non-auth uses of PasswordInput are untouched. */
  ._form_nuby4_22 input:has(+ button[type=button][aria-pressed]) {
    padding-inline-end: 52px;
  }
  ._form_nuby4_22 button[type=submit] {
    min-height: 52px;
    height: 52px;
    width: 100%;
    /* HAT-1208 (approved proto): CTA 17px / 700 (spec §CTA) so the primary
       action reads clearly above the 16px field text and the 15px secondary
       links below. Radius 8px keeps the button in the same visual family as
       the fields (also 8px) — the shared `.button-style` radius is 5px,
       overridden here to auth mobile only. */
    font-size: 17px;
    font-weight: 700;
    border-radius: 8px;
  }
  /* The password-eye toggle. It sits absolutely inside PasswordInput, so
     bumping the wrapper size means it needs its own touch-friendly hit box. */
  ._form_nuby4_22 button[type=button][aria-pressed] {
    width: 44px;
    height: 44px;
  }
  ._buttonsContainer_nuby4_2 {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 8px;
    margin-top: 12px;
  }
  ._buttonsContainer_nuby4_2 > * {
    width: 100%;
    min-width: 0;
  }
  ._buttonsContainer_nuby4_2 > :first-child {
    min-width: 0;
    flex: 0 0 auto;
  }
  /* The two secondary Link components pretend to be small pill buttons on
     desktop. On a phone they sit alone under the primary CTA, and pretending
     to be another button next to the real one is a footgun — make them look
     and behave like the plain links they semantically are, with a hit area
     that a thumb can reach.

     Font is 14px so the secondary actions don't compete with the primary CTA
     (16px, semibold, full width). Weight stays at 500 for the same reason. */
  ._buttonsContainer_nuby4_2 a {
    height: 44px;
    min-height: 44px;
    background: transparent;
    border: none;
    /* --font-link (#3d6391) is 6.2:1 on the white surface, close to the
       spec's muted link blue (#4a6fa5). Not --font-body-4: that token is
       #ffffff (text on dark buttons) and would paint the links invisible
       on this white page. */
    color: var(--font-link);
    text-decoration: underline;
    /* HAT-1208 (approved proto): 15px keeps the secondary links legible on
       a phone while staying below the 17px CTA — the hierarchy shown in
       the approved proto is CTA (17) > secondary link (15) > (no other
       text). Weight stays 500 so the underline does the affordance work,
       not the weight. */
    font-size: 15px;
    font-weight: 500;
    border-radius: 0;
    padding: 0;
  }
}/* התפריט של אזור הקרן.
   העיצוב הוא זה שהיה כאן עד 1.9: רקע תכלת, פינה מעוגלת למעלה, ופריט פעיל
   כלשונית לבנה שנמשכת אל התוכן. הוא שונה במכוון מהלוח הלבן עם גלולת הבורדו
   של אזור הניהול, כדי שרכז יראה מיד באיזה אזור הוא נמצא.

   מה שנוסף אחרי כן נשמר במלואו: הרייל הצר עם כפתור הכיווץ, כתובית על
   האייקונים ברייל, פתיחת תת-תפריט שמרחיבה את התפריט, והתגים המספריים. */
._panel_sr911_8 {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--surface-secondary-low);
  border-start-start-radius: 32px;
}

/* כפתור הכיווץ יושב על הקו שבין התפריט לתוכן, חצוי בין השניים: הוא שייך
   לגבול עצמו ולא לאחד הצדדים, ולכן ברור מה הוא מזיז. חצי ממנו (16px מתוך 32)
   חורג אל התוכן, בתוך הריפוד שלו. */
._pinToggle_sr911_20 {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-end: 0;
  margin-inline-end: -16px;
  z-index: 5;
}

._nav_sr911_28 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding-block-start: 56px;
  /* כפתור "הגדרות עוגיות" צף קבוע בפינה התחתונה, מעל התפריט. בלי 40px
     האלה הוא מכסה את הקישור לאתר הציבורי שבתחתית (HAT-1374). */
  padding-block-end: 40px;
  padding-inline-start: 16px;
  gap: 8px;
}

/* אזור הגלילה של הפריטים, כשהם ארוכים מהמסך. בראש העמוד תחתית התפריט נמצאת
   מתחת לקצה המסך בגובה הכותרת (--sidebar-offscreen, index.scss), והריווח
   מאפשר לגלול גם את הפריט האחרון אל מעל הקישור. */
._navScroll_sr911_44 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  align-self: stretch;
  padding-block-end: var(--sidebar-offscreen, 0px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--border-secondary-low) transparent;
}

._navItems_sr911_56 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  flex-wrap: nowrap;
}

._sideMenuScrollBar_sr911_64::-webkit-scrollbar-track,
._sideMenuScrollBar_sr911_64 *::-webkit-scrollbar-track {
  background: transparent;
}

._sideMenuScrollBar_sr911_64::-webkit-scrollbar-thumb,
._sideMenuScrollBar_sr911_64 *::-webkit-scrollbar-thumb {
  background: var(--border-secondary-low);
  border-radius: 3px;
}

._sideMenuScrollBar_sr911_64::-webkit-scrollbar,
._sideMenuScrollBar_sr911_64 *::-webkit-scrollbar {
  width: 6px;
}

._navItem_sr911_56 {
  position: relative;
  width: 100%;
  min-height: 48px;
  padding-inline-start: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: none;
  background: none;
  border-radius: 32px;
  color: var(--font-body-5);
  font-size: var(--body-size-body);
  font-weight: 500;
  line-height: var(--body-lineheight-regular);
  text-align: start;
  cursor: default;
  transition:
    background-color 200ms ease,
    width 200ms ease;
}

/* כל איקוני התפריט באותה משבצת, בלי קשר לגודל שכתוב בקובץ ה-SVG. האיקון של
   «כוללים» הגיע מהאריח בגודל 36 ויצא גדול משכניו (HAT-1446, HAT-10169). */
._navIcon_sr911_104 {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  object-fit: contain;
}

._navLabel_sr911_111 {
  white-space: nowrap;
}

._regularNavItem_sr911_115,
._expandableNavItem_sr911_116 {
  cursor: pointer;
}

/* הפריט נסוג פנימה במעבר עכבר — האנימציה של העיצוב הקודם */
._regularNavItem_sr911_115:hover {
  background-color: var(--surface-base);
  width: calc(100% - 16px);
}

._regularNavItem_sr911_115:active {
  background-color: var(--surface-secondary-lighter);
  width: calc(100% - 16px);
}

._expandableNavItem_sr911_116:hover ._navLabel_sr911_111 {
  font-weight: 700;
}

/* לשונית לבנה שנמשכת אל התוכן: מעוגלת בצד החיצוני, ישרה בצד הפנימי, ושתי
   הפינות שמעליה ומתחתיה מושלמות בשני העיטורים שב-NavItem. */
._activeNavItem_sr911_137 {
  background-color: var(--surface-base);
  color: var(--font-primary);
  font-weight: 700;
  border-radius: 0;
  border-start-start-radius: 48px;
  border-end-start-radius: 48px;
  cursor: pointer;
}

._topCornerDecorator_sr911_147 {
  position: absolute;
  inset-block-start: -10px;
  inset-inline-end: 0;
}

._bottomCornerDecorator_sr911_153 {
  position: absolute;
  inset-block-end: -10px;
  inset-inline-end: 0;
  transform: rotate(90deg);
}

[dir='ltr'] ._topCornerDecorator_sr911_147 {
  transform: scaleX(-1);
}

[dir='ltr'] ._bottomCornerDecorator_sr911_153 {
  transform: rotate(270deg) scaleX(-1);
}

/* התג המספרי. כחול־עשן על התכלת אינו נראה, ולכן כאן הוא בכחול המלא של
   המערכת — נקרא גם על התכלת וגם על הלשונית הלבנה. */
._navBadge_sr911_170 {
  background-color: var(--surface-secondary);
  color: var(--font-body-4);
  font-size: var(--body-size-sm);
  font-weight: 700;
  line-height: 18px;
  min-width: 24px;
  height: 24px;
  padding: 0 4px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._expanderIcon_sr911_186 {
  width: 16px;
  height: 16px;
  transform: rotate(0deg);
  transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

._expanderIconExpanded_sr911_193 {
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
  transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

._childrenContainer_sr911_200 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    max-height 0.3s cubic-bezier(0.25, 0.1, 0.25, 1),
    opacity 0.25s ease;
}

._childrenContainerExpanded_sr911_209 {
  max-height: 1000px;
  opacity: 1;
  transition:
    max-height 0.6s cubic-bezier(0.25, 0.1, 0.25, 1),
    opacity 0.3s ease 0.05s;
}

._childrenInner_sr911_217 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-block: 4px;
}

._disabledNavItem_sr911_224 {
  pointer-events: none;
  filter: blur(4px);
}

/* הקישור לאתר הציבורי, בתחתית התפריט. navScroll תופס את הגובה הפנוי, ולכן
   הוא נדחף לתחתית מעצמו. התפריט בגובה מסך מלא אבל מתחיל מתחת לכותרת, אז
   בראש העמוד תחתיתו מחוץ למסך והקישור דרש גלילה (HAT-1374). אין מעליו אלמנט
   גולל, ולכן sticky מצמיד אותו לתחתית המסך עצמו - באותו מקום בכל גלילה,
   40px מעל כפתור העוגיות. הרקע מכסה פריטים שגוללים מתחתיו. */
._parentSiteLink_sr911_234 {
  position: sticky;
  inset-block-end: 40px;
  z-index: 1;
  background-color: var(--surface-secondary-low);
  margin-block-start: 8px;
  font-weight: 500;
  text-decoration: none;
  flex-shrink: 0;
}

/* האייקון קטן מאייקוני הניווט, ולכן הוא יושב במשבצת ברוחב שלהם — אחרת
   הכיתוב שלו לא מתיישר עם שאר השורות. */
._parentSiteIcon_sr911_247 {
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._comingSoon_sr911_255 {
  min-width: 242px;
  height: 199px;
  position: absolute;
  bottom: 75px;
  border-radius: 20px;
  padding: 30px;
  background: #ffffffb2;
  border: 1px solid var(--border-secondary-low);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

._comingSoonText_sr911_269 {
  font-weight: 700;
  font-size: 24px;
  color: var(--font-action);
}

._comingSoonSubtext_sr911_275 {
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  color: var(--font-primary);
}

._comingSoonSubtext2_sr911_282 {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: var(--font-primary);
}

/* ---------------------------------------------------------------------------
   Icon rail. Labels collapse to a zero-width box rather than `display: none`,
   so screen readers still announce where each icon leads.
   --------------------------------------------------------------------------- */
.sidebar-rail ._nav_sr911_28 {
  padding-inline: 0;
  padding-block-start: 56px;
  align-items: center;
}

.sidebar-rail ._navItems_sr911_56 {
  align-items: center;
  width: 100%;
}

.sidebar-rail ._navItem_sr911_56 {
  width: 48px;
  min-width: 48px;
  align-self: center;
  justify-content: center;
  padding-inline-start: 0;
  gap: 0;
  border-radius: 50%;
}

/* אין לשונית ברייל, ולכן גם אין פינות להשלים */
.sidebar-rail ._navItem_sr911_56:hover,
.sidebar-rail ._navItem_sr911_56:active {
  width: 48px;
}

.sidebar-rail ._topCornerDecorator_sr911_147,
.sidebar-rail ._bottomCornerDecorator_sr911_153 {
  display: none;
}

.sidebar-rail ._navLabel_sr911_111,
.sidebar-rail ._expanderIcon_sr911_186,
.sidebar-rail ._expanderIconExpanded_sr911_193 {
  width: 0;
  padding-inline: 0;
  opacity: 0;
  overflow: hidden;
}

/* No room for a count next to a bare icon, so it degrades to a dot that still
   says "there is something waiting here". */
.sidebar-rail ._navBadge_sr911_170 {
  position: absolute;
  inset-block-start: 6px;
  inset-inline-end: 6px;
  min-width: 10px;
  width: 10px;
  height: 10px;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

/* A 4px blur reads as a smudge once the label is gone; at icon size "not yet
   available" comes across better as a muted icon. */
.sidebar-rail ._disabledNavItem_sr911_224 {
  filter: none;
  opacity: 0.3;
}

.sidebar-rail ._childrenContainer_sr911_200,
.sidebar-rail ._comingSoon_sr911_255 {
  display: none;
}

/* ברייל הוא נשאר — הוא מתנהג כמו כל שורת ניווט אחרת ומקבל כתובית */
.sidebar-rail ._parentSiteLink_sr911_234 {
  min-height: 44px;
  margin-block-start: 8px;
}

/* «חדש» on a new screen's item while its announcement is unread (HAT-1489). The numeric badge's
   colours and height, so the two read as one family; a word instead of a count. */
._navNew_sr911_368 {
  min-width: 0;
  padding: 0 8px;
  font-size: var(--body-size-caption);
}

/* In the rail it is a dot, like the badge: there is no room for a word beside a bare icon. */
.sidebar-rail ._navNew_sr911_368 {
  position: absolute;
  inset-block-start: 6px;
  inset-inline-end: 6px;
  width: 10px;
  height: 10px;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

/* HAT-1428: a badge that says what it counts with an icon beside the number. In the icon rail and
   on a closed group it is a dot in the badge's own colour - the same badge, smaller (Chaya, 20.10). */
._navBadgeIconic_sr911_389 {
  gap: 4px;
  padding: 0 8px 0 6px;
  /* Light, as in the mockup chosen (Chaya, 20.10): the solid dark-blue pill with a white icon
     read heavy. White, so it shows on the menu's blue-grey, edged so it keeps its shape on the open
     page's white tab. */
  background-color: var(--surface-base);
  color: var(--surface-secondary);
  box-shadow: inset 0 0 0 1px var(--border-secondary-low);
}

.sidebar-rail ._navBadgeIconic_sr911_389 {
  padding: 0;
  background-color: var(--surface-secondary);
  box-shadow: none;
}

.sidebar-rail ._navBadgeIconic_sr911_389 > * {
  display: none;
}

/* HAT-1428: on a closed group the badge is only a dot (Chaya, 20.10) - the item inside carries the
   count and what it counts. */
._navBadgeDot_sr911_412 {
  min-width: 10px;
  width: 10px;
  height: 10px;
  padding: 0;
}
._tooltip-container_6g0zd_1 {
  background-color: var(--surface-base);
  color: var(--font-body-1);
  box-shadow: 0px 2px 10px 0px #00000026;
  padding: 12px 16px;
  border-radius: 8px;
  max-width: 320px;
  position: relative;
  z-index: 1000;
  white-space: normal;
  word-wrap: break-word;
}

._tooltip-container_6g0zd_1::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  left: 50%;
  transform: translateX(-50%);
}

._tooltip-container_6g0zd_1._tooltip-top_6g0zd_25::before {
  border-top: 8px solid var(--surface-base);
  bottom: -8px;
}

._tooltip-container_6g0zd_1._tooltip-bottom_6g0zd_30::before {
  border-bottom: 8px solid var(--surface-base);
  top: -8px;
}


/*
 * The icon file is used as a mask, so the colors inside the svg don't matter - the shape is painted
 * with the site's icon color. Keeps action icons uniform even when the source files differ.
 */
._tintedIcon_i6nya_5 {
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-primary);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
._toggleButton_3ojur_1 {
  display: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  border: 1px solid var(--border-secondary-low, #b7cce2);
  border-radius: 50%;
  background-color: var(--surface-base, #fff);
  color: var(--font-body-5, #2f4d72);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}
._toggleButton_3ojur_1:hover {
  background-color: var(--surface-secondary-lighter, #dbe7ee);
  border-color: var(--surface-primary, #681c3c);
  color: var(--surface-primary, #681c3c);
}

._chevron_3ojur_22 {
  transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);
}

._toggleButton_3ojur_1[aria-expanded=true] ._chevron_3ojur_22 {
  transform: rotate(180deg);
}

[dir=ltr] ._toggleButton_3ojur_1[aria-expanded=true] ._chevron_3ojur_22 {
  transform: rotate(0deg);
}

[dir=ltr] ._toggleButton_3ojur_1[aria-expanded=false] ._chevron_3ojur_22 {
  transform: rotate(180deg);
}

@media (min-width: 1100px) {
  ._toggleButton_3ojur_1 {
    display: inline-flex;
  }
}._search-container_408ui_1 {
  display: flex;
  align-items: center;
  border: 1px solid var(--border-input-default);
  border-radius: 24px;
  padding: 0.2rem 1rem;
  position: relative;
}

._search-container_408ui_1:hover {
  border: 1px solid var(--border-input-hover);
}

._search-container_408ui_1:has(._search-input_408ui_14:focus) {
  border: 1px solid var(--border-input-focus);
}

._search-container_408ui_1:has(._search-input_408ui_14:disabled) {
  background-color: var(--surface-disabled);
}

._search-container_408ui_1._pending_408ui_22 {
  background-color: color-mix(in srgb, var(--border-input-focus, #2a6b9c) 10%, var(--surface-base, #fff));
}

._search-container_408ui_1._pending_408ui_22 ._search-input_408ui_14::placeholder {
  color: var(--font-body-2);
}

._search-input_408ui_14 {
  width: 100%;
  margin: 0;
  margin-inline-start: 0.5rem;
}

._search-input_408ui_14::placeholder {
  color: var(--font-body-3);
}

._search-input_408ui_14:focus-visible {
  outline: none;
}

._search-input_408ui_14::-webkit-search-cancel-button {
  position: absolute;
  inset-inline-end: -5px;
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  background-color: #2a2a2a;
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66674 12.3334L12.3333 3.66671M12.3332 12.3333L3.66666 3.66669' stroke='%232A2A2A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-size: contain;
  cursor: pointer;
}

._tooltip-icon_408ui_56 {
  width: 16px;
  height: 16px;
  margin-inline-start: 0.5rem;
  cursor: help;
  opacity: 0.6;
  transition: opacity 0.2s;
  flex-shrink: 0;
}

._tooltip-icon_408ui_56:hover,
._tooltip-icon_408ui_56:focus {
  opacity: 1;
  outline: none;
}

/*
 * ------------------------------------------------------------
 *  מסך צר — שדה בסגנון קו תחתון (HAT-1170)
 * ------------------------------------------------------------
 * כך זה בעיצוב שממנו מעבירים (hatzdaka-nedarim, `.search-input`):
 * לא תיבה מוקפת ב-24px רדיוס, אלא קו אחד עם זכוכית מגדלת בתחילתו.
 * במסך צר התיבה המוקפת גוזלת גובה ומושכת תשומת לב לפקד שהוא לא
 * מה שבאו לעשות.
 *
 * ⚠️ הסף הוא 1099 ולא 767, כדי להתלכד עם הנקודה שבה הלוח עובר
 * לכרטיסים (isCardView ב-DataTable) — אחרת החיפוש היה מחליף מראה
 * בנקודה אחת והרשימה בנקודה אחרת.
 */
@media (max-width: 1099px) {
  ._search-container_408ui_1 {
    border: 0;
    border-bottom: 1px solid var(--border-divider);
    border-radius: 0;
    padding: 6px 0;
  }

  ._search-container_408ui_1:hover {
    border: 0;
    border-bottom: 1px solid var(--border-divider);
  }

  ._search-container_408ui_1:has(._search-input_408ui_14:focus) {
    border: 0;
    border-bottom: 1px solid var(--border-input-focus);
  }

  ._search-container_408ui_1._pending_408ui_22 {
    border-bottom-color: var(--border-input-focus);
    background-color: color-mix(in srgb, var(--border-input-focus, #2a6b9c) 12%, transparent);
  }

  /* ⚠️ 16px בדיוק: כל ערך נמוך מזה גורם ל-iOS להתקרב אוטומטית
     כשנוגעים בשדה, והעמוד נשאר מוגדל אחרי שיוצאים ממנו. */
  ._search-input_408ui_14 {
    font-size: 16px;
  }

  /* The webkit cancel sits at inset-inline-end: -5px. That 5px is
     search-container.scrollWidth on a 241px field; if the min-content
     chain is still indefinite it becomes document 266. Keep it inside. */
  ._search-input_408ui_14::-webkit-search-cancel-button {
    inset-inline-end: 0;
  }
}
/* גרסת הפס: כפתור צר עם חיתוך שם, ותפריט שנפתח ביחס לכפתור עצמו ונגלל איתו.
   בגרסת התפריט הכפתור תפס את רוחב העמודה, והתפריט היה position: fixed — מה
   שבתוך אזור נגלל היה מתנתק מהכפתור. */
._root_9zg9s_4 {
  position: relative;
  /* HAT-1238 Fold 280: 280px here is *wider* than clientWidth 265. If the
     parent width is indefinite, max-width:100% in the mobile MQ computes to
     none and this cap becomes the used width — 16+280-265 or, with the
     button's 12+12 padding on a content-box, exactly +24. Cap at the parent;
     the 280px desktop pill is restored from 1100 up. */
  max-width: 100%;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}

._select-value_9zg9s_17 {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._root_9zg9s_4 ._select-title_9zg9s_25 {
  padding: 0.3rem 0.75rem;
  gap: 0.5rem;
}

._root_9zg9s_4 ._select-menu_9zg9s_30 {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 100%;
  z-index: 40;
}

._select-title_9zg9s_25 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  background-color: var(--surface-base);
  border: 1px solid var(--border-low);
  cursor: default;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

._select-title_9zg9s_25:hover {
  border: 1px solid var(--border-strong);
}

._select-title_9zg9s_25._open_9zg9s_56 {
  border: 1px solid var(--border-primary);
}

._select-title_9zg9s_25 img {
  transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
}

._divider_9zg9s_64 {
  border: 0.01px solid var(--border-low);
  margin: 0 0.5rem;
  height: 16px;
  width: 0;
  display: inline-block;
}

._options-container_9zg9s_72 {
  overflow: hidden;
  padding: 1px;
  max-height: 220px;
}

._option_9zg9s_72 {
  padding: 10px;
  width: 100%;
  min-width: 0;
  display: flex !important;
  align-items: center;
  border: 0px solid var(--border-main);
  border-bottom-width: 1px;
  background-color: unset !important;
  text-wrap: balance;
}

/* שם הקרן בשורת אפשרות: שורה אחת עם חיתוך, ולא גלישה. השורות
   וירטואליות בגובה קבוע (40px ב-useVirtualizer), ולכן שם שנשבר לשתי
   שורות נחתך באמצע ע"י השורה הבאה במקום להיקרא. */
._optionName_9zg9s_93 {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: start;
}

._option_9zg9s_72:hover {
  background-color: var(--surface-hover) !important;
}

._menu_9zg9s_106 {
  padding: 0.5rem;
}

._select-menu_9zg9s_30 {
  width: 282px;
  max-width: 100%;
  margin-top: 0.25rem;
  position: fixed;
  border-radius: 8px;
  padding: 12px 16px;
  z-index: 1;
  background: var(--surface-base);
  border: 1px solid var(--border-lowest);
}

._history-divider_9zg9s_122 {
  border: 1px solid var(--surface-grey-lighter);
  margin: 18px 0 8px;
  height: 0px;
  width: 100%;
}

html[dir='ltr'] ._chevron_9zg9s_129 {
  transform: rotate(180deg);
}

._search-container_9zg9s_133 {
  width: 248px;
  max-width: 100%;
  height: 32px;
}

._virtual-container_9zg9s_139 {
  overflow: auto;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  scrollbar-width: thin;
}

._virtual-content_9zg9s_148 {
  position: relative;
  width: 100%;
}

._virtual-item_9zg9s_153 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}


/* HAT-1170 — מסך צר: גרסת הפס הופכת לכפתור הבורר של נדרים
   (.fund-picker-button): רוחב מלא, לבן, מסגרת מנטה כהה, רדיוס 12,
   9px 12px, 14px מודגש, חץ בורדו. קובץ .css ולא .scss, ולכן 1099 כאן
   כתוב במספר — זהו $mobile-max. */
@media (min-width: 1100px) {
  /* רוחב קבוע, לא לפי התוכן. `width: auto` נתן לשם הקרן לקבוע את רוחב
     הכפתור, ואז הוא קפץ בין 96px ל-280px לפי מי שנבחרה — אותו פקד משנה
     גודל בכל החלפת קרן, ובקרן עם שם קצר הוא מצטמק לקופסה שלא נראית
     כמו בורר.

     253 ולא 280: עד 2.9.2026 הבורר ישב בראש תפריט הצד וקיבל את רוחב
     העמודה — 253px, זהה לכל קרן (נמדד ב-eed91409 ב-1440). 280 לא היה
     רוחב אלא תקרה בלבד, שנוספה כשהבורר עבר לפס (593a60fd) ושרק קרנות
     עם שם ארוך הגיעו אליה. */
  ._root_9zg9s_4 {
    max-width: 253px;
    width: 253px;
  }

  /* התפריט רחב מהכפתור (282 מול 253); max-width:100% בכלל גלובלי
     היה מכווץ אותו לרוחב ה-root. */
  ._root_9zg9s_4 ._select-menu_9zg9s_30 {
    width: 282px;
    max-width: 282px;
  }
}

@media (max-width: 1099px) {
  ._root_9zg9s_4 {
    /* HAT-1238 Fold 280: an unconstrained nowrap "id | name" set
       min-content ≈327 and inflated the /new shell. Cap at the parent. */
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }

  ._root_9zg9s_4 ._select-title_9zg9s_25 {
    padding: 9px 12px;
    border: 1px solid var(--surface-secondary-lighter);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    color: var(--font-body-1);
  }

  ._root_9zg9s_4 ._select-title_9zg9s_25:hover {
    border-color: var(--surface-secondary-lighter);
  }

  ._root_9zg9s_4 ._select-title_9zg9s_25._open_9zg9s_56 {
    border-color: var(--border-primary);
  }

  ._root_9zg9s_4 ._select-menu_9zg9s_30 {
    inset-inline-end: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
}

/* The anchor of the bubble below; the control itself is one button and never changes size. */
._container_q5blu_3 {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
}

._button_q5blu_11 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding-inline: 10px;
  border: 1px solid var(--border-main);
  border-radius: 6px;
  background-color: var(--surface-grey-low);
  color: var(--font-body-2);
  cursor: pointer;
}

._button_q5blu_11:hover:not(:disabled) {
  background-color: var(--surface-grey-low-2);
  color: var(--font-body-1);
}

._button_q5blu_11:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 1px;
}

._button_q5blu_11:disabled {
  cursor: default;
  opacity: 0.7;
}

._icon_q5blu_39 {
  flex: none;
}

._spinning_q5blu_43 {
  animation: _boardRefreshSpin_q5blu_1 0.8s linear infinite;
}

@keyframes _boardRefreshSpin_q5blu_1 {
  to {
    transform: rotate(360deg);
  }
}
/* הסיבוב הוא קישוט; מי שביקש פחות תנועה מקבל את אותו מידע מהמלל שבכפתור. */
@media (prefers-reduced-motion: reduce) {
  ._spinning_q5blu_43 {
    animation: none;
  }
}
/* HAT-1492: the updated-at stamp, the wait after a refresh and a failed refresh all float in
   a bubble under the button rather than sitting beside it or wrapping below it. The bar above
   the board is frozen while the rows scroll, so a line that made it taller would push the whole
   frozen header down and back. Aligned to the button's outer edge, which is the bar's end. */
._bubble_q5blu_62 {
  position: absolute;
  top: calc(100% + 6px);
  inset-inline-end: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: max-content;
  max-width: min(320px, 100vw - 32px);
  padding: 6px 10px;
  border-radius: 8px;
  background-color: var(--surface-base);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1490196078);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s ease, visibility 0.15s;
  pointer-events: none;
}

._button_q5blu_11:hover ~ ._bubble_q5blu_62,
._button_q5blu_11:focus-visible ~ ._bubble_q5blu_62,
._container_q5blu_3[data-bubble-open=true] ._bubble_q5blu_62 {
  visibility: visible;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  ._bubble_q5blu_62 {
    transition: none;
  }
}
._updatedAt_q5blu_94 {
  color: var(--font-body-2);
  white-space: nowrap;
}

._feedbackError_q5blu_99,
._cooldownHint_q5blu_100 {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

._feedbackError_q5blu_99 {
  color: var(--font-support-negative, #8b1e3f);
}

._cooldownHint_q5blu_100 {
  color: var(--font-body-3);
}

/* בסרגל צפוף נשמר האייקון בלבד; שם הכפתור ממשיך להיקרא מ-aria-label. */
@media (max-width: 1099px) {
  ._label_q5blu_116 {
    display: none;
  }
  ._button_q5blu_11 {
    padding-inline: 8px;
  }
}
/* יעד מגע מלא במסך צר — 44px מינימום (WCAG / coarse pointer). */
@media (max-width: 1099px) and (pointer: coarse) {
  ._button_q5blu_11 {
    height: 44px;
    min-height: 44px;
    min-width: 44px;
    justify-content: center;
  }
}._overlay_1r7v7_1 {
  position: fixed;
  inset: 0;
  z-index: 300;
  background-color: rgba(0, 0, 0, 0.5);
}

._overlay_1r7v7_1[data-state=open] {
  animation: _fadeIn_1r7v7_1 150ms ease-out;
}

._overlay_1r7v7_1[data-state=closed] {
  animation: _fadeOut_1r7v7_1 150ms ease-in;
}

._content_1r7v7_16 {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 301;
  max-width: 90vw;
  min-width: 560px;
  background-color: white;
  border-radius: 16px;
  padding-bottom: 56px;
  min-height: 50%;
  transition-duration: 200ms;
}

._content_1r7v7_16[data-state=open] {
  animation: _fadeIn_1r7v7_1 150ms ease-out, _zoomIn_1r7v7_1 150ms ease-out, _slideIn_1r7v7_1 150ms ease-out;
}

._content_1r7v7_16[data-state=closed] {
  animation: _fadeOut_1r7v7_1 150ms ease-in, _zoomOut_1r7v7_1 150ms ease-in, _slideOut_1r7v7_1 150ms ease-in;
}

._childrenContainer_1r7v7_39 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 420px;
  padding-left: 80px;
  padding-right: 80px;
}

._childrenWrapper_1r7v7_48 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}

._button_1r7v7_56 {
  width: 100%;
  background-color: var(--surface-primary);
  padding: 10px 20px;
  color: var(--font-body-4);
  border-radius: 8px;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}

._button_1r7v7_56:disabled {
  cursor: not-allowed;
  background-color: var(--surface-on-disabled, #DEDEDE);
  color: var(--font-sub-title, #888888);
}

._actions_1r7v7_71 {
  display: flex;
  gap: 12px;
  width: 100%;
}

._actions_1r7v7_71 ._button_1r7v7_56 {
  flex: 1;
}

._secondaryButton_1r7v7_81 {
  background-color: var(--surface-action, #ffffff);
  color: var(--font-body-1);
  border: 1px solid var(--border-strong, #888888);
}

._secondaryButton_1r7v7_81:hover:not(:disabled) {
  background-color: var(--surface-hover);
}

._secondaryButton_1r7v7_81:active:not(:disabled) {
  background-color: var(--surface-press);
}

/* Opt-in for dialogs whose content is short enough that the reserved height would leave a
   large empty area below the content (see CustomDialog's `fitContent`). */
._fitContent_1r7v7_97,
._fitContent_1r7v7_97 ._childrenContainer_1r7v7_39 {
  min-height: auto;
}

@media (max-width: 1099px) {
  ._content_1r7v7_16 {
    min-width: auto;
    width: calc(100% - 32px);
    max-height: 90vh;
    overflow-y: auto;
    min-height: auto;
    padding-bottom: 24px;
  }
  ._childrenContainer_1r7v7_39 {
    padding-left: 24px;
    padding-right: 24px;
    min-height: auto;
  }
}
/* Animation keyframes */
@keyframes _fadeIn_1r7v7_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _fadeOut_1r7v7_1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes _zoomIn_1r7v7_1 {
  from {
    transform: translate(-50%, -50%) scale(0.95);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes _zoomOut_1r7v7_1 {
  from {
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    transform: translate(-50%, -50%) scale(0.95);
  }
}
@keyframes _slideIn_1r7v7_1 {
  from {
    transform: translate(-50%, -48%) scale(0.95);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes _slideOut_1r7v7_1 {
  from {
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    transform: translate(-50%, -48%) scale(0.95);
  }
}
._content_r7ikd_2 {
  position: fixed;
  left: 64px;
  right: 64px;
  top: 64px;
  z-index: 301;
  width: calc(100% - 128px);
  /*
   * Opt-in ceiling. Without one the dialog is the window less its margins, so on a wide
   * monitor a seven-field form is stretched across two thousand pixels. Dialogs that do not
   * set --dialog-max-width behave exactly as before.
   */
  max-width: var(--dialog-max-width, none);
  margin-inline: auto;
  /*
   * Opt-in: shrink to the content instead of filling the window.
   * A dialog pinned to the window's height leaves a void under a short form - seven fields
   * and then two hundred pixels of nothing above the footer. Dialogs that do not set
   * --dialog-fit keep the fixed height they had.
   */
  max-height: var(--dialog-fit, none);
  height: var(--dialog-height, calc(100% - 128px));
  background-color: var(--surface-grey-lowest);
  border-radius: 16px;
  transition-duration: 200ms;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._title_r7ikd_32 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  color: var(--font-primary);
  flex-shrink: 0;
}

._divider_r7ikd_42 {
  border: 0.5px solid var(--border-lowest);
  margin: 28px 56px;
  flex-shrink: 0;
}

._dialogContentContainer_r7ikd_48 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  overflow: auto;
  overscroll-behavior: contain;
}

@media (max-width: 1099px) {
  ._content_r7ikd_2 {
    left: 0;
    /* The desktop frame keeps a right inset too; in RTL that inset wins over `left`, and
       with width 100% the dialog was pushed 64px off the left edge of a phone. */
    right: 0;
    top: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  ._title_r7ikd_32 {
    margin-top: 16px;
    font-size: 18px;
    flex-shrink: 0;
  }
  ._divider_r7ikd_42 {
    margin: 16px 20px;
    flex-shrink: 0;
  }
  ._dialogContentContainer_r7ikd_48 {
    padding: 0 16px;
  }
}
/* ============================================================
 *  מסך צר — כותרת האשף בשפת נדרים (HAT-1170)
 * ============================================================
 * המקור: css/support-request.css, .req-header / .req-title / .req-close.
 * פס מנטה, הכותרת מיושרת לימין ב-16px מודגש, ה-X בקצה השמאלי, ובלי
 * קו מפריד — גוף האשף אפור בהיר וממשיך ישר מתחת. */
@media (max-width: 1099px) {
  ._content_r7ikd_2 {
    background-color: var(--surface-grey-low);
  }
  ._title_r7ikd_32 {
    justify-content: flex-start;
    gap: 0;
    margin: 0;
    padding: 16px 52px 16px 20px;
    background: var(--surface-tertiary-low);
    color: var(--font-tertiary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
  }
  /* האייקון שליד הכותרת — אין לו מקבילה במקור, והוא דוחף את הכותרת מהקצה. */
  ._title_r7ikd_32 img {
    display: none;
  }
  ._divider_r7ikd_42 {
    display: none;
  }
  ._dialogContentContainer_r7ikd_48 {
    padding: 18px 20px 0;
  }
}/*
 * HAT-1231: these two screens are panels and forms, not a board - so the page scrolls, and the
 * panels take the width they are given.
 *
 * What was here before capped the content at 1100px and put it in a scroller of its own whose
 * scrollbar was hidden (max-height + overflow-y: auto + scrollbar-width: none). On a wide screen
 * that left the panels stranded in the middle of the page, and on «אישורים ומסמכים», which is now
 * long, it scrolled with no scrollbar to say so. The viewport-contained arrangement is for boards
 * with hundreds of rows, where the filters and the table's bottom edge have to stay in view.
 */
._container_2ti53_11 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  padding-bottom: 24px;
}

._container_2ti53_11 > * {
  width: 100%;
}

._pageTitle_2ti53_23 {
  font-size: var(--size-heading-H2);
  font-weight: 700;
  color: var(--text-heading);
  margin: 0;
}



._panel_2ti53_32 {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 18px 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}




._statLabel_2ti53_45 {
  font-size: 13px;
  color: #64748b;
}


/* «פרטי הקרן»: label over value, as many as fit per row. */
._factRow_2ti53_52 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 40px;
  margin: 0;
}

._fact_2ti53_52 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

._factValue_2ti53_66 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--font-primary);
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-wrap: anywhere;
}

._factValueAttention_2ti53_77 {
  color: #7a4b00;
}

._factLink_2ti53_81 {
  color: var(--font-link, #3b82f6);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

._factLink_2ti53_81:hover {
  text-decoration: underline;
}

/* A sentence with a link control at its end («לשינוי: פנייה למשרד»). */
._inlineNote_2ti53_94 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
}

/* «אתה» beside the coordinator who is looking at the screen. */
._mePill_2ti53_102 {
  display: inline-block;
  margin-inline-start: 8px;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 9px;
  border-radius: 999px;
  background: #f3e9ed;
  color: #681c3c;
  vertical-align: middle;
}

/* A notice at the top of the screen - one, not one per panel. */
._noticeError_2ti53_115 {
  margin: 0;
  padding: 10px 14px;
  border-radius: 8px;
  background: #fbeceb;
  color: #b3261e;
  font-size: 14px;
}

._footerLine_2ti53_124 {
  text-align: center;
}

._sectionTitle_2ti53_128 {
  font-size: 16px;
  font-weight: 700;
  color: var(--font-primary);
  margin: 0;
}

._sectionHeaderRow_2ti53_135 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

._editIconBtn_2ti53_143 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  color: var(--font-primary);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

._editIconBtn_2ti53_143:hover {
  background: #f8fafc;
}

._editIconBtn_2ti53_143 img {
  width: 14px;
  height: 14px;
}


._personList_2ti53_168 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._personRow_2ti53_174 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._personName_2ti53_180 {
  font-size: 14px;
  font-weight: 600;
  color: var(--font-primary);
}

._personContact_2ti53_186 {
  font-size: 13px;
  color: #64748b;
}




._panelTitle_2ti53_194 {
  font-size: 18px;
  font-weight: 700;
  color: var(--font-primary);
  margin: 0;
}

/* HAT-1231: the collapsing that used to be built here, for the overheads panel alone, is now the
   shared components/ui/CollapsiblePanel - used on these screens by the change history only. */

/* One row per document or approval: what it is on one side, what you can do with it on the other. */
._documentList_2ti53_205 {
  display: flex;
  flex-direction: column;
}

._documentRow_2ti53_210 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid #e2e8f0;
}

._documentRow_2ti53_210:last-child {
  border-bottom: none;
}

._documentName_2ti53_223 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 14px;
  color: var(--font-primary);
  min-width: 0;
}

._documentNote_2ti53_232 {
  font-size: 12px;
  color: #64748b;
}


._panelSubtitle_2ti53_238 {
  font-size: 13px;
  color: #64748b;
  margin: 0;
  text-wrap: balance;
}






/*
 * One action on a row - «צפייה», «הורדה», «פתיחה». Icon beside the word, the way a file's view and
 * download controls already look in the donations screens (OfflineDonationsManagement's .proofLink
 * with eye.svg / download.svg beside it), and underlined only on hover so five rows of them do not
 * read as a wall of links.
 */
._linkBtn_2ti53_256 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--font-link, #3b82f6);
  text-decoration: none;
  font-size: 14px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
}

._linkBtn_2ti53_256:hover:not(:disabled) {
  text-decoration: underline;
}

._linkBtn_2ti53_256:disabled {
  cursor: default;
  opacity: 0.6;
}

._actionIcon_2ti53_280 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  /* The icons ship teal (#0D656E); the label beside them is link-blue. One colour for both. */
  filter: grayscale(1) brightness(0.75);
}

/* The actions at the end of a document row, and of a panel's header. */
._rowActions_2ti53_289 {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

._empty_2ti53_296 {
  text-align: center;
  color: #64748b;
  padding: 24px;
  font-size: 14px;
}

._table_2ti53_303 {
  width: 100%;
  border-collapse: collapse;
}

._table_2ti53_303 th,
._table_2ti53_303 td {
  padding: 8px 10px;
  text-align: start;
  border-bottom: 1px solid #e2e8f0;
  font-size: 13px;
}

._table_2ti53_303 th {
  color: #64748b;
  font-weight: 600;
  background: #f8fafc;
}

._tableWrap_2ti53_322 {
  overflow-x: auto;
}

/* The overhead tables have their own styles, shared with the transactions board's window:
   components/Overheads/OverheadFeeTables.module.css (HAT-1493). */

/* Phones (decision 50): a document row stacks its actions under the name; the facts wrap. */
@media (max-width: 600px) {
  ._documentRow_2ti53_210 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  ._rowActions_2ti53_289 {
    flex-wrap: wrap;
    gap: 12px;
  }
}

/* Still named for the bank dialog it was written for, which is gone; it is the shared form layout
   of the dialogs on these screens now (adding a representative, disabling the 2-signature lock). */
._bankForm_2ti53_345 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 420px;
}

._formField_2ti53_352 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._fieldLabel_2ti53_358 {
  font-size: 13px;
  color: #64748b;
}

._requiredMark_2ti53_363 {
  color: #dc2626;
}

/* A line of help under a field or a form - what the value is for, which fields are required. */
._fieldHint_2ti53_368 {
  font-size: 12px;
  color: #64748b;
  margin: -6px 0 0;
}

/* A row's state where its action would be - «בקשת הסרה ממתינה למשרד». */
._statusNote_2ti53_375 {
  font-size: 13px;
  color: #7a4b00;
  background: #fbf0dc;
  border-radius: 999px;
  padding: 2px 10px;
  white-space: nowrap;
}

/* The foot of the people panel: the hint on one side, the history line on the other. */
._panelFooter_2ti53_385 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px 16px;
}

._historyBlock_2ti53_393 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 1 100%;
}

._historyArrow_2ti53_401 {
  transition: transform 150ms ease;
}

._historyArrowOpen_2ti53_405 {
  transform: rotate(180deg);
}

/* A plain chronological list: date, who, what - no table for a handful of lines a year. */
._historyList_2ti53_410 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

._historyRow_2ti53_420 {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 4px 12px;
  font-size: 13px;
  color: var(--font-primary);
  padding: 6px 0;
  border-bottom: 1px solid #f1f5f9;
}

._historyDate_2ti53_430,
._historyActor_2ti53_431 {
  color: #64748b;
  white-space: nowrap;
}

@media (max-width: 600px) {
  ._historyRow_2ti53_420 {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

/* «נשמר» beside a permission that was just changed. */
._savedNote_2ti53_444 {
  font-size: 12px;
  color: #1f6b4d;
}

/* «ביטול ממתין: …» beside the 2-signature switch. */
._pendingNote_2ti53_450 {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #fbf0dc;
  color: #7a4b00;
  font-size: 13px;
}

._formActions_2ti53_463 {
  display: flex;
  gap: 10px;
}

._formError_2ti53_468 {
  color: #dc2626;
  font-size: 13px;
  margin: 0;
}
/* «אנשי הפרויקט» (15.10.2026). The panel, table and form pieces come from FundSettings.module.css;
   what is here is new to this screen: role and permission chips, the notices above the list, and
   the card layout that replaces the table on a phone. */

._headerActions_o8xli_5 {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

._explainLink_o8xli_12 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  font-size: var(--body-size-sm);
  font-weight: 600;
  color: var(--font-link);
  cursor: pointer;
}

._explainLink_o8xli_12:hover {
  text-decoration: underline;
}

._addDisabled_o8xli_30 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 6px 16px;
  border: 1px solid var(--border-disabled);
  background: var(--surface-disabled);
  color: var(--border-light);
  font: inherit;
  font-size: var(--body-size-sm);
  font-weight: 600;
  cursor: not-allowed;
}

._chip_o8xli_45 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 999px;
  padding: 1px 10px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  white-space: nowrap;
}

._chipFounder_o8xli_57 {
  background: var(--surface-primary-lowest);
  color: var(--font-primary);
  border: 1px solid #ecd3de;
}

/* Appointed, not in effect yet: the same chip, drawn as an outline still waiting to be filled. */
._chipFounderPending_o8xli_64 {
  background: var(--surface-base);
  color: #8a4a66;
  border: 1.5px dashed #c99bb0;
}

._chipCoordinator_o8xli_70 {
  background: var(--surface-grey-low);
  color: var(--font-body-2);
}

._chipFull_o8xli_75 {
  background: var(--surface-tertiary-low);
  color: var(--font-tertiary);
}

._chipViewOnly_o8xli_80 {
  background: #fff4d6;
  color: #7a5a12;
}

/* A mix of levels across the permission worlds (22.10.2026): the chip, and the mix spelled out under it. */
._chipCustom_o8xli_86 {
  background: #e8f0f8;
  color: #24507a;
}

._customPermission_o8xli_91 {
  display: inline-grid;
  gap: 2px;
  justify-items: start;
}

._worldsLine_o8xli_97 {
  font-size: var(--body-size-caption);
  color: var(--font-body-3);
}

._chipIcon_o8xli_102 {
  width: 14px;
  height: 14px;
  flex: none;
}

._sub_o8xli_108 {
  display: block;
  font-size: var(--body-size-caption);
  color: var(--font-body-3);
  margin-top: 2px;
}

._subAttention_o8xli_115 {
  color: #8a4a66;
}

._name_o8xli_119 {
  font-weight: 600;
}

._notice_o8xli_123 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  background: #fff8e6;
  border: 1px solid #f0d58a;
  border-radius: 12px;
  padding: 12px 16px;
  margin: 4px 0 14px;
  font-size: var(--body-size-body);
  color: var(--font-body-1);
}

._noticeText_o8xli_137 {
  flex: 1 1 260px;
  min-width: 0;
}

._noticeButtons_o8xli_142 {
  display: flex;
  gap: 8px;
}

._pillButton_o8xli_147 {
  font: inherit;
  font-size: var(--body-size-sm);
  font-weight: 600;
  border-radius: 999px;
  padding: 6px 16px;
  cursor: pointer;
  border: 1px solid var(--surface-primary);
  white-space: nowrap;
}

._pillButton_o8xli_147:disabled {
  opacity: 0.6;
  cursor: default;
}

._pillPrimary_o8xli_163 {
  background: var(--surface-primary);
  color: var(--font-body-4);
}

._pillGhost_o8xli_168 {
  background: var(--surface-base);
  color: var(--surface-primary);
}

._inlineIdButton_o8xli_173 {
  margin-top: 6px;
  padding: 3px 12px;
  font-size: 13px;
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

._menuCell_o8xli_182 {
  width: 48px;
  text-align: left;
}

/* On a phone every person is a card: name and chips, then contact details, the menu at the side. */
._cards_o8xli_188 {
  display: none;
}

@media (max-width: 600px) {
  ._tableView_o8xli_193 {
    display: none;
  }

  ._cards_o8xli_188 {
    display: grid;
  }

  ._card_o8xli_188 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 8px;
    padding: 12px 0;
    border-bottom: 1px solid var(--border-divider);
  }

  ._cardHead_o8xli_209 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
  }

  ._cardMenu_o8xli_216 {
    grid-row: span 2;
    align-self: start;
  }

  ._cardContact_o8xli_221 {
    font-size: var(--body-size-sm);
    color: var(--font-body-3);
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

/* Dialogs */

._form_o8xli_231 {
  display: grid;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
  /* The dialog's content area has no padding of its own on a wide screen. */
  padding: 8px 32px 28px;
  text-align: start;
}

@media (max-width: 600px) {
  ._form_o8xli_231 {
    padding: 8px 0 20px;
  }
}

/* Inputs carry a minimum width of their own; in two columns they must be allowed to shrink. */
._form_o8xli_231 > *,
._fieldsGrid_o8xli_249 > *,
._fieldsGrid_o8xli_249 input {
  min-width: 0;
}

._fieldsGrid_o8xli_249 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 16px;
  align-items: start;
}

._span2_o8xli_261 {
  grid-column: 1 / -1;
}

/* The shared input style caps its width; a field across both columns takes all of it. */
._span2_o8xli_261 input {
  max-width: none;
}

@media (max-width: 520px) {
  ._fieldsGrid_o8xli_249 {
    grid-template-columns: 1fr;
  }
}

._choiceGroup_o8xli_276 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  border: 0;
  padding: 0;
  margin: 0;
}

@media (max-width: 520px) {
  ._choiceGroup_o8xli_276 {
    grid-template-columns: 1fr;
  }
}

._choice_o8xli_276 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 8px;
  align-items: center;
  border: 1px solid var(--border-input-default);
  border-radius: 12px;
  padding: 10px 14px;
  background: var(--surface-base);
  cursor: pointer;
}

._choice_o8xli_276:has(input:checked) {
  border: 2px solid var(--surface-primary);
  background: var(--surface-primary-lowest);
}

._choice_o8xli_276 input {
  accent-color: var(--surface-primary);
  margin: 0;
}

._choiceTitle_o8xli_313 {
  font-weight: 700;
}

._choiceText_o8xli_317 {
  grid-column: 2;
  font-size: 13px;
  color: var(--font-body-2);
}

/* The permission worlds: a row per world, its name and what it holds, and none / view / edit. */
._worldsFieldset_o8xli_324 {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}

._worldsPicker_o8xli_331 {
  display: grid;
  gap: 10px;
}

._quickRow_o8xli_336 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

._quickButton_o8xli_342 {
  padding: 3px 12px;
  font-size: 13px;
}

._quickButton_o8xli_342[aria-pressed='true'] {
  background: var(--surface-primary-lowest);
}

._worlds_o8xli_97 {
  border: 1px solid var(--border-input-default);
  border-radius: 12px;
}

._worldRow_o8xli_356 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 16px;
  align-items: center;
  padding: 10px 14px;
  border-bottom: 1px solid var(--border-divider);
}

._worldRow_o8xli_356:last-child {
  border-bottom: 0;
}

._worldText_o8xli_369 {
  display: grid;
  gap: 1px;
  min-width: 0;
}

/* A world's name with the sidebar's icon for it, in the picker and in the explainer alike. */
._worldLabel_o8xli_376 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

._worldIcon_o8xli_383 {
  width: 22px;
  height: 22px;
  flex: none;
}

._worldName_o8xli_389 {
  font-weight: 700;
}

._worldHolds_o8xli_393 {
  font-size: 13px;
  color: var(--font-body-2);
}

._segmented_o8xli_398 {
  display: inline-flex;
  border: 1px solid var(--border-input-default);
  border-radius: 999px;
  padding: 2px;
  background: var(--surface-base);
}

._segment_o8xli_398 {
  position: relative;
  cursor: pointer;
}

._segment_o8xli_398 input {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

._segment_o8xli_398 span {
  display: block;
  padding: 4px 14px;
  border-radius: 999px;
  font-size: var(--body-size-sm);
  font-weight: 600;
  color: var(--font-body-2);
  white-space: nowrap;
}

._segment_o8xli_398 input:checked + span {
  background: var(--surface-primary);
  color: var(--font-body-4);
}

._segment_o8xli_398 input:focus-visible + span {
  outline: 2px solid var(--surface-primary);
  outline-offset: 1px;
}

@media (max-width: 520px) {
  ._worldRow_o8xli_356 {
    grid-template-columns: 1fr;
  }

  ._segmented_o8xli_398 {
    justify-self: start;
  }
}

._warning_o8xli_449 {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  background: #fff8e6;
  border: 1px solid #f0d58a;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: var(--body-size-sm);
}

._idInput_o8xli_460 {
  letter-spacing: 0.12em;
  font-variant-numeric: tabular-nums;
}

/* Fits the dialog at any width: a fixed column for the world's name, the text wraps. */
._explainerTable_o8xli_466 {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  font-size: var(--body-size-body);
}

@media (max-width: 520px) {
  ._explainerTable_o8xli_466 {
    font-size: var(--body-size-sm);
  }
}

._explainerTable_o8xli_466 th {
  padding: 10px 12px;
  font-size: var(--body-size-sm);
  color: var(--font-body-2);
  font-weight: 700;
  text-align: center;
  border-bottom: 1px solid var(--border-divider);
  overflow-wrap: anywhere;
}

._explainerTable_o8xli_466 th:first-child,
._explainerTable_o8xli_466 td:first-child {
  text-align: start;
}

._explainerTable_o8xli_466 td {
  padding: 11px 12px;
  border-bottom: 1px solid #eee;
  text-align: center;
  vertical-align: middle;
}

/* The worlds table holds sentences, not marks: read from the start of the cell, top down. */
._worldColumn_o8xli_502 {
  width: 10rem;
}

._explainerWorlds_o8xli_506 th,
._explainerWorlds_o8xli_506 td {
  text-align: start;
  vertical-align: top;
}

/* The world's name heads its row: read like the cells beside it, not like the small column labels. */
._explainerWorlds_o8xli_506 tbody th {
  padding: 11px 12px;
  font-size: var(--body-size-body);
  color: var(--font-body-1);
  border-bottom: 1px solid #eee;
}

/* «ללא», «רכז ראשי», the balance: a term and one line each, on the table's own two columns. */
._explainerNotes_o8xli_521 {
  display: grid;
  grid-template-columns: 10rem minmax(0, 1fr);
  gap: 8px 0;
  margin: 0;
  font-size: var(--body-size-body);
  color: var(--font-body-1);
}

._explainerNotes_o8xli_521 dt {
  display: flex;
  align-items: center;
  padding-inline: 12px;
  font-weight: 700;
}

._explainerNotes_o8xli_521 dd {
  margin: 0;
  padding-inline: 12px;
  align-self: center;
}

/* The balance line: the people panel's own small info row, not another paragraph. */
._explainerInfo_o8xli_544 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding-inline: 12px;
  font-size: var(--body-size-sm);
  color: var(--font-body-2);
}

._explainerInfo_o8xli_544 svg {
  flex: none;
}

@media (max-width: 520px) {
  ._worldColumn_o8xli_502 {
    width: 7rem;
  }

  ._explainerNotes_o8xli_521 {
    grid-template-columns: 7rem minmax(0, 1fr);
    font-size: var(--body-size-sm);
  }
}

._dialogNote_o8xli_569 {
  margin: 0;
  font-size: var(--body-size-sm);
  color: var(--font-body-2);
}

._dialogActions_o8xli_575 {
  display: flex;
  gap: 12px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
._trigger_1mqe5_1 {
  margin-inline-start: 10px;
  cursor: pointer;
  font: inherit;
}

/* The card the chip opens - the panel of «עדכונים» (UpdatesBell), at a smaller width. */
._card_1mqe5_8 {
  z-index: 200;
  width: min(340px, calc(100vw - 24px));
  display: grid;
  gap: 10px;
  background-color: var(--surface-base);
  border: 1px solid var(--border-primary-old);
  border-radius: 16px;
  box-shadow: 0 12px 32px -8px rgb(23 45 70 / 22%);
  padding: 16px 20px 18px;
  font-family: var(--body-font), sans-serif;
  outline: none;
}

._title_1mqe5_22 {
  font-size: var(--body-size-body);
  font-weight: 700;
  color: var(--font-body-1);
}

._text_1mqe5_28,
._sent_1mqe5_29,
._error_1mqe5_30 {
  margin: 0;
  font-size: var(--body-size-sm);
  line-height: 1.55;
}

._text_1mqe5_28 {
  color: var(--font-body-2);
}

._sent_1mqe5_29 {
  color: var(--font-body-1);
  font-weight: 600;
}

._error_1mqe5_30 {
  color: var(--status-rejected-text);
}

._actions_1mqe5_49 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 16px;
  margin-top: 2px;
}

._ask_1mqe5_57 {
  padding: 8px 18px;
}

._bar_v3hk2_2 {
  display: flex;
  align-items: center;
  gap: 10px 18px;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 8px 16px;
  margin-bottom: 20px;
  border: 1px solid var(--border-primary-old, #e4e4e4);
  border-radius: 12px;
  background-color: var(--surface-grey-lowest, #f9f9f9);
}

/* בורר הקרן, או שמה כטקסט למי שיש לו קרן אחת */
._identity_v3hk2_19 {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* כל שאר הפס הוא `white-space: nowrap`, ולכן `.identity` הוא היחיד שנותן
   כשהפס צר — והבורר היה מצטמק ביחד איתו. מכאן ומעלה יש לו רוחב קבוע
   (ר' fundSelect.module.css), והפס יעדיף לגלוש לשורה שנייה על פני לסחוט
   אותו. מתחת ל-1100 הבורר ממילא ברוחב מלא, ושם החוזה של Fold 280
   (HAT-1238) דורש שהוא כן יתכווץ — לכן הכלל מוגבל לדסקטופ. */
@media (min-width: 1100px) {
  ._identity_v3hk2_19 {
    flex: 0 0 auto;
  }
}
/* התווית שמעל הבורר — מסך צר בלבד (ר' למטה). */
._pickerLabel_v3hk2_36 {
  display: none;
}

._fundName_v3hk2_40 {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: var(--font-body-1, #2a2a2a);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 260px;
  min-width: 0;
}

._group_v3hk2_52 {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 8px;
  min-width: 0;
}

._label_v3hk2_60 {
  font-size: 16px;
  font-weight: 600;
  color: var(--font-sm-title, #616060);
  white-space: nowrap;
}

/* המספר מקבל לוחית מאחוריו. זו השורה שמחפשים לפני כל החלטה במסך, ובמבט חטוף
   מוצאים לוחית מהר יותר מגופן כבד. */
._primaryAmount_v3hk2_69 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 3px 13px;
  border-radius: 100px;
  background-color: var(--surface-base, #fff);
  border: 1px solid var(--border-primary-old, #e4e4e4);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--font-body-5, #2f4d72);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* יתרה חיובית בצבע התרומה, שלילית בצבע התמיכה — אותם צבעים שלוח התנועות
   נותן לשורת תרומה ולשורת תמיכה, כך שהיתרה נקראת באותה שפה כמו התנועות
   שמרכיבות אותה. אפס אינו אף אחד מהשניים: הוא לא בשורה טובה ולא אזהרה. */
._positive_v3hk2_88 {
  color: var(--font-tertiary, #0d656e);
}

._negative_v3hk2_92 {
  color: var(--font-primary, #681c3c);
}

._dot_v3hk2_96 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: currentColor;
  flex-shrink: 0;
}

._secondary_v3hk2_104 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #6b6b6b;
  white-space: nowrap;
}

._secondaryAmount_v3hk2_114 {
  font-size: inherit;
  font-weight: 400;
  color: inherit;
  font-variant-numeric: tabular-nums;
}

._divider_v3hk2_121 {
  width: 1px;
  align-self: stretch;
  background-color: var(--border-primary-old, #e4e4e4);
}

@media (max-width: 1099px) {
  /*
   * ------------------------------------------------------------
   *  HAT-1218 — יתרה זמינה בלבד, ממורכזת, צבע לפי סימן
   * ------------------------------------------------------------
   * הספק (HAT-1218): במובייל ובטאבלט מוצגת רק "יתרה זמינה", בבלוק
   * ממורכז יעודי. חיובית ירוקה (#1b7a4a), שלילית בורדו (#681c3c);
   * זה מה שהרכז/ת שואל/ת עליו — "כמה יש לחלק" — כשלא רואים גם
   * "יתרה כללית" וגם "יתרה זמינה" במסך צר בלי לפצל את המבט.
   *
   * בורר הקרן מעליה, רוחב מלא, מטרת מגע ≥44 — לא כפתור-אייקון
   * צר של דסקטופ. שני האזורים גורלים אחד את השני עם מפריד עדין.
   */
  ._bar_v3hk2_2 {
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0;
    padding: 0;
    margin: -16px -16px 12px;
    border: 0;
    border-radius: 0;
    background-color: var(--surface-base);
  }
  ._identity_v3hk2_19 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 0 20px 12px;
    background-color: var(--surface-tertiary-low);
  }
  /* HAT-1218: מטרת מגע ≥44 לבורר הקרן. `.identity` מכיל תווית קטנה +
     הכפתור/שם — התווית עצמה קטנה בכוונה, אז המינימום מיושם רק על
     ה"אח" שלה. השארתי `display: block` הדיפולטי — FundSelect רץ עם
     position:relative פנימית, ו-min-height מספיק להבטיח נקודת מגע
     גדולה בלי לשנות ל-flex ולהזיז את הדרופדאון. */
  ._identity_v3hk2_19 > :not(._pickerLabel_v3hk2_36) {
    min-height: 44px;
  }
  ._pickerLabel_v3hk2_36 {
    display: block;
    margin: 0 0 4px;
    font-size: 10.5px;
    color: var(--font-tertiary);
  }
  /* בורר קרן במסך צר: רוחב מלא + מטרת מגע 44px (ר' HAT-1218). */
  ._fundName_v3hk2_40 {
    display: flex;
    align-items: center;
    /* HAT-1238: unconstrained nowrap = min-content of the full fund name
       (~327 on Fold). Keep ellipsis; cap at the bar. */
    max-width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--surface-secondary-lighter);
    border-radius: 12px;
    background: var(--surface-base);
    font-size: 15px;
  }
  /*
   * ⚠️ הוסתר במפורש: היתרה הכללית (`group`) — הספק מבקש יתרה
   * אחת בלבד. `dot`/`divider` היו מתלווים אליה, נעלמים גם הם.
   */
  ._group_v3hk2_52,
  ._divider_v3hk2_121,
  ._dot_v3hk2_96 {
    display: none;
  }
  /* יתרה זמינה כבלוק ממורכז יעודי. הצבע נבנה על-בסיס הסימן של
     `available` (הלוגיקה ב-FundBalanceBar.tsx), לא של `total`. */
  ._secondary_v3hk2_104 {
    flex: 1 1 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 16px 12px 18px;
    white-space: normal;
    text-align: center;
    border-inline-start: 0;
    font-size: 13px;
    color: var(--font-body-3);
  }
  ._secondaryLabel_v3hk2_214 {
    font-size: 13px;
    font-weight: 500;
    color: var(--font-body-3);
  }
  ._secondaryAmount_v3hk2_114 {
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    font-size: 32px;
    font-weight: 700;
    color: var(--font-body-1);
    line-height: 1.1;
    direction: ltr;
    unicode-bidi: embed;
    font-variant-numeric: tabular-nums;
  }
  /* ספק HAT-1218: חיובי ירוק, שלילי בורדו — צבעים מפורשים ולא טוקנים,
     כדי שלא ייסחפו עם עדכון מותג עתידי מבלי שהספק ידע. */
  ._secondaryPositive_v3hk2_234 ._secondaryAmount_v3hk2_114 {
    color: #1b7a4a;
  }
  ._secondaryNegative_v3hk2_237 ._secondaryAmount_v3hk2_114 {
    color: #681c3c;
  }
}
@media (max-width: 767px) {
  /*
   * HAT-1218 טלפון: זהות + יתרה אחת גדולה, בכרטיס אחד; הצבעים
   * ל-secondary לפי סימן — נשמרים מהחוקים ב-$mobile-max.
   */
  ._bar_v3hk2_2 {
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid #e4e4e4;
    border-radius: 12px;
    background-color: #f3f3f3;
    gap: 6px;
  }
  ._identity_v3hk2_19 {
    padding: 0;
    background-color: transparent;
  }
  ._pickerLabel_v3hk2_36 {
    display: none;
  }
  ._fundName_v3hk2_40 {
    padding: 10px 12px;
    min-height: 44px;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    background: var(--surface-base);
    font-size: 14px;
    font-weight: 500;
    color: var(--font-body-1);
  }
  ._secondary_v3hk2_104 {
    width: 100%;
    align-items: center;
    padding: 8px 4px 4px;
    text-align: center;
    border-inline-start: 0;
  }
  ._secondaryLabel_v3hk2_214 {
    font-size: 12px;
    color: #6b6b6b;
  }
  ._secondaryAmount_v3hk2_114 {
    font-size: 34px;
    line-height: 1.1;
  }
}
/*
 * HAT-1218 Z Fold cover ≤340: הסכום יורד ל-24px כדי לשמור על שורה
 * אחת (ר' ספק — "amount may drop to ~24px — still one balance").
 */
@media (max-width: 340px) {
  ._bar_v3hk2_2 {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 10px 10px;
    overflow-x: clip;
  }
  ._secondaryAmount_v3hk2_114 {
    font-size: 24px;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: anywhere;
  }
  ._fundName_v3hk2_40 {
    font-size: 13px;
    padding: 8px 10px;
  }
}
/* נדחק לקצה הפס, כדי שהזהות והיתרה יישארו במקום שהעין מחפשת אותם. */
._refresh_v3hk2_311 {
  margin-inline-start: auto;
}/* מבנה העמוד זהה לזה של "הגדרות קרן" (FundSettings.module.css) בכוונה: שני המסכים
   הם הגדרות, והרכז מגיע אליהם באותה נשימה. */

._container_11e9h_4 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-height: calc(100vh - var(--header-height) - 32px);
  overflow-y: auto;
  scrollbar-width: none;
  padding-bottom: 24px;
}

._container_11e9h_4::-webkit-scrollbar {
  display: none;
}

._container_11e9h_4 > * {
  max-width: 720px;
  width: 100%;
}

._pageTitle_11e9h_24 {
  font-size: var(--size-heading-H2);
  font-weight: 700;
  color: var(--text-heading);
  margin: 0;
}

._pageSubtitle_11e9h_31 {
  font-size: 13px;
  color: #64748b;
  margin: 4px 0 0;
  text-wrap: balance;
}

._panel_11e9h_38 {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 18px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._sectionTitle_11e9h_48 {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-heading);
  margin: 0;
}

/* מייל ההתחברות: לא שדה, כי אי אפשר לערוך אותו. מוצג כערך עם הסבר,
   שלא ייראה כמו קלט מנוטרל שאפשר לקוות שיתעורר. */
._readonlyRow_11e9h_57 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

._readonlyLabel_11e9h_67 {
  font-size: 12px;
  color: #64748b;
}

._readonlyValue_11e9h_72 {
  font-size: 14px;
  font-weight: 600;
  color: var(--font-body-1);
  word-break: break-all;
}

._readonlyNote_11e9h_79 {
  font-size: 12px;
  color: #64748b;
  margin: 0;
  text-wrap: balance;
}

._form_11e9h_86 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._fieldGrid_11e9h_92 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
}

/* שדה בודד ברוחב של אחד משלושת השדות שמעליו, ולא לרוחב הפאנל כולו: auto-fill משאיר
   את העמודות הריקות במקומן, כך שהעמודה של מספר הזהות זהה לעמודה של השם הפרטי. */
._singleFieldGrid_11e9h_100 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 14px;
}

._formField_11e9h_106 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._fieldLabel_11e9h_112 {
  font-size: 13px;
  color: #64748b;
}

._fieldError_11e9h_117 {
  color: #dc2626;
  font-size: 12px;
  margin: 0;
}

._formActions_11e9h_123 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

._primaryBtn_11e9h_130 {
  padding: 8px 18px;
  background: var(--font-primary);
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

._primaryBtn_11e9h_130:hover:not(:disabled) {
  background: var(--surface-primary-dark);
}

._primaryBtn_11e9h_130:disabled {
  background: #cbd5e1;
  cursor: not-allowed;
}

._formError_11e9h_151 {
  color: #dc2626;
  font-size: 13px;
  margin: 0;
}

._formSuccess_11e9h_157 {
  color: #15803d;
  font-size: 13px;
  margin: 0;
}
/* HAT-1489: the bubble a feature announcement puts beside a new element.
 *
 *   [accent][icon] [title]
 *                  [text]
 *                  [primary] [secondary]          [step 1 of 2]
 *
 * The anatomy of the new-version card (HAT-1440), which is the site's Alert as a floating card:
 * white surface, burgundy only on the accent, the icon and the title.
 */
/* Adds nothing to the layout: the element inside is what gets pointed at. */
._anchor_jxbsl_11 {
  display: contents;
}

._bubble_jxbsl_15 {
  position: relative;
  z-index: 950;
  width: min(380px, 100vw - 32px);
  box-sizing: border-box;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 12px;
  padding-block: 14px;
  padding-inline: 20px 16px;
  background: var(--surface-base);
  border: 1px solid var(--border-main);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
  outline: none;
  animation: _appear_jxbsl_1 200ms ease-out;
}

._accent_jxbsl_33 {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 4px;
  background: var(--surface-primary);
  border-start-start-radius: 11px;
  border-end-start-radius: 11px;
}

._icon_jxbsl_43 {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--surface-primary-lowest);
  color: var(--font-primary);
}
._icon_jxbsl_43 svg {
  width: 20px;
  height: 20px;
}

._body_jxbsl_57 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

._title_jxbsl_64 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--font-primary);
}

._audience_jxbsl_72 {
  padding-inline: 8px;
  border: 1px solid var(--surface-primary);
  border-radius: 100px;
  background: var(--surface-primary-lowest);
  color: var(--surface-primary);
  line-height: 18px;
}

._text_jxbsl_81 {
  margin: 0;
  color: var(--font-body-2);
  text-wrap: pretty;
}

._actions_jxbsl_87 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
}

._primary_jxbsl_94,
._secondary_jxbsl_95 {
  border: 0;
  cursor: pointer;
  white-space: nowrap;
}
._primary_jxbsl_94:focus-visible,
._secondary_jxbsl_95:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

._primary_jxbsl_94 {
  height: 32px;
  padding-inline: 16px;
  border-radius: 100px;
  background: var(--font-primary);
  color: var(--font-body-4);
}
._primary_jxbsl_94:hover {
  opacity: 0.9;
}

._secondary_jxbsl_95 {
  height: 32px;
  padding-inline: 8px;
  border-radius: 6px;
  background: transparent;
  color: var(--font-primary);
  text-decoration: underline;
}
._secondary_jxbsl_95:hover {
  background: var(--surface-grey-low);
}

._step_jxbsl_129 {
  margin-inline-start: auto;
  color: var(--font-body-3);
  font-variant-numeric: tabular-nums;
}

/* The arrow is drawn as two sides of a triangle, so the bubble's border runs into it unbroken. */
._arrow_jxbsl_136 {
  fill: var(--surface-base);
  stroke: var(--border-main);
  stroke-width: 1px;
  /* Sits over the bubble's border, hiding the bit of it under the arrow's base. */
  margin-top: -1px;
}

@keyframes _appear_jxbsl_1 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._bubble_jxbsl_15 {
    animation: none;
  }
}._exportButton_1ey6o_1 {
  display: flex;
  align-items: center;
  min-width: 111px;
  height: 36px;
  border-radius: 6px;
  padding: 8px 14px;
  gap: 4px;
  border: 1px solid var(--border-secondary);
  cursor: pointer;
}

._exportButton_1ey6o_1:hover {
  background-color: var(--surface-action-hover);
}

/*
 * ⚠️ במסך צר הכפתור מתכווץ לגודל התוכן שלו (HAT-1170).
 *
 * min-width של 111px נכתב לשורת כותרת רחבה שבה הוא אחד מכמה פקדים.
 * כשה-chrome נערם לעמודה אחת הוא נשאר הפקד הגדול והבולט ביותר על
 * המסך — בולט יותר מהכותרת עצמה — בזמן שהוא פעולה משנית. בעיצוב
 * שממנו מעבירים אין לו מקבילה בכלל (ה-WebView שם לא יכול להוריד
 * קובץ), ולכן אין ממה להעתיק: הוא פשוט מפסיק להתנפח.
 *
 * ⚠️ הכפתור עצמו **לא** מוסתר. הוא פעולה קיימת, והכלל במשימה הזאת
 * הוא שפעולה משנה מקום או גודל, אף פעם לא נעלמת.
 */
@media (max-width: 1099px) {
  ._exportButton_1ey6o_1 {
    min-width: 0;
    max-width: 100%;
    height: 32px;
    padding: 6px 10px;
    font-size: 13px;
    box-sizing: border-box;
  }
}

._compact_1ey6o_40 {
  min-width: 0;
  height: 40px;
  padding: 6px 10px;
  white-space: nowrap;
}

@media (pointer: coarse) {
  ._compact_1ey6o_40 {
    min-height: 44px;
  }
}

._exportButton_1ey6o_1:active,
._exportButtonActive_1ey6o_54 {
  background-color: var(--surface-action-press) !important;
}

._exportButtonActive_1ey6o_54:hover {
  cursor: default;
}

._dropdown_1ey6o_62 {
  min-width: 150px;
  width: 169px;
  margin-top: 4px;
  border-radius: 8px;
  border: 1px solid #d3d3d3;
  box-shadow: 2px 2px 20px 5px #0000001a;
}

._option_1ey6o_71 {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  height: 51px;
  padding-block: 15px;
  padding-inline: 12px 10px;
  gap: 10px;
  border-block-end: 1px solid #e7e7e7 !important;
}

._option_1ey6o_71:first-child {
  border-start-start-radius: 8px;
  border-start-end-radius: 8px;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}

._option_1ey6o_71:last-child {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-end-start-radius: 8px;
  border-end-end-radius: 8px;
}

._option_1ey6o_71:hover {
  background-color: #f0f0f0;
}

/*
 * ============================================================
 *  כרטיסי רשימה — תצוגת המסך הצר של הלוחות
 * ============================================================
 *
 * העיצוב הועבר מ-hatzdaka-nedarim (css/common.css, המקטע "רשימות"),
 * שאליו הוא הגיע מפרויקט דונקס. **המבנה, המידות והטיפוגרפיה זהים**;
 * מה שהוחלף הוא הפלטה, שכאן היא של מרכז הצדקה ולא של נדרים:
 *
 *   נדרים            כאן
 *   #7c2449  בורדו   --surface-primary
 *   #f7eef2  נבחר    --surface-primary-lowest
 *   #0e0e0e  טקסט    --font-body-1
 *   #898b8e  משני    --font-body-3
 *   #ededed  מפריד   --border-divider
 *   #f0f0f0  מיכל    --surface-grey-low-2
 *   #eef4f4  צ'יפ    --surface-tertiary-low
 *   #0b555c  צ'יפ    --font-tertiary
 *   #167d4a  ירוק    --status-approved-text
 *
 * מה שכן נכתב אחרת: נדרים מכוון ל-WebView של אנדרואיד 4.4 ולכן נמנע
 * מ-gap, מ-grid וממאפיינים לוגיים, וכתב תחיליות -webkit- לכל flex.
 * כאן אין את המגבלה, ולכן flex נכתב פעם אחת ומאפיינים לוגיים
 * (margin-inline) מחליפים את הפיזיים — מה שגם עושה את ה-RTL נכון
 * מעצמו במקום להסתמך על סדר ידני.
 */
/* ------------------------------------------------------------
 *  שני מבנים, ואסור לבלבל ביניהם — ההבחנה מגיעה מהעיצוב המקורי:
 *    flat  — שורה שטוחה ברוחב מלא, מופרדת בקו דק. תנועות.
 *    boxed — מיכל אפור ובתוכו כרטיסים לבנים. בקשות תמיכה.
 * ------------------------------------------------------------ */
._cardList_1tqsl_33 {
  max-width: 100%;
  min-width: 0;
  padding-bottom: 8px;
}

/* --- שטוח --- */
/*
 * ⚠️ בלי :last-child על .listCard, ובכוונה — למרות שבמקור (ובגרסה
 * קודמת כאן) יש בדיוק את הכלל הזה. הכרטיס הזה עובר וירטואליזציה
 * (DataTable.tsx, cardVirtualizer): כל כרטיס עטוף ב-.cardSlot נפרד
 * וממוקם בנפרד — כלומר כל .listCard הוא הילד היחיד/האחרון *של
 * העוטף הפרטי שלו*, לא של רשימת האחים המשותפת. :last-child התאים
 * אז לכל כרטיס בו-זמנית, לא רק לאחרון באמת — קו התחתית נעלם משורה
 * שטוחה אחת (התוצאה כאן הייתה בלתי-נראית: כל השורות כבר ככה בלי
 * מסגרת), אבל בכרטיס-במיכל אותה תבנית מחקה את **כל** הרווח בין
 * הכרטיסים (margin-bottom:0 בכולם) — זה הבאג שהמשתמשת דיווחה עליו
 * ("אין רווח בין כרטיסיה"). קו/רווח קבוע על כל שורה, כולל האחרונה
 * ברשימה, הוא בעצם הפתרון הפשוט והנכון כאן: התוצאה היחידה היא קו
 * דק/רווח 12px נוסף אחרי הפריט האחרון בגלילה האינסופית — הבדל
 * זניח שלא נראה כלל, לעומת רשימה שבה כל השורות דבוקות זו לזו.
 */
._flat_1tqsl_55 ._listCard_1tqsl_41 {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 13px 2px;
  border: 0;
  border-bottom: 1px solid var(--border-divider);
  background: transparent;
  color: var(--font-body-1);
  font-family: inherit;
  font-size: 14px;
  text-align: start;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

._flat_1tqsl_55 ._listCard_1tqsl_41:active,
._flat_1tqsl_55 ._listCard_1tqsl_41._active_1tqsl_73 {
  background: var(--surface-primary-lowest);
}

/* --- כרטיסים במיכל --- */
._boxed_1tqsl_78 {
  background: var(--surface-grey-low-2);
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 8px;
}

._boxed_1tqsl_78 ._listCard_1tqsl_41 {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin: 0 0 12px;
  padding: 13px 14px;
  border: 0;
  border-radius: 10px;
  background: var(--surface-base);
  color: var(--font-body-1);
  font-family: inherit;
  font-size: 14px;
  text-align: start;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

._boxed_1tqsl_78 ._listCard_1tqsl_41:active,
._boxed_1tqsl_78 ._listCard_1tqsl_41._active_1tqsl_73 {
  background: var(--surface-primary-lowest);
}

/* ------------------------------------------------------------
 *  אזורי הכרטיס
 * ------------------------------------------------------------ */
/* עיגול אייקון בתחילת השורה */
._icon_1tqsl_111 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-inline-end: 10px;
  border-radius: 50%;
  background: var(--surface-grey-low-2);
  color: var(--font-body-2);
  font-size: 14px;
  font-weight: 700;
  flex-shrink: 0;
}
._icon_1tqsl_111 svg,
._icon_1tqsl_111 img {
  width: 17px;
  height: 17px;
}

/*
 * ⚠️ min-width:0 הוא חובה ולא נוי. בלי זה פריט flex לא מתכווץ מתחת
 * לרוחב התוכן שלו, ושם ארוך מרחיב את השורה במקום להישבר — מה שיוצר
 * גלילה אופקית בדיוק במסך הצר שאותו אנחנו מגינים.
 */
._body_1tqsl_136 {
  flex: 1;
  min-width: 0;
}

/*
 * ⚠️ הכותרת **נשברת שורה ולא נחתכת**. בעיצוב המקורי של דונקס היא
 * nowrap, כדי שכל הכרטיסים יהיו באותו גובה — אבל במסך צר, אחרי עיגול
 * האייקון, הסכום ואייקוני הפעולה, נשארים לכותרת כ-116 פיקסלים,
 * ו"תרומה מאת משפחת רוזנברג" נחתך ל"תרומה מאת משפ..." — כלומר **שם
 * התורם נעלם**, והוא בדיוק השדה שבגללו מסתכלים על השורה.
 */
._title_1tqsl_148 {
  font-size: 14px;
  color: var(--font-body-1);
  line-height: 1.3;
  word-break: break-word;
}

._titleStrong_1tqsl_155 {
  font-weight: 600;
}

/*
 * ⚠️ שורת המטא נשברת שורה מאותו נימוק. בדונקס יש בה שני שדות; כאן
 * שלושה ויותר, כי הם מחליפים עמודות שלמות מהטבלה. גובה שורה משתנה
 * הוא מחיר סביר על שדה שנקרא.
 */
._meta_1tqsl_164 {
  margin-top: 2px;
  font-size: 11px;
  color: var(--font-body-3);
  line-height: 1.35;
}

._metaLtr_1tqsl_171 {
  direction: ltr;
  unicode-bidi: embed;
  text-align: end;
}

._amount_1tqsl_177 {
  margin-inline-start: 10px;
  min-width: 74px;
  text-align: end;
  font-size: 15px;
  font-weight: 700;
  /* סכומים תמיד LTR, אחרת המינוס והשקל מתהפכים */
  direction: ltr;
  unicode-bidi: embed;
  white-space: nowrap;
  flex-shrink: 0;
}

/* סכום שנכנס לקרן — ירוק. סכום שיצא — כהה רגיל. */
._amountPositive_1tqsl_191 {
  color: var(--status-approved-text);
}

._amountNegative_1tqsl_195 {
  color: var(--font-body-1);
}

._amountMuted_1tqsl_199 {
  color: var(--font-body-3);
}

/* HAT-1238 — בכרטיס שטוח העמודה היא סכום + חריג, לא 92px קבועים
   של כרטיס-במיכל. רוחב אוטומטי משאיר לשם התורם את מה שנשאר ב-280. */
._flat_1tqsl_55 ._side_1tqsl_205 {
  width: auto;
  min-width: 0;
}

._flat_1tqsl_55 ._side_1tqsl_205 ._statusLine_1tqsl_210 {
  margin-top: 2px;
  justify-content: flex-end;
}

/*
 * הצד השמאלי של כרטיס בקשת תמיכה: סכום מעל סטטוס, בעמודה קבועה
 * ברוחב 92px — בדיוק כמו .list-card-side במקור (css/common.css).
 *
 * ⚠️ **זו חזרה מהניסיון "בשורה אחת".** בסבב קודם זה נכתב כ-flex
 * לרוחב עם gap, לבקשת המשתמשת שהסטטוס יישב באותו קו עם הסכום ולא
 * "מדורג". אבל באותו סבב לא היה עדיין ניגוד — ברגע ששורת המטא
 * לצד הזה התקצרה לתאריך הלא-מרופד של נדרים, השוואת פיקסלים בפועל
 * (390px, ר' תיעוד ב-SupportRequestCard.tsx) חשפה שהעמודה הרוחבה
 * הזאת (משתנה, עד 160+ פיקסל לסטטוס ארוך כמו "ממתינה לחתימות
 * נציגים") גוזלת בדיוק את הרוחב שהיה חסר לשורת המטא — ומחזירה
 * אותה לשבור לשתי שורות, למרות שבנדרים היא לא שוברת. במקור עצמו
 * העמודה הזאת **קבועה ב-92px ולא flex**: הסכום ותחתיו הסטטוס,
 * שניהם display:block, לא בשורה אחת. זה בדיוק מה שסוגר את הפער בין
 * שתי הצילומסך שהמשתמשת השוותה. "הסכום הבולט, הסטטוס קטן ולידו"
 * עדיין נכון — הם רק חוזרים למדורג כמו שהיה, כי זה מה שבאמת נותן
 * לשורת המטא את הרוחב שהיא צריכה.
 */
._side_1tqsl_205 {
  width: 92px;
  margin-inline-start: 8px;
  text-align: end;
  flex-shrink: 0;
}
._side_1tqsl_205 ._amount_1tqsl_177 {
  margin-inline-start: 0;
  min-width: 0;
  display: block;
}

/* צ'יפי סיווג */
._chips_1tqsl_246 {
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._chip_1tqsl_246 {
  display: inline-block;
  margin-inline-end: 5px;
  padding: 2px 8px;
  border-radius: 9px;
  background: var(--surface-tertiary-low);
  color: var(--font-tertiary);
  font-size: 10.5px;
  vertical-align: middle;
}

._chipMore_1tqsl_264 {
  background: var(--gray-6);
  color: var(--font-body-3);
}

/* ------------------------------------------------------------
 *  אייקוני הפעולה בקצה השורה
 * ------------------------------------------------------------ */
._rowActions_1tqsl_272 {
  display: flex;
  align-items: center;
  /* צמוד לקצה (שמאל ב-RTL): אייקון הפנייה תמיד בקצה, וה-⋮ לימינו
     כשיש. בלי מקום שמור — שורה בלי תפריט לא משאירה חור. */
  justify-content: flex-end;
  margin-inline-start: 8px;
  flex-shrink: 0;
}

/* פעולה שמגיעה כרכיב מעוצב משלו — רק ריווח, בלי עיגול. */
._action_1tqsl_283 {
  display: inline-flex;
  align-items: center;
  margin-inline-end: 6px;
  flex-shrink: 0;
}
._action_1tqsl_283:last-child {
  margin-inline-end: 0;
}

/*
 * ⚠️ 28px הוא הגודל של העיגול, לא של שטח המגע. שטח המגע נמתח דרך
 * ::before, כי 28 נמוך מהמינימום הנגיש למגע — ובשורת פעולות צפופה
 * זה אומר הקשה שנוחתת על הכפתור השכן. העיגול נשאר 28 כי זה מה
 * שהעיצוב מראה.
 */
._iconButton_1tqsl_299 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0;
  margin-inline-end: 6px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--surface-grey-low);
  color: var(--font-body-2);
  cursor: pointer;
  flex-shrink: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
._iconButton_1tqsl_299::before {
  content: "";
  position: absolute;
  inset: -6px;
}
._iconButton_1tqsl_299 svg,
._iconButton_1tqsl_299 img {
  width: 15px;
  height: 15px;
}
._iconButton_1tqsl_299:last-child {
  margin-inline-end: 0;
}
._iconButton_1tqsl_299:active {
  background: var(--surface-grey-lighter);
}
._iconButton_1tqsl_299:disabled {
  opacity: 0.45;
  cursor: default;
}
._iconButton_1tqsl_299:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 1px;
}

/* ------------------------------------------------------------
 *  סטטוס
 * ------------------------------------------------------------ */
._statusLine_1tqsl_210 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 4px;
  font-size: 11px;
  color: var(--font-body-3);
  line-height: 1.35;
}

._statusDot_1tqsl_355 {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-inline-end: 5px;
  border-radius: 50%;
  background: var(--border-low);
  vertical-align: middle;
  flex-shrink: 0;
}

._statusPill_1tqsl_366 {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 13px;
  background: var(--gray-6);
  color: var(--font-body-1);
  font-size: 11.5px;
  white-space: nowrap;
}

/* ------------------------------------------------------------
 *  תיבת סימון הבחירה
 * ------------------------------------------------------------
 * הבחירה המרובה קיימת בלוחות האלה בדסקטופ (העברה לחודש הבא, ייצוא),
 * ולכן היא נשארת גם כאן. היא בתחילת השורה, לפני עיגול האייקון.
 */
._select_1tqsl_383 {
  display: flex;
  align-items: center;
  margin-inline-end: 10px;
  flex-shrink: 0;
}

/* ------------------------------------------------------------
 *  מסך צר במיוחד
 * ------------------------------------------------------------
 * ⚠️ ב-360 ומטה שלוש העמודות של הכרטיס במיכל לא נכנסות: אחרי
 * הריפודים נשארים כ-228 פיקסלים, ומהם הסכום לוקח 92 ואייקוני הפעולה
 * עוד 62 — כלומר לשם הנתמך נשארים כ-60. הוא נשבר שורה ולא נחתך, אבל
 * עמודה של 60 פיקסלים היא לא משהו שאפשר לקרוא.
 *
 * לכן במסך הצר אייקוני הפעולה יורדים לשורה משלהם והשם מקבל 136.
 *
 * המקור השתמש כאן בבלוק וצף ולא ב-flex-wrap, כי flex-wrap לא קיים
 * במודל הקופסה של 2009 שה-WebView הישן מריץ. כאן אין מנוע כזה,
 * ולכן זה נכתב כ-flex-wrap — התוצאה הוויזואלית זהה.
 */
@media (max-width: 360px) {
  ._boxed_1tqsl_78 ._listCard_1tqsl_41 {
    flex-wrap: wrap;
  }
  ._boxed_1tqsl_78 ._rowActions_1tqsl_272 {
    width: 100%;
    margin: 8px 0 0;
    justify-content: flex-end;
  }
}
/* ------------------------------------------------------------
 *  טאבלט
 * ------------------------------------------------------------
 * ⚠️ עמודה ממורכזת, לא רשת של שתי עמודות.
 *
 * זו התשובה של המקור עצמו, ולא המצאה כאן: `.page` בנדרים מוגבל
 * ל-375, `.page.wide` (הדשבורד) ל-600, ושניהם `margin: 0 auto` —
 * כלומר "ב-600 בדיוק זה יוצא מקצה לקצה; במסך רחב יותר זה נשאר
 * עמודה ממורכזת ולא נמתח לרוחב כל המסך". טאבלט מקבל בדיוק את מה
 * שנכתב שם, ולא פריסה חדשה.
 *
 * שתי עמודות נשקלו ונפסלו משתי סיבות: הן לא קיימות בעיצוב שאותו
 * מעבירים, והן גם לא מתיישבות עם הווירטואליזציה — הכרטיסים
 * ממוקמים מוחלטות לפי היסט אנכי יחיד, ורשת דו-ממדית הייתה דורשת
 * לחשב את שתי הצירים ולוותר על המדידה.
 */
/*
 * HAT-1170 — שלוש דרגות, לא עמודה אחת:
 *   טלפון (<768)        — עמודה אחת, עד 600px ממורכזת (כמו במקור).
 *   טאבלט (768–959)     — רוחב מלא; כרטיסי-מיכל בשתי עמודות (lanes
 *                         ב-DataTable); טקסט מעט גדול יותר.
 *   טאבלט גדול (960+)   — כמו טאבלט, עם ריפוד גדול יותר לכרטיס.
 * הכפייה של 600 הייתה נכונה לנדרים, שרץ ברוחב קבוע; באתר היא
 * הפכה טאבלט של 1024 לטלפון עם שוליים ריקים.
 */
._cards_1tqsl_439 {
  width: 100%;
}

@media (max-width: 767px) {
  ._cards_1tqsl_439 {
    max-width: 600px;
    margin-inline: auto;
  }
}
@media (min-width: 768px) {
  ._title_1tqsl_148 {
    font-size: 15px;
  }
  ._meta_1tqsl_164 {
    font-size: 12px;
  }
  ._amount_1tqsl_177 {
    font-size: 16px;
  }
  ._flat_1tqsl_55 ._listCard_1tqsl_41 {
    padding: 14px 6px;
  }
  ._boxed_1tqsl_78 ._listCard_1tqsl_41 {
    padding: 15px 16px;
  }
}
@media (min-width: 960px) {
  ._boxed_1tqsl_78 ._listCard_1tqsl_41 {
    padding: 16px 18px;
  }
  ._icon_1tqsl_111 {
    width: 38px;
    height: 38px;
  }
  ._icon_1tqsl_111 svg,
  ._icon_1tqsl_111 img {
    width: 19px;
    height: 19px;
  }
}
._container_dlntw_2 {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

._label_dlntw_9 {
  color: var(--font-body-3);
}

._group_dlntw_13 {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 3px;
  gap: 2px;
  border: 1px solid var(--border-main);
  border-radius: 6px;
  background-color: var(--surface-grey-low);
}

._option_dlntw_24 {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding-inline: 10px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--font-body-2);
  cursor: pointer;
  white-space: nowrap;
}

._option_dlntw_24:hover:not(._optionSelected_dlntw_37) {
  background-color: var(--surface-grey-low-2);
  color: var(--font-body-1);
}

._option_dlntw_24:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 1px;
}

._optionSelected_dlntw_37 {
  background-color: var(--surface-primary);
  color: var(--font-body-4);
  font-weight: 600;
  box-shadow: none;
}

/* HAT-1249: in-picker chrome — always on, slightly tighter than the toolbar. */
._embedded_dlntw_55 {
  justify-content: center;
}

._embedded_dlntw_55 ._group_dlntw_13 {
  height: 28px;
  padding: 2px;
}

._embedded_dlntw_55 ._option_dlntw_24 {
  height: 22px;
  padding-inline: 8px;
}

@media (max-width: 1099px) {
  ._container_dlntw_2:not(._mobileEnabled_dlntw_70):not(._embedded_dlntw_55) {
    display: none;
  }
  ._embedded_dlntw_55 ._group_dlntw_13 {
    height: 36px;
    padding: 1px;
  }
  ._embedded_dlntw_55 ._option_dlntw_24 {
    height: 32px;
    padding-inline: 10px;
    font-size: 14px;
  }
  ._mobileEnabled_dlntw_70 ._group_dlntw_13 {
    height: 40px;
    padding: 1px;
  }
  ._mobileEnabled_dlntw_70 ._option_dlntw_24 {
    height: 36px;
    padding-inline: 8px;
    font-size: 16px;
  }
}
@media (max-width: 1099px) and (pointer: coarse) {
  ._embedded_dlntw_55 ._group_dlntw_13 {
    height: 40px;
  }
  ._embedded_dlntw_55 ._option_dlntw_24 {
    height: 36px;
    min-width: 44px;
  }
  ._mobileEnabled_dlntw_70 ._group_dlntw_13 {
    height: 48px;
  }
  ._mobileEnabled_dlntw_70 ._option_dlntw_24 {
    height: 44px;
    min-width: 44px;
  }
}/* The same quiet chrome the two toggle groups had in the toolbar, as one button. */
._trigger_3k5ee_2 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding-inline: 10px;
  flex: 0 0 auto;
  border: 1px solid var(--border-main);
  border-radius: 6px;
  background-color: var(--surface-grey-low);
  color: var(--font-body-2);
  white-space: nowrap;
  cursor: pointer;
}

._trigger_3k5ee_2:hover,
._triggerOpen_3k5ee_18 {
  background-color: var(--surface-grey-low-2);
  color: var(--font-body-1);
}

._trigger_3k5ee_2:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 1px;
}

._icon_3k5ee_28 {
  flex: none;
}

/* Labels in one column and the option groups in another, so the two groups start on the
   same line. Each row is display: contents, which makes its label and group grid items. */
._panel_3k5ee_34 {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  gap: 12px;
  max-width: calc(100vw - 16px);
  box-sizing: border-box;
  margin-top: 4px;
  padding: 12px 14px;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  background-color: var(--surface-base);
  box-shadow: 2px 2px 20px 5px rgba(0, 0, 0, 0.1019607843);
}

._panel_3k5ee_34 > div {
  display: contents;
}

._label_3k5ee_53 {
  color: var(--font-body-3);
  white-space: nowrap;
}

/* Beside the full-width search on a phone the button matches its height. */
@media (max-width: 1099px) {
  ._trigger_3k5ee_2 {
    height: 40px;
  }
}
@media (pointer: coarse) {
  ._trigger_3k5ee_2 {
    min-height: 44px;
  }
}
._expander_1al6y_2 {
  width: 30px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

._table_1al6y_10 {
  /* Default = normal. DataTable overwrites these from density.ts so JS and CSS stay aligned. */
  --row-h: 44px;
  --cell-py: 4px;
  --cell-px: 12px;
  --cell-fs: 16px;
  --cell-lh: 24px;
  --head-fs: 16px;
  --head-lh: 20px;
  --head-h: 40px;
  --table-radius: 8px;
  border: 1px solid var(--border-main) !important;
  border-radius: var(--table-radius);
  border-top-width: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
}

._table_1al6y_10[data-density=airy] {
  --row-h: 56px;
  --cell-py: 8px;
  --cell-fs: 16px;
  --cell-lh: 24px;
  --head-h: 44px;
}

._table_1al6y_10[data-density=compact] {
  --row-h: 36px;
  --cell-py: 0px;
  --cell-px: 8px;
  --cell-fs: 16px;
  --cell-lh: 22px;
  --head-fs: 16px;
  --head-lh: 22px;
  --head-h: 34px;
}

._th_1al6y_52 {
  padding-block: 0;
  padding-inline: var(--cell-px);
  height: var(--head-h);
  box-sizing: border-box;
  background-color: var(--surface-primary);
  color: var(--font-body-4);
  font-size: var(--head-fs);
  line-height: var(--head-lh);
  font-weight: 600;
  letter-spacing: normal;
  white-space: nowrap;
  overflow: visible;
  text-align: start;
  position: relative;
  vertical-align: middle;
}

/* Titles sit a little in from the gutter so the seam is a gap, not a hair
   pressed against the last letter. */
._thArrangeable_1al6y_72 {
  padding-inline-end: 16px;
}

._th_1al6y_52[draggable=true] {
  cursor: grab;
}

._dropTarget_1al6y_80 {
  box-shadow: inset 2px 0 0 0 var(--surface-action);
}

/* The hit area straddles the seam — wide enough to find without hunting,
   with the visible line in the middle so it reads as a gap between columns. */
._resizeHandle_1al6y_86 {
  position: absolute;
  inset-block: 0;
  inset-inline-end: -6px;
  width: 12px;
  cursor: col-resize;
  touch-action: none;
  z-index: 2;
}

._resizeHandle_1al6y_86::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 18px;
  transform: translate(-50%, -50%);
  background-color: color-mix(in srgb, var(--font-body-4) 38%, transparent);
  border-radius: 1px;
  pointer-events: none;
  transition: height 160ms ease, width 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

._resizeHandle_1al6y_86:hover::after,
._resizeHandle_1al6y_86:focus-visible::after,
._resizeHandle_1al6y_86[data-active]::after {
  width: 2px;
  height: 22px;
  background-color: color-mix(in srgb, var(--font-body-4) 92%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--font-body-4) 16%, transparent);
}

._resizeHandle_1al6y_86:focus-visible {
  outline: none;
}

/* While a column is being dragged the pointer leaves the handle, and without
   this the cursor flickers back to whatever it passes over. */
._resizing_1al6y_125,
._resizing_1al6y_125 * {
  cursor: col-resize !important;
  user-select: none !important;
}

._tableScroll_1al6y_131 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

/* The table is wider than the board. The strip above the header scrolls it (see
   .horizontalScroll); this only has to clip, like .documentScroll .tableScroll does.
   clip on both axes: paired with hidden it would compute to hidden and make this a
   scroll container, which focus could then scroll out from under the strip. */
._scrollsSideways_1al6y_142 {
  overflow: clip;
}

._tr_1al6y_146:hover {
  background-color: var(--surface-hover);
}

._td_1al6y_150 [class*=font-body-3],
._td_1al6y_150 [class*=font-sub-title] {
  color: #5f5f5f;
}

._td_1al6y_150 {
  padding-block: var(--cell-py);
  padding-inline: var(--cell-px);
  border-bottom: 1px solid var(--border-main);
  color: #2b2b2b;
  /* Must beat leftover body-lr / body-md classes on the cell itself. */
  font-size: var(--cell-fs) !important;
  line-height: var(--cell-lh) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 0;
  height: var(--row-h, var(--data-table-row-height, 44px));
  box-sizing: border-box;
  vertical-align: middle;
}

/* Design-system type classes (body-lr / body-md) must not invent a second scale
   inside a row. Weight and colour stay; size and leading come from the tokens. */
._td_1al6y_150,
._td_1al6y_150 [class*=body-],
._td_1al6y_150 a,
._td_1al6y_150 span,
._td_1al6y_150 div,
._td_1al6y_150 select,
._td_1al6y_150 button {
  font-size: var(--cell-fs);
  line-height: var(--cell-lh);
}

._th_1al6y_52,
._th_1al6y_52 [class*=body-],
._th_1al6y_52 button,
._th_1al6y_52 span {
  font-size: var(--head-fs);
  line-height: var(--head-lh);
}

/* Every descendant inherits the cell/header tokens, including <option>,
   checkboxes, and leftover body-* classes, preserving the 16px type size. */
._td_1al6y_150 *,
._td_1al6y_150 option {
  font-size: inherit;
  line-height: inherit;
}

/* HAT-1210 Variant B dual date — desktop date column (transactions). */
._td_1al6y_150 [data-transaction-date] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
}

._td_1al6y_150 [data-date-role=primary] {
  font-size: 15px !important;
  line-height: 17px !important;
  font-weight: 700;
  color: var(--font-body-1);
}

._td_1al6y_150 [data-date-role=secondary] {
  font-size: 12px !important;
  line-height: 14px !important;
  font-weight: 400;
  color: #7a6b74;
}

._td_1al6y_150 [data-date-hebrew][data-date-role=secondary] {
  color: #6b478c;
}

._td_1al6y_150 [data-date-hebrew] {
  unicode-bidi: isolate;
}

._td_1al6y_150 [data-date-year],
._td_1al6y_150 .y {
  display: inline;
  margin-inline-start: 4px;
  font-size: 12px !important;
  line-height: 14px !important;
  font-weight: 600;
  color: #6b6b6b;
}

._th_1al6y_52 * {
  font-size: inherit;
  line-height: inherit;
}

._td_1al6y_150._selected_1al6y_249 {
  background-color: var(--surface-secondary-lowest);
}

._td_1al6y_150._active_1al6y_253 {
  background-color: var(--surface-press);
}

._double-row-upper_1al6y_257 {
  font-family: var(--body-font);
  font-weight: 600;
  font-size: var(--cell-fs);
  line-height: var(--cell-lh);
}

._double-row-lower_1al6y_264 {
  font-family: var(--body-font);
  font-weight: 400;
  font-size: var(--cell-fs);
  line-height: var(--cell-lh);
  color: #5f5f5f;
}

._tableContainer_1al6y_272 {
  /*
   * One rule for every board, so two boards reached from the same sidebar are the same length.
   * The 130px is an allowance for the chrome above the board and it is a little short of the
   * 171px the board actually starts at, so a board slightly overflows the content area and
   * that area scrolls the difference - reachable, and the same on every screen. A board that
   * measured its own top instead was 45px shorter than its neighbours, which is the one thing
   * a shared component must not be.
   */
  max-height: calc(100vh - 130px);
  height: 100vh;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 1099px) {
  ._tableContainer_1al6y_272 {
    max-height: none;
    height: auto;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
  }
  ._th_1al6y_52 {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  ._th_1al6y_52:not(._hasMobileWidth_1al6y_301),
  ._td_1al6y_150:not(._hasMobileWidth_1al6y_301) {
    max-width: none !important;
    min-width: 0 !important;
    width: auto !important;
  }
  ._th_1al6y_52._hasMobileWidth_1al6y_301,
  ._td_1al6y_150._hasMobileWidth_1al6y_301 {
    max-width: none !important;
    min-width: 0 !important;
  }
  ._tbody_1al6y_312 tr._virtualSpacer_1al6y_312 {
    height: auto !important;
  }
  ._table_1al6y_10,
  ._tableScroll_1al6y_131 {
    flex: 0 0 auto;
  }
  ._emptyStateContainer_1al6y_319 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  ._emptyStateContainer_1al6y_319 img {
    max-width: 120px;
    max-height: 120px;
  }
}
/* Title, optional search/density toolbar, export, and the filter chips share
   one grid so the toolbar can move when the board runs out of width. Opening
   the sidebar is the usual trigger: wrapping the cluster onto a third row
   looked like a leftover, while the title row still had empty space. */
._boardChrome_1al6y_332 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "title actions";
  align-items: center;
  column-gap: 16px;
  margin-bottom: 32px;
}

._boardChrome_1al6y_332._hasFilters_1al6y_341 {
  grid-template-areas: "title actions" "filters filters";
  row-gap: 32px;
  margin-bottom: 24px;
}

._boardChrome_1al6y_332._hasToolbar_1al6y_347._hasFilters_1al6y_341 {
  grid-template-areas: "title actions" "filters toolbar";
  align-items: end;
}

._boardChrome_1al6y_332._hasToolbar_1al6y_347[data-crowded=true] {
  grid-template-columns: minmax(0, 1fr) auto auto;
  grid-template-areas: "title toolbar actions" "filters filters filters";
  align-items: center;
}

._boardChrome_1al6y_332._hasToolbar_1al6y_347[data-crowded=true]:not(._hasFilters_1al6y_341) {
  grid-template-areas: "title toolbar actions";
}

/*
 * A full-width row of its own, under the title. Anything put in the filters slot shares that
 * row with the toolbar, so a banner placed there is squeezed into part of the width - which
 * is wrong for a notice about the whole board.
 */
._noticeSlot_1al6y_367 {
  grid-area: notice;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

._boardChrome_1al6y_332._hasNotice_1al6y_376 {
  grid-template-areas: "title actions" "notice notice";
}

._boardChrome_1al6y_332._hasNotice_1al6y_376._hasFilters_1al6y_341 {
  grid-template-areas: "title actions" "notice notice" "filters filters";
}

._boardChrome_1al6y_332._hasNotice_1al6y_376._hasToolbar_1al6y_347._hasFilters_1al6y_341 {
  grid-template-areas: "title actions" "notice notice" "filters toolbar";
}

._boardChrome_1al6y_332._hasNotice_1al6y_376._hasToolbar_1al6y_347[data-crowded=true] {
  grid-template-areas: "title toolbar actions" "notice notice notice" "filters filters filters";
}

._boardChrome_1al6y_332._hasNotice_1al6y_376._hasToolbar_1al6y_347[data-crowded=true]:not(._hasFilters_1al6y_341) {
  grid-template-areas: "title toolbar actions" "notice notice notice";
}

._tableHeaderActions_1al6y_396 {
  grid-area: actions;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-self: end;
}

._toolbar_1al6y_404 {
  grid-area: toolbar;
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: max-content;
  flex-wrap: nowrap;
}

._toolbar_1al6y_404 > * {
  flex-shrink: 0;
}

._boardChrome_1al6y_332[data-crowded=true] ._toolbar_1al6y_404 {
  min-width: 0;
  justify-self: end;
  flex-wrap: wrap;
}

._filtersSlot_1al6y_423 {
  grid-area: filters;
  min-width: 0;
  max-width: 100%;
}

._resetLayout_1al6y_429 {
  color: var(--font-body-3);
  text-decoration: underline;
  white-space: nowrap;
}

._resetLayout_1al6y_429:hover {
  color: var(--font-body-4);
}

/*
 * The heading and its caption are one block in the title cell. Two lines that belong together
 * want no gap worth naming between them; what the caption must not do is open a band of its
 * own between the heading and the filters.
 */
._tableHeaderTitleBlock_1al6y_444 {
  grid-area: title;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._tableHeaderCaption_1al6y_452 {
  min-width: 0;
  max-width: 100%;
}

/*
 * With a caption the title cell is two lines tall, and centring the actions against it drops
 * them below the heading they belong to. They line up with its first line instead.
 */
._boardChrome_1al6y_332:has(._tableHeaderCaption_1al6y_452) ._tableHeaderActions_1al6y_396,
._boardChrome_1al6y_332:has(._tableHeaderCaption_1al6y_452) ._toolbar_1al6y_404 {
  align-self: start;
}

._tableHeaderTitle_1al6y_444 {
  margin: 0;
  min-height: 37px;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: var(--size-heading-H2);
  color: var(--text-heading);
}

@media (max-width: 1099px) {
  ._boardChrome_1al6y_332 {
    row-gap: 16px;
    margin-bottom: 16px;
  }
  ._boardChrome_1al6y_332._hasFilters_1al6y_341 {
    margin-bottom: 16px;
  }
  /* Phones stack the search under the filters; the title row is already full. */
  ._boardChrome_1al6y_332._hasToolbar_1al6y_347,
  ._boardChrome_1al6y_332._hasToolbar_1al6y_347[data-crowded=true],
  ._boardChrome_1al6y_332._hasNotice_1al6y_376._hasToolbar_1al6y_347,
  ._boardChrome_1al6y_332._hasNotice_1al6y_376._hasToolbar_1al6y_347._hasFilters_1al6y_341 {
    grid-template-columns: minmax(0, 1fr);
    max-width: 100%;
    min-width: 0;
    grid-template-areas: "title" "notice" "filters" "toolbar" "actions";
  }
  ._toolbar_1al6y_404 {
    justify-self: stretch;
    min-width: 0;
    max-width: 100%;
  }
}
._thead_1al6y_500 tr {
  display: table;
  width: 100%;
  table-layout: fixed;
  overflow-y: auto;
  height: var(--head-h);
}

._tbody_1al6y_312 {
  display: block;
  overflow-y: auto;
  min-height: 0;
}

/* The rows are exactly as wide as the table, so sideways scrolling belongs to
   the wrapper - it moves the header with them. A second scroller here would
   slide the rows out from under their own headings. */
._scrollsSideways_1al6y_142 ._tbody_1al6y_312 {
  overflow-x: hidden;
}

/* Height is driven by --row-h, which DataTable sets inline from the same
   constant it hands the virtualizer. Do not hard-code a value here. */
._tbody_1al6y_312 tr {
  display: table;
  width: 100%;
  table-layout: fixed;
  height: var(--row-h, var(--data-table-row-height, 44px)) !important;
  overflow: hidden;
}

/* Two 24px lines plus padding and the border must fit in the 56px row. */
._table_1al6y_10[data-density=airy] ._td_1al6y_150:has(br),
._table_1al6y_10[data-density=airy] ._td_1al6y_150:has(._double-row-lower_1al6y_264) {
  padding-block: 3px;
}

/* Denser presets show more rows by dropping the repeating second line, not
   by shrinking type (SPR-1140). */
._table_1al6y_10[data-density=normal] ._td_1al6y_150 br,
._table_1al6y_10[data-density=compact] ._td_1al6y_150 br {
  display: none;
}

._table_1al6y_10[data-density=normal] ._double-row-lower_1al6y_264,
._table_1al6y_10[data-density=compact] ._double-row-lower_1al6y_264 {
  display: none;
}

._tbody_1al6y_312 tr._virtualSpacer_1al6y_312 {
  display: block !important;
  height: auto !important;
  pointer-events: none;
  visibility: hidden;
}

/* Virtual rows paint above the in-flow spacer so row clicks land on the <tr>
   that owns handleRowClick, not through the spacer into whatever is behind it. */
._tbody_1al6y_312 tr[data-table-row] {
  z-index: 1;
}

._tbody_1al6y_312 tr._virtualSpacer_1al6y_312 td {
  /* Height comes from the inline style (totalSize) — do not override it here,
     an !important height rule would collapse the spacer and kill the scroll range. */
  padding: 0 !important;
  border: none !important;
  max-width: none;
}

._tfoot_1al6y_570 {
  display: table;
}

._thead_1al6y_500 > tr > th:first-child {
  border-start-start-radius: var(--table-radius);
}

._thead_1al6y_500 > tr > th:last-child {
  border-start-end-radius: var(--table-radius);
}

._tfoot_1al6y_570 > tr > td {
  border-end-end-radius: var(--table-radius);
  border-end-start-radius: var(--table-radius);
}

._selection-action_1al6y_587 {
  border-radius: 6px;
  padding: 8px 14px;
  border: 1px solid var(--border-action);
  background-color: var(--surface-action);
  color: var(--font-body-5);
}

._selection-action_1al6y_587:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._cellText_1al6y_600 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}

._columnHeaderButton_1al6y_608 {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 4px;
  position: relative;
  z-index: 1;
}

._sortIconsContainer_1al6y_619 {
  margin-inline-start: 5px;
  height: 14px;
  flex-shrink: 0;
  display: inline-flex;
  flex-direction: column;
  opacity: 0.6;
}

._sortIconsContainer_1al6y_619 img {
  width: 12px;
  height: 6px;
}

._columnHeaderButton_1al6y_608[data-sorted] ._sortIconsContainer_1al6y_619 {
  opacity: 1;
}

._statusSelect_1al6y_637 {
  display: block;
  width: 100%;
  max-width: 100%;
  height: calc(var(--row-h) - 8px);
  max-height: 100%;
  padding: 0 4px;
  border: 1px solid var(--border-main);
  border-radius: 4px;
  background-color: var(--surface-base);
  color: inherit;
  font-size: var(--cell-fs);
  line-height: var(--cell-lh);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

._questionCircleContainer_1al6y_656 {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
}

._emptyStateContainer_1al6y_319 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 9%;
  gap: 2px;
}

._loadingMoreTr_1al6y_671 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

._loadingMoreRow_1al6y_678 {
  border-bottom: none !important;
  height: auto !important;
  padding: 16px !important;
}

._loadingMoreContainer_1al6y_684 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--font-body-3);
  padding: 12px 0;
}

._loadingSpinner_1al6y_693 {
  width: 16px;
  height: 16px;
  border: 2px solid var(--border-main);
  border-top-color: var(--surface-action);
  border-radius: 50%;
  animation: _spin_1al6y_1 0.8s linear infinite;
}

@keyframes _spin_1al6y_1 {
  to {
    transform: rotate(360deg);
  }
}
/* ------------------------------------------------------------
 *  תצוגת הכרטיסים במסך צר
 * ------------------------------------------------------------
 * הכרטיסים עצמם מעוצבים ב-components/ui/CardList. מה שכאן הוא רק
 * מה שנוגע למקומם **בתוך הלוח**: אזור הגלילה, מרווח הווירטואליזציה
 * וסרגל הבחירה. ר' renderCard ב-DataTable.tsx.
 */
/*
 * ------------------------------------------------------------
 *  ה-chrome במסך צר
 * ------------------------------------------------------------
 * ⚠️ ברירת המחדל של .boardChrome היא רשת בת שתי עמודות, ו-
 * .hasToolbar.hasFilters מושיבה את הפילטרים ואת החיפוש **זה לצד
 * זה**. במסך רחב זו בדיוק הפריסה הנכונה; ברוחב של טלפון היא דוחסת
 * את הפילטרים לעמודה של כ-200 פיקסלים, שבה כל קפסולה נשברת לשתי
 * שורות והכותרת "לוח תנועות" יורדת שורה באמצע.
 *
 * כאן הכל נערם: כותרת, פעולות, חיפוש, פילטרים — כל אחד בשורה משלו
 * וברוחב מלא. הרשת נשארת כפי שהיא בכל רוחב אחר.
 */
@media (max-width: 1099px) {
  ._boardChrome_1al6y_332,
  ._boardChrome_1al6y_332._hasFilters_1al6y_341,
  ._boardChrome_1al6y_332._hasToolbar_1al6y_347._hasFilters_1al6y_341,
  ._boardChrome_1al6y_332._hasToolbar_1al6y_347[data-crowded=true],
  ._boardChrome_1al6y_332._hasToolbar_1al6y_347[data-crowded=true]:not(._hasFilters_1al6y_341) {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    /* חיפוש → סינון → ייצוא. הייצוא הוא פעולה של האתר שאין לה מקבילה
       במקור, ולכן היא יורדת לתחתית ה-chrome, צמוד לרשימה, ולא נדחפת
       בין הטאבים לחיפוש כאילו היא חלק מהניווט. */
    grid-template-areas: "title" "toolbar" "filters" "actions";
    align-items: stretch;
    row-gap: 12px;
    margin-bottom: 16px;
  }
  /*
   * HAT-1238 — hasNotice (באנר + סיכום) ספציפי יותר מ-hasToolbar.hasFilters,
   * ולכן בלי הכלל הזה הרשת נשארת 'filters toolbar' בשתי עמודות גם ב-280.
   * החיפוש יושב אז על קפסולת הסטטוס הראשונה והעמוד גולש אופקית.
   */
  ._boardChrome_1al6y_332._hasNotice_1al6y_376,
  ._boardChrome_1al6y_332._hasNotice_1al6y_376._hasFilters_1al6y_341,
  ._boardChrome_1al6y_332._hasNotice_1al6y_376._hasToolbar_1al6y_347._hasFilters_1al6y_341,
  ._boardChrome_1al6y_332._hasNotice_1al6y_376._hasToolbar_1al6y_347[data-crowded=true],
  ._boardChrome_1al6y_332._hasNotice_1al6y_376._hasToolbar_1al6y_347[data-crowded=true]:not(._hasFilters_1al6y_341) {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    grid-template-areas: "title" "notice" "toolbar" "filters" "actions";
  }
  ._tableHeaderActions_1al6y_396 {
    justify-self: start;
    max-width: 100%;
    min-width: 0;
  }
  ._boardChrome_1al6y_332 ._toolbar_1al6y_404,
  ._boardChrome_1al6y_332[data-crowded=true] ._toolbar_1al6y_404 {
    min-width: 0 !important;
    max-width: 100%;
    justify-self: stretch;
    flex-wrap: wrap;
  }
  ._boardChrome_1al6y_332 ._toolbar_1al6y_404 > * {
    flex-shrink: 1;
    min-width: 0;
    max-width: 100%;
  }
  /*
   * הכותרת בשפת הטאב הפעיל של המקור (hatzdaka-nedarim, `.tab-button.active`):
   * שורה ברוחב מלא על רקע לבן, קו בורדו תחתיה, טקסט מודגש ב-14px.
   *
   * שם זה טאב אחד מתוך כמה, כי כל הלוחות יושבים בעמוד אחד. כאן כל
   * לוח הוא route משלו, ולכן יש רק אחד — הכותרת לובשת את אותה שפה
   * חזותית בלי להעמיד פנים שיש טאבים לעבור אליהם.
   */
  ._tableHeaderTitle_1al6y_444 {
    margin: 0;
    padding: 12px 4px;
    border-bottom: 3px solid var(--surface-primary);
    background: var(--surface-base);
    color: var(--font-body-1);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
  }
  /* הפעולות (ייצוא) יורדות מתחת לכותרת ולא נצמדות אליה. */
  ._tableHeaderActions_1al6y_396 {
    margin-top: 4px;
  }
}
._cardScroll_1al6y_803 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  /* אף פעם לא אופקית: כל הפואנטה של הכרטיס היא שאין בו עמודות
     שגולשות. גלילה אופקית כאן פירושה שמשהו נשבר. */
  overflow-x: hidden;
  padding-inline: 4px;
  /*
   * HAT-1238 recritic: padding-bottom על flex+overflow נבלע ב-WebKit
   * (ה-72px היה מחושב אבל לא נכנס ל-scrollHeight — הכרטיס האחרון
   * נשאר ~40px מתחת ל-FAB). המרווח האמיתי הוא .cardFabClearance,
   * ילד in-flow אחרי הרשימה.
   */
  padding-bottom: 0;
}

/*
 * גובה 120 = 72 הקודם + ~48 של עיגול ה-FAB, עם מרווח קטן מעל
 * top≈708 שנמדד ב-390. pointer-events: none כדי שלא יחסום לחיצות.
 */
._cardFabClearance_1al6y_814 {
  height: 120px;
  width: 100%;
  flex-shrink: 0;
  pointer-events: none;
}

@media (max-width: 1099px) {
  ._cardScroll_1al6y_803 {
    /* ⚠️ .tableContainer מוותר על גובה קבוע מתחת ל-768 (ר' למעלה),
       ולכן flex:1 אין לו כאן על מה להישען וצריך גובה מפורש. זה אותו
       חישוב שגוף הטבלה עושה באותו רוחב היום. */
    height: calc(100vh - 260px);
  }
}
/*
 * מצב ריק בתצוגת הכרטיסים — בשפת נדרים (.state-box / .state-glyph):
 * עיגול אפור 46px עם קו, ומתחתיו משפט אחד ב-13.5px אפור-ירקרק. בלי
 * האיור הגדול של הדסקטופ — במסך צר הוא תופס חצי מסך ומזיז את מה
 * שהמשתמש באמת מחפש (שדה החיפוש שממנו הגיע לכאן) מעל הקיפול.
 */
._cardScroll_1al6y_803 ._emptyStateContainer_1al6y_319 {
  padding: 34px 20px;
  gap: 4px;
}

._cardScroll_1al6y_803 ._emptyStateContainer_1al6y_319 img {
  display: none;
}

._cardScroll_1al6y_803 ._emptyStateContainer_1al6y_319::before {
  content: "–";
  display: block;
  width: 46px;
  height: 46px;
  margin: 0 auto 12px;
  border-radius: 50%;
  background: var(--surface-grey-low-2);
  color: var(--font-body-3);
  font-size: 20px;
  font-weight: 700;
  line-height: 46px;
  text-align: center;
}

._cardScroll_1al6y_803 ._emptyStateContainer_1al6y_319 span {
  font-size: 13.5px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--font-body-3);
  padding-top: 0;
}

/* מרווח הווירטואליזציה: גובהו הוא סכום הכרטיסים, והכרטיסים עצמם
   ממוקמים מוחלטות מעליו. */
._cardVirtualSpacer_1al6y_879 {
  position: relative;
  width: 100%;
}

._cardSlot_1al6y_884 {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  box-sizing: border-box;
}

/* שתי עמודות (טאבלט, כרטיסי-מיכל): מרזב של 12px בין העמודות — 6 מכל צד. */
._cardSlotLane_1al6y_893 {
  padding-inline: 6px;
}

@media (min-width: 768px) and (max-width: 1099px) {
  ._cardScroll_1al6y_803 {
    padding-inline: 8px;
  }
}
/* --- שלד הטעינה --- */
._cardSkeletons_1al6y_903 {
  padding: 4px 2px;
}

._cardSkeleton_1al6y_903 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 2px;
  border-bottom: 1px solid var(--border-divider);
}

._cardSkeletonLines_1al6y_915 {
  flex: 1;
  min-width: 0;
}

/* --- סרגל הבחירה --- */
._cardSelectionBar_1al6y_921 {
  flex-shrink: 0;
  padding: 10px 12px;
  /* מקום לסרגל המחוות של iOS, שאחרת חותך את כפתורי הפעולה. */
  padding-bottom: max(10px, env(safe-area-inset-bottom));
}

/* Full-page boards use window virtualization. clip, unlike hidden/auto, does
   not establish a scroll container, so the actual THEAD sticks to the document.
   A separate native horizontal scrollbar translates header and rows together. */
._documentScroll_1al6y_139 {
  height: auto;
  max-height: none;
  overflow: visible;
  min-width: 0;
}

._documentScroll_1al6y_139 ._tableScroll_1al6y_131 {
  display: block;
  overflow-x: clip;
  overflow-y: visible;
}

._documentScroll_1al6y_139 ._table_1al6y_10 {
  flex: none;
  min-width: 0;
}

._documentScroll_1al6y_139 ._thead_1al6y_500 {
  display: block;
  width: 100%;
  min-width: 0;
  position: sticky;
  top: var(--sticky-chrome-height, 0px);
  z-index: 2;
  background: var(--surface-primary);
  /* Own background follows the radius (HAT-1207). overflow stays visible so
     resize handles and position:sticky to the document are unchanged. */
  border-start-start-radius: var(--table-radius);
  border-start-end-radius: var(--table-radius);
}

._documentScroll_1al6y_139 ._tbody_1al6y_312 {
  flex: none;
  overflow: visible;
}

._documentScroll_1al6y_139 ._td_1al6y_150 {
  max-width: none;
}

._documentScroll_1al6y_139 ._boardChrome_1al6y_332 {
  margin-bottom: 12px;
  row-gap: 12px;
  background: var(--surface-base);
}

._documentSearch_1al6y_978 {
  width: 220px;
  height: 32px;
}

/* HAT-1492: always on for a document-scrolled board with a docked sidebar
   (see stickyChrome in DataTable.tsx). */
._documentScroll_1al6y_139 ._stickyChrome_1al6y_985 {
  position: sticky;
  top: var(--sticky-balance-height, 0px);
  z-index: 2;
  padding-block: 8px;
}

@media (pointer: coarse) {
  /*
   * SPR-1229: column resize handles straddle the header seam with touch-action: none.
   * On supporteds mobile the first sortable column (נתמך) lost taps to the handle.
   * Resizing columns on touch is not a supported workflow — hide the handle.
   */
  ._resizeHandle_1al6y_86 {
    display: none;
  }
  ._columnHeaderButton_1al6y_608 {
    min-height: 44px;
    padding-inline: 6px;
    margin-inline: -6px;
  }
}
._horizontalScroll_1al6y_139:focus-visible {
  outline: 2px solid var(--font-primary);
  outline-offset: 2px;
}

._horizontalScroll_1al6y_139 {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: auto;
  flex: none;
}

._documentScroll_1al6y_139 ._tr_1al6y_146:nth-child(even) ._td_1al6y_150:not(._selected_1al6y_249):not(._active_1al6y_253) {
  background-color: #f5f6f7;
}

._documentScroll_1al6y_139 ._tr_1al6y_146:hover ._td_1al6y_150:not(._selected_1al6y_249):not(._active_1al6y_253) {
  background-color: #edf2f6;
}

._documentScroll_1al6y_139 ._td_1al6y_150[data-column-id=amount] {
  font-variant-numeric: tabular-nums lining-nums;
  font-weight: 700;
}

._documentScroll_1al6y_139 ._td_1al6y_150[data-column-id=contactName] {
  padding-block: 0;
}

/* Controls must fit inside compact rows; table cells otherwise grow beyond
   the virtualizer's pitch, making the bottom of a row click the next record. */
._table_1al6y_10[data-density=compact] ._td_1al6y_150 button {
  max-height: 32px;
  padding-block: 4px;
}

@media (max-width: 1099px) {
  ._documentScroll_1al6y_139 ._table_1al6y_10 {
    --cell-px: 4px;
  }
  ._documentScroll_1al6y_139 ._td_1al6y_150[data-column-id=contactName] button {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    overflow-wrap: anywhere;
    max-height: 48px;
    padding: 0;
  }
  ._documentScroll_1al6y_139 ._boardChrome_1al6y_332._hasToolbar_1al6y_347._hasFilters_1al6y_341,
  ._documentScroll_1al6y_139 ._boardChrome_1al6y_332._hasNotice_1al6y_376._hasToolbar_1al6y_347._hasFilters_1al6y_341 {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "title actions" "notice notice" "toolbar toolbar" "filters filters";
    align-items: center;
    column-gap: 8px;
    row-gap: 6px;
    margin-bottom: 8px;
  }
  ._documentScroll_1al6y_139 ._tableHeaderTitle_1al6y_444 {
    min-height: 0;
  }
  ._documentScroll_1al6y_139 ._tableHeaderActions_1al6y_396 {
    justify-self: end;
    gap: 4px;
  }
  ._documentScroll_1al6y_139 [data-board-filters] button {
    white-space: nowrap;
  }
  ._documentScroll_1al6y_139 ._toolbar_1al6y_404 {
    flex-wrap: nowrap;
    min-width: 0;
    width: 100%;
    gap: 8px;
  }
  ._documentScroll_1al6y_139 ._toolbar_1al6y_404 ._documentSearch_1al6y_978 {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
    height: 40px;
    padding-inline: 8px;
  }
  ._documentSearch_1al6y_978 input {
    min-width: 0;
  }
  ._documentSearch_1al6y_978 label {
    display: flex;
    flex: 0 0 20px;
  }
}
@media (max-width: 1099px) and (pointer: coarse) {
  ._documentScroll_1al6y_139 ._toolbar_1al6y_404 ._documentSearch_1al6y_978 {
    min-height: 44px;
  }
}
._amount_1al6y_1102 {
  display: inline-block;
  white-space: nowrap;
  font-variant-numeric: tabular-nums lining-nums;
  font-weight: 700;
  color: #174d46;
}

@media (max-width: 767px) {
  ._transactionMobile_1al6y_1111 {
    overflow: visible;
  }
  ._transactionMobile_1al6y_1111 ._table_1al6y_10 {
    border-radius: var(--table-radius, 8px);
    width: 100%;
  }
  ._transactionMobile_1al6y_1111 ._thead_1al6y_500 tr,
  ._transactionMobile_1al6y_1111 ._tbody_1al6y_312 ._tr_1al6y_146 {
    display: grid;
    grid-template-columns: var(--grid-columns, max-content minmax(0, 1fr) max-content);
    grid-template-rows: minmax(0, 1fr);
    grid-template-areas: "date name amount";
    column-gap: var(--grid-gap, 8px);
    padding-inline: var(--row-inline-pad, 8px);
    box-sizing: border-box;
    width: 100%;
    max-height: var(--row-h);
    overflow: hidden;
  }
  ._transactionMobile_1al6y_1111 ._thead_1al6y_500 tr {
    height: var(--head-h);
    background: var(--surface-primary);
    border-start-start-radius: var(--table-radius, 8px);
    border-start-end-radius: var(--table-radius, 8px);
  }
  ._transactionMobile_1al6y_1111 ._tbody_1al6y_312 ._tr_1al6y_146[data-row-tone=base] {
    background-color: var(--zebra-base, #ffffff);
  }
  ._transactionMobile_1al6y_1111 ._tbody_1al6y_312 ._tr_1al6y_146[data-row-tone=alt] {
    background-color: var(--zebra-alt, #eeeeee);
  }
  ._transactionMobile_1al6y_1111 ._tbody_1al6y_312 ._tr_1al6y_146:hover {
    background-color: #edf2f6;
  }
  ._transactionMobile_1al6y_1111._documentScroll_1al6y_139 ._tbody_1al6y_312 ._tr_1al6y_146 ._td_1al6y_150:not(._selected_1al6y_249):not(._active_1al6y_253),
  ._transactionMobile_1al6y_1111._documentScroll_1al6y_139 ._tbody_1al6y_312 ._tr_1al6y_146:hover ._td_1al6y_150:not(._selected_1al6y_249):not(._active_1al6y_253) {
    background-color: transparent;
  }
  ._transactionMobile_1al6y_1111 ._th_1al6y_52,
  ._transactionMobile_1al6y_1111 ._td_1al6y_150 {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    justify-self: stretch;
    text-align: center !important;
    padding-block: var(--row-pad, 10px);
    padding-inline: 0;
    white-space: normal;
    overflow: hidden;
    max-height: var(--row-h);
    text-overflow: unset;
  }
  ._transactionMobile_1al6y_1111 ._th_1al6y_52,
  ._transactionMobile_1al6y_1111 ._td_1al6y_150:not(._selected_1al6y_249):not(._active_1al6y_253) {
    background-color: transparent;
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150._selected_1al6y_249 {
    background-color: var(--surface-secondary-lowest);
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150._active_1al6y_253 {
    background-color: var(--surface-press);
  }
  ._transactionMobile_1al6y_1111 ._th_1al6y_52,
  ._transactionMobile_1al6y_1111 ._th_1al6y_52 ._columnHeaderButton_1al6y_608,
  ._transactionMobile_1al6y_1111 ._th_1al6y_52 ._columnHeaderButton_1al6y_608 span,
  ._transactionMobile_1al6y_1111 ._td_1al6y_150,
  ._transactionMobile_1al6y_1111 ._td_1al6y_150 * {
    text-align: center !important;
  }
  ._transactionMobile_1al6y_1111 ._th_1al6y_52 ._columnHeaderButton_1al6y_608 {
    display: inline-flex;
    align-items: center;
    justify-content: center !important;
    width: 100%;
  }
  ._transactionMobile_1al6y_1111 [data-column-id=contactName],
  ._transactionMobile_1al6y_1111 [data-column-id=date],
  ._transactionMobile_1al6y_1111 [data-column-id=amount] {
    justify-self: stretch;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    min-width: 0;
    overflow: hidden;
  }
  ._transactionMobile_1al6y_1111 [data-column-id=contactName] {
    grid-area: name;
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150[data-column-id=contactName] {
    padding-block: var(--row-pad, 10px);
  }
  ._transactionMobile_1al6y_1111 [data-column-id=amount] {
    grid-area: amount;
  }
  ._transactionMobile_1al6y_1111 [data-column-id=date] {
    grid-area: date;
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150[data-column-id=date] {
    color: #2b2b2b;
    overflow: hidden;
  }
  ._transactionMobile_1al6y_1111 ._th_1al6y_52[data-column-id=date] {
    --head-fs: 15px;
    --head-lh: 18px;
    padding-inline: 0;
    overflow: hidden;
  }
  ._transactionMobile_1al6y_1111 ._th_1al6y_52[data-column-id=date] ._columnHeaderButton_1al6y_608 {
    gap: 2px;
  }
  ._transactionMobile_1al6y_1111 ._th_1al6y_52 ._sortIconsContainer_1al6y_619 {
    margin-inline-start: 0;
  }
  ._transactionMobile_1al6y_1111 ._th_1al6y_52[data-column-id=date] ._sortIconsContainer_1al6y_619 img {
    width: 8px;
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150 [data-transaction-date] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    text-align: center !important;
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    overflow: hidden;
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150 [data-date-day-month],
  ._transactionMobile_1al6y_1111 ._td_1al6y_150 .g {
    direction: ltr;
    unicode-bidi: isolate;
    width: 100%;
    text-align: center !important;
    white-space: nowrap;
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150 [data-date-hebrew],
  ._transactionMobile_1al6y_1111 ._td_1al6y_150 .h {
    direction: rtl;
    unicode-bidi: isolate;
    width: 100%;
    text-align: center !important;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150 [data-date-role=primary] {
    font-size: 15px;
    line-height: 17px;
    font-weight: 700;
    color: var(--font-body-1);
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150 [data-date-role=secondary] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #7a6b74;
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150 [data-date-hebrew][data-date-role=secondary] {
    color: #6b478c;
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150 [data-date-year],
  ._transactionMobile_1al6y_1111 ._td_1al6y_150 .y {
    display: inline;
    margin-inline-start: 4px;
    direction: ltr;
    unicode-bidi: isolate;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    color: #6b6b6b;
    white-space: nowrap;
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150[data-column-id=amount],
  ._transactionMobile_1al6y_1111 ._td_1al6y_150[data-column-id=amount] ._amount_1al6y_1102,
  ._transactionMobile_1al6y_1111 ._td_1al6y_150[data-column-id=amount] * {
    font-size: 18px;
    line-height: 22px;
    font-weight: 800;
    white-space: nowrap;
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150[data-column-id=amount] ._questionCircleContainer_1al6y_656 {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
    width: 100%;
    margin-inline: auto;
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150[data-column-id=amount] ._amount_1al6y_1102 {
    display: inline-block;
    width: auto;
    margin-inline: auto;
    text-align: center !important;
  }
  ._transactionMobile_1al6y_1111 ._amount_1al6y_1102[data-in]::before {
    content: "+";
  }
  ._transactionMobile_1al6y_1111 ._amount_1al6y_1102:not([data-negative=true]) {
    color: #1b7a4a;
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150[data-column-id=contactName] button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--name-gap, 4px);
    min-width: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    padding: 0;
    text-align: center !important;
    white-space: normal;
    overflow: hidden;
    overflow-wrap: break-word;
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150 [data-transaction-name],
  ._transactionMobile_1al6y_1111 ._td_1al6y_150 .name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-width: 0;
    width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 16px;
    line-height: 1.35;
    max-height: 2.7em;
    font-weight: 600;
    text-align: center !important;
  }
  ._transactionMobile_1al6y_1111 ._table_1al6y_10[data-density=compact] ._td_1al6y_150 [data-transaction-name],
  ._transactionMobile_1al6y_1111 ._table_1al6y_10[data-density=compact] ._td_1al6y_150 .name {
    -webkit-line-clamp: 1;
    max-height: 1.35em;
  }
  ._transactionMobile_1al6y_1111 ._td_1al6y_150 [data-transaction-method] {
    flex: 0 0 auto;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: #6b6b6b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center !important;
  }
  ._transactionMobile_1al6y_1111 ._tableHeaderTitle_1al6y_444 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
    border-bottom: 0;
    padding: 0;
    min-height: 0;
    background: transparent;
  }
}
._amount_1al6y_1102[data-negative=true] {
  color: #681c3c;
}

/* HAT-1203: a future movement keeps the board's direction colours (green in, bordeaux out) —
   Figma paints both signs bordeaux, which made an incoming instalment read exactly like a
   settled expense (decided 15.9.2026). The lighter weight is what says "not settled yet". */
._amount_1al6y_1102[data-future=true] {
  font-weight: 500;
}

/* HAT-1436: the running-balance column - a secondary figure, so it is deliberately
   not bold and not direction-coloured like .amount; the muted tone CardList already
   uses for a non-definitive amount (amountMuted). */
._cumulativeAmount_1al6y_1395 {
  display: inline-block;
  white-space: nowrap;
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--font-body-3);
}

/* HAT-1448: «לא מחושב לפני …» in place of a balance - words, so they may wrap in the narrow column. */
._cumulativeAmountNote_1al6y_1403 {
  white-space: normal;
  font-size: 0.85em;
  line-height: 1.3;
}

._futureAmountCell_1al6y_1409 {
  grid-template-columns: auto auto;
  column-gap: 8px;
}

/* Figma: the same small dot as the group header's, between the amount and the kind. */
._futureAlertDot_1al6y_1415 {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fe726b;
}

._futureCaption_1al6y_1423 {
  grid-column: 1/-1;
  color: var(--font-body-2, #616060);
  font-size: 12px !important;
  line-height: 16px !important;
  white-space: nowrap;
}

/* A 36px row has no second line to give; the caption returns with the row height. */
._table_1al6y_10[data-density=compact] ._futureCaption_1al6y_1423 {
  display: none;
}

/* HAT-1203: the collapsible group header inside the virtualized body (Figma «Group
   Folder»). It is deliberately not a `.td`, so the cell's max-width:0 / ellipsis rules
   leave the label alone. */
._groupRow_1al6y_1439 {
  background-color: var(--surface-grey-low);
}

/* The whole band is the toggle's target, so the whole band answers the hover. */
._groupRow_1al6y_1439:hover {
  background-color: var(--surface-grey-medium, #ececec);
}

._groupCell_1al6y_1448 {
  height: 40px;
  padding-block: 0;
  padding-inline: 16px 40px;
  border-bottom: 1px solid var(--border-main);
  box-sizing: border-box;
  vertical-align: middle;
}

._groupBar_1al6y_1457 {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 100%;
}

._groupToggle_1al6y_1464 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  height: 100%;
  padding: 0;
  background: none;
  border: 0;
  color: var(--font-body-1, #2a2a2a);
  cursor: pointer;
  text-align: start;
}

._groupCount_1al6y_1478 {
  color: var(--font-body-2, #616060);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}

._groupCount_1al6y_1478[data-zero=true] {
  color: var(--font-body-3, #8a8a8a);
}

/* «N באיחור» beside the count while the folder is closed. */
._groupBadge_1al6y_1489 {
  flex: none;
  padding: 1px 8px;
  border-radius: 999px;
  background-color: #fbe9e7;
  color: #a3382f;
  font-weight: 500;
}

/* Rows are still arriving for this group: the count stays honest, the ring says "not final". */
._groupSpinner_1al6y_1499 {
  flex: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid var(--border-main);
  border-top-color: var(--font-primary);
  animation: _groupSpin_1al6y_1499 0.9s linear infinite;
}

@keyframes _groupSpin_1al6y_1499 {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._groupSpinner_1al6y_1499 {
    animation: none;
    border-top-color: var(--border-main);
    opacity: 0.7;
  }
}
/* The explanation line under a header: indented under the label, quieter than a row. */
._groupMessageCell_1al6y_1522 {
  height: 44px;
  padding-block: 0;
  padding-inline: 56px 16px;
  border-bottom: 1px solid var(--border-main);
  box-sizing: border-box;
  vertical-align: middle;
  color: var(--font-body-2, #616060);
}

._groupMessageCell_1al6y_1522[data-tone=note] {
  color: var(--font-body-3, #8a8a8a);
  font-style: italic;
}

._groupToggle_1al6y_1464:focus-visible {
  outline: 2px solid var(--font-primary);
  outline-offset: -2px;
}

._groupChevron_1al6y_1542 {
  flex: none;
  transition: transform 0.15s;
}

/* Expanded points down; collapsed points along the reading direction. */
._groupChevron_1al6y_1542[data-collapsed=true] {
  transform: rotate(90deg);
}

[dir=ltr] ._groupChevron_1al6y_1542[data-collapsed=true] {
  transform: rotate(-90deg);
}

._groupFlag_1al6y_1556 {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fe726b;
}

/* Contextual selection actions remain reachable without traversing every row. */
._documentScroll_1al6y_139 ._tfoot_1al6y_570 {
  position: sticky;
  bottom: 0;
  z-index: 2;
}

._documentScroll_1al6y_139 ._td_1al6y_150 button:focus-visible {
  outline: 2px solid var(--font-primary);
  outline-offset: -2px;
}

/* A date that is on record but centuries off (SPR-1179) - shown, not hidden, but marked
   so it reads as a data error rather than a normal value. */
._implausibleDate_1al6y_1578 {
  color: var(--font-error);
  text-decoration: underline dotted;
  text-underline-offset: 2px;
  cursor: help;
}
._card_13grn_2 {
  border: 1px solid var(--border-divider);
  border-radius: 10px;
  background-color: var(--surface-grey-lowest);
  overflow: hidden;
}

._cardDense_13grn_9 {
}

/* מנטה על הכותרת: אותו סימון ששאר המסך משתמש בו ל"מידע על", לא לפעולה */
._head_13grn_14 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  background-color: var(--surface-tertiary-low);
  color: var(--font-tertiary);
}

._cardDense_13grn_9 ._head_13grn_14 {
  padding: 8px 11px;
}

._link_13grn_27 {
  margin-inline-start: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  font-weight: 600;
  color: var(--font-action);
  cursor: pointer;
  flex-shrink: 0;
}
._link_13grn_27:hover {
  text-decoration: underline;
}

._idOnly_13grn_45 {
  margin-inline-start: auto;
  font-weight: 600;
  color: var(--font-tertiary);
  flex-shrink: 0;
}

/*
 * שלוש עמודות, ולא שורות של תווית-וערך: הערכים כאן קצרים (תאריך, סכום, סוג)
 * ושורה לכל אחד הייתה הופכת בלוק של שש שורות לחצי מגירה.
 */
._grid_13grn_56 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px 14px;
  padding: 12px 13px;
}

._cardDense_13grn_9 ._grid_13grn_56 {
  gap: 9px 10px;
  padding: 10px 11px;
}

._field_13grn_68 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._fieldLabel_13grn_75 {
  color: var(--font-body-3);
}

._fieldValue_13grn_79 {
  color: var(--font-body-1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._noFields_13grn_86 {
  display: block;
  padding: 11px 13px;
  color: var(--font-body-3);
  line-height: 1.5;
}._overlay_1u951_1 {
  position: fixed;
  inset: 0;
  z-index: 300;
  background-color: rgba(0, 0, 0, 0.45);
}

._content_1u951_8 {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 301;
  width: min(100vw - 32px, 520px);
  max-height: min(90vh, 640px);
  overflow-y: auto;
  background-color: var(--surface-base);
  border-radius: 16px;
  border: 1px solid var(--border-main);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  padding: 0;
}

._closeBtn_1u951_24 {
  position: absolute;
  top: 12px;
  inset-inline-end: 12px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._closeBtn_1u951_24:hover {
  background-color: var(--surface-hover);
}

._body_1u951_41 {
  padding: 24px 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._title_1u951_48 {
  margin: 0;
  padding-inline-end: 40px;
}

._field_1u951_53 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._label_1u951_59 {
  font-size: var(--body-size-sm);
  color: var(--font-body-2);
}

._input_1u951_64 {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--border-input-default);
  border-radius: 5px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: var(--body-size-sm);
  color: var(--font-body-1);
  outline: none;
  transition: border-color 0.2s;
}
._input_1u951_64:hover {
  border-color: var(--border-input-hover);
}
._input_1u951_64:focus {
  border-color: var(--border-input-focus);
}

._textarea_1u951_83 {
  min-height: 120px;
  resize: vertical;
}

._resourceRow_1u951_88 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

._errorBox_1u951_95 {
  padding: 10px 12px;
  border-radius: 5px;
  border: 1px solid var(--status-rejected-border);
  background-color: var(--surface-primary-lowest);
  color: var(--status-rejected-text);
  font-size: var(--body-size-sm);
}

._actions_1u951_104 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 24px 20px;
  border-top: 1px solid var(--border-main);
}._anchorSlot_1e8vq_1 {
  position: fixed;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  pointer-events: none;
  visibility: hidden;
}

._content_1e8vq_11 {
  z-index: 200;
  background-color: var(--surface-base);
  border-radius: 8px;
  border: 1px solid var(--border-lowest);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  outline: none;
}

._content_1e8vq_11:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}
/*
 * החלון שקופץ אחרי שנשלחה פנייה.
 *
 * קודם הוא היה שתי שורות טקסט אחת מעל השנייה, בלי היררכיה ובלי סימן שמשהו
 * הצליח - נראה כמו הודעת שגיאה בדיוק כמו כמו הודעת הצלחה. עכשיו הוא בשפה של
 * נדרים: סימן וי במנטה, כותרת, מספר הפנייה, וכפתור אחד ברור.
 *
 * הרוחב קבוע ולא נגזר מהתוכן: פופאובר שמשנה רוחב לפי אורך הטקסט המתורגם
 * קופץ במקום אחר בעברית ובאנגלית.
 */
._card_hue09_12 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 268px;
  padding: 16px;
  text-align: start;
}

._head_hue09_21 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._checkCircle_hue09_27 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: var(--surface-tertiary-low);
  color: var(--border-tertiary-strong);
  flex-shrink: 0;
}

._headText_hue09_39 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._title_hue09_46 {
  color: var(--font-tertiary);
}

._subtitle_hue09_50 {
  color: var(--font-body-3);
}

/* מה שקורה הלאה - שלא ייראה שנשלח לחלל ריק */
._note_hue09_55 {
  padding: 10px 12px;
  border-radius: 8px;
  background-color: var(--surface-grey-lowest);
  color: var(--font-body-2);
  line-height: 1.55;
}

._viewBtn_hue09_63 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 10px 12px;
  border: none;
  border-radius: 8px;
  background-color: var(--surface-primary);
  color: var(--font-body-4);
  font-family: inherit;
  cursor: pointer;
  transition: background-color 0.15s;
}
._viewBtn_hue09_63:hover {
  background-color: var(--surface-primary-dark);
}
/*
 * ============================================================
 *  גיליון תחתון
 * ============================================================
 *
 * הועבר מ-hatzdaka-nedarim (css/common.css, "גיליון תחתון"; ההתנהגות
 * ב-js/components/sheet.js). המידות, הרדיוסים והתזמונים זהים; הפלטה
 * היא של מרכז הצדקה.
 *
 * למה גיליון ולא תפריט צף: במסך צר תפריט שנפתח מתחת לפקד גולש מהמסך,
 * או נפתח כלפי מעלה ומכסה את הפקד עצמו. גיליון תמיד נפתח לאותו מקום,
 * תמיד באותו רוחב, ויש בו מקום לרשימה ארוכה.
 *
 * ⚠️ המקור תומך גם במצב "תלוי מתחת לפקד" (is-anchored), שנועד לתפריט
 * של שתי פעולות בטרמינל צר. הוא לא הועבר: באתר, במסך שאינו צר, תפריט
 * הפעולות נשאר CustomMenu הקיים — ולכן אין כאן מקרה שבו צריך לתלות
 * פאנל מתחת לפקד. אם יתברר שיש, המקור הוא ההפניה.
 */
._scrim_183kr_20 {
  position: fixed;
  inset: 0;
  background: rgba(42, 42, 42, 0.35);
  z-index: 210;
}

._sheet_183kr_27 {
  position: fixed;
  inset-inline-start: 50%;
  bottom: 0;
  width: 600px;
  max-width: 100%;
  transform: translateX(50%);
  max-height: 80%;
  display: flex;
  flex-direction: column;
  background: var(--surface-base);
  border-radius: 18px 18px 0 0;
  box-shadow: 0 -6px 26px rgba(42, 42, 42, 0.2);
  z-index: 211;
  transition: transform 0.3s ease;
}

/* ⚠️ ה-transform משמש גם למרכוז וגם להחלקה, ולכן מצב הסגירה חייב
   לכתוב את שניהם — אחרת הגיליון קופץ למחצית המסך בזמן שהוא נסגר. */
._hidden_183kr_46 {
  transform: translateX(50%) translateY(100%);
}

@media (max-width: 600px) {
  ._sheet_183kr_27 {
    inset-inline-start: 0;
    transform: none;
  }
  ._hidden_183kr_46 {
    transform: translateY(100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._sheet_183kr_27 {
    transition: none;
  }
}
._grab_183kr_64 {
  width: 38px;
  height: 4px;
  margin: 10px auto 8px;
  border-radius: 2px;
  background: var(--border-lowest);
  flex-shrink: 0;
}

._title_183kr_73 {
  padding: 0 20px 6px;
  font-size: 15px;
  font-weight: 700;
  color: var(--font-body-1);
  flex-shrink: 0;
}

._list_183kr_81 {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 14px;
  /* מקום לסרגל המחוות של iOS, שאחרת חותך את הפעולה האחרונה. */
  padding-bottom: max(14px, env(safe-area-inset-bottom));
}

._item_183kr_90 {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 12px 20px;
  border: 0;
  border-bottom: 1px solid var(--surface-grey-low);
  background: var(--surface-base);
  color: var(--font-body-1);
  font-family: inherit;
  font-size: 14px;
  text-align: start;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
._item_183kr_90:last-child {
  border-bottom: 0;
}
._item_183kr_90:active {
  background: var(--surface-primary-lowest);
}
._item_183kr_90:disabled {
  color: var(--font-disabled);
  cursor: default;
}
._item_183kr_90 {
  /* ⚠️ הפעולה ההרסנית נבדלת בצבע **ובמשקל**, לא בצבע לבד: הבחנה
     שנשענת רק על גוון נעלמת אצל מי שאינו מבחין בו. */
}
._item_183kr_90._danger_183kr_120 {
  color: var(--font-primary);
  font-weight: 600;
}
._item_183kr_90._dismiss_183kr_124 {
  color: var(--font-body-3);
}

._itemIcon_183kr_128 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  margin-inline-end: 10px;
  flex-shrink: 0;
}
._itemIcon_183kr_128 svg,
._itemIcon_183kr_128 img {
  width: 16px;
  height: 16px;
}

._itemName_183kr_142 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._empty_183kr_150 {
  padding: 22px 20px;
  color: var(--font-body-3);
  font-size: 13.5px;
  text-align: center;
}

/* HAT-1170 — טאבלט: הגיליון מתרחב עם המסך, כמו המגירה (Blade). */
@media (min-width: 768px) and (max-width: 1099px) {
  ._sheet_183kr_27 {
    width: 720px;
  }
}
@media (min-width: 960px) and (max-width: 1099px) {
  ._sheet_183kr_27 {
    width: 840px;
  }
}
/*
 * ============================================================
 *  ניווט הלוחות במסך צר — טאבים ותת-טאבים
 * ============================================================
 *
 * הועבר מ-hatzdaka-nedarim (css/common.css, "טאבים"), ומופיע שם
 * ב-html/pages/dashboard.html מעל שורת החיפוש. המידות זהות: שורת
 * טאבים בגובה 46 על רקע אפור, הפעיל לבן עם קו בורדו של 3 פיקסלים;
 * ותת-טאבים כקפסולות, הפעיל בורדו מלא.
 *
 * ⚠️ **ההבדל היחיד מהמקור הוא מה שמאחורי הכפתור.** שם כל הלוחות
 * יושבים בעמוד אחד, והטאב מחליף תוכן בלי לנווט. כאן כל לוח הוא
 * route משלו — וזו הייתה החלטה מפורשת: הניווט נשאר של האתר, המראה
 * הוא של נדרים. לכן אלה קישורים (NavLink), לא כפתורים. מבחינת מי
 * שמסתכל על המסך זה אותו דבר בדיוק; מבחינת הכתובת, הרענון וכפתור
 * ה-back — זה נשאר האתר.
 *
 * מעל 1100 הרכיב לא מרונדר כלל: שם סרגל הצד הוא הניווט.
 */
/*
 * רווח קבוע מתחת לסרגל כולו (עם או בלי תת-טאבים), לפני מה שבא אחריו —
 * KPI-ים, כותרת, חיפוש. בלעדיו התוכן הבא יושב צמוד לקו התחתון של
 * הטאב הפעיל, וזה בדיוק מה שגרם ל"הוראות קבע" להיראות דחוסות: ארבעת
 * המונים התחילו מיד מתחת לקו של 3px.
 */
._nav_118ii_27 {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-bottom: 16px;
}

._tabs_118ii_35 {
  display: flex;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
  background: var(--gray-6);
}

._tab_118ii_35 {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  margin: 0;
  padding: 0 4px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: var(--gray-6);
  color: var(--font-body-3);
  font-family: inherit;
  font-size: 14px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
._tab_118ii_35:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: -2px;
}

._tabActive_118ii_72 {
  background: var(--surface-base);
  color: var(--font-body-1);
  font-weight: 700;
  border-bottom-color: var(--surface-primary);
}

/*
 * תת-הטאבים לובשים את שפת הקפסולה ולא שורת טאבים שנייה, כדי ששני
 * המפלסים לא יתחרו זה בזה. זה הנימוק שכתוב במקור.
 */
._subTabs_118ii_83 {
  display: flex;
  padding: 12px 0 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  scrollbar-width: none;
}
._subTabs_118ii_83::-webkit-scrollbar {
  display: none;
}

._subTab_118ii_83 {
  display: inline-flex;
  align-items: center;
  margin: 0;
  margin-inline-end: 8px;
  padding: 6px 13px;
  border: 0;
  border-radius: 14px;
  background: var(--gray-6);
  color: var(--font-body-2);
  font-family: inherit;
  font-size: 12.5px;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  flex-shrink: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
._subTab_118ii_83:last-child {
  margin-inline-end: 0;
}
._subTab_118ii_83:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 1px;
}

._subTabActive_118ii_121 {
  background: var(--surface-primary);
  color: var(--font-body-4);
  font-weight: 600;
}/*
 * ⚠️ nowrap ו-flex-shrink:0 אינם נוי (HAT-1170).
 *
 * לקפסולה גובה קבוע של 32px אבל לא הייתה לה הגנה על הרוחב, ולכן
 * ברגע שהשורה נדחסה — מה שקורה בכל מסך צר — התווית נשברה לשתי
 * שורות בתוך קופסה בגובה שורה אחת, והטקסט **גלש אל מחוץ לקפסולה**:
 * "90 יום אחרונים" נמרח מעל ומתחת למסגרת. עכשיו הקפסולה שומרת על
 * רוחב התוכן שלה, והשורה שמכילה אותה היא זו שנשברת.
 */
._filterButton_1j01x_10 {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 6px 12px 6px 10px;
  gap: 10px;
  border-radius: 24px;
  background-color: var(--surface-grey-low) !important;
  border: 1px solid transparent;
  white-space: nowrap;
  flex-shrink: 0;
}

._filterButton_1j01x_10:not(._filterButtonDropdownOpen_1j01x_23):not(._filterButtonHasValue_1j01x_23):hover {
  background-color: var(--surface-grey-lighter) !important;
}

._filterButton_1j01x_10:active,
._filterButtonDropdownOpen_1j01x_23 {
  background-color: var(--surface-grey-low) !important;
  border: 1px solid var(--border-low);
}

._filterButtonHasValue_1j01x_23:not(._filterButtonDropdownOpen_1j01x_23) {
  background-color: var(--surface-base) !important;
  border: 1px solid var(--border-primary);
}

._filterButtonDropdownOpen_1j01x_23:hover,
._filterButtonHasValue_1j01x_23:hover {
  cursor: default;
}

._filterButtonWithArrows_1j01x_43 {
  padding: 4px 10px;
  gap: 4px;
}

._arrowButton_1j01x_48 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color 0.15s;
}

._arrowButton_1j01x_48:hover {
  background-color: var(--surface-grey-lighter);
}

/*
 * HAT-1212: כשה-parent מדווח isBusy (למשל TransactionPage באמצע refetch
 * אחרי החלת טווח חדש), החץ מקבל שקיפות ולא מגיב לקליק. הוא נשאר בפוקוס
 * לוגית אבל אין רגש קליקבילי — הפידבק הזה למניעת רצף קליקים כפולים.
 */
._arrowButton_1j01x_48[data-busy] {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}

._arrowButton_1j01x_48 img {
  width: 16px;
  height: 16px;
}

._filterDropdown_1j01x_80 {
  background: var(--surface-base);
  margin-block-start: 4px;
  width: 244px;
  border-radius: 8px;
  border: 1px solid var(--border-lowest);
  box-shadow: 0px 2px 12px 0px #0000000d;
  padding: 4px 16px;
}

._filterOption_1j01x_90 {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 12px 10px;
  gap: 10px;
  background: var(--surface-base);
  border-block-end: 1px solid var(--border-main);
}

._filterOption_1j01x_90:hover {
  background-color: var(--surface-hover);
}

._filterOption_1j01x_90:active {
  background-color: var(--surface-press);
}

._filterOption_1j01x_90:last-of-type {
  border-block-end: none;
}

._filterOptionChecked_1j01x_112 {
  background-color: var(--surface-base);
}

._customRangeOption_1j01x_116 {
  position: relative;
  cursor: pointer;
  justify-content: space-between;
  margin-inline: -16px;
  margin-bottom: -4px;
  padding-block: 12px;
  padding-inline: 15px;
  border-radius: 0 0 8px 8px;
  border-top: 2px solid var(--border-main);
  display: flex;
  align-items: center;
  height: 52px;
}

._customRangeOption_1j01x_116:hover {
  background-color: var(--surface-hover);
}

._customRangeText_1j01x_135 {
  width: 190px;
  text-align: start !important;
}

[dir='ltr'] ._customRangeOption_1j01x_116 img,
[dir='ltr'] ._backToOptions_1j01x_141 img {
  transform: scaleX(-1);
}

._rangeFilter_1j01x_145 {
  width: 212px;
  padding-top: 12px;
  padding-bottom: 12px;
}

._rangeFilterContainerWithBackButton_1j01x_151 {
  padding-top: 6px !important;
  padding-bottom: 12px;
}

._backToOptions_1j01x_141 {
  padding-bottom: 8px;
}

._rangeContent_1j01x_160 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
}

._rangeContentWithBackButton_1j01x_167 {
  gap: 160px;
}

._rangeInputsGroup_1j01x_171 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._rangeInput_1j01x_171 {
  height: 40px;
  border-radius: 8px;
  width: 100%;
  background-color: var(--surface-base);
  border: 1px solid var(--border-input-default);
  padding: 8px 12px;
}

._rangeInputContainer_1j01x_186 {
  position: relative;
  width: 100%;
}

._shekelIcon_1j01x_191 {
  position: absolute;
  inset-inline-end: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 24px;
  z-index: 1;
}

._calendarIcon_1j01x_201 {
  position: absolute;
  inset-inline-start: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: auto;
  cursor: pointer;
}

._dateInput_1j01x_210 {
  padding-inline-start: 40px;
}

input[type='date']::-webkit-calendar-picker-indicator,
input[type='date']::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
}

._rangeInput_1j01x_171:focus {
  outline: none;
}

._rangeInput_1j01x_171[type='number']::-webkit-inner-spin-button,
._rangeInput_1j01x_171[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._rangeInput_1j01x_171[type='number'] {
  -moz-appearance: textfield;
}

._rangeApplyButton_1j01x_234 {
  height: 40px;
  background-color: var(--surface-secondary) !important;
  border-radius: 8px;
  padding: 8px 20px;
}

._datepickerCalendar_1j01x_241 {
  border-radius: 8px;
  border: none !important;
  background-color: var(--surface-base);
  padding: 8px 16px 16px 16px;
  width: 312px;
  box-shadow: 0px 2px 8px 0px #00000026;
}

._datepickerCalendar_1j01x_241 [class*='react-datepicker__header'] {
  background-color: var(--surface-base);
  padding: 0px;
  border-bottom: none !important;
}

._datepickerChrome_1j01x_256 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  width: 100%;
}

._datepickerCalendarMode_1j01x_264 {
  display: flex;
  justify-content: center;
  padding-block: 2px 2px;
}

._datepickerMonthHeader_1j01x_270 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 4px;
  border-bottom: 1px solid var(--border-divider) !important;
}

/*
 * רק תאי יום — לא .react-datepicker__day-name / __day-names.
 * [class*='react-datepicker__day'] תפס גם את שורת א–ש ודחס אותה ל-40px.
 */
._datepickerCalendar_1j01x_241 .react-datepicker__day {
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  align-content: center;
  font-size: 14px;
  color: var(--font-body-1);
}

._datepickerCalendar_1j01x_241 [class*='react-datepicker__month'] {
  margin: 0;
}

._datepickerCalendar_1j01x_241 [class*='react-datepicker__day-name'] {
  color: #111827;
  font-weight: 600;
}

/*
 * With nothing picked yet, react-datepicker pre-selects today, so this has to come before the
 * today rule: otherwise its background: none would wipe the tint in the most common state.
 */
._datepickerCalendar_1j01x_241 [class*='react-datepicker__day--keyboard-selected'] {
  background: none !important;
}

/*
 * HAT-1279: today used to be bold burgundy text and nothing else, and in the dual Hebrew/Gregorian
 * cells every number is already bold, so it vanished. A 2px brand ring on the palest brand tint
 * reads as "today" at a glance while staying clearly apart from the filled pill of a picked day.
 */
._datepickerCalendar_1j01x_241 [class*='react-datepicker__day--today'] {
  font-weight: 700 !important;
  color: var(--font-primary) !important;
  background-color: var(--surface-primary-lowest) !important;
  box-shadow: inset 0 0 0 2px var(--border-primary);
  border-radius: 32px !important;
}

._datepickerCalendar_1j01x_241 [class*='react-datepicker__day--selected'] {
  background-color: var(--surface-primary) !important;
  color: var(--font-body-4) !important;
  border-radius: 32px !important;
  /* A picked day that is also today: the filled pill says enough, the ring would just blur its edge. */
  box-shadow: none;
}

._datepickerCalendar_1j01x_241 ._react-datepicker__day_1j01x_279:hover,
._datepickerCalendar_1j01x_241 [class*='react-datepicker__day--']:hover {
  background-color: var(--surface-grey-low);
  border-radius: 32px !important;
}

._datepickerCalendar_1j01x_241 [class*='react-datepicker__day--today']:hover {
  background-color: var(--surface-grey-low) !important;
}

._datepickerCalendar_1j01x_241 [class*='react-datepicker__day--outside-month'] {
  color: var(--font-disabled) !important;
  opacity: 0.6;
}

/*
 * Today shown in the trailing row of the previous month, or greyed out because the other end of the
 * range rules it out, is not a day to reach for: a thin ring marks it, the tint and colour stay off.
 */
._datepickerCalendar_1j01x_241 [class*='react-datepicker__day--outside-month'][class*='react-datepicker__day--today'],
._datepickerCalendar_1j01x_241 [class*='react-datepicker__day--disabled'][class*='react-datepicker__day--today'] {
  color: var(--font-disabled) !important;
  background-color: transparent !important;
  box-shadow: inset 0 0 0 1px var(--border-primary);
}

._datepickerNavIcon_1j01x_355 {
  cursor: pointer;
  display: block;
  width: 16px;
  height: 16px;
  pointer-events: none;
}

[dir='ltr'] ._datepickerNavIcon_1j01x_355 {
  transform: rotate(180deg);
}

/*
 * HAT-1212: כפתור-חץ בכותרת הלוח. גובה מלא של 32×32 כדי שהאזור הלחיץ
 * יהיה בגודל מעשי, אבל האייקון עצמו 16×16 כמו קודם — הגיאומטריה של
 * הכותרת לא זזה. state לחוץ מוצג מיד (:active + [aria-busy]), כך
 * שהמשתמש רואה שהלחיצה נקלטה גם כשהלוח עוד מרנדר את החודש הבא.
 */
._datepickerNavButton_1j01x_373 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  transition:
    background-color 0.12s ease-out,
    transform 0.08s ease-out;
  color: inherit;
}

._datepickerNavButton_1j01x_373:hover {
  background-color: var(--surface-grey-lighter);
}

._datepickerNavButton_1j01x_373:focus-visible {
  outline: 2px solid var(--border-primary);
  outline-offset: 1px;
}

._datepickerNavButton_1j01x_373:active,
._datepickerNavButton_1j01x_373[aria-busy='true'] {
  background-color: var(--surface-grey-low);
  transform: scale(0.94);
}

/*
 * disabled=true מגיע כשה-parent מדווח isBusy (העמוד באמצע refetch). לא
 * cursor:not-allowed — הכפתור עדיין נראה כמו כפתור, פשוט לא מגיב, וההודעה
 * "המידע מתעדכן" נמסרת דרך aria-busy על ה-DataTable ולא דרך cursor.
 */
._datepickerNavButton_1j01x_373:disabled {
  opacity: 0.4;
  cursor: default;
  transform: none;
}

._datepickerNavButton_1j01x_373:disabled:hover {
  background-color: transparent;
}

._closeIcon_1j01x_420 {
  cursor: pointer;
  width: 14px;
  height: 14px;
}

._datepickerHeaderSelects_1j01x_426 {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}

._datepickerHeaderSelect_1j01x_426 {
  appearance: none;
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 2px 4px;
  border-radius: 4px;
  text-align: center;
  text-align-last: center;
}

._datepickerHeaderSelect_1j01x_426:hover {
  background-color: var(--surface-grey-low);
}

._datepickerHeaderSelect_1j01x_426:focus-visible {
  outline: 1px solid var(--border-primary);
}

/*
 * HAT-1196: the year select is a shortcut that lets the calendar jump years at a time - not a
 * page at a time - and nobody used it because it looked no different from the month name beside
 * it. A permanent maroon frame in the brand's primary border colour makes it read as its own
 * control at rest, matching the selected-day pill beside it, without waiting for a hover or a
 * focus ring nobody sees.
 */
._datepickerHeaderYearSelect_1j01x_458 {
  border: 1px solid var(--border-primary);
  border-radius: 6px;
  padding: 1px 6px;
}

._datepickerHeaderYearSelect_1j01x_458:focus-visible {
  outline: 1px solid var(--border-primary);
  outline-offset: 1px;
}

/*
 * HAT-1210: year-jump chip — Gregorian `2026 ▾`, Hebrew `תשפ״ו ▾` (83:169).
 */
._datepickerHebrewMonth_1j01x_472 {
  font-weight: 700;
  color: var(--neutral-900);
  padding: 2px 4px;
  white-space: nowrap;
}

._yearJumpChip_1j01x_479 {
  appearance: none;
  border-radius: 999px;
  padding: 4px 22px 4px 10px;
  border: 1px solid var(--border-primary);
  background-color: var(--surface-grey-low);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23681c3c' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 8px center;
  min-height: 28px;
}

[dir='rtl'] ._yearJumpChip_1j01x_479 {
  background-position: right 8px center;
  padding: 4px 10px 4px 22px;
}

._yearJumpChipHebrew_1j01x_496 {
  color: var(--border-primary);
}

._datepickerCalendarDual_1j01x_500 .react-datepicker__day {
  width: 42px !important;
  height: 48px !important;
  min-height: 44px;
  padding: 2px 0;
}

._dualDay_1j01x_507 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 1.15;
  unicode-bidi: isolate;
}

._dualDayPrimary_1j01x_518 {
  font-size: 13px;
  font-weight: 700;
  unicode-bidi: isolate;
}

._dualDaySecondary_1j01x_524 {
  font-size: 10px;
  font-weight: 400;
  color: #7a6b74;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  unicode-bidi: isolate;
}

._datepickerCalendarDual_1j01x_500 [class*='react-datepicker__day--today'] ._dualDaySecondary_1j01x_524 {
  color: var(--font-primary);
}

._datepickerCalendarDual_1j01x_500 [class*='react-datepicker__day--selected'] ._dualDaySecondary_1j01x_524,
._datepickerCalendarDual_1j01x_500 [class*='react-datepicker__day--selected'] ._dualDayPrimary_1j01x_518 {
  color: var(--font-body-4);
}

._datepickerCalendarDual_1j01x_500 [class*='react-datepicker__day--outside-month'] ._dualDayPrimary_1j01x_518,
._datepickerCalendarDual_1j01x_500 [class*='react-datepicker__day--outside-month'] ._dualDaySecondary_1j01x_524 {
  color: var(--font-disabled);
}

._rangeModeSwitch_1j01x_549 {
  display: flex;
  gap: 4px;
  padding: 3px;
  border-radius: 8px;
  background-color: var(--surface-grey-low);
}

._rangeModeOption_1j01x_557 {
  flex: 1;
  height: 28px;
  border: none;
  border-radius: 6px;
  background-color: transparent;
  color: var(--font-body-3);
  cursor: pointer;
}

._rangeModeOption_1j01x_557:hover:not(._rangeModeOptionActive_1j01x_567) {
  background-color: var(--surface-grey-lighter);
}

._rangeModeOptionActive_1j01x_567 {
  background-color: var(--surface-base);
  color: var(--font-body-1);
  box-shadow: 0px 1px 3px 0px #0000001a;
  cursor: default;
}

/* ============================================================
 *  מסך צר — קפסולות בפרופורציות של נדרים (HAT-1170)
 * ============================================================
 * המקור (css/common.css, .filter-button): 6px 12px, רדיוס 14, 12px,
 * רקע #f2f2f2, טקסט כהה; פעיל = בורדו מלא עם טקסט לבן. הקפסולה של
 * האתר (32px, רדיוס 24, 16px, פעיל = לבן עם מסגרת בורדו) נכתבה
 * לדסקטופ ונראית גדולה פי אחד וחצי ליד הכרטיסים. קובץ .css, ולכן
 * 1099 במספר — זהו $mobile-max. */
@media (max-width: 1099px) {
  ._filterButton_1j01x_10,
  ._filterButtonWithArrows_1j01x_43 {
    height: 28px;
    padding: 0 12px;
    gap: 6px;
    border-radius: 14px;
    font-size: 12px;
    line-height: 1;
    background-color: var(--gray-6) !important;
    border-color: transparent;
    color: var(--font-body-1);
  }

  ._filterButton_1j01x_10 img,
  ._filterButtonWithArrows_1j01x_43 img {
    width: 12px;
    height: 12px;
  }

  ._filterButtonDropdownOpen_1j01x_23,
  ._filterButtonHasValue_1j01x_23:not(._filterButtonDropdownOpen_1j01x_23) {
    background-color: var(--surface-primary) !important;
    border-color: transparent;
    color: var(--font-body-4);
  }

  /*
   * ⚠️ התווית עצמה נושאת מחלקת צבע משלה (text-(--font-primary), בורדו)
   * ומחלקת גודל (body-md-regular, 16px) — ולכן צבע וגודל שנקבעים על
   * הכפתור לא מגיעים אליה. בלי הכלל הזה קפסולה פעילה היא בורדו על
   * בורדו: "90 יום אחרונים" נעלם והקפסולה נראית ריקה. נראה בצילום.
   */
  ._filterButton_1j01x_10 span,
  ._filterButtonWithArrows_1j01x_43 span {
    font-size: 12px;
    line-height: 1;
    color: inherit;
  }

  ._filterButtonDropdownOpen_1j01x_23 span,
  ._filterButtonHasValue_1j01x_23:not(._filterButtonDropdownOpen_1j01x_23) span {
    color: var(--font-body-4);
  }

  /* האייקונים הם SVG כהים; על בורדו הם צריכים להתהפך ללבן. */
  ._filterButtonDropdownOpen_1j01x_23 img,
  ._filterButtonHasValue_1j01x_23:not(._filterButtonDropdownOpen_1j01x_23) img {
    filter: brightness(0) invert(1);
  }

  ._arrowButton_1j01x_48 {
    width: 20px;
    height: 20px;
  }
}

/* ============================================================
 *  מסך צר — הפאנל שנפתח מהקפסולה, בפרופורציות של נדרים (HAT-1170)
 * ============================================================
 * המקור (css/common.css): .filter-dropdown ברוחב 196, ריפוד 8px 0,
 * רדיוס 12; .filter-option 9px 14px, 13.5px, בלי קווים מפרידים,
 * הנבחר ברקע ורוד בהיר וטקסט בורדו מודגש; שדות טווח 13px ברדיוס 9;
 * כפתור החלה בורדו 13.5px מודגש ברדיוס 10. הפאנל של האתר (244px,
 * שורות של 48px עם 16px) נכתב לעכבר ונראה גדול ליד הקפסולות. */
@media (max-width: 1099px) {
  ._filterDropdown_1j01x_80 {
    width: auto;
    min-width: 196px;
    max-width: calc(100vw - 16px);
    max-height: 292px;
    overflow-y: auto;
    padding: 8px 0;
    border-radius: 12px;
    border-color: var(--border-divider);
    box-shadow: 0 8px 22px rgb(42 42 42 / 14%);
  }

  ._filterOption_1j01x_90 {
    height: auto;
    min-height: 0;
    /* 7 ולא 9 כמו במקור: תיבת הסימון של האתר גבוהה מהטקסט ב-8px,
       ובלי הקיזוז המרווח בין שורות יצא 84 במקום 76 של המקור. */
    padding: 7px 14px;
    gap: 8px;
    border-block-end: 0;
    font-size: 13.5px;
  }

  ._filterOption_1j01x_90 *,
  ._customRangeText_1j01x_135,
  ._customRangeText_1j01x_135 * {
    font-size: 13.5px !important;
    line-height: 1.3;
  }

  ._filterOptionChecked_1j01x_112 {
    background-color: var(--surface-primary-lowest);
    color: var(--font-primary);
    font-weight: 600;
  }

  ._filterOption_1j01x_90 img,
  ._filterOption_1j01x_90 svg {
    width: 16px;
    height: 16px;
  }

  ._customRangeOption_1j01x_116 {
    margin-inline: 0;
    margin-bottom: 0;
    padding: 9px 14px;
  }

  ._rangeContent_1j01x_160,
  ._rangeContentWithBackButton_1j01x_167 {
    padding: 8px 14px 4px;
  }

  /*
   * SPR-1229: desktop keeps a tall gap so the back row and apply sit apart;
   * on mobile the panel is capped at 292px tall — 160px gap hid אישור below
   * the fold and made the custom range feel dead on ~390px viewports.
   */
  ._rangeContentWithBackButton_1j01x_167 {
    gap: 16px;
  }

  ._rangeInput_1j01x_171 {
    padding: 8px 10px;
    border-radius: 9px;
    font-size: 13px;
    height: auto;
  }

  ._rangeApplyButton_1j01x_234 {
    width: 100%;
    margin: 4px 0 2px;
    padding: 9px 0;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 700;
    height: auto;
  }

  ._backToOptions_1j01x_141 {
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 700;
    color: var(--font-tertiary);
  }
}

/* HAT-1170 — התפריט הנפתח של הקפסולה במסך צר, בשפת נדרים
   (.filter-dropdown / .filter-option): רוחב לפי התוכן (מינימום 196),
   רדיוס 12, ריפוד 8px 0; שורת אפשרות 9px 14px, 13.5px, בלי גובה קבוע
   של 48. הנבחרת — רקע בורדו-בהיר וטקסט בורדו מודגש. */
@media (max-width: 1099px) {
  ._filterDropdown_1j01x_80 {
    width: auto;
    min-width: 196px;
    max-height: 292px;
    overflow-y: auto;
    padding: 8px 0;
    border-radius: 12px;
    border: 1px solid var(--border-divider);
    box-shadow: 0 8px 22px rgb(42 42 42 / 14%);
  }

  ._filterOption_1j01x_90 {
    height: auto;
    min-height: 0;
    padding: 9px 14px;
    gap: 8px;
    border-block-end: 0;
  }

  ._filterOption_1j01x_90 span {
    font-size: 13.5px;
    line-height: 1.3;
  }

  ._filterOptionChecked_1j01x_112 {
    background: var(--surface-primary-lowest);
  }

  ._filterOptionChecked_1j01x_112 span {
    color: var(--font-primary);
    font-weight: 600;
  }

  ._customRangeOption_1j01x_116 {
    padding: 9px 14px;
  }

  ._customRangeText_1j01x_135 {
    font-size: 13.5px;
  }

  /*
   * "בחר הכל" / "הסר הכל" (HAT-1170) — שורה ראשונה ברשימה, מודגשת
   * ובצבע הקפסולה הפעילה (--font-tertiary, כמו backToOptions), כדי
   * שתיקרא כפעולה ולא כאפשרות סינון נוספת. מוצג רק במסך צר.
   */
  ._selectAllOption_1j01x_790 {
    display: block;
    width: 100%;
    padding: 9px 14px;
    border: 0;
    border-bottom: 1px solid var(--border-divider);
    background: transparent;
    text-align: start;
    cursor: pointer;
  }

  ._selectAllOption_1j01x_790:hover {
    background-color: var(--surface-hover);
  }
}

/* HAT-1205: phone chips stay readable (≥14px). Proto height is 36; 44 on coarse. */
@media (max-width: 767px) {
  ._filterButton_1j01x_10,
  ._filterButtonWithArrows_1j01x_43 {
    height: 36px;
    min-height: 36px;
    font-size: 14px;
  }

  ._filterButton_1j01x_10 span,
  ._filterButtonWithArrows_1j01x_43 span {
    font-size: 14px;
    line-height: 1.2;
  }
}

@media (max-width: 767px) and (pointer: coarse) {
  ._filterButton_1j01x_10,
  ._filterButtonWithArrows_1j01x_43 {
    height: 44px;
    min-height: 44px;
  }
}

/* ============================================================
 *  HAT-1218 — הלוח כמודל מסך מלא במובייל/פולד
 * ============================================================
 * מתחת ל-$tablet השדה מקבל `withPortal`, ו-react-datepicker
 * מרנדר את הלוח בתוך <div class="react-datepicker__portal"> על
 * document.body. הסגנון המקורי שלהם הוא backdrop שחור עם גוון
 * גבוה מאוד; פה מותחים את זה למראה מודל דיאלוג M3, בבורדו
 * המותג, עם כפתורי היום/החודש בגודל מגע (≥44), ובלי גלישה
 * אופקית באף breakpoint (280–430 טלפון, 320–360 Z Fold cover,
 * 768+ טאבלט/פולד פתוח). ⚠ הסלקטורים גלובליים ב-:global(...) כי
 * הפורטל של react-datepicker לא עובר דרך ה-CSS-Modules המקומיים.
 *
 * ⚠️ הסלקטורים כאן חייבים להישאר תחת @media (max-width) — הפורטל
 * לא מקבל class ייחודי משלנו, אז ההבחנה בין דסקטופ (popper docked)
 * למובייל (portal modal) היא רק ה-media query הזה. */
@media (max-width: 1099px) {
  .react-datepicker__portal {
    z-index: 9999;
    /*
     * SPR-1229: the portal root is fullscreen. With the default pointer-events,
     * its dimmed backdrop sits above the filter dropdown (z-50) and eats every
     * tap on טווח/מדויק, the date fields, and אישור while the calendar is open
     * — or after focus, even when the user thinks they closed it. Only the
     * calendar card should capture touches; the rest passes through to the
     * portalled filter panel underneath.
     */
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    /* 100vw כולל את פס הגלילה: ב-clientWidth 265 זה ~280, והלוח
       ממורכז נגמר ב-x=272 — חיתוך של ~7px. 100% = רוחב ה-viewport
       בלי הסרגל. inset:0 מבטל את width:100vw של react-datepicker. */
    inset: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    padding: 4px;
    overflow-x: hidden;
    background-color: rgba(20, 8, 15, 0.55);
  }

  .react-datepicker__portal .react-datepicker {
    pointer-events: auto;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 92svh;
    margin: 0 auto;
    box-sizing: border-box;
    background: var(--surface-base);
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    padding: 6px 6px 12px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .react-datepicker__portal .react-datepicker__month-container,
  .react-datepicker__portal .react-datepicker__month {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  /*
   * HAT-1238 — weekday row + day grid: 7 equal FILL columns.
   * Grid (not flex) so a leftover 40px !important on the names row
   * cannot collapse א–ש into a ~40px sliver. width 100% !important
   * beats the old [class*='react-datepicker__day'] 40px rule.
   */
  .react-datepicker__portal .react-datepicker__day-names,
  .react-datepicker__portal .react-datepicker__week {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    overflow: clip;
    box-sizing: border-box;
  }

  .react-datepicker__portal ._datepickerCalendar_1j01x_241 .react-datepicker__day,
  .react-datepicker__portal ._datepickerCalendarDual_1j01x_500 .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day {
    min-width: 0;
    width: auto !important;
    max-width: none !important;
    height: 44px !important;
    margin: 0 !important;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    text-align: center;
    font-size: 15px;
    line-height: 1.15 !important;
  }

  .react-datepicker__portal .react-datepicker__day-name {
    font-size: 12px;
    font-weight: 600;
    color: var(--font-body-3);
    height: 28px !important;
    padding-block: 6px;
  }

  .react-datepicker__portal .hebrew-calendar-dual .react-datepicker__day {
    height: 48px !important;
    min-height: 44px;
    line-height: 1.15 !important;
  }

  .react-datepicker__portal .react-datepicker__current-month {
    display: none;
  }

  /* בורדו לתא הנבחר: ברירת המחדל של react-datepicker במצב portal
     הייתה כחולה גם אחרי --surface-primary — הפורטל מעלים את הסקופ
     של המודול, אז מגבירים גלובלית. */
  /*
   * HAT-1279: the pre-selected day (today, until something is picked) used to share this pill, so
   * on a phone today looked already chosen. Only a real pick fills the pill; the pre-selection is
   * left plain and today gets the same ring as on desktop.
   */
  .react-datepicker__portal .react-datepicker__day--keyboard-selected {
    background-color: transparent !important;
    color: inherit;
  }

  .react-datepicker__portal .react-datepicker__day--today {
    font-weight: 700;
    color: var(--font-primary) !important;
    background-color: var(--surface-primary-lowest) !important;
    box-shadow: inset 0 0 0 2px var(--border-primary);
    border-radius: 999px !important;
  }

  .react-datepicker__portal .react-datepicker__day--outside-month.react-datepicker__day--today,
  .react-datepicker__portal .react-datepicker__day--disabled.react-datepicker__day--today {
    color: var(--font-disabled) !important;
    background-color: transparent !important;
    box-shadow: inset 0 0 0 1px var(--border-primary);
  }

  .react-datepicker__portal .react-datepicker__day--selected {
    background-color: var(--surface-primary) !important;
    color: var(--font-body-4) !important;
    border-radius: 999px !important;
    box-shadow: none;
  }

  .react-datepicker__portal .react-datepicker__day:hover {
    background-color: var(--surface-grey-low);
    border-radius: 999px;
  }

  /* Z Fold cover ≤340 / Fold 280 — ריפוד דק יותר כדי ש-7 עמודות
     + כותרת ייכנסו ל-clientWidth בלי 100vw. */
  @media (max-width: 340px) {
    .react-datepicker__portal {
      padding: 2px;
    }

    .react-datepicker__portal .react-datepicker {
      width: 100% !important;
      max-width: 100% !important;
      padding: 4px 4px 10px;
    }

    .react-datepicker__portal .react-datepicker__day {
      height: 36px !important;
      font-size: 13px;
    }

    .react-datepicker__portal .react-datepicker__day-name {
      font-size: 11px;
      height: 24px !important;
    }

    .react-datepicker__portal .hebrew-calendar-dual .react-datepicker__day {
      height: 40px !important;
      min-height: 36px;
    }
  }

  /* הכותרת בתוך הלוח בפורטל — התאמת רוחב + touch target ≥44 לחצי החודש. */
  .react-datepicker__portal ._datepickerMonthHeader_1j01x_270,
  .react-datepicker__portal .react-datepicker__header {
    padding-block: 6px !important;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .react-datepicker__portal ._datepickerHeaderSelects_1j01x_426 {
    min-width: 0;
    max-width: 100%;
  }

  /* הלוח הפנימי לא צריך את ה-312px של דסקטופ — במודל הוא ממלא
     את המכולה. חוזר לרוחב מלא של הפורטל. */
  ._datepickerCalendar_1j01x_241 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box;
  }
}

/* ============================================================
 *  HAT-1218 — כפתור החלה בבורדו במסך צר
 * ============================================================
 * במקור (`--surface-secondary` = #3d608a כחול) הכפתור נראה זר
 * ליד הצ'יפים הבורדו של המובייל. בשפת נדרים ה-CTA הראשי הוא
 * בורדו על לבן. הגובה ≥44 מפני שהוא כפתור מגע יחיד לפעולה.
 */
@media (max-width: 1099px) {
  ._rangeApplyButton_1j01x_234 {
    background-color: var(--surface-primary) !important;
    color: var(--font-body-4) !important;
    height: 44px;
    min-height: 44px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
  }

  ._rangeApplyButton_1j01x_234:hover:not(:disabled) {
    background-color: var(--surface-primary-dark) !important;
  }

  ._rangeApplyButton_1j01x_234:disabled {
    opacity: 0.5;
  }

  /* שדות טווח בגובה מגע — לפי הספק ≥44. font-size 16 כדי שאייפון
     לא יזום zoom על focus. */
  ._rangeInput_1j01x_171 {
    height: 44px;
    min-height: 44px;
    font-size: 16px;
  }
}

.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
._radio_3ng4o_1 {
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20fill='white'/%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20stroke='%23C3C3C3'/%3e%3c/svg%3e");
  position: absolute;
  top: 0;
  border-radius: 50%;
}

._radio_3ng4o_1:hover {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20fill='%23F9F9F9'/%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20stroke='%23ADADAD'/%3e%3c/svg%3e");
}

._input_3ng4o_15:disabled + ._radio_3ng4o_1 {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20fill='%23F4F4F4'/%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20stroke='%23DEDEDE'/%3e%3c/svg%3e");
}

._input_3ng4o_15:checked + ._radio_3ng4o_1 {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20fill='%23E7EFF4'/%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20stroke='%23264465'/%3e%3ccircle%20cx='10'%20cy='10'%20r='5'%20fill='%232F4D72'/%3e%3c/svg%3e");
}

._input_3ng4o_15:checked + ._radio_3ng4o_1:hover {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20fill='white'/%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20stroke='%23264465'/%3e%3ccircle%20cx='10'%20cy='10'%20r='5'%20fill='%232F4D72'/%3e%3c/svg%3e");
}

._input_3ng4o_15:checked:disabled + ._radio_3ng4o_1 {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20fill='%23F4F4F4'/%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20stroke='%23DEDEDE'/%3e%3ccircle%20cx='10'%20cy='10'%20r='5'%20fill='%23ADADAD'/%3e%3c/svg%3e");
}

._input_3ng4o_15 {
  opacity: 0;
  width: 20px;
  height: 20px;
}

._input_3ng4o_15:focus-visible + ._radio_3ng4o_1 {
  box-shadow: 0px 0px 0px 3.2px #ececec;
  outline: none;
}

._label_3ng4o_42 {
  position: relative;
  display: flex;
}
/*
 * ⚠️ nowrap ו-flex-shrink:0 — אותו נימוק כמו בקפסולת הסינון
 * (OptionsRangeFilter, HAT-1170): הקפסולה בגובה קבוע של 32px, וללא
 * הגנה על הרוחב תווית כמו "ממתין לאישור (1)" נשברה לשתי שורות בתוך
 * קופסה בגובה שורה אחת וגלשה מהמסגרת. במסך צר, שבו השורה נגללת
 * אופקית, זה קרה בכל אחת מהקפסולות.
 */
._filterButton_1iutr_8 {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 6px 12px 6px 10px;
  gap: 8px;
  border-radius: 24px;
  background-color: var(--surface-grey-low) !important;
  border: 1px solid transparent;
  white-space: nowrap;
  flex-shrink: 0;
}

._filterButton_1iutr_8:not(._filterButtonHasValue_1iutr_21):hover {
  background-color: var(--surface-grey-lighter) !important;
}

._filterButton_1iutr_8:active {
  background-color: var(--surface-grey-low) !important;
  border: 1px solid var(--border-low);
}

._filterButtonHasValue_1iutr_21 {
  background-color: var(--surface-base) !important;
  border: 1px solid var(--border-dark);
}

._filterButtonHasValue_1iutr_21:hover {
  cursor: default;
}

._filterButtonDisabled_1iutr_39 {
  opacity: 0.55;
  cursor: not-allowed;
}

._filterButtonDisabled_1iutr_39:hover {
  cursor: not-allowed;
}

._closeIcon_1iutr_48 {
  cursor: pointer;
  width: 14px;
  height: 14px;
}

._statusIcon_1iutr_54 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-inline-end: 4px;
  margin-block-start: 2px;
}

._statusIconHighlighted_1iutr_62 {
  width: 14px;
  height: 14px;
  box-shadow: 0 0 6px 2px var(--dot-color), 0 0 0 3px color-mix(in srgb, var(--dot-color) 40%, transparent);
}

/* מסך צר — אותן פרופורציות כמו קפסולת הסינון (HAT-1170, ר' OptionsRangeFilter). */
@media (max-width: 1099px) {
  ._filterButton_1iutr_8 {
    height: 28px;
    padding: 0 12px 0 10px;
    gap: 6px;
    border-radius: 14px;
    font-size: 12px;
    line-height: 1;
    background-color: var(--gray-6) !important;
    border-color: transparent;
    color: var(--font-body-1);
  }

  ._filterButtonHasValue_1iutr_21 {
    background-color: var(--surface-primary) !important;
    border-color: transparent;
    color: var(--font-body-4);
  }

  /*
   * ⚠️ שני ה-span שבפנים נושאים מחלקות צבע וגודל משלהם
   * (text-(--font-body-1) / text-(--font-body-2), body-sm-*), ולכן הצבע
   * שנקבע על הכפתור לא מגיע אליהם — קפסולה פעילה הייתה טקסט כהה על
   * בורדו. אותו באג כמו בקפסולת הסינון (OptionsRangeFilter).
   */
  ._filterButton_1iutr_8 span {
    font-size: 12px;
    line-height: 1;
    color: inherit;
  }

  ._filterButtonHasValue_1iutr_21 span {
    color: var(--font-body-4);
  }

  ._statusIcon_1iutr_54 {
    width: 8px;
    height: 8px;
    margin-block-start: 0;
  }

  ._closeIcon_1iutr_48 {
    width: 12px;
    height: 12px;
    filter: brightness(0) invert(1);
  }
}
._filtersArea_1wuyp_1 {
  min-width: 0;
}

._filtersContainer_1wuyp_5 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

._filterOptions_1wuyp_13 {
  display: contents;
}

._filterOptions_1wuyp_13[hidden] {
  display: none;
}

._collapseToggle_1wuyp_21 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 32px;
  padding: 4px 10px;
  border: 1px solid var(--border-divider, #dedede);
  border-radius: 8px;
  background: transparent;
  color: var(--font-primary);
  font-size: 16px;
  cursor: pointer;
}

._collapseToggle_1wuyp_21:hover,
._collapseToggle_1wuyp_21[data-active=true] {
  background: #f7eef2;
  border-color: #e4cdd7;
}

._collapseToggle_1wuyp_21:focus-visible {
  outline: 2px solid var(--font-primary);
  outline-offset: 2px;
}

._collapseChevron_1wuyp_47 {
  width: 18px;
  height: 18px;
}

._collapseToggle_1wuyp_21[aria-expanded=true] ._collapseChevron_1wuyp_47 {
  transform: rotate(180deg);
}

._activeCount_1wuyp_56 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--font-primary);
  color: white;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

._activeFiltersNote_1wuyp_69 {
  display: inline-flex;
  align-items: center;
}

@media (max-width: 1099px) {
  ._filterOptions_1wuyp_13 {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    gap: 6px;
  }
  ._collapseToggle_1wuyp_21,
  ._collapseToggle_1wuyp_21 span,
  ._activeFiltersNote_1wuyp_69 > button,
  ._filtersContainer_1wuyp_5 > div > button,
  ._filtersContainer_1wuyp_5 > div > button span,
  ._filterOptions_1wuyp_13 > div > button,
  ._filterOptions_1wuyp_13 > div > button span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  ._collapseToggle_1wuyp_21,
  ._collapseToggle_1wuyp_21 span,
  ._activeFiltersNote_1wuyp_69 > button,
  ._filtersContainer_1wuyp_5 > div > button,
  ._filtersContainer_1wuyp_5 > div > button span,
  ._filterOptions_1wuyp_13 > div > button,
  ._filterOptions_1wuyp_13 > div > button span {
    font-size: 14px;
  }
  ._collapseToggle_1wuyp_21 {
    min-height: 36px;
  }
}
@media (max-width: 767px) and (pointer: coarse) {
  ._collapseToggle_1wuyp_21,
  ._activeFiltersNote_1wuyp_69 > button {
    min-height: 44px;
  }
}
@media (pointer: coarse) {
  ._collapseToggle_1wuyp_21,
  ._activeFiltersNote_1wuyp_69 > button,
  ._filtersContainer_1wuyp_5 > div > button,
  ._filterOptions_1wuyp_13 > div > button {
    min-height: 44px;
  }
}._list_1emcl_1 {
  display: flex;
  justify-content: center;
  width: 100%;
}

._trigger_1emcl_7 {
  width: 330px;
  color: var(--font-body-3);
  /* A column, so the underline can sit on the strip's bottom edge rather than
     immediately under the text. Without it, a label long enough to wrap onto a
     second line drags its own underline below the neighbouring ones and the
     row of underlines comes out ragged. */
  display: flex;
  flex-direction: column;
}

._trigger_1emcl_7:hover {
  background-color: var(--surface-grey-lowest);
}

._trigger_1emcl_7[data-state='active'] {
  color: var(--font-tertiary);
}

._trigger-text_1emcl_26 {
  padding: 12px 8px 14px 8px;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  text-align: center;
}

._trigger_1emcl_7[data-state='active'] > ._trigger-text_1emcl_26 {
  padding-bottom: 12px;
}

._trigger-bottom_1emcl_39 {
  height: 2px;
  width: 100%;
  display: block;
  background-color: var(--border-main);
}

._trigger_1emcl_7[data-state='active'] > ._trigger-bottom_1emcl_39 {
  height: 4px;
  background-color: var(--font-tertiary);
  border-radius: 50rem;
}

._content_1emcl_52 {
  display: flex;
  flex-direction: column;
  padding: 20px 24px;
}

/* SPR-1199 — variant C pill tabs (management status strip) */
._listPills_1emcl_59 {
  display: flex;
  /* flex-start = visual right in dir=rtl (Figma C: pills pinned to the right edge) */
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

._triggerPills_1emcl_68 {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 32px;
  border-radius: 24px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #73737a;
  background-color: #f0f0f2;
  border: none;
  cursor: pointer;
}

._triggerPills_1emcl_68:hover {
  background-color: var(--surface-grey-lighter);
}

._triggerPills_1emcl_68[data-state='active'] {
  color: var(--font-body-4);
  font-weight: 700;
  background-color: var(--surface-primary);
}

._triggerPills_1emcl_68[data-state='active']:hover {
  background-color: var(--surface-primary-dark);
}

._trigger-text-pills_1emcl_99 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  white-space: nowrap;
  text-align: center;
}

/* HAT-1170 — טאבים בתוך המגירה בשפת נדרים (.blade-tab): 13px, אפור,
   הפעיל כהה ומודגש עם קו בורדו 2px בתחתית. */
@media (max-width: 1099px) {
  ._list_1emcl_1 {
    width: 100%;
    margin-top: 13px;
    border-bottom: 1px solid var(--border-divider);
  }

  ._trigger_1emcl_7 {
    width: auto;
    flex: 1;
    min-width: 0;
    font-size: 13px;
  }

  ._trigger_1emcl_7[data-state='active'] {
    color: var(--font-body-1);
    font-weight: 700;
  }

  ._trigger-text_1emcl_26 {
    padding: 11px 4px;
  }

  ._trigger_1emcl_7[data-state='active'] > ._trigger-text_1emcl_26 {
    padding-bottom: 11px;
  }

  ._trigger-bottom_1emcl_39 {
    height: 2px;
    background-color: transparent;
  }

  ._trigger_1emcl_7[data-state='active'] > ._trigger-bottom_1emcl_39 {
    height: 2px;
    border-radius: 0;
    background-color: var(--surface-primary);
  }

  ._content_1emcl_52 {
    padding: 12px 0;
    flex: 1;
    min-height: 0;
  }
}
._button_1wsv0_1 {
  background-color: var(--surface-grey-low);
  border-radius: 50rem;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._button_1wsv0_1:hover {
  background-color: var(--surface-tertiary-low);
}

._button_1wsv0_1:active {
  background-color: var(--surface-grey-lighter);
}

._card_dp4d7_2 {
  position: fixed;
  background-color: #ffffff;
  z-index: 3;
  inset-inline-end: 0;
  top: calc(var(--header-height) + 24px);
  bottom: 24px;
  border-inline-start: 1px solid var(--border-main);
  border-start-start-radius: 24px;
  overflow: hidden;
  width: var(--blade-width);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.0784313725);
  transition: inset-inline-end 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
}

._hidden_dp4d7_19 {
  inset-inline-end: calc(-1 * var(--blade-width));
}

._header_dp4d7_23 {
  background-color: var(--surface-secondary-dark);
  color: var(--font-body-4);
}

._header-top_dp4d7_28,
._header-bottom_dp4d7_29 {
  padding: 12px 25px;
  display: flex;
  justify-content: space-between;
}

._header-top_dp4d7_28 {
  border-bottom: 1px solid var(--border-secondary-strong);
}

._content_dp4d7_39 {
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
}

/*
 * ============================================================
 *  מסך צר — המגירה בשפת נדרים (HAT-1170)
 * ============================================================
 * המקור: `.blade` ב-hatzdaka-nedarim. במסך צר פאנל צד תופס את כל
 * הרוחב ממילא, ומגירה תחתונה עם פינות מעוגלות מסמנת "שכבה זמנית"
 * בצורה ברורה יותר. המידות מהמקור: 88% גובה מרבי, רדיוס 18 למעלה,
 * ידית אחיזה 38×4, כותרת לבנה (לא כחולה-כהה כמו בדסקטופ) עם כותרת
 * 15.5px מודגשת, ריפוד 14/18.
 *
 * ה-scrim נעשה ב-box-shadow ענק — ל-Blade אין אלמנט רקע משלו,
 * וזו הדרך להחשיך את מה שמאחורי המגירה בלי לשנות את המבנה.
 */
@media (max-width: 1099px) {
  ._card_dp4d7_2 {
    position: fixed;
    top: auto;
    bottom: 0;
    inset-inline-start: 50%;
    inset-inline-end: auto;
    width: 600px !important;
    max-width: 100%;
    max-height: 88%;
    --blade-width: 100%;
    transform: translateX(50%);
    border-radius: 18px 18px 0 0;
    border: none;
    box-shadow: 0 -6px 26px rgba(42, 42, 42, 0.2), 0 0 0 100vmax rgba(42, 42, 42, 0.35);
    z-index: 200;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  ._hidden_dp4d7_19 {
    inset-inline-end: auto;
    inset-inline-start: 50%;
    transform: translateX(50%) translateY(100%);
    box-shadow: none;
  }
  /* כותרת לבנה, טקסט כהה, וידית אחיזה מעל. */
  ._header_dp4d7_23 {
    position: relative;
    padding-top: 14px;
    background-color: var(--surface-base);
    color: var(--font-body-1);
  }
  ._header_dp4d7_23::before {
    content: "";
    display: block;
    width: 38px;
    height: 4px;
    margin: 0 auto 10px;
    border-radius: 2px;
    background: var(--border-lowest);
  }
  ._header-top_dp4d7_28,
  ._header-bottom_dp4d7_29 {
    padding: 0 18px;
  }
  ._header-top_dp4d7_28 {
    align-items: flex-start;
    border-bottom: 0;
    font-size: 15.5px;
    font-weight: 700;
    line-height: 1.3;
  }
  /* האיקס הוא SVG לבן (נכתב לכותרת הכהה) — על לבן הוא נעלם. */
  ._header-top_dp4d7_28 button img {
    filter: brightness(0);
    width: 18px;
    height: 18px;
  }
  ._header-bottom_dp4d7_29 {
    padding: 9px 18px 0;
    flex-wrap: wrap;
    gap: 6px 9px;
  }
  ._content_dp4d7_39 {
    overflow-y: auto;
    max-height: none;
    padding-bottom: max(20px, env(safe-area-inset-bottom));
  }
  /*
   * כותרות המקטעים בתוך המגירה — .blade-section-title במקור: 13px,
   * מודגש, טורקיז. הפאנלים עצמם מסמנים אותן כ-h3, ולכן זה נתפס כאן
   * בלי לגעת בכל פאנל בנפרד.
   */
  ._content_dp4d7_39 h3 {
    margin: 14px 0 8px;
    font-size: 13px;
    font-weight: 700;
    color: var(--font-tertiary);
  }
  /* גוף המגירה: 13.5px, ריפוד 18 מהצדדים כמו .blade-body. */
  ._content_dp4d7_39 [class*=content] {
    padding: 4px 18px 20px;
    font-size: 13.5px;
  }
  /*
   * טבלאות בתוך המגירה → כרטיסי רשומה (.record-card במקור).
   *
   * ⚠️ הטבלאות של הפאנלים הן 3–5 עמודות ברוחב פנימי של ~290px: הכותרות
   * נשברו באמצע מילה, והעמודה החמישית פשוט יצאה מהמסך — "הערת משרד"
   * נחתכה ל-"ה". במקור כל שורה היא כרטיס אפרפר-ירקרק עם השדות יורדים
   * אנכית. כאן זה נעשה ב-CSS בלבד, כדי שלא לגעת בשלושת הפאנלים.
   */
  ._content_dp4d7_39 table {
    display: block;
    width: 100%;
    border-collapse: collapse;
  }
  ._content_dp4d7_39 thead {
    display: none;
  }
  ._content_dp4d7_39 tbody,
  ._content_dp4d7_39 tr {
    display: block;
    width: 100%;
  }
  ._content_dp4d7_39 tbody tr {
    margin-bottom: 8px;
    padding: 10px 12px;
    border: 1px solid var(--surface-secondary-lighter);
    border-radius: 10px;
    background: var(--surface-secondary-lowest);
  }
  ._content_dp4d7_39 tbody tr:last-child {
    margin-bottom: 0;
  }
  ._content_dp4d7_39 td {
    display: block;
    padding: 2px 0;
    border: 0;
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--font-body-2);
    text-align: start;
  }
  ._content_dp4d7_39 td:first-child {
    font-size: 13px;
    font-weight: 600;
    color: var(--font-body-1);
  }
  /* תא ריק לא משאיר שורה ריקה בכרטיס. */
  ._content_dp4d7_39 td:empty {
    display: none;
  }
}
@media (max-width: 600px) {
  ._card_dp4d7_2 {
    inset-inline-start: 0;
    transform: none;
  }
  ._hidden_dp4d7_19 {
    inset-inline-start: 0;
    transform: translateY(100%);
  }
}
/* HAT-1170 — טאבלט: המגירה מתרחבת עם המסך. 600 על מסך של 1024 היא
   רצועה צרה באמצע; 720 / 840 משאירים לתוכן (טבלאות המסמכים, פרטי הבנק)
   מקום לנשום ועדיין נקראים כמגירה ולא כדף. */
@media (min-width: 768px) and (max-width: 1099px) {
  ._card_dp4d7_2 {
    width: 720px !important;
  }
}
@media (min-width: 960px) and (max-width: 1099px) {
  ._card_dp4d7_2 {
    width: 840px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._card_dp4d7_2 {
    transition: none;
  }
}._amount_evbvb_1 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 50rem;
}

._line_evbvb_9 {
  border: 1px solid var(--border-divider);
}

._transaction-details_evbvb_13 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._transaction-details_evbvb_13 > div > p {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 0;
}

._content_evbvb_26 {
  overflow: auto;
  height: calc(100vh - 266px);
  gap: 24px;
}
._emailFormContainer_19011_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

._dialogContentContainer_19011_8 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

._emailInput_19011_16 {
  border: 1px solid var(--border-input-default);
  padding: 8px 12px;
  border-radius: 8px;
  width: 100%;
}

._emailValue_19011_23 {
  padding: 8px 12px;
  border-radius: 8px;
  background-color: var(--surface-grey-low);
  width: 100%;
  text-align: start;
}

._skippedList_19011_31 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}

._skippedGroup_19011_38 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* The typography classes align to the start; this block is centered like the rest of the dialog */
._skippedGroup_19011_38 p {
  text-align: center;
}
/*
 * The blade's body is one column that fills the blade exactly: the tab band, then a caption
 * that stays put, then the list - the only thing that scrolls. AdditionalInfo sizes its content
 * with a viewport formula instead, which at a short window leaves the blade's own article
 * scrollable by a few pixels as well; two nested scrollers over one wheel is how the list's
 * top ended up hidden under the tab band (Chaya, 23.9.2026).
 */
._tabs_1kngr_8 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

._content_1kngr_15 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

._caption_1kngr_22 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 25px 12px;
  border-bottom: 1px solid var(--border-divider);
}

._list_1kngr_30 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0 25px 20px;
  list-style: none;
  margin: 0;
}

._order_1kngr_39 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--border-divider);
}

._order_1kngr_39:last-child {
  border-bottom: none;
}

._orderText_1kngr_52 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

._amount_1kngr_58 {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}/*
 * Sits on the dark selection bar (--surface-secondary-dark), so the board's
 * income/expense greens and reds are lifted to tints that keep contrast on navy:
 * mint reads at ~9:1 and rose at ~7:1 against #172d46.
 */
._summary_373or_6 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  color: var(--font-body-4);
  --tone-income: #8fe0bd;
  --tone-expense: #f6a5c0;
  --tone-neutral: var(--font-body-4);
}

._divider_373or_17 {
  font-weight: 600;
  opacity: 0.6;
}

._net_373or_22 {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}

._label_373or_28 {
  opacity: 0.8;
  white-space: nowrap;
}

._amount_373or_33 {
  display: inline-block;
  white-space: nowrap;
  font-variant-numeric: tabular-nums lining-nums;
  font-weight: 700;
  color: var(--tone-neutral);
}

._amount_373or_33[data-tone=income] {
  color: var(--tone-income);
}

._amount_373or_33[data-tone=expense] {
  color: var(--tone-expense);
}

._netAmount_373or_49 {
  font-size: var(--body-size-body-lr);
  line-height: var(--body-lineheight-regular);
}

._info_373or_54 {
  align-self: center;
  opacity: 0.85;
  cursor: help;
  /* The icon ships in the board's dark ink; on navy it needs to read as light. */
  filter: brightness(0) invert(1);
}

._breakdown_373or_62 {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

._chip_373or_69 {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 2px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background-color: rgba(255, 255, 255, 0.08);
  white-space: nowrap;
}

._chipLabel_373or_80 {
  opacity: 0.8;
}

._chip_373or_69 ._amount_373or_33 {
  font-weight: 600;
}/* The two overhead groups side by side; one under the other when the space is narrow. */
._twoColumns_1bce8_2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 8px 32px;
  align-items: start;
}

._column_1bce8_9 {
  min-width: 0;
}

._groupTitle_1bce8_13 {
  font-size: 15px;
  font-weight: 700;
  color: var(--font-primary);
  margin: 4px 0 6px;
}

._tableWrap_1bce8_20 {
  overflow-x: auto;
}

/* A table inside a grid cell must take the cell's width, not its content's. */
._table_1bce8_20 {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

._table_1bce8_20 th,
._table_1bce8_20 td {
  padding: 8px 10px;
  text-align: start;
  border-bottom: 1px solid #e2e8f0;
  font-size: 13px;
}

._table_1bce8_20 th {
  color: #64748b;
  font-weight: 600;
  background: #f8fafc;
}

._table_1bce8_20 th:last-child,
._feeCell_1bce8_47 {
  width: 30%;
  white-space: nowrap;
}

@media (max-width: 600px) {
  ._twoColumns_1bce8_2 {
    grid-template-columns: 1fr;
  }
}
._body_9znuo_1 {
  width: 100%;
  box-sizing: border-box;
  /* The dialog's content area has no padding of its own on a wide screen. */
  padding: 8px 32px 28px;
  text-align: start;
}

._intro_9znuo_9 {
  margin: 0 0 12px;
  font-size: 14px;
  color: #64748b;
}

@media (max-width: 600px) {
  ._body_9znuo_1 {
    padding: 8px 0 20px;
  }
}

/*
 * SPR-1205 — mobile status chevron bar (Figma 186:68).
 *
 * RTL bar: first DOM child rests on the right. Each segment points left
 * (tip) with a matching notch on the right; ~6px overlap + white page
 * background yields the white triangle between gray↔gray. Clip-paths
 * mirror the Figma SVG shapes (rounded end caps on the outer segments).
 */
._scroll_ai0nf_10 {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  /* Edge fades hint that the bar continues (Figma edge-fade-left/right). */
  mask-image: linear-gradient(to left, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
  -webkit-mask-image: linear-gradient(to left, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
}
._scroll_ai0nf_10::-webkit-scrollbar {
  display: none;
}

._bar_ai0nf_26 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  direction: rtl;
  height: 30px;
  width: max-content;
  min-width: 100%;
  /* Push content to the inline-start (right in RTL) when it fits. */
  justify-content: flex-start;
  padding-inline: 2px;
}

._segment_ai0nf_40 {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  /* Tip is physical-left (= inline-end in RTL); notch is physical-right (= inline-start). */
  padding-block: 0;
  padding-inline-start: 18px;
  padding-inline-end: 20px;
  margin-inline-end: -7px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  background-color: #e8e8e8;
  color: #2a2a2a;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  /* Middle: tip on the physical left, notch on the physical right. */
  clip-path: polygon(0 50%, 11px 0, 100% 0, calc(100% - 11px) 50%, 100% 100%, 11px 100%);
  z-index: 1;
  transition: background-color 120ms ease, color 120ms ease, font-weight 120ms ease;
}
._segment_ai0nf_40:hover:not(._segmentActive_ai0nf_65) {
  background-color: #dedede;
}
._segment_ai0nf_40:focus-visible {
  outline: 2px solid var(--surface-primary, #681c3c);
  outline-offset: 2px;
}

/* Rightmost (first in RTL DOM): tip left + rounded right end. */
._segmentFirst_ai0nf_74 {
  clip-path: polygon(0 50%, 11px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 11px 100%);
  z-index: 2;
}

/* Leftmost (last in RTL DOM): rounded left end + notch right; no further overlap. */
._segmentLast_ai0nf_80 {
  margin-inline-end: 0;
  clip-path: polygon(0 10px, 10px 0, 100% 0, calc(100% - 11px) 50%, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

._segmentActive_ai0nf_65 {
  background-color: var(--surface-primary, #681c3c);
  color: #fff;
  font-weight: 700;
  z-index: 3;
}
._segmentActive_ai0nf_65:hover {
  background-color: var(--surface-primary-dark, #4a1129);
}

._label_ai0nf_95 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  pointer-events: none;
}
/* The row is one line tall whenever the filters fit, and grows instead of
   hiding them when they do not. It sits inside a board that clips its overflow,
   so anything pushed past the edge here is not merely off-screen - there is no
   scrollbar that reaches it, and the filter simply stops existing for that
   user. A taller row is the cheaper of the two. */
._filtersArea_yp2xm_7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 16px;
  min-height: 32px;
}

._filtersContainer_yp2xm_16 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: center;
  min-width: 0;
}

/* Folds the filter row away for people who would rather spend the line on rows.
   Deliberately quiet - it is a convenience, not a thing to look at. */
._collapseToggle_yp2xm_26 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  border: none;
  border-radius: 50%;
  background: none;
  color: var(--font-body-3, #6b6b6b);
  cursor: pointer;
  transition: background-color 150ms ease, color 150ms ease;
}

._collapseToggle_yp2xm_26:hover {
  background-color: var(--surface-grey-lowest, #f7f5f6);
  color: var(--surface-primary, #681c3c);
}

._collapseChevron_yp2xm_46 {
  transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);
}

._collapseToggle_yp2xm_26[aria-expanded=false] ._collapseChevron_yp2xm_46 {
  transform: rotate(180deg);
}

/* Collapsing must never make an active filter invisible: a board that quietly
   filters itself reads as missing data, and that is how people end up thinking
   a transaction was lost. */
._activeFiltersNote_yp2xm_57 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--font-body-3, #6b6b6b);
  white-space: nowrap;
}

._statusDivider_yp2xm_66 {
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: var(--border-divider, #e2e8f0);
  margin: 0 4px;
}

._controlsContainer_yp2xm_74 {
  display: flex;
  gap: 16px;
  align-items: center;
}

@media (max-width: 1099px) {
  ._filtersArea_yp2xm_7 {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  ._filtersContainer_yp2xm_16 {
    gap: 8px;
  }
  /*
   * שורה אחת שנגללת אופקית, כמו `.filter-row` במקור
   * (hatzdaka-nedarim). שתי שורות של קפסולות דוחפות מטה את הרשימה,
   * והרשימה היא מה שבאו לקרוא.
   *
   * ⚠️ זה אפשרי רק מפני שהתפריט הנפתח כבר אינו ילד של השורה:
   * components/ui/Dropdown.tsx מרנדר אותו ב-portal על ה-body
   * וממקם אותו ב-fixed. כל עוד הוא היה בפנים, `overflow-x: auto`
   * הכריח את הדפדפן לחשב גם `overflow-y` כ-auto, וכל תפריט שנפתח
   * נחתך ונעלם — בלי שגיאה, ובדיוק כמו "הסינון לא עובד". אותה
   * תקלה מתועדת במקור. אם מישהו יחזיר את התפריט אל תוך הזרימה,
   * הכלל הזה חייב לחזור לשבירה לשורות.
   *
   * ⚠️ בנדרים עצמו (`.filter-row`) אין שום רמז לכך שיש עוד קפסולות
   * מעבר לקצה — זו שורה גוללת חשופה, בלי דהייה ובלי חץ. זה בדיוק
   * מה שגרם למשתמשת לחשוב שהפילטרים "לא כולם מוצגים": קפסולה
   * שנחתכת בקצה נראית כמו סוף הרשימה, לא כמו הזמנה לגלול. הדהייה
   * שמתחת היא תוספת על נדרים, לא העתקה ממנו.
   */
  ._filtersContainer_yp2xm_16 {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /*
     * הדהייה נמדדת לפי תיבת האלמנט, לא לפי מיקום הגלילה — היא
     * נשארת באותו מקום גם באמצע גלילה, ולכן אין צורך לעקוב אחרי
     * scrollLeft כדי לדעת מתי להראות אותה. פשוט יותר מלכתוב JS
     * שמחליט "יש עוד תוכן", וכמעט תמיד נכון: שורת סינון של לוח
     * נדיר שנכנסת שלמה במסך טלפון.
     */
    mask-image: linear-gradient(to left, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
    -webkit-mask-image: linear-gradient(to left, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
  }
  ._filtersContainer_yp2xm_16::-webkit-scrollbar {
    display: none;
  }
  /*
   * ⚠️ כל ילד ישיר, ולא רק הראשון. בשורה שאינה נשברת, פריט שמותר
   * לו להתכווץ נדחס עד שהטקסט שבו נשבר לשתי שורות — וזה בדיוק מה
   * שקרה לתווית "סינון לפי:", שיושבת שנייה בשורה ולא ראשונה.
   */
  ._filtersContainer_yp2xm_16 > * {
    flex-shrink: 0;
  }
  ._filtersContainer_yp2xm_16 > span {
    white-space: nowrap;
  }
}
/* התווית "סינון לפי:" בגודל של .filter-row-label במקור — 12px, אפור. */
@media (max-width: 1099px) {
  ._filtersContainer_yp2xm_16 > span {
    font-size: 12px !important;
    color: var(--font-body-3);
    margin-top: 0 !important;
  }
}
._clearFilters_yp2xm_146 {
  background: none;
  border: none;
  padding: 0 4px;
  color: var(--font-link);
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
}

._clearFilters_yp2xm_146:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}._completionSection_22x2p_1 {
  background-color: var(--surface-warning-lowest);
  border: 1px solid var(--border-warning);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._completionHeader_22x2p_11 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

._alertIcon_22x2p_17 {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

._completionMessage_22x2p_23 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-inline-start: 36px;
}

._uploadSection_22x2p_30 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._hiddenInput_22x2p_36 {
  display: none;
}

._fileList_22x2p_40 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._fileItem_22x2p_46 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px 12px;
  background-color: var(--surface-primary-lowest);
  border-radius: 4px;
}

._fileItemHeader_22x2p_55 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._fileCommentInput_22x2p_61 {
  width: 100%;
  padding: 4px 8px;
  border: 1px solid var(--border-main);
  border-radius: 4px;
  font-size: 0.8125rem;
  background-color: var(--surface-base);
  color: var(--font-body-1);
}

._removeButton_22x2p_71 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background: none;
  border: none;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s;
}

._removeButton_22x2p_71:hover {
  opacity: 1;
}

._removeIcon_22x2p_87 {
  width: 16px;
  height: 16px;
}
/* The same warning box as «נדרשת השלמת מסמכים» (CompletionUploadSection) - both are the office
   handing the request back to the coordinator for something only he can supply. */
._section_wy7yu_3 {
  background-color: var(--surface-warning-lowest);
  border: 1px solid var(--border-warning);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._header_wy7yu_13 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

._icon_wy7yu_19 {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

/* Under the text, past the icon. */
._action_wy7yu_26 {
  align-self: flex-start;
  margin-inline-start: 36px;
}

@media (max-width: 600px) {
  ._action_wy7yu_26 {
    margin-inline-start: 0;
    align-self: stretch;
  }
}
._button_yq5rm_1 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background-color: transparent;
	cursor: pointer;
	transition: background-color 0.15s;
	vertical-align: middle;
}

._button_yq5rm_1:hover:not(:disabled) {
	background-color: var(--surface-action);
}

._button_yq5rm_1:disabled {
	cursor: default;
}

._icon_yq5rm_25 {
	width: 18px;
	height: 18px;
}

._spinner_yq5rm_30 {
	width: 12px;
	height: 12px;
	border: 2px solid var(--border-main);
	border-top-color: var(--font-primary);
	border-radius: 50%;
	animation: _download-file-spin_yq5rm_1 0.8s linear infinite;
}

@keyframes _download-file-spin_yq5rm_1 {
	to {
		transform: rotate(360deg);
	}
}
._amount_qhukx_1,
._status_qhukx_2 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 50rem;
}

._status_qhukx_2 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
}

._status-color_qhukx_15 {
  width: 10px;
  height: 10px;
  background-color: var(--status-color);
  border-radius: 50rem;
  z-index: 0;
}

._line_qhukx_23 {
  border: 1px solid var(--border-divider);
}

._content_qhukx_27 {
  overflow: auto;
  height: calc(100vh - 266px);
  gap: 32px;
}

._status-container_qhukx_33 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._status-icon_qhukx_39 {
  padding: 0.75rem;
  border-radius: 50rem;
  z-index: 1;
}

._timeline_qhukx_45 {
  width: 3px;
  margin-inline-start: 1.5rem;
  margin-top: -1.25rem;
}

/*
 * HAT-1150: טבלאות המגירה יושבות כפריטים ב-flex container, ושם min-width האוטומטי
 * מנע מהן להתכווץ לרוחב המגירה - הן נשארו 720px מול 465px זמינים, והעמודות
 * האחרונות נחתכו בקצה בלי שום סימן שיש עוד ("סכום מאושר" ו"סטטוס" בטבלה החודשית,
 * "הערת משרד" ו"הערת משתמש" בטבלת המסמכים). min-width מפורש מבטל את המינימום
 * האוטומטי ומאפשר לעמודות להיכנס. תוכן ארוך נשבר לשתי שורות במקום להיחתך.
 */
._bladeTable_qhukx_58 {
  min-width: 0;
}

._thead_qhukx_62 {
  background-color: var(--surface-secondary-low);
  color: var(--font-body-5);
}

._th_qhukx_62 {
  padding: 1px 1rem;
  height: 24px;
}

._th_qhukx_62:first-child {
  border-start-start-radius: 4px;
}

._th_qhukx_62:last-child {
  border-start-end-radius: 4px;
}

._td_qhukx_80 {
  color: var(--text-body-1);
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border-main);
}

._noDocuments_qhukx_86 {
  height: 114px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

._officeCommentsTable_qhukx_94 {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

._commentCell_qhukx_100 {
  width: 70%;
  word-wrap: break-word;
}

._dateCell_qhukx_105 {
  width: 30%;
  white-space: nowrap;
}
._container_eyvju_1 {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: center;
  width: 100%;
}

._successSection_eyvju_9 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}

._iconContainer_eyvju_16 {
  position: relative;
  flex-shrink: 0;
  width: 104px;
  height: 104px;
}

._iconOuterBorder_eyvju_23 {
  position: absolute;
  border: 0.765px solid var(--border-low, #c3c3c3);
  border-radius: 80.753px;
  width: 110.118px;
  height: 110.118px;
  left: -3.06px;
  top: -6.12px;
}

._iconBackground_eyvju_33 {
  position: absolute;
  background: var(--surface-tertiary-strong, #0b555c);
  left: 3px;
  overflow: clip;
  border-radius: 71.78px;
  width: 97.882px;
  height: 97.882px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

._icon_eyvju_16 {
  width: 42.104px;
  height: 42.104px;
}

._textContent_eyvju_52 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}

._title_eyvju_59 {
  color: var(--font-heading);
  text-align: center;
}

._description_eyvju_64 {
  color: var(--font-heading);
  text-align: center;
  max-width: 600px;
}

._additionalText_eyvju_70 {
  color: var(--font-heading);
  text-align: center;
  max-width: 600px;
  margin-top: 0.5rem;
}

._buttonsContainer_eyvju_77 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: center;
  width: 398px;
  max-width: 100%;
}

._primaryButton_eyvju_86 {
  background: var(--surface-primary);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  border-radius: 0.5rem;
  flex-shrink: 0;
  width: 100%;
}

._primaryButtonContent_eyvju_99 {
  box-sizing: border-box;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: center;
  padding-bottom: 1px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

._primaryButtonText_eyvju_112 {
  color: var(--font-body-4);
  text-align: center;
}

._secondaryButton_eyvju_117 {
  background: var(--surface-action);
  border: 1px solid var(--border-primary);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  border-radius: 0.375rem;
  flex-shrink: 0;
  width: 100%;
}

._secondaryButtonContent_eyvju_132 {
  box-sizing: border-box;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  padding-bottom: 1px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

._secondaryButtonText_eyvju_145 {
  color: var(--font-primary);
  text-align: center;
}

._iconWrapper_eyvju_150 {
  box-sizing: border-box;
  display: flex;
  gap: 0.75rem;
  align-items: center;
  padding: 3px;
}

._buttonIcon_eyvju_158 {
  width: 10px;
  height: 10px;
}


._pageWrapper_1vhzu_2 {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  width: 100%;
  min-height: 0;
}

._contentArea_1vhzu_11 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  flex: 1;
  min-height: 0;
  padding: 0 24px;
}

._searchContainer_1vhzu_21 {
  width: 100%;
  max-width: 674px;
  margin-bottom: 8px;
}

._listContainer_1vhzu_27 {
  width: 100%;
  max-width: 674px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  padding-bottom: 12px;
}

._footer_1vhzu_36 {
  display: flex;
  justify-content: center;
  margin-top: auto;
  flex-shrink: 0;
  width: 100%;
  padding: 12px 24px 16px;
  background-color: var(--surface-grey-lowest);
  border-top: 1px solid var(--border-lowest);
}

._supportedListItem_1vhzu_47 {
  border-bottom: 1px solid var(--border-main);
  padding: 4px 0;
}

._innerContent_1vhzu_52 {
  display: flex;
  border-radius: 6px;
  padding: 8px 16px;
  justify-content: space-between;
}

._innerContent_1vhzu_52._selected_1vhzu_59 {
  background-color: var(--surface-grey-low-2);
}

._innerContent_1vhzu_52:hover:not(._selected_1vhzu_59) {
  background: var(--surface-secondary-low);
}

._details_1vhzu_67 {
  display: flex;
  gap: 72px;
  flex: 1;
  min-width: 0;
  justify-content: space-between;
  max-width: 400px;
}

._itemContent_1vhzu_76 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._itemContentWithDivider_1vhzu_82 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._divider_1vhzu_88 {
  width: 16px;
  height: 0px;
  border: 1px solid #DEDEDE;
  transform: rotate(-90deg);
}

._startButton_1vhzu_95 {
  width: 442px;
  max-width: 100%;
  height: 56px;
  padding: 8px 20px;
  background: var(--surface-primary);
  border-radius: 8px;
  cursor: pointer;
  margin: 0;
}

._startButton_1vhzu_95:disabled {
  background: var(--surface-on-disabled);
}

@media (max-width: 1099px) {
  ._contentArea_1vhzu_11 {
    padding: 0 16px;
  }
  ._searchContainer_1vhzu_21 {
    max-width: 100%;
  }
  ._listContainer_1vhzu_27 {
    max-width: 100%;
  }
  ._details_1vhzu_67 {
    gap: 16px;
    flex-wrap: wrap;
  }
  ._itemContentWithDivider_1vhzu_82 {
    gap: 8px;
  }
  ._divider_1vhzu_88 {
    display: none;
  }
  ._startButton_1vhzu_95 {
    width: 100%;
  }
  ._footer_1vhzu_36 {
    padding: 12px 16px max(16px, env(safe-area-inset-bottom));
  }
}
/* ============================================================
 *  מסך צר — שלב "עבור מי הבקשה?" בשפת נדרים (HAT-1170)
 * ============================================================
 * המקור: .req-question ו-.req-option — שאלה 16px מודגשת, ומתחתיה
 * כרטיסים לבנים 13px 14px, רדיוס 10, מסגרת 2px שנצבעת בורדו כשנבחר.
 * הכפתור בתחתית הוא .req-next: גלולה בורדו 44px ברוחב מלא. */
._question_1vhzu_143 {
  display: none;
}

@media (max-width: 1099px) {
  ._question_1vhzu_143 {
    display: block;
    width: 100%;
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 700;
    color: var(--font-body-1);
    text-align: start;
  }
  ._contentArea_1vhzu_11 {
    padding: 0;
  }
  ._supportedListItem_1vhzu_47 {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 8px;
  }
  ._innerContent_1vhzu_52 {
    padding: 13px 14px;
    border: 2px solid transparent;
    border-radius: 10px;
    background: var(--surface-base);
  }
  ._innerContent_1vhzu_52._selected_1vhzu_59 {
    background: var(--surface-base);
    border-color: var(--surface-primary);
  }
  ._innerContent_1vhzu_52:hover:not(._selected_1vhzu_59) {
    background: var(--surface-base);
  }
  ._details_1vhzu_67 {
    flex-direction: column;
    gap: 3px;
  }
  ._details_1vhzu_67 span {
    font-size: 13px;
  }
  ._footer_1vhzu_36 {
    background: var(--surface-base);
    border-top: 0;
    padding: 12px 20px 16px;
  }
  ._startButton_1vhzu_95 {
    height: 44px;
    border-radius: 22px;
    padding: 0 20px;
  }
  ._startButton_1vhzu_95 span {
    font-size: 14px;
    font-weight: 700;
  }
}
/* ============================================================
 *  מסך צר — פס הכפתונים של שלב הנתמך בשפת נדרים (HAT-1170)
 * ============================================================
 * המקור: .req-footer + .req-bar + .req-next. לבן, מחוון של ארבעה
 * קווים 34×3 ממורכזים (הראשון בורדו), ומתחתיו גלולה בורדו 44px
 * ברוחב כ-56% ממורכזת. בדסקטופ המחוון אינו מוצג והכפתור נשאר כפי
 * שהיה. */
._stepDots_1vhzu_207 {
  display: none;
}

@media (max-width: 1099px) {
  ._footer_1vhzu_36 {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 12px 20px 16px;
    background-color: var(--surface-base);
    border-top: 0;
  }
  ._stepDots_1vhzu_207 {
    display: flex;
    justify-content: center;
    gap: 6px;
    direction: rtl;
  }
  ._stepDot_1vhzu_207 {
    width: 34px;
    height: 3px;
    border-radius: 2px;
    background: var(--border-lowest);
  }
  ._stepDotActive_1vhzu_232 {
    background: var(--surface-primary);
  }
  ._startButton_1vhzu_95 {
    width: 56%;
    min-width: 220px;
    height: 44px;
    padding: 0 16px;
    border-radius: 22px;
  }
  ._startButton_1vhzu_95 span {
    font-size: 14px;
    font-weight: 700;
  }
  ._startButton_1vhzu_95:disabled {
    background: var(--gray-4);
  }
  ._startButton_1vhzu_95:disabled span {
    color: var(--font-body-4);
  }
  /* כרטיס הנתמך: קומפקטי כמו .req-option — 13px, המזהה 11px אפור. */
  ._innerContent_1vhzu_52 {
    padding: 11px 14px;
  }
  ._details_1vhzu_67 {
    gap: 2px;
  }
  ._details_1vhzu_67 img {
    width: 16px;
    height: 16px;
  }
}
/*
 * HAT-1453: the question and "add supported" share a row. On a wide screen the question is
 * hidden (above), so the button is the row's only child; margin-inline-start: auto parks it at
 * the end of the row - the left edge in Hebrew, where the report asked for it - rather than at
 * the start. On a narrow screen the question takes the start and the button the end.
 */
._headerRow_1vhzu_270 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  max-width: 674px;
  margin-bottom: 12px;
}

._headerRow_1vhzu_270 ._question_1vhzu_143 {
  flex: 1;
  width: auto;
  margin-bottom: 0;
}

._addSupportedButton_1vhzu_286 {
  margin-inline-start: auto;
  height: 40px;
  padding: 0 20px;
  border-radius: 24px;
  white-space: nowrap;
  font-weight: 700;
  flex-shrink: 0;
}
._pageWrapper_3cu80_2 {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  width: 100%;
  min-height: 0;
}

._contentArea_3cu80_11 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  flex: 1;
  min-height: 0;
  padding: 0 24px;
}

._searchContainer_3cu80_21 {
  width: 100%;
  max-width: 674px;
  margin-bottom: 8px;
}

._listContainer_3cu80_27 {
  width: 100%;
  max-width: 674px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  padding-bottom: 12px;
}

._newSupplierOption_3cu80_36 {
  border-bottom: 1px solid var(--border-main);
  padding: 12px 16px;
  cursor: pointer;
  border-radius: 6px;
}

._newSupplierOption_3cu80_36._selected_3cu80_43 {
  background-color: var(--surface-grey-low-2);
}

._newSupplierOption_3cu80_36:hover:not(._selected_3cu80_43) {
  background: var(--surface-secondary-low);
}

._newSupplierForm_3cu80_51 {
  padding: 12px 16px 16px;
  border-bottom: 1px solid var(--border-main);
}

._newSupplierFields_3cu80_56 {
  display: flex;
  gap: 16px;
}

._supplierListItem_3cu80_61 {
  border-bottom: 1px solid var(--border-main);
  padding: 4px 0;
  cursor: pointer;
}

._innerContent_3cu80_67 {
  display: flex;
  border-radius: 6px;
  padding: 8px 16px;
  justify-content: space-between;
}

._innerContent_3cu80_67._selected_3cu80_43 {
  background-color: var(--surface-grey-low-2);
}

._innerContent_3cu80_67:hover:not(._selected_3cu80_43) {
  background: var(--surface-secondary-low);
}

._details_3cu80_82 {
  display: flex;
  gap: 72px;
  flex: 1;
  min-width: 0;
  justify-content: space-between;
  max-width: 400px;
}

._itemContent_3cu80_91 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._itemContentWithDivider_3cu80_97 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._divider_3cu80_103 {
  width: 16px;
  height: 0px;
  border: 1px solid #DEDEDE;
  transform: rotate(-90deg);
}

._footer_3cu80_110 {
  display: flex;
  justify-content: center;
  margin-top: auto;
  flex-shrink: 0;
  width: 100%;
  padding: 12px 24px 16px;
  background-color: var(--surface-grey-lowest);
  border-top: 1px solid var(--border-lowest);
}

._startButton_3cu80_121 {
  width: 442px;
  max-width: 100%;
  height: 56px;
  padding: 8px 20px;
  background: var(--surface-primary);
  border-radius: 8px;
  cursor: pointer;
  margin: 0;
}

._startButton_3cu80_121:disabled {
  background: var(--surface-on-disabled);
}

@media (max-width: 1099px) {
  ._contentArea_3cu80_11 {
    padding: 0 16px;
  }
  ._searchContainer_3cu80_21 {
    max-width: 100%;
  }
  ._listContainer_3cu80_27 {
    max-width: 100%;
  }
  ._details_3cu80_82 {
    gap: 16px;
    flex-wrap: wrap;
  }
  ._itemContentWithDivider_3cu80_97 {
    gap: 8px;
  }
  ._divider_3cu80_103 {
    display: none;
  }
  ._newSupplierFields_3cu80_56 {
    flex-direction: column;
  }
  ._startButton_3cu80_121 {
    width: 100%;
  }
  ._footer_3cu80_110 {
    padding: 12px 16px max(16px, env(safe-area-inset-bottom));
  }
}
/* HAT-1105: the "בחירת מיזם" step above the supplier list of a fund-expense request. */
._stepSection_3cu80_167 {
  width: 100%;
  max-width: 674px;
  margin-bottom: 16px;
}

._stepHeader_3cu80_173 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 4px;
}

._stepAction_3cu80_181 {
  background: none;
  border: 0;
  padding: 4px 8px;
  cursor: pointer;
  color: var(--font-primary);
  font-weight: 600;
  text-decoration: underline;
}

._stepEmpty_3cu80_191 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px;
  text-align: center;
  border: 1px dashed var(--border-main);
  border-radius: 6px;
}

._pendingBadge_3cu80_201 {
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--surface-secondary-low);
  color: var(--font-body-2);
}
._root_1o7ru_2 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

._stepContent_1o7ru_9 {
  flex: 1 1 auto;
  min-height: 12rem;
}

@media (max-height: 750px) {
  ._stepContent_1o7ru_9 {
    min-height: 11rem;
  }
}
._errorSlot_1o7ru_19 {
  min-height: 3.25rem;
  margin: 0 2rem 0.5rem;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1099px) {
  ._errorSlot_1o7ru_19 {
    margin-inline: 1rem;
    min-height: 3rem;
  }
}

._button_1o7ru_32 {
  background-color: var(--surface-primary);
  padding: 10px 32px;
  color: var(--font-body-4);
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 180px;
  transition: background-color 0.15s;
}

._button_1o7ru_32:hover:not(:disabled) {
  background-color: var(--surface-primary-dark);
}

._button_1o7ru_32:disabled {
  opacity: 0.7;
}

._chevron_1o7ru_53 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--font-body-4);
}

/* In RTL, the continue chevron should visually point to the left (forward) */
._chevron_1o7ru_53 svg {
  transform: rotate(180deg);
}

._backLink_1o7ru_65 {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  background: transparent;
}

._backLink_1o7ru_65:disabled {
  text-decoration: none;
  opacity: 0.6;
}

@media (max-width: 1099px) {
  ._button_1o7ru_32 {
    padding: 10px 16px;
    min-width: 120px;
    min-height: 44px;
  }
}
/* ============================================================
 *  מסך צר — פס הכפתורים בשפת נדרים (HAT-1170)
 * ============================================================
 * המקור: .req-footer — לבן; מחוון של קווים 34×3 ממורכזים, הפעילים
 * בורדו; מתחתיו "לשלב הקודם" כקישור בצד ימין ו"הבא" כגלולה בורדו
 * 44px שתופסת את רוב הרוחב. אין מונה "2/4" — המחוון לבדו אומר זאת. */
@media (max-width: 1099px) {
  ._footer_1o7ru_91 {
    background: var(--surface-base);
    margin-top: 0;
    padding-top: 12px;
    /* יוצא מהריפוד של גוף האשף (20px) כדי להיות מקצה לקצה. */
    margin-inline: -20px;
    width: auto;
  }
  ._dots_1o7ru_99 {
    justify-content: center;
    gap: 6px;
    margin: 0 0 10px;
    direction: rtl;
  }
  ._dot_1o7ru_99 {
    width: 34px;
    height: 3px;
    border-radius: 2px;
    background: var(--border-lowest);
  }
  ._dotActive_1o7ru_111 {
    background: var(--surface-primary);
  }
  ._actions_1o7ru_114 {
    padding: 0 20px 16px;
    gap: 12px;
  }
  ._counter_1o7ru_118 {
    display: none;
  }
  ._backLink_1o7ru_65 {
    flex: 0 0 34%;
    text-align: start;
    font-size: 13px;
    color: var(--font-body-1);
  }
  ._button_1o7ru_32 {
    flex: 1;
    height: 44px;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 22px;
    font-size: 14px;
    font-weight: 700;
  }
  ._button_1o7ru_32:disabled {
    background: var(--gray-4);
    opacity: 1;
  }
  ._chevron_1o7ru_53 {
    display: none;
  }
}
._tilesGrid_1a4ne_2 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 20px;
}

@media (max-width: 1099px) {
  ._tilesGrid_1a4ne_2 {
    gap: 12px;
    /* בתוך flex-parent ממורכז הרשת מתכווצת לרוחב התוכן; הכרטיסים
       (width:100%) יורשים את זה ויוצאים עמודה צרה באמצע. */
    width: 100%;
  }
}
/* HAT-1170 — טאבלט: כרטיסי מטרה בשתי עמודות; טאבלט גדול: שלוש. עמודה
   אחת ברוחב 820 היא כרטיס של 780px עם אייקון של 26 באמצע. */
@media (min-width: 768px) and (max-width: 1099px) {
  ._tilesGrid_1a4ne_2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 960px) and (max-width: 1099px) {
  ._tilesGrid_1a4ne_2 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
._tile_1a4ne_2 {
  width: 268px;
  height: 132px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding-block: 24px;
  padding-inline-end: 24px;
  padding-inline-start: 40px;
  gap: 8px;
  background: var(--surface-base);
  border: 1px solid var(--border-lowest);
  border-radius: 16px;
  box-shadow: 0px 4px 9px rgba(145, 145, 145, 0.1);
  cursor: pointer;
}

._tile_1a4ne_2:hover {
  border-color: var(--border-strong);
}

._tileLabel_1a4ne_51 {
  text-align: start;
  color: var(--font-body-1);
  font-size: var(--body-size-body-lr);
  font-weight: 400;
  line-height: var(--body-lineheight-large);
}

._tile_1a4ne_2:hover ._tileLabel_1a4ne_51 {
  font-weight: 500;
}

._tileSelected_1a4ne_63 {
  border-color: var(--border-secondary-strong);
  border-width: 1.5px;
}

._tileSelected_1a4ne_63 ._tileLabel_1a4ne_51 {
  font-weight: 700;
  line-height: 24px;
}

._tileSelected_1a4ne_63:hover {
  border-color: var(--border-secondary-strong);
}

._tileSelected_1a4ne_63:hover ._tileLabel_1a4ne_51 {
  font-weight: 700;
}

._addTile_1a4ne_81 {
  border: 3px dashed var(--border-low);
  background: var(--surface-base);
  box-shadow: 0 4px 9px 0 rgba(145, 145, 145, 0.1);
}

._addTile_1a4ne_81:hover {
  border-color: var(--border-strong);
}

._addTileLabel_1a4ne_91 {
  color: var(--font-body-1);
  text-align: start;
  font-family: var(--body-font);
  font-size: var(--body-size-body-lr);
  line-height: var(--body-lineheight-large);
  font-weight: 600;
}

._tileIcon_1a4ne_100 {
  display: inline-block;
}

._tileSubLabel_1a4ne_104 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
}

._tileSubLabelText_1a4ne_111 {
  color: var(--font-body-2);
  text-align: start;
  font-family: var(--body-font);
  font-size: var(--body-size-body-sm);
  font-weight: 400;
  line-height: var(--body-lineheight-xs-small);
}

._tileInfoIcon_1a4ne_120 {
  width: 16px;
  height: 16px;
}

@media (max-width: 1099px) {
  ._tile_1a4ne_2 {
    width: 100%;
    height: auto;
    min-height: 100px;
    padding: 16px;
  }
}
._tileLabels_1a4ne_133 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  align-self: stretch;
}

/* ============================================================
 *  מסך צר — כרטיס מטרה בשפת נדרים (HAT-1170)
 * ============================================================
 * המקור: .req-goal-card — כרטיס לבן ברוחב מלא, מסגרת 2px שקופה שנצבעת
 * בורדו כשנבחר, אייקון 26px ממורכז ותווית 14px מתחתיו. בלי צל. */
@media (max-width: 1099px) {
  ._tilesGrid_1a4ne_2 {
    flex-direction: column;
    gap: 12px;
  }
  ._tile_1a4ne_2 {
    min-height: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 12px;
    border: 2px solid transparent;
    border-radius: 12px;
    box-shadow: none;
  }
  ._tile_1a4ne_2:hover {
    border-color: transparent;
  }
  ._tileSelected_1a4ne_63,
  ._tileSelected_1a4ne_63:hover {
    border-color: var(--surface-primary);
  }
  ._tileIcon_1a4ne_100 {
    width: 26px;
    height: 26px;
  }
  ._tileLabel_1a4ne_51,
  ._tileSelected_1a4ne_63 ._tileLabel_1a4ne_51 {
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    font-weight: 400;
  }
  ._tileLabels_1a4ne_133 {
    align-items: center;
  }
  ._tileSubLabel_1a4ne_104 {
    justify-content: center;
  }
}
/*
 * ============================================================
 *  אשף "בקשת תמיכה חדשה" במסך צר — שפת נדרים (HAT-1170)
 * ============================================================
 *
 * המקור: hatzdaka-nedarim/css/support-request.css. השלבים עצמם של
 * האתר נשארים כפי שהם (הם כבר אשף: מטרה → פרטים → תשלום → הערות),
 * וכאן רק המראה שלהם במסך צר מיושר למקור: שאלה מודגשת בראש כל שלב,
 * שדות לבנים מעוגלים בלי מסגרת, מתג מפולח למקום שהיו טאבים.
 *
 * ⚠️ הכללים כאן הם כללי-צאצא (descendant) על אלמנטים ולא על מחלקות:
 * השלבים כתובים ב-Tailwind ואין להם מחלקות יציבות לתפוס. זה מכוון
 * להישאר בתוך .wizard בלבד, ולכן אינו נוגע בשום דבר מחוץ לאשף.
 * Tailwind v4 יושב ב-@layer, ולכן כללים לא-משוכבים כאן גוברים עליו
 * בלי !important.
 */
._wizard_zmi6i_14 {
  display: contents;
}

@media (max-width: 1099px) {
  ._wizard_zmi6i_14 {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    width: 100%;
  }
  /* --- הטאבים "עבור נתמך / עבור הקרן" → מתג מפולח (.req-segmented) --- */
  ._wizard_zmi6i_14 [role=tablist] {
    background: var(--surface-grey-lighter);
    border-radius: 22px;
    padding: 4px;
    margin-bottom: 16px;
  }
  ._wizard_zmi6i_14 [role=tab] {
    border-radius: 18px;
    color: var(--font-body-2);
  }
  ._wizard_zmi6i_14 [role=tab] > span:first-child {
    padding: 9px 4px;
    font-size: 13px;
  }
  ._wizard_zmi6i_14 [role=tab] > span:last-child {
    display: none;
  }
  ._wizard_zmi6i_14 [role=tab][data-state=active] {
    background: var(--surface-base);
    color: var(--font-body-1);
    font-weight: 700;
  }
  /* --- כותרת השלב → .req-question --- */
  ._wizard_zmi6i_14 h2 {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 700;
    color: var(--font-body-1);
  }
  ._wizard_zmi6i_14 h3 {
    font-size: 13px;
    color: var(--gray-5);
    margin: 18px 0 8px;
  }
  /* --- תוויות ושדות → .req-field-label / .req-select / .req-amount-input --- */
  ._wizard_zmi6i_14 label {
    font-size: 13px;
    color: var(--gray-5);
    margin-bottom: 8px;
  }
  ._wizard_zmi6i_14 select,
  ._wizard_zmi6i_14 input[type=text],
  ._wizard_zmi6i_14 input[type=number],
  ._wizard_zmi6i_14 input[type=date],
  ._wizard_zmi6i_14 textarea {
    width: 100%;
    padding: 13px 14px;
    border: 0;
    border-radius: 10px;
    background: var(--surface-base);
    color: var(--font-body-1);
    font-size: 13px;
    box-shadow: none;
  }
  ._wizard_zmi6i_14 select:focus,
  ._wizard_zmi6i_14 input:focus,
  ._wizard_zmi6i_14 textarea:focus {
    outline: 2px solid var(--border-input-focus);
    outline-offset: 0;
  }
  /* השלבים מרוכזים בדסקטופ בעמודה של 1132; במסך צר הם ברוחב מלא. */
  ._wizard_zmi6i_14 article > div {
    max-width: none;
    padding-inline: 0;
  }
}
/* ============================================================
 *  גלולת ההקשר — "עבור מי" (HAT-1170)
 * ============================================================
 * המקור: .req-chips / .req-chip — מנטה, רדיוס 16, 12px מודגש, בקצה
 * הימני מעל השאלה של השלב. מזכירה למי הבקשה בזמן שבוחרים מטרה וסכום.
 * בדסקטופ אינה מוצגת: שם שם הנתמך כבר כתוב בכותרת הטופס. */
._chips_zmi6i_103 {
  display: none;
}

@media (max-width: 1099px) {
  ._chips_zmi6i_103 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 16px;
  }
  ._chip_zmi6i_103 {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 16px;
    background: var(--surface-tertiary-low);
    color: var(--font-body-1);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
  }
  /* השאלה שפותחת שלב (.req-question) — כשהשלב לא מביא אחת משלו. */
  ._question_zmi6i_126 {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 700;
    color: var(--font-body-1);
    text-align: start;
  }
}
/*
 * SPR-1240: wizard steps (e.g. target goal) stay full width through the tablet band (≤1099px).
 * Payment + InfoPanel stack in .paymentSetupRow so the amount field is not squeezed on the row.
 */
@media (max-width: 1099px) {
  ._wizard_zmi6i_14 article > div,
  ._wizard_zmi6i_14 article > div > div {
    width: 100%;
  }
}
@media (max-width: 1099px) {
  ._paymentSetupRow_zmi6i_136 {
    flex-direction: column;
  }
}
._supportAmountInput_zmi6i_149 {
  -moz-appearance: textfield;
  text-align: end;
}

._supportAmountInput_zmi6i_149::-webkit-inner-spin-button,
._supportAmountInput_zmi6i_149::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._question_zmi6i_126 {
  display: none;
}

@media (max-width: 1099px) {
  ._question_zmi6i_126 {
    display: block;
  }
}._radioInput_1qxsz_1 {
  opacity: 0;
  width: 20px;
  height: 20px;
  position: absolute;
}

._radioButton_1qxsz_8 {
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20fill='white'/%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20stroke='%23C3C3C3'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
  flex-shrink: 0;
}

._radioButton_1qxsz_8:hover {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20fill='%23F9F9F9'/%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20stroke='%23ADADAD'/%3e%3c/svg%3e");
}

._radioInput_1qxsz_1:disabled + ._radioButton_1qxsz_8 {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20fill='%23F4F4F4'/%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20stroke='%23DEDEDE'/%3e%3c/svg%3e");
}

._radioInput_1qxsz_1:checked + ._radioButton_1qxsz_8 {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20fill='%23E7EFF4'/%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20stroke='%23264465'/%3e%3ccircle%20cx='10'%20cy='10'%20r='5'%20fill='%232F4D72'/%3e%3c/svg%3e");
}

._radioInput_1qxsz_1:checked + ._radioButton_1qxsz_8:hover {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20fill='white'/%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20stroke='%23264465'/%3e%3ccircle%20cx='10'%20cy='10'%20r='5'%20fill='%232F4D72'/%3e%3c/svg%3e");
}

._radioInput_1qxsz_1:checked:disabled + ._radioButton_1qxsz_8 {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20fill='%23F4F4F4'/%3e%3crect%20x='0.5'%20y='0.5'%20width='19'%20height='19'%20rx='9.5'%20stroke='%23DEDEDE'/%3e%3ccircle%20cx='10'%20cy='10'%20r='5'%20fill='%23ADADAD'/%3e%3c/svg%3e");
}

._radioInput_1qxsz_1:focus-visible + ._radioButton_1qxsz_8 {
  box-shadow: 0px 0px 0px 3.2px #ececec;
  outline: none;
}

._radioLabel_1qxsz_45 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  border-radius: 0.75rem;
  border: 1px solid;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
}

._radioLabel_1qxsz_45._selected_1qxsz_58 {
  background-color: var(--surface-secondary-lowest);
  border-color: var(--border-secondary-strong);
}

._radioLabel_1qxsz_45._unselected_1qxsz_63 {
  background-color: var(--surface-base);
  border-color: var(--border-main);
}

._labelText_1qxsz_68 {
  flex: 1;
  text-align: start;
}

._labelText_1qxsz_68._selected_1qxsz_58 {
  font-weight: 600;
}

._labelText_1qxsz_68._unselected_1qxsz_63 {
  font-weight: 500;
}

._icon_1qxsz_81 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

._icon_1qxsz_81 img {
  width: 100%;
  height: 100%;
}

._inputContainer_fi3lb_1 {
  position: relative;
  height: 44px;
  display: flex;
  gap: 8px;
  color: var(--font-body-3);
  overflow: visible;
}

._PhoneInputContainer_fi3lb_10 {
  direction: ltr;
}

._prefixSelect_fi3lb_14 {
  display: flex;
  border: 1px solid var(--border-input-default);
  border-radius: 6px;
  background-color: var(--surface-base);
  padding: 10px;
  gap: 24px;
  position: relative;
}

._prefixSelect_fi3lb_14._open_fi3lb_24,
._prefixSelect_fi3lb_14:focus {
  border: 1px solid var(--border-primary);
}

._prefixSelect_fi3lb_14:hover {
  border: 1px solid var(--border-strong);
}

._prefixChevron_fi3lb_33 {
  width: 12px;
  transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
}

._prefixChevron_fi3lb_33._open_fi3lb_24 {
  transform: rotate(180deg);
}

._prefixClear_fi3lb_42 {
  font-size: 20px;
  line-height: 24px;
  color: var(--font-primary);
  cursor: pointer;
}

._prefixDropdown_fi3lb_49 {
  position: absolute;
  top: 48px;
  left: 0;
  z-index: 30;
  background: var(--surface-base);
  border: 1px solid var(--border-lowest);
  border-radius: 8px;
  min-width: 70px;
  max-height: 220px;
  overflow-y: auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  padding: 4px 0;
}

._dropUp_fi3lb_64 {
  top: auto;
  bottom: calc(100% + 4px);
}

._prefixOption_fi3lb_69,
._selectOption_fi3lb_70 {
  padding: 10px 18px;
  width: 100%;
  transition: background 0.2s;
}

._prefixOption_fi3lb_69 {
  text-align: end !important;
}

._selectOption_fi3lb_70 {
  text-align: start;
}

._prefixOption_fi3lb_69:hover,
._prefixOption_fi3lb_69._active_fi3lb_85 {
  background: var(--surface-grey-lighter);
  color: var(--border-primary);
}

._input_fi3lb_1 {
  width: 100%;
  height: 100%;
  padding: 0 12px 0 10px;
  background: var(--surface-base);
  border-radius: 6px;
  border: 1px solid var(--border-input-default);
  outline: none;
}

._input_fi3lb_1:hover {
  border: 1px solid var(--border-input-hover);
}

._input_fi3lb_1:focus {
  border: 1px solid var(--border-input-type);
}

._input_fi3lb_1:disabled {
  background: var(--surface-disabled);
  border: 1px solid var(--border-input-default);
}

._icon_fi3lb_113 {
  position: absolute;
  inset-inline-start: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

._input_fi3lb_1::placeholder {
  color: var(--font-body-3);
}

._input_fi3lb_1[type='number']::-webkit-inner-spin-button,
._input_fi3lb_1[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._input_fi3lb_1[type='number'] {
  -moz-appearance: textfield;
}

@media (max-width: 1099px) {
  ._mobileFullWidth_fi3lb_136 {
    width: 100% !important;
  }
}

/* SPR-1241: field hints — keep in DOM (empty when idle) so blur does not steal focus. */
._fieldHintStatus_fi3lb_142 {
  color: var(--status-rejected-text);
  min-height: 0;
  margin: 0;
}

._fieldHintStatus_fi3lb_142:not(:empty) {
  margin-top: 0.25rem;
  min-height: 1.25rem;
}
._childrenContainer_9uj1q_1 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-top: 8px;
  flex-wrap: wrap;
}

._documentsContainer_9uj1q_9 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}

._childCard_9uj1q_16 {
  width: 200px;
  padding: 18px;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.0784313725);
  text-align: start;
  font: inherit;
}

._childCard_9uj1q_16._selected_9uj1q_26 {
  border: 1px solid var(--border-secondary);
  background-color: var(--surface-secondary-lowest);
}

._childCard_9uj1q_16._unselected_9uj1q_31 {
  border: 1px solid var(--border-main);
  background-color: var(--surface-base);
}

._childCard_9uj1q_16._disabled_9uj1q_36 {
  cursor: not-allowed;
  opacity: 0.5;
}

._newChildFormRow_9uj1q_41 {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
  align-items: flex-end;
}

._newChildFormRow_9uj1q_41 > * {
  flex: 1;
  min-width: 200px;
}

@media (max-width: 1099px) {
  ._childrenContainer_9uj1q_1 {
    gap: 12px;
  }
  ._childCard_9uj1q_16 {
    width: calc(50% - 6px);
    min-width: 140px;
    padding: 14px;
  }
  ._documentsContainer_9uj1q_9 {
    gap: 12px;
  }
  ._newChildFormRow_9uj1q_41 {
    flex-direction: column;
    gap: 16px;
  }
  ._newChildFormRow_9uj1q_41 > * {
    min-width: unset;
    width: 100%;
  }
}._field_t09w1_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 300px;
}

._modeSwitch_t09w1_8 {
  display: inline-flex;
  align-self: flex-start;
  padding: 2px;
  border: 1px solid var(--border-input-default);
  border-radius: 8px;
  background: var(--surface-base);
}

._modeOption_t09w1_17 {
  padding: 4px 14px;
  border-radius: 6px;
  color: var(--font-body-2);
  cursor: pointer;
}

._modeOptionActive_t09w1_24 {
  background: var(--surface-primary-lowest);
  color: var(--font-primary);
}

._hebrewFieldset_t09w1_29 {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}

._hebrewSelects_t09w1_36 {
  display: grid;
  grid-template-columns: 1fr 1.4fr 1.2fr;
  gap: 8px;
}
._hebrewSelects_t09w1_36 select {
  height: 44px;
}

._hints_t09w1_45 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._invalidNote_t09w1_51 {
  color: var(--status-rejected-text);
}._container_n81tq_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: var(--surface-grey-low);
  border: 1px solid var(--border-lowest);
  border-radius: 12px;
  height: fit-content;
  align-self: flex-start;
}

._titleSection_n81tq_12 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 20px 12px 0;
  border-radius: 16px 8px 0 0;
}

._content_n81tq_20 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 20px 24px 20px;
  width: 100%;
}

._card_n81tq_28 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px;
  background: var(--surface-base);
  border-radius: 8px;
  width: 100%;
}

._cardHeader_n81tq_38 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

._label_n81tq_45 {
  font-family: var(--body-font);
  font-weight: 500;
  font-size: var(--body-size-sm);
  line-height: var(--body-lineheight-xs-small);
  color: var(--font-body-3);
  text-align: right;
}

._infoIcon_n81tq_54 {
  width: 11px;
  height: 11px;
  cursor: pointer;
}

._valueContainer_n81tq_60 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 4px;
}

._value_n81tq_60 {
  font-family: var(--body-font);
  font-weight: 700;
  font-size: var(--body-size-body);
  line-height: var(--body-lineheight-regular);
  color: var(--font-body-1);
  text-align: right;
  width: 100%;
}

._tooltipText_n81tq_78 {
  font-family: var(--body-font);
  font-size: 15px;
  color: var(--font-body-1);
  white-space: pre-line;
}

._panelContainer_n81tq_85 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._textarea_5k8wk_1 {
  width: 100%;
  padding: 8px 12px;
  background: var(--surface-base);
  border: 1px solid var(--border-input-default);
  border-radius: 6px;
}

._termsContainer_5k8wk_9 {
  display: flex;
  align-items: center;
  margin-top: 16px;
  padding: 8px 20px;
  background: var(--surface-grey-low-2);
  border-radius: 32px;
  gap: 10px;
}

._checkExistenceContainer_1mf1p_2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

._checkButton_1mf1p_9 {
  width: 44px;
  min-width: 44px;
  height: 44px;
  flex-shrink: 0;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-primary);
  border-radius: 6px;
  cursor: pointer;
  /* index.scss applies background/color transitions on *; skip them here so
     enabled burgundy does not flash as disabled grey after lookup (SPR-1241). */
  transition: none;
}

._checkButton_1mf1p_9:hover {
  background: var(--surface-primary-dark);
}

._checkButton_1mf1p_9:disabled {
  background: var(--surface-on-disabled);
  cursor: not-allowed;
}

._checkButtonLoading_1mf1p_35 {
  cursor: wait;
  background: var(--surface-primary);
}

._checkButtonLoading_1mf1p_35:hover {
  background: var(--surface-primary);
}

._checkButtonSpinner_1mf1p_44 {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: _spr1241-spin_1mf1p_1 0.7s linear infinite;
}

@keyframes _spr1241-spin_1mf1p_1 {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._checkButtonSpinner_1mf1p_44 {
    animation: none;
    border-color: rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    border-right-color: #ffffff;
  }
}
[dir=ltr] ._checkButton_1mf1p_9 img {
  transform: scaleX(-1);
}

._supportedExistsContainer_1mf1p_71 {
  border-radius: 8px;
  background: var(--surface-grey-low-2);
  padding: 10px 16px;
  display: flex;
  align-items: start;
  gap: 11px;
  margin-bottom: 12px;
}

._supportedExistsMessage_1mf1p_81 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: var(--font-body-5);
}

/* The check-digit notice is the shared Alert in its warning tone now, so the one-off colour this
   screen used to define for it is gone (HAT-1341). */
._startButton_1mf1p_90 {
  width: 442px;
  height: 56px;
  padding: 8px 20px;
  background: var(--surface-primary);
  border-radius: 8px;
  cursor: pointer;
  margin: 3.5rem 0;
  transition: none;
}

._startButton_1mf1p_90:disabled {
  background: var(--surface-on-disabled);
}

._startButtonLabel_1mf1p_105 {
  transition: none;
}

._startButton_1mf1p_90:not(:disabled) ._startButtonLabel_1mf1p_105 {
  color: var(--font-body-4);
}

._startButton_1mf1p_90:disabled ._startButtonLabel_1mf1p_105 {
  color: var(--font-on-disabled);
}

._startButtonHighlight_1mf1p_117 {
  outline: 3px solid var(--border-secondary-strong);
  outline-offset: 2px;
}

._connectErrorFocusTarget_1mf1p_122:focus {
  outline: 3px solid var(--border-secondary-strong);
  outline-offset: 2px;
}

._showContactButton_1mf1p_127:focus-visible {
  outline: 3px solid var(--border-secondary-strong);
  outline-offset: 2px;
}

._checkExistenceFooter_1mf1p_132 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* ID blur hint below the input+check row — reserved height so content below does not jump (H2/H3). */
._idFieldHintSlot_1mf1p_140 {
  color: var(--status-rejected-text);
  min-height: 1.5rem;
  margin: 0.25rem 0 0;
}

@media (max-width: 1099px) {
  ._checkExistenceContainer_1mf1p_2 {
    padding: 0 16px;
  }
  ._startButton_1mf1p_90 {
    width: 100%;
    max-width: 442px;
    margin: 2rem 0;
  }
}
/* Phone only (HAT-1170 $phone-max): widget overlaps התחלה at ~390; tablet/desktop 820+ do not. */
@media (max-width: 767px) {
  ._checkExistenceFooter_1mf1p_132 {
    padding-bottom: 88px;
  }
}._content_ql8lq_1 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 763px;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1099px) {
  ._content_ql8lq_1 {
    width: 100%;
    gap: 24px;
  }
  ._declarationsSection_ql8lq_15 {
    gap: 12px;
  }
  ._declarationRow_ql8lq_18 {
    padding: 10px 8px;
    gap: 10px;
  }
  ._declarationText_ql8lq_22 {
    white-space: normal;
    word-break: break-word;
    font-size: 14px;
    line-height: 1.4;
  }
  ._nameInputSection_ql8lq_28 {
    margin-top: 12px;
    margin-bottom: 16px;
  }
}
._headerSection_ql8lq_33 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

._titleSection_ql8lq_40 {
  display: flex;
  flex-direction: column;
  text-align: right;
  border-bottom: 1px solid var(--border-main, #dedede);
  padding-bottom: 16px;
}

._declarationsSection_ql8lq_15 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._declarationsList_ql8lq_54 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._declarationRow_ql8lq_18 {
  background: var(--surface-grey-low-2, #efefef);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 12px 10px 12px 10px;
  border-radius: var(--radius-4, 4px);
  gap: 15px;
  cursor: pointer;
  user-select: none;
}

._declarationRow_ql8lq_18:hover {
  background: var(--surface-grey-low, #e5e5e5);
}

._declarationText_ql8lq_22 {
  flex: 1;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._nameInputSection_ql8lq_28 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  margin-bottom: 24px;
  width: 100%;
}

._required_ql8lq_93 {
  color: #d32f2f;
  margin-right: 4px;
}._wrapper_1jqpi_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  align-items: center;
}

._content_1jqpi_9 {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  width: 1132px;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1099px) {
  ._content_1jqpi_9 {
    width: 100%;
    padding: 16px;
    gap: 20px;
  }
  ._footer_1jqpi_27 {
    padding: 16px;
  }
}
._divider_1jqpi_31 {
  width: 100%;
  height: 1px;
  background: var(--border-lowest);
  margin: 12px 0;
}

._footer_1jqpi_27 {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 24px;
  border-top: 1px solid var(--border-lowest);
  width: 100%;
}

._submitButton_1jqpi_48 {
  background: var(--surface-primary);
  color: white;
  padding: 8px 20px;
  border-radius: 8px;
  border: none;
  font-family: var(--body-font, "Assistant", sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

._submitButton_1jqpi_48:hover {
  opacity: 0.9;
}

._submitButton_1jqpi_48:active {
  opacity: 0.8;
}

._submitButtonDisabled_1jqpi_70 {
  background: var(--surface-on-disabled);
  color: var(--font-body-1);
  padding: 8px 20px;
  border-radius: 8px;
  border: none;
  font-family: var(--body-font, "Assistant", sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  cursor: not-allowed;
  opacity: 0.5;
}/* The frame, the footer and the buttons are «פרטי תשלום»'s (AddPaymentInfoPopup.module.scss);
   these are only what that window does not have. */

._section_1yxj0_4 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._sectionHead_1yxj0_10 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* The account that bounced: deleted, said in words and colour - not struck through. */
._deletedTag_1yxj0_17 {
  padding: 2px 8px;
  border-radius: 999px;
  color: var(--font-error);
  background-color: var(--surface-error-lowest, #fdecec);
}

._returnedTag_1yxj0_24 {
  display: inline-block;
  margin-top: 4px;
  padding: 1px 6px;
  border-radius: 999px;
  color: var(--font-warning, #8a5a00);
  background-color: var(--surface-warning-lowest);
  white-space: nowrap;
}

._tableScroller_1yxj0_34 {
  overflow-x: auto;
}

._table_1yxj0_34 {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  table-layout: fixed;
}

._table_1yxj0_34 th:nth-child(1) { width: 44px; }
._table_1yxj0_34 th:nth-child(2) { width: 18%; }
._table_1yxj0_34 th:nth-child(3) { width: 34%; }
._table_1yxj0_34 th:nth-child(4) { width: 18%; }
._table_1yxj0_34 th:nth-child(5) { width: 30%; }

._table_1yxj0_34 th {
  text-align: start;
  padding: 8px 12px;
  color: var(--font-body-2);
  border-bottom: 1px solid var(--border-lowest);
  white-space: nowrap;
}

._table_1yxj0_34 td {
  padding: 10px 12px;
  color: var(--font-body-1);
  border-bottom: 1px solid var(--border-lowest);
  vertical-align: top;
}

._check_1yxj0_66 {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: var(--surface-primary);
  cursor: pointer;
}

/* Taken out: still listed, so the coordinator sees what stays behind, but faded. */
._leftBehindRow_1yxj0_75 td:not(:first-child) {
  opacity: 0.5;
}

._leftBehindNote_1yxj0_79 {
  color: var(--font-warning, #8a5a00);
}

/* The board's status: a coloured dot and its word (AdditionalInfo's .status, without the chip). */
._status_1yxj0_83 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

._statusDot_1yxj0_90 {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  border-radius: 999px;
  background-color: var(--status-color);
}

/* Only on the rows where saving sends something back to the office. */
._backTag_1yxj0_99 {
  display: inline-block;
  margin-top: 4px;
  padding: 1px 6px;
  border-radius: 999px;
  color: var(--font-tertiary);
  background-color: var(--surface-tertiary-low);
}

._choices_1yxj0_108 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: none;
  min-width: 0;
}

._choices_1yxj0_108 legend {
  margin-bottom: 4px;
  padding: 0;
}

/* Each account is one selectable card, the whole card clickable. */
._option_1yxj0_124 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--border-lowest);
  border-radius: 12px;
  background-color: var(--surface-base);
  cursor: pointer;
}

._option_1yxj0_124 input {
  margin-top: 4px;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  accent-color: var(--surface-primary);
}

._optionSelected_1yxj0_143 {
  border-color: var(--border-primary, var(--surface-primary));
  box-shadow: 0 0 0 1px var(--border-primary, var(--surface-primary));
}

._newAccount_1yxj0_148 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-inline-start: 30px;
}

._footer_1yxj0_155 {
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

._secondaryAction_1yxj0_161 {
  color: var(--font-primary);
  text-decoration: underline;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

._secondaryAction_1yxj0_161:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._done_1yxj0_175 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 24px 0;
  text-align: center;
}

._doneIcon_1yxj0_184 {
  width: 48px;
  height: 48px;
}

@media (max-width: 600px) {
  ._newAccount_1yxj0_148 {
    padding-inline-start: 0;
  }

  ._footer_1yxj0_155 {
    flex-direction: column-reverse;
    align-items: stretch;
  }
}
/*
 * Waiting drafts, behind a button in the support-requests toolbar. See DraftsButton.tsx.
 *
 * Everything here is anchored to that button rather than placed in the page, so the list a
 * coordinator came to read is never pushed down by something most of them will never have.
 */
._wrap_5gdtq_7 {
  position: relative;
  display: inline-flex;
}

._trigger_5gdtq_12 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

._count_5gdtq_18 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  /* --surface-hover is #f9f9f9, invisible on the button's white ground - this needs a neutral
     with actual contrast, and --surface-primary is the burgundy brand fill, not a surface. */
  background: var(--border-main);
  color: var(--font-secondary);
  font-variant-numeric: tabular-nums;
}

/*
 * The panel is anchored to the trigger's end edge, which is the start of the line in RTL, so
 * it opens inward over the page rather than off the side of it.
 */
._panel_5gdtq_37 {
  position: absolute;
  inset-block-start: calc(100% + 6px);
  inset-inline-end: 0;
  z-index: 20;
  width: 320px;
  max-height: 360px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  /* Plain white on a neutral hairline. --surface-primary and --border-primary are the burgundy
     brand colours despite their names; a panel painted in them swallows its own text. */
  border: 1px solid var(--border-main);
  border-radius: 10px;
  background: var(--surface-base);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

._row_5gdtq_57 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 8px;
  text-align: start;
}
._row_5gdtq_57:hover {
  background: var(--surface-hover);
}

/*
 * The whole row is the "continue" control. A separate button would be one more thing to aim
 * at inside a panel that is already small.
 */
._open_5gdtq_73 {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  text-align: start;
}

._title_5gdtq_87 {
  color: var(--font-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

._meta_5gdtq_95 {
  color: var(--font-secondary);
}

._amount_5gdtq_99 {
  font-variant-numeric: tabular-nums;
}

._discard_5gdtq_103 {
  flex: none;
  border: 0;
  background: none;
  padding: 6px;
  border-radius: 6px;
  color: var(--font-secondary);
  cursor: pointer;
}
._discard_5gdtq_103:hover {
  background: var(--border-main);
  color: var(--font-primary);
}
/*
 * ============================================================
 *  כפתור צף (FAB)
 * ============================================================
 * הועבר מ-hatzdaka-nedarim (css/common.css, "כפתורים צפים").
 * המידות זהות: עיגול 50px, 18px מלמטה, 14px מהצד, צל רך.
 * הפלטה של מרכז הצדקה.
 *
 * למה הוא קיים: במסך צר הפעולה הראשית של הלוח לא יכולה לשבת
 * ב-chrome — שם היא נדחקת בין הכותרת, החיפוש והסינון, ונדרשת
 * גלילה חזרה למעלה כדי להגיע אליה. הכפתור הצף נשאר במקומו
 * לאורך כל הגלילה.
 */
._fab_z80bt_15 {
  position: fixed;
  bottom: 18px;
  inset-inline-start: 14px;
  /* מעל סרגל הבחירה של הלוח, מתחת למגירה ולגיליון. */
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--surface-primary);
  color: var(--font-body-4);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* מקום לסרגל המחוות של iOS. */
  bottom: max(18px, env(safe-area-inset-bottom));
}
._fab_z80bt_15:active {
  background: var(--surface-primary-dark);
}
._fab_z80bt_15:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

/*
 * ⚠️ מעל 1099 הוא נעלם, ובכוונה: שם הלוח חוזר לטבלה, והפעולה
 * הראשית יושבת ב-chrome שלה — שני כפתורים לאותה פעולה באותו מסך
 * הם בדיוק מה שגורם לאנשים לחשוב שהם עושים שני דברים שונים.
 */
@media (min-width: 1100px) {
  ._fab_z80bt_15 {
    display: none;
  }
}
/*
 * ------------------------------------------------------------
 *  כרטיס הפעולה הראשית, מעל הרשימה
 * ------------------------------------------------------------
 * מהמקור (`.new-request-button`). הוא קיים שם **בנוסף** לכפתור
 * הצף ולא במקומו, מסיבה שכתובה שם במפורש: הכפתור הצף הוא עיגול
 * בלי תווית ואינו מסביר את עצמו. הכרטיס אומר במילים מה הפעולה.
 */
._actionCard_z80bt_63 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: 42px;
  margin: 0 0 12px;
  padding: 0;
  border: 1px solid var(--surface-tertiary-low);
  border-radius: 12px;
  background: var(--surface-base);
  color: var(--font-tertiary);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
._actionCard_z80bt_63:active {
  background: var(--surface-primary-lowest);
}

._actionCardPlus_z80bt_87 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  margin-inline-end: 8px;
  border-radius: 50%;
  background: var(--surface-primary);
  color: var(--font-body-4);
  font-size: 14px;
  line-height: 1;
  flex-shrink: 0;
}._content_rpmom_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 16px;
}

._confirmText_rpmom_8 {
  font-size: 15px;
  color: var(--font-body-1);
  line-height: 1.6;
}

._section_rpmom_14 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._sectionLabel_rpmom_20 {
  font-weight: 600;
  color: var(--font-heading);
}

._monthList_rpmom_25 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 220px;
  overflow-y: auto;
  border: 1px solid var(--border-tertiary);
  border-radius: 8px;
  padding: 8px;
}

._radioGroup_rpmom_36 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._radioOption_rpmom_42 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 8px;
  transition: background-color 0.2s ease;
}

._radioOption_rpmom_42:hover:not(._disabledOption_rpmom_52) {
  background-color: var(--surface-grey-lighter);
}

._radioOption_rpmom_42 input[type='radio'] {
  width: 18px;
  height: 18px;
  accent-color: var(--font-primary);
  cursor: pointer;
}

._radioOption_rpmom_42 span {
  font-size: 14px;
  color: var(--font-body-1);
}

._disabledOption_rpmom_52 {
  opacity: 0.4;
  cursor: not-allowed;
}

._disabledOption_rpmom_52 input[type='radio'] {
  cursor: not-allowed;
}

._commentTextarea_rpmom_77 {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border-tertiary);
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  color: var(--font-body-1);
  resize: vertical;
  min-height: 60px;
}

._commentTextarea_rpmom_77:focus {
  outline: none;
  border-color: var(--font-primary);
}

._error_rpmom_94 {
  color: var(--error);
  font-size: 14px;
}

._actions_rpmom_99 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_rpmom_107 {
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}

._actionButton_rpmom_107:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._secondaryButton_rpmom_120 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryButton_rpmom_120:hover:not(:disabled) {
  background-color: var(--surface-grey-lighter);
  border-color: var(--border-dark);
}

._successContent_rpmom_132 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 8px 0;
  text-align: center;
}

._successMessage_rpmom_141 {
  font-size: 15px;
  color: var(--font-body-1);
  line-height: 1.6;
}
._content_z6l4n_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 16px;
}

._confirmText_z6l4n_8 {
  font-size: 15px;
  color: var(--font-body-1);
  line-height: 1.6;
}

._section_z6l4n_14 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._sectionLabel_z6l4n_20 {
  font-weight: 600;
  color: var(--font-heading);
}

._monthList_z6l4n_25 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 220px;
  overflow-y: auto;
  border: 1px solid var(--border-tertiary);
  border-radius: 8px;
  padding: 8px;
}

._radioGroup_z6l4n_36 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._radioOption_z6l4n_42 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 8px;
  transition: background-color 0.2s ease;
}

._radioOption_z6l4n_42:hover:not(._disabledOption_z6l4n_52) {
  background-color: var(--surface-grey-lighter);
}

._radioOption_z6l4n_42 input[type='radio'] {
  width: 18px;
  height: 18px;
  accent-color: var(--font-primary);
  cursor: pointer;
}

._radioOption_z6l4n_42 span {
  font-size: 14px;
  color: var(--font-body-1);
}

._disabledOption_z6l4n_52 {
  opacity: 0.4;
  cursor: not-allowed;
}

._disabledOption_z6l4n_52 input[type='radio'] {
  cursor: not-allowed;
}

._commentTextarea_z6l4n_77 {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border-tertiary);
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  color: var(--font-body-1);
  resize: vertical;
  min-height: 60px;
}

._commentTextarea_z6l4n_77:focus {
  outline: none;
  border-color: var(--font-primary);
}

._error_z6l4n_94 {
  color: var(--error);
  font-size: 14px;
}

._actions_z6l4n_99 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_z6l4n_107 {
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}

._actionButton_z6l4n_107:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._secondaryButton_z6l4n_120 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryButton_z6l4n_120:hover:not(:disabled) {
  background-color: var(--surface-grey-lighter);
  border-color: var(--border-dark);
}

._successContent_z6l4n_132 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 8px 0;
  text-align: center;
}

._successMessage_z6l4n_141 {
  font-size: 15px;
  color: var(--font-body-1);
  line-height: 1.6;
}

._currentAmount_z6l4n_147 {
  font-size: 15px;
  color: var(--font-body-1);
}
/* Compact centered box - overrides MainDialogLayout's near-fullscreen default (same pattern
   as FundSettings' bankDialogContent). */
._dialogBox_9debd_3 {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(92vw, 520px);
  height: auto;
  max-height: 85vh;
}

._content_9debd_12 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 16px 24px 24px;
  width: 100%;
}

._confirmText_9debd_20 {
  font-size: 15px;
  color: var(--font-body-1);
  line-height: 1.6;
}

._section_9debd_26 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._sectionLabel_9debd_32 {
  font-weight: 600;
  color: var(--font-heading);
}

._requestList_9debd_37 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 220px;
  overflow-y: auto;
  border: 1px solid var(--border-tertiary);
  border-radius: 8px;
  padding: 8px;
}

._requestRow_9debd_48 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 8px;
  font-size: 14px;
  color: var(--font-body-1);
}

._commentTextarea_9debd_57 {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border-tertiary);
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  color: var(--font-body-1);
  resize: vertical;
  min-height: 60px;
}

._commentTextarea_9debd_57:focus {
  outline: none;
  border-color: var(--font-primary);
}

._error_9debd_74 {
  color: var(--error);
  font-size: 14px;
}

._actions_9debd_79 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_9debd_87 {
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}

._actionButton_9debd_87:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._secondaryButton_9debd_100 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryButton_9debd_100:hover:not(:disabled) {
  background-color: var(--surface-grey-lighter);
  border-color: var(--border-dark);
}

._successContent_9debd_112 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._successMessage_9debd_118 {
  font-size: 15px;
  color: var(--font-body-1);
  line-height: 1.6;
}

._exceptionsMessage_9debd_124 {
  font-weight: 600;
}
._content_1tmtw_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 16px;
}

._subtitle_1tmtw_8 {
  font-size: 13px;
  color: var(--font-body-3);
}

._confirmText_1tmtw_13 {
  font-size: 15px;
  color: var(--font-body-1);
  line-height: 1.6;
}

._error_1tmtw_19 {
  color: var(--error);
  font-size: 14px;
}

._actions_1tmtw_24 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_1tmtw_32 {
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}

._actionButton_1tmtw_32:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._secondaryButton_1tmtw_45 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryButton_1tmtw_45:hover:not(:disabled) {
  background-color: var(--surface-grey-lighter);
  border-color: var(--border-dark);
}

._successContent_1tmtw_57 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 8px 0;
  text-align: center;
}

._successMessage_1tmtw_66 {
  font-size: 15px;
  color: var(--font-body-1);
  line-height: 1.6;
}
._content_1h4ti_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 16px;
}

._confirmText_1h4ti_8 {
  font-size: 15px;
  color: var(--font-body-1);
  line-height: 1.6;
}

._section_1h4ti_14 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._sectionLabel_1h4ti_20 {
  font-weight: 600;
  color: var(--font-heading);
}

._error_1h4ti_25 {
  color: var(--error);
  font-size: 14px;
}

._actions_1h4ti_30 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_1h4ti_38 {
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}

._actionButton_1h4ti_38:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._secondaryButton_1h4ti_51 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryButton_1h4ti_51:hover:not(:disabled) {
  background-color: var(--surface-grey-lighter);
  border-color: var(--border-dark);
}

._successContent_1h4ti_63 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 8px 0;
  text-align: center;
}

._successMessage_1h4ti_72 {
  font-size: 15px;
  color: var(--font-body-1);
  line-height: 1.6;
}

/*
 * The toolbar's action group: waiting drafts and "new request" are the same errand, so they
 * sit together at the end of the filters row. The gap comes from .addButton's own inline
 * margin, which is there whether or not the drafts button renders.
 */
._toolbarActions_b2tii_7 {
  display: flex;
  align-items: center;
}

/*
 * Narrow-screen stand-in for .toolbarActions, which does not render at all below the
 * desktop breakpoint (see the actionButton comment in SupportRequestsPage.tsx). DraftsButton
 * sits above the "new request" card instead, right-aligned since it renders nothing most of
 * the time and a left-aligned empty slot would leave a visible gap where it hasn't appeared.
 */
._mobileCardHeader_b2tii_18 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

/*
 * HAT-1453: the main action of the screen, so it reads as one - filled (variant="primary") and
 * taller than the outlined 32px pill it replaces, which sat in the filters row looking like one
 * more filter. Same size and weight as the supporteds screen's add button.
 */
._addButton_b2tii_4 {
  min-width: 140px;
  height: 40px;
  padding: 0 24px;
  margin-inline-start: 16px;
  border-radius: 24px;
  border: 1px solid var(--font-primary);
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}

/* Holds the tooltip of a locked button: a disabled button gets no hover of its own. */
._addButtonWrap_b2tii_43 {
  display: inline-flex;
}

/* View-only: the button stays in its place, grey and with a lock, rather than vanishing. */
._addButtonWrap_b2tii_43 ._addButtonLocked_b2tii_48:disabled {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto;
  padding-inline: 18px;
  white-space: nowrap;
  opacity: 1;
  color: var(--font-body-3);
  background: var(--surface-disabled);
  border-color: var(--border-disabled);
  pointer-events: none;
}

/*
 * CustomMenu מרנדר ‎<button><img/></button> חשוף — בלי padding, בלי hover, ועם
 * תמונה של 8×24. ליד שני כפתורים עגולים של 34px זו קונבנציה שלישית שלא מתיישרת
 * איתם. העטיפה נותנת לו את אותה משבצת ואת אותו hover עגול, בלי לגעת בקומפוננט
 * המשותף עצמו — הוא מוגש בעוד ארבעה מסכים שלא ביקשו שינוי.
 *
 * HAT-1405: בשורה בלי פעולות המשבצת נשארת ריקה (בלי הכפתור), כדי ששאר
 * האייקונים לא יזוזו.
 */
._menuSlot_b2tii_72 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
}
._menuSlot_b2tii_72 > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.15s;
}
._menuSlot_b2tii_72 > button:hover {
  background-color: var(--surface-hover);
}
._menuSlot_b2tii_72 > button img {
  height: 22px;
}

/* על רקע שקוף הספינר צריך להיות כהה — קודם הוא היה לבן על הדיסק המלא. */
._receiptSpinner_b2tii_98 {
  width: 16px;
  height: 16px;
  border: 2px solid var(--border-main);
  border-top-color: var(--font-primary);
  border-radius: 50%;
  animation: _receipt-spin_b2tii_1 0.8s linear infinite;
}

@keyframes _receipt-spin_b2tii_1 {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1099px) {
  ._addButton_b2tii_4 {
    width: auto;
    min-width: 100px;
    min-height: 44px;
    margin-inline-start: 0;
    margin-top: 0;
    white-space: nowrap;
    font-size: 16px;
    padding: 8px 12px;
    flex-shrink: 0;
  }
}._line_1c0fd_1 {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
}

._supported_1c0fd_8 {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
}

/* Request numbers read as links: they open the request. */
._requestLink_1c0fd_16 {
  color: var(--font-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

._requestLink_1c0fd_16:focus-visible {
  outline: 2px solid var(--font-primary);
  outline-offset: 2px;
  border-radius: 2px;
}

/* The fix itself, in the alert's own CTA style (Alert.module.scss .actionLink, HAT-1239: 13 bold,
   underlined, in the alert's title colour) - not a box of its own, and apart from the burgundy
   request numbers by colour. */
._fixLink_1c0fd_35 {
  display: inline-flex;
  align-items: center;
  padding: 2px 0;
  border: none;
  background: none;
  color: var(--alert-title);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
  white-space: nowrap;
}

._fixLink_1c0fd_35:hover {
  opacity: 0.85;
}

._fixLink_1c0fd_35:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
  border-radius: 2px;
}
/* HAT-1453: filled and 40px, matching the support requests screen's add button. */
._addButton_1c26n_2 {
  width: auto;
  min-width: 140px;
  height: 40px;
  padding: 0 24px;
  font-weight: 700;
  margin-inline-start: 16px;
  border-radius: 24px;
  border: 1px solid var(--font-primary);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

._iconAction_1c26n_18 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.15s;
}

._iconAction_1c26n_18:hover {
  background-color: var(--surface-hover);
}

@media (max-width: 1099px) {
  ._addButton_1c26n_2 {
    min-width: 80px;
    margin-inline-start: 0;
    margin-top: 8px;
    font-size: 16px;
    padding: 4px 12px;
  }
}._expirationFilterButton_unwju_1 {
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid;
  gap: 21px;
  background-color: var(--surface-base);
  border-color: var(--border-secondary-low);
  width: 227px;
  height: 73px;
}

._expirationFilterButton_unwju_1._selected_unwju_14 {
  background-color: var(--surface-secondary-strong);
  border: none;
}

._iconBackground_unwju_19 {
  width: 40px;
  height: 40px;
  border-radius: 16px;
  background-color: var(--surface-secondary-low);
  display: flex;
  align-items: center;
  justify-content: center;
}

._iconBackground_unwju_19._selected_unwju_14 {
  background-color: var(--surface-secondary-dark);
}

@media (max-width: 1099px) {
  ._expirationFilterButton_unwju_1 {
    width: 100%;
    min-width: 0;
    height: auto;
    padding: 10px 12px;
    gap: 12px;
  }
}._wrapper_1f9tg_1 {
  direction: rtl;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 320px;
  max-width: 420px;
  text-align: right;
}

._title_1f9tg_12 {
  color: var(--font-primary);
  margin: 0;
}

._subtitle_1f9tg_17 {
  color: var(--font-body-1);
  margin: -8px 0 0;
}

._field_1f9tg_22 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._label_1f9tg_28 {
  color: var(--font-body-2);
}

._currentId_1f9tg_32 {
  color: var(--font-body-1);
  direction: ltr;
  unicode-bidi: isolate;
  text-align: right;
}

._input_1f9tg_39 {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  resize: vertical;
}
._input_1f9tg_39:focus {
  outline: none;
  border-color: var(--border-input-focus);
}

/* Digits read left to right, lined up with the RTL fields around them */
._idInput_1f9tg_54 {
  direction: ltr;
  text-align: right;
}

._hasError_1f9tg_59 {
  border-color: var(--status-rejected-border);
}

/* The request already waiting: who, and the number asked for */
._pendingCard_1f9tg_64 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid var(--status-pending-border);
  border-radius: 8px;
  background: var(--status-pending-bg);
}

._pendingName_1f9tg_74 {
  color: var(--font-body-1);
}

._ids_1f9tg_78 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

._oldId_1f9tg_84 {
  direction: ltr;
  unicode-bidi: isolate;
  color: var(--font-body-2);
  text-decoration: line-through;
}

._newId_1f9tg_91 {
  direction: ltr;
  unicode-bidi: isolate;
  font-weight: 600;
  color: var(--font-body-1);
}

._link_1f9tg_98 {
  align-self: flex-start;
  color: var(--font-link);
  font-size: 14px;
  text-decoration: underline;
}

._hint_1f9tg_105 {
  color: var(--font-body-2);
  margin: 0;
}

._error_1f9tg_110 {
  color: var(--status-rejected-text);
  margin: 0;
}/* The dot beside a supported's name: an ID correction waiting, or a decision not seen yet */
._dot_k5ud7_2 {
  display: inline-block;
  flex-shrink: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--surface-base, #fff);
  cursor: help;
}

/* The office opens the request from the dot - a 9px target, so a wider area takes the click */
._dotButton_k5ud7_13 {
  position: relative;
  padding: 0;
  border: none;
  cursor: pointer;
}

._dotButton_k5ud7_13::before {
  content: '';
  position: absolute;
  inset: -7px;
}

._dotPending_k5ud7_26 {
  background: var(--status-pending-border);
}

._dotApproved_k5ud7_30 {
  background: var(--status-approved-border);
}

._dotRejected_k5ud7_34 {
  background: var(--status-rejected-border);
}

/* The line above the board, full width under its heading */
._banner_k5ud7_39 {
  margin-bottom: 0;
}
._classification_hzw36_1 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 10px 4px 12px;
  border-radius: 50rem;
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  height: 30px;
  flex: 0 0 auto;
  white-space: nowrap;
}

._classification-color_hzw36_14 {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  background-color: var(--classification-color);
  border-radius: 50rem;
  z-index: 0;
}

._line_hzw36_23 {
  border: 1px solid var(--border-divider);
}

._content_hzw36_27 {
  overflow: auto;
  height: calc(100vh - 266px);
  gap: 32px;
}

/* «בקשת תיקון» under the ID in the blade header - reads as a link on the header's colors */
._id-change-link_hzw36_34 {
  align-self: flex-start;
  padding: 0;
  border: none;
  background: none;
  color: var(--font-body-4);
  font-family: inherit;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}
._table-container_7btl9_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

._table-header_7btl9_8 {
  background: var(--surface-secondary-low);
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 16px;
  padding: 6px 16px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

._classification-status_7btl9_19 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._classification-color_7btl9_25 {
  width: 10px;
  height: 10px;
  background-color: var(--classification-color);
  border-radius: 50rem;
  z-index: 0;
}

._header-divider_7btl9_33 {
  width: 0;
  height: 16px;
  border: 1px solid var(--border-low);
}

._table_7btl9_1 {
  width: 100%;
  border-collapse: collapse;
}

._table-thead_7btl9_44 th {
  color: var(--font-body-2);
  text-align: start;
  background-color: var(--surface-grey-low);
  height: 28px;
  padding: 0 16px;
}

._table-tbody_7btl9_52 tr {
  border-bottom: 1px solid var(--border-main);
  height: 44px;
}

._table-cell-doc_7btl9_57 {
  text-align: start;
  padding-inline: 16px 0;
  padding-block: 8px;
}

._table-cell-date_7btl9_63 {
  text-align: start;
  color: var(--text-body-1);
  padding: 8px 16px;
}
._container_jksmh_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._header_jksmh_7 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._grid_jksmh_13 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

._card_jksmh_19 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  padding-left: 40px;
  padding-right: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  border-radius: 16px;
  border: 1px solid;
  transition: all 0.2s;
  position: relative;
  height: 100px;
}

._card_jksmh_19._default_jksmh_35 {
  background: var(--surface-base);
  border-color: var(--border-main);
  cursor: pointer;
}

._card_jksmh_19._selected_jksmh_41 {
  background: var(--surface-secondary-lowest);
  border-color: var(--border-secondary-strong);
  cursor: pointer;
}

._card_jksmh_19._existing_jksmh_47 {
  background: var(--surface-secondary-lowest);
  border-color: var(--border-lowest);
  cursor: not-allowed;
}

._cardContent_jksmh_53 {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

._nameWrapper_jksmh_59 {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4px;
}

._name_jksmh_59 {
  font-weight: 600;
  font-size: var(--font-size-md);
  line-height: var(--line-height-md);
  color: var(--font-body-1);
}

._nameDisabled_jksmh_73 {
  font-weight: 500;
  font-size: var(--font-size-md);
  line-height: var(--line-height-md);
  color: var(--font-disabled);
}

._existingBadge_jksmh_80 {
  position: absolute;
  top: 10px;
  left: 12.5px;
  background: var(--surface-secondary-strong);
  color: var(--font-body-4);
  padding: 4px 7px;
  border-radius: 6px;
  font-size: var(--font-size-caption);
  line-height: var(--line-height-xs-small);
  font-weight: 400;
}
._emptyState_1x422_1 {
  font-size: var(--font-size-md);
  line-height: var(--line-height-md);
  font-weight: 400;
  color: var(--font-body-3);
}

._classificationGroup_1x422_8 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._classificationHeader_1x422_14 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 16px;
}

._classificationName_1x422_21 {
  font-weight: 600;
  font-size: var(--font-size-md);
  line-height: var(--line-height-md);
  color: var(--font-body-1);
}

._classificationNote_1x422_28 {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  font-weight: 400;
  color: var(--font-heading);
}

._documentsList_1x422_35 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._commentsSection_1x422_41 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}

._commentsTextarea_1x422_48 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  font-family: inherit;
  resize: vertical;
  min-height: 80px;
  background-color: var(--surface-base);
  color: var(--font-body-1);
}

._commentsTextarea_1x422_48::placeholder {
  color: var(--font-body-3);
}

._commentsTextarea_1x422_48:focus {
  outline: none;
  border-color: var(--border-secondary-strong);
}
._popupContent_1mkgp_1 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 763px;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1099px) {
  ._popupContent_1mkgp_1 {
    width: 100%;
    gap: 24px;
  }
  ._declarationText_1mkgp_15 {
    white-space: normal;
    word-break: break-word;
  }
}
._headerSection_1mkgp_20 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

._titleSection_1mkgp_27 {
  display: flex;
  flex-direction: column;
  text-align: right;
  border-bottom: 1px solid var(--border-main, #dedede);
  padding-bottom: 16px;
}

._declarationsSection_1mkgp_35 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._declarationsList_1mkgp_41 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._declarationRow_1mkgp_47 {
  background: var(--surface-grey-low-2, #efefef);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 12px 10px 12px 10px;
  border-radius: var(--radius-4, 4px);
  gap: 15px;
}

._declarationText_1mkgp_15 {
  flex: 1;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._nameInputSection_1mkgp_65 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  margin-bottom: 24px;
  width: 100%;
}

._required_1mkgp_74 {
  color: #d32f2f;
  margin-right: 4px;
}

._warningSection_1mkgp_79 {
  background-color: #fff3e0;
  border: 1px solid #ff9800;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._warningTitle_1mkgp_89 {
  color: #e65100;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

._warningList_1mkgp_97 {
  margin: 0;
  padding-right: 20px;
  color: #5d4037;
}

._warningNote_1mkgp_103 {
  color: #e65100;
  font-size: 16px;
  font-weight: 700;
  margin-top: 8px;
}

._infoSection_1mkgp_110 {
  background-color: #e3f2fd;
  border: 1px solid #2196f3;
  border-radius: 8px;
  padding: 16px;
  color: #1565c0;
  text-align: right;
}._wrapper_1ahot_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  align-items: center;
}

._content_1ahot_9 {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  width: 1132px;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1099px) {
  ._content_1ahot_9 {
    width: 100%;
    padding: 16px;
    gap: 16px;
  }
  ._footer_1ahot_27 {
    padding: 16px;
  }
}
._actions_1ahot_31 {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 16px;
}

._disabledButton_1ahot_38 {
  padding: 12px 24px;
  border-radius: 12px;
  background: var(--surface-grey-lowest);
  color: var(--font-body-1);
  font-weight: 600;
  font-size: var(--font-size-md);
  line-height: var(--line-height-md);
  cursor: not-allowed;
  opacity: 0.5;
  border: none;
}

._footer_1ahot_27 {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 24px;
  border-top: 1px solid var(--border-lowest);
  width: 100%;
}

._submitButton_1ahot_61 {
  background: var(--surface-primary);
  color: white;
  padding: 8px 20px;
  border-radius: 8px;
  border: none;
  font-family: var(--body-font, "Assistant", sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

._submitButton_1ahot_61:hover {
  opacity: 0.9;
}

._submitButton_1ahot_61:active {
  opacity: 0.8;
}

._submitButtonDisabled_1ahot_83 {
  background: var(--surface-on-disabled);
  color: var(--font-body-1);
  padding: 8px 20px;
  border-radius: 8px;
  border: none;
  font-family: var(--body-font, "Assistant", sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  cursor: not-allowed;
  opacity: 0.5;
}/* The office's decision on an ID correction request, above the details tabs until «הבנתי» */
._notice_7d3xo_2 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 12px 16px 0;
  padding: 12px 14px;
  border: 1px solid;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.5;
}

._notice_7d3xo_2 p {
  margin: 0;
}

._approved_7d3xo_18 {
  border-color: var(--status-approved-border);
  background: var(--status-approved-bg);
}

._rejected_7d3xo_23 {
  border-color: var(--status-rejected-border);
  background: var(--status-rejected-bg);
}

._title_7d3xo_28 {
  font-weight: 600;
  color: var(--font-body-1);
}

._reason_7d3xo_33 {
  color: var(--font-body-1);
}

._date_7d3xo_37 {
  color: var(--font-body-2);
  font-size: 13px;
}

._actions_7d3xo_42 {
  display: flex;
  gap: 16px;
  margin-top: 6px;
}

._primary_7d3xo_48,
._secondary_7d3xo_49 {
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
}

._primary_7d3xo_48 {
  color: var(--font-link);
  font-weight: 600;
}

._secondary_7d3xo_49 {
  color: var(--font-body-2);
}

._primary_7d3xo_48:disabled,
._secondary_7d3xo_49:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/* Upload area */
._uploadSection_x5e8n_2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 24px;
}

._templateLink_x5e8n_10 {
  color: var(--font-link);
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
}

._templateLink_x5e8n_10:disabled {
  cursor: default;
  opacity: 0.6;
}

/* Confirm section */
._confirmContainer_x5e8n_26 {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._confirmDetails_x5e8n_33 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: var(--surface-grey-lowest);
  padding: 16px;
  border-radius: 12px;
}

._confirmDetails_x5e8n_33 p {
  margin: 0;
  color: var(--font-body-1);
}

._parseErrorsSection_x5e8n_47 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._parseErrorWarning_x5e8n_53 {
  color: var(--status-rejected-text, #b00020);
  margin: 0;
}

._parseErrorsList_x5e8n_58 {
  background: var(--status-rejected-bg, #fef2f2);
  border: 1px solid var(--status-rejected-border, #fca5a5);
  border-radius: 8px;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 150px;
  overflow-y: auto;
}

._parseErrorItem_x5e8n_70 {
  color: var(--font-body-1);
}

._confirmWarning_x5e8n_74 {
  background: var(--status-pending-bg, #fffbeb);
  border: 1px solid var(--status-pending-border, #fcd34d);
  border-radius: 8px;
  padding: 12px 16px;
  color: var(--status-pending-text, #92400e);
}

._confirmActions_x5e8n_82 {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

/* Results */
._resultsContainer_x5e8n_89 {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._resultsSummary_x5e8n_96 {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

._summaryItem_x5e8n_102 {
  flex: 1;
  min-width: 120px;
  padding: 16px;
  background: var(--surface-grey-lowest);
  border-radius: 12px;
  text-align: center;
}

._summaryLabel_x5e8n_111 {
  display: block;
  color: var(--font-body-2);
  margin-bottom: 4px;
}

._summaryValue_x5e8n_117 {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: var(--font-body-1);
}

._successItem_x5e8n_124 {
  background: var(--status-approved-bg, #f0fdf4);
  border: 1px solid var(--status-approved-border, #86efac);
}

._failureItem_x5e8n_129 {
  background: var(--status-rejected-bg, #fef2f2);
  border: 1px solid var(--status-rejected-border, #fca5a5);
}

._resultsTableWrapper_x5e8n_134 {
  overflow-x: auto;
  border-radius: 8px;
  border: 1px solid var(--border-low);
}

._resultsTable_x5e8n_134 {
  width: 100%;
  border-collapse: collapse;
}

._resultsTable_x5e8n_134 th {
  background: var(--surface-grey-lowest);
  padding: 10px 12px;
  text-align: right;
  font-weight: 600;
  border-bottom: 1px solid var(--border-low);
  color: var(--font-body-1);
}

._resultsTable_x5e8n_134 td {
  padding: 8px 12px;
  border-bottom: 1px solid var(--border-lowest);
  color: var(--font-body-1);
}

._successRow_x5e8n_160 {
  background: var(--status-approved-bg, #f0fdf4);
}

._errorRow_x5e8n_164 {
  background: var(--status-rejected-bg, #fef2f2);
}

._successBadge_x5e8n_168 {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  font-weight: 500;
  background: var(--status-approved-bg, #dcfce7);
  color: var(--status-approved-text, #166534);
  border: 1px solid var(--status-approved-border, #86efac);
}

._errorBadge_x5e8n_178 {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  font-weight: 500;
  background: var(--status-rejected-bg, #fee2e2);
  color: var(--status-rejected-text, #991b1b);
  border: 1px solid var(--status-rejected-border, #fca5a5);
}

/* Target fund picker */
._targetFundBar_x5e8n_189 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px 0;
  color: var(--font-body-1);
}

._selectFundHint_x5e8n_197 {
  padding: 24px;
  text-align: center;
  color: var(--font-body-2);
}

/* File info bar */
._fileInfo_x5e8n_204 {
  padding: 12px 24px;
  background: var(--surface-grey-lowest);
  border-bottom: 0.5px solid var(--border-lowest);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._fileInfoName_x5e8n_213 {
  font-weight: 500;
  color: var(--font-body-1);
}

._errorText_x5e8n_218 {
  color: var(--status-rejected-text, #b00020);
  text-align: center;
  padding: 0 24px;
}

._centerActions_x5e8n_224 {
  padding: 0 24px 24px;
  text-align: center;
}
._wrapper_1jqpi_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  align-items: center;
}

._content_1jqpi_9 {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  width: 1132px;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1099px) {
  ._content_1jqpi_9 {
    width: 100%;
    padding: 16px;
    gap: 20px;
  }
  ._footer_1jqpi_27 {
    padding: 16px;
  }
}
._divider_1jqpi_31 {
  width: 100%;
  height: 1px;
  background: var(--border-lowest);
  margin: 12px 0;
}

._footer_1jqpi_27 {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 24px;
  border-top: 1px solid var(--border-lowest);
  width: 100%;
}

._submitButton_1jqpi_48 {
  background: var(--surface-primary);
  color: white;
  padding: 8px 20px;
  border-radius: 8px;
  border: none;
  font-family: var(--body-font, "Assistant", sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

._submitButton_1jqpi_48:hover {
  opacity: 0.9;
}

._submitButton_1jqpi_48:active {
  opacity: 0.8;
}

._submitButtonDisabled_1jqpi_70 {
  background: var(--surface-on-disabled);
  color: var(--font-body-1);
  padding: 8px 20px;
  border-radius: 8px;
  border: none;
  font-family: var(--body-font, "Assistant", sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  cursor: not-allowed;
  opacity: 0.5;
}._wrapper_1ygui_1 {
  direction: rtl;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  min-width: 320px;
  text-align: right;
}

._title_1ygui_11 {
  color: var(--font-primary);
  margin: 0;
}

._subtitle_1ygui_16 {
  color: var(--font-body-1);
  margin: -12px 0 0;
}

._field_1ygui_21 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._label_1ygui_27 {
  color: var(--font-body-2);
}

._options_1ygui_31 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex-wrap: wrap;
}

._option_1ygui_31 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}._page_1g118_1 {
  position: relative;
  height: 100%;
}

._content_1g118_6 {
  display: flex;
  flex-direction: column;
  gap: 44px;
  width: calc(100% - 32.1vw + 64px);
  overflow-y: auto;
  height: 100%;
}

._section_1g118_15 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

._headerTitle_1g118_21 {
  color: var(--font-heading);
  text-align: start;
  font-size: var(--headings-size-h3);
  font-weight: 700;
  line-height: var(--headings-lineheight-h3);
  width: fit-content;
}

._subTitle_1g118_30 {
  color: var(--font-heading);
  text-align: start;
  font-size: var(--body-size-body-lr);
  font-weight: 700;
  line-height: var(--body-lineheight-regular);
  width: fit-content;
}

@media (max-width: 1099px) {
  ._page_1g118_1 {
    overflow-y: auto;
  }
  ._content_1g118_6 {
    width: 100%;
    gap: 28px;
  }
  ._headerTitle_1g118_21 {
    font-size: var(--headings-size-h4);
  }
}
._backButton_1g118_51 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  margin-bottom: 8px;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--font-body-1);
  font-family: var(--body-font);
  font-size: var(--body-size-body-lr);
  font-weight: 600;
  line-height: var(--body-lineheight-regular);
}

._backButton_1g118_51:hover {
  color: var(--font-primary);
}

._backArrow_1g118_71 {
  width: 20px;
  height: 20px;
}

:root[dir='ltr'] ._backArrow_1g118_71 {
  transform: scaleX(-1);
}._goalDetailsPanel_rp1wp_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  background: var(--surface-grey-lowest);
  position: absolute;
  top: -28px;
  bottom: -28px;
  width: 32.1vw;
}

:root[dir='rtl'] ._goalDetailsPanel_rp1wp_1 {
  left: -64px;
  border-right: 1px solid var(--border-lowest);
  border-left: none;
}

:root[dir='ltr'] ._goalDetailsPanel_rp1wp_1 {
  right: -64px;
  border-left: 1px solid var(--border-lowest);
  border-right: none;
}

@media (max-width: 1099px) {
  ._goalDetailsPanel_rp1wp_1 {
    position: relative;
    width: 100%;
    top: 0;
    bottom: 0;
    border-top: none;
    padding: 0;
    background: var(--surface-base);
    border-radius: 12px;
    border: 1px solid var(--border-lowest);
    overflow: hidden;
  }
  :root[dir='rtl'] ._goalDetailsPanel_rp1wp_1 {
    left: 0;
    border-right: none;
  }
  :root[dir='ltr'] ._goalDetailsPanel_rp1wp_1 {
    right: 0;
    border-left: none;
  }
}._container_67n67_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
}

._table_67n67_7 {
  border: 1px solid var(--border-main);
  border-radius: 8px;
  border-top-width: 0;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

._thead_67n67_19 tr {
  display: table;
  width: 100%;
  background: var(--surface-primary);
  height: 34px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

._th_67n67_19 {
  color: var(--font-body-4);
  text-align: start;
  padding: 0 16px;
}

._tbody_67n67_34 {
  display: block;
}

._tr_67n67_38 {
  display: table;
  width: 100%;
  table-layout: fixed;
  height: 48px;
}

._td_67n67_45 {
  padding: 8px 16px;
  border-bottom: 1px solid var(--border-main);
  color: var(--text-body-1);
}

._projectCol_67n67_51 {
  width: 164px;
  min-width: 100px;
  white-space: nowrap;
}

._limitCol_67n67_57 {
  white-space: normal;
  word-break: break-word;
}

._tr_67n67_38:hover {
  background: var(--surface-hover);
}

._tbody_67n67_34 ._tr_67n67_38:last-child ._td_67n67_45 {
  border-bottom: none;
}

._tfoot_67n67_70 > tr > td {
  border-end-end-radius: 8px;
  border-end-start-radius: 8px;
}

@media (max-width: 1099px) {
  ._tr_67n67_38 {
    table-layout: auto;
    height: auto;
  }
  ._projectCol_67n67_51 {
    width: auto;
    min-width: 80px;
    white-space: normal;
    word-break: break-word;
  }
  ._thead_67n67_19 tr {
    display: table;
    table-layout: auto;
  }
}
._emptyNote_67n67_91 {
  color: var(--font-sub-title);
  text-align: start;
  font-size: var(--body-size-sm);
  line-height: var(--body-lineheight-xs-small);
}._headerBar_rqht5_1 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 56px;
  background: var(--surface-secondary-strong);
  padding: 16px 32px;
}

._headerContent_rqht5_10 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._title_rqht5_16 {
  color: var(--font-body-4);
  font-weight: 600;
  font-size: var(--headings-size-h4);
  line-height: var(--paragraph-6);
}

._icon_rqht5_23 {
  width: 32px;
  height: 32px;
  filter: brightness(0) invert(1);
}

._content_rqht5_29 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px 32px 0 32px;
  width: 100%;
}

._sectionHeader_rqht5_37 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._sectionTitle_rqht5_43 {
  color: var(--font-heading);
  text-align: start;
  font-size: var(--headings-size-h4);
  font-weight: 700;
  line-height: var(--paragraph-6);
}

._sectionSubtitle_rqht5_51 {
  color: var(--font-sub-title);
  text-align: start;
  font-size: var(--body-size-sm);
  font-weight: 400;
  line-height: var(--body-lineheight-xs-small);
}



._documentsList_rqht5_61 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-inline-start: 20px;
  list-style: disc;
  color: var(--font-heading);
  text-align: start;
  font-size: var(--body-size-sm);
}

._emptyNote_rqht5_72 {
  color: var(--font-sub-title);
  text-align: start;
  font-size: var(--body-size-sm);
  line-height: var(--body-lineheight-xs-small);
}
._container_5hy0l_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 32px 0 32px;
  width: 100%;
}

._content_5hy0l_9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 88px;
  gap: 24px;
  flex: 1 0 0;
}

._icon_5hy0l_18 {
  width: 113px;
  height: 113px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-grey-low-2);
}

._text_5hy0l_28 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

._subtitle_5hy0l_36 {
  color: var(--font-body-2);
  font-weight: 400;
  font-size: var(--headings-size-h3);
  line-height: var(--headings-lineheight-h3);
}

._title_5hy0l_43 {
  color: var(--font-primary);
  font-weight: 600;
  font-size: var(--headings-size-h2);
  line-height: 38px;
}


._frozenBanner_2wfu9_1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--surface-warning, #fff8e1);
  border: 1px solid var(--border-warning, #ffe082);
  border-radius: 8px;
  margin: 0.5rem 0;
}

._frozenBannerIcon_2wfu9_12 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

._amount_2wfu9_18,
._status_2wfu9_19 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 50rem;
}

._status_2wfu9_19 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
}

._status-color_2wfu9_32 {
  width: 10px;
  height: 10px;
  background-color: var(--status-color);
  border-radius: 50rem;
  z-index: 0;
}

._line_2wfu9_40 {
  border: 1px solid var(--border-divider);
}

._content_2wfu9_44 {
  overflow: auto;
  /* --status-actions-height: the HAT-1391 action strip above the tabs, when it is shown. */
  height: calc(100vh - 266px - var(--status-actions-height, 0px));
  gap: 32px;
}

._statusActions_2wfu9_51 {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 57px;
  padding: 0 24px;
  border-bottom: 1px solid var(--border-divider);
}

._statusActionButton_2wfu9_60 {
  height: 36px;
  min-width: 0;
  padding: 0 16px;
  border-radius: 8px;
}

._statusSelect_2wfu9_67 {
  margin-inline-start: auto;
  height: 36px;
  max-width: 180px;
  padding: 0 8px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  background-color: var(--surface-base);
  color: var(--font-body-1);
  cursor: pointer;
}

._statusSelect_2wfu9_67:disabled,
._statusActionButton_2wfu9_60:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._thead_2wfu9_85 {
  background-color: var(--surface-secondary-low);
  color: var(--font-body-5);
}

._th_2wfu9_85 {
  padding: 1px 1rem;
  height: 24px;
}

._th_2wfu9_85:first-child {
  border-start-start-radius: 4px;
}

._th_2wfu9_85:last-child {
  border-start-end-radius: 4px;
}

._td_2wfu9_103 {
  color: var(--text-body-1);
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border-main);
}

._noDocuments_2wfu9_109 {
  height: 114px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

._infoSection_2wfu9_117 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._infoRow_2wfu9_123 {
  display: flex;
  gap: 8px;
  align-items: center;
}

._infoLabel_2wfu9_129 {
  color: var(--font-body-3);
  min-width: 120px;
}

._infoValue_2wfu9_134 {
  color: var(--font-body-1);
}

._paymentMethodValue_2wfu9_138 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._deletedPaymentMethod_2wfu9_144 {
  color: red;
}

._supportDatesContainer_2wfu9_148 {
  display: flex;
  align-items: center;
}

._supportDatesValue_2wfu9_153 {
  width: 80%;
}

._editButton_2wfu9_157 {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background-color 0.2s;
}

._editButton_2wfu9_157:hover {
  background-color: var(--surface-grey-low);
}

._editButton_2wfu9_157 img {
  width: 16px;
  height: 16px;
}

._loadingDocs_2wfu9_178 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: var(--font-body-3);
}

._classificationsList_2wfu9_186 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._classificationCard_2wfu9_192 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

._classificationHeader_2wfu9_199 {
  background: var(--surface-secondary-low);
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 16px;
  padding: 6px 16px;
  border-radius: 4px;
}

._headerDivider_2wfu9_209 {
  width: 0;
  height: 16px;
  border: 1px solid var(--border-low);
}

._classificationStatusBadge_2wfu9_215 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._classificationColorDot_2wfu9_221 {
  width: 10px;
  height: 10px;
  background-color: var(--classification-color);
  border-radius: 50rem;
}

._commentBlock_2wfu9_228 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._commentDivider_2wfu9_234 {
  border-top: 1px dashed var(--border-divider);
  margin: 8px 0;
}

._officeCommentsButton_2wfu9_239 {
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
  font-size: 13px;
  background-color: var(--surface-tertiary-low);
  color: var(--font-tertiary);
  border: none;
  display: flex;
  align-items: center;
  gap: 6px;
}

._officeCommentsButton_2wfu9_239:hover {
  opacity: 0.9;
}

._officeCommentsBadge_2wfu9_258 {
  background-color: var(--font-tertiary);
  color: white;
  padding: 2px 8px;
  border-radius: 50rem;
  font-size: 12px;
  font-weight: 600;
}

._bannerError_2wfu9_267 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--surface-primary-lowest, #FEE2E2);
  border: 1px solid var(--font-primary, #DC2626);
  color: var(--font-primary, #B91C1C);
  margin-top: 16px;
}

._bannerWarning_2wfu9_279 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 14px;
  border-radius: 8px;
  background-color: #FEF3C7;
  border: 1px solid #F59E0B;
  color: #92400E;
  margin-top: 16px;
}

._container_mciib_1 {
  display: flex;
  align-items: center;
}

._filterButton_mciib_6 {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 6px 12px 6px 10px;
  gap: 10px;
  border-radius: 24px;
  background-color: var(--surface-grey-low) !important;
  border: 1px solid transparent;
}

._filterButton_mciib_6:not(._filterButtonDropdownOpen_mciib_17):not(._filterButtonHasValue_mciib_17):hover {
  background-color: var(--surface-grey-lighter) !important;
}

._filterButton_mciib_6:active,
._filterButtonDropdownOpen_mciib_17 {
  background-color: var(--surface-grey-low) !important;
  border: 1px solid var(--border-low);
}

._filterButtonHasValue_mciib_17:not(._filterButtonDropdownOpen_mciib_17) {
  background-color: var(--surface-base) !important;
  border: 1px solid var(--border-primary);
}

._filterButtonDropdownOpen_mciib_17:hover,
._filterButtonHasValue_mciib_17:hover {
  cursor: default;
}

._filterDropdown_mciib_37 {
  background: var(--surface-base);
  margin-block-start: 4px;
  width: 244px;
  border-radius: 8px;
  border: 1px solid var(--border-lowest);
  box-shadow: 0px 2px 12px 0px #0000000d;
  padding: 4px 16px;
}

._filterOption_mciib_47 {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 12px 10px;
  gap: 10px;
  background: var(--surface-base);
  border-block-end: 1px solid var(--border-main);
}

._filterOption_mciib_47:hover {
  background-color: var(--surface-hover);
}

._filterOption_mciib_47:active {
  background-color: var(--surface-press);
}

._filterOption_mciib_47:last-of-type {
  border-block-end: none;
}

._filterOptionChecked_mciib_69 {
  background-color: var(--surface-base);
}

._customRangeOption_mciib_73 {
  position: relative;
  cursor: pointer;
  justify-content: space-between;
  margin-inline: -16px;
  margin-bottom: -4px;
  padding-block: 12px;
  padding-inline: 15px;
  border-radius: 0 0 8px 8px;
  border-top: 2px solid var(--border-main);
  display: flex;
  align-items: center;
  height: 52px;
}

._customRangeOption_mciib_73:hover {
  background-color: var(--surface-hover);
}

._customRangeText_mciib_92 {
  width: 190px;
  text-align: start !important;
}

[dir='ltr'] ._customRangeOption_mciib_73 img,
[dir='ltr'] ._backToOptions_mciib_98 img {
  transform: scaleX(-1);
}

._rangeFilter_mciib_102 {
  width: 212px;
  padding-top: 6px;
  padding-bottom: 12px;
}

._backToOptions_mciib_98 {
  padding-bottom: 8px;
}

._rangeContent_mciib_112 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
}

._rangeInputsGroup_mciib_119 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._customInput_mciib_125 {
  height: 40px;
  border-radius: 8px;
  width: 100%;
  background-color: var(--surface-base);
  border: 1px solid var(--border-input-default);
  padding: 8px 12px;
}

._customInput_mciib_125:focus {
  outline: none;
}

._customInput_mciib_125[type='number']::-webkit-inner-spin-button,
._customInput_mciib_125[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._customInput_mciib_125[type='number'] {
  -moz-appearance: textfield;
}

._rangeApplyButton_mciib_148 {
  height: 40px;
  background-color: var(--surface-secondary) !important;
  border-radius: 8px;
  padding: 8px 20px;
}
._content_1ctaz_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  width: 400px;
}

._subtitleRow_1ctaz_9 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

._subtitle_1ctaz_9 {
  font-size: 16px;
  font-weight: 600;
  color: var(--font-body-1);
}

._inputSection_1ctaz_21 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._inputLabel_1ctaz_27 {
  font-size: 16px;
  font-weight: 600;
  color: var(--font-body-1);
}

._amountInput_1ctaz_33 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  direction: rtl;
}

._amountInput_1ctaz_33:focus {
  outline: none;
  border-color: var(--border-focus);
}

._amountInput_1ctaz_33:invalid,
._amountInput_1ctaz_33._hasError_1ctaz_49 {
  border-color: var(--error);
}

._scopeSection_1ctaz_53 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._noteSection_1ctaz_59 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._scopeLabel_1ctaz_65 {
  font-size: 16px;
  font-weight: 600;
  color: var(--font-body-1);
}

._radioGroup_1ctaz_71 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._radioOption_1ctaz_77 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 8px;
  transition: background-color 0.2s ease;
}

._radioOption_1ctaz_77:hover {
  background-color: var(--surface-grey-lighter);
}

._radioOption_1ctaz_77 input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: var(--font-primary);
  cursor: pointer;
}

._radioOption_1ctaz_77 span {
  font-size: 14px;
  color: var(--font-body-1);
}

._noteInput_1ctaz_103 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  resize: vertical;
  min-height: 84px;
  direction: rtl;
}

._noteInput_1ctaz_103:focus {
  outline: none;
  border-color: var(--border-focus);
}

._warning_1ctaz_120 {
  color: red;
  font-size: 14px;
  font-weight: 500;
}

._error_1ctaz_126 {
  color: var(--error);
  font-size: 14px;
}

._actions_1ctaz_131 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

/* Three buttons share the 400px row when the request can be approved from here (HAT-1383). */
._actionButton_1ctaz_140,
._secondaryButton_1ctaz_141 {
  white-space: nowrap;
}

._actionButton_1ctaz_140 {
  padding: 8px 16px;
  font-weight: 600;
  cursor: pointer;
}

._actionButton_1ctaz_140:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._secondaryButton_1ctaz_141 {
  padding: 8px 16px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid var(--border-dark);
}

._secondaryButton_1ctaz_141:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._container_1mg5d_1 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  padding: 4px 0;
}

._container_1mg5d_1._disabled_1mg5d_10 {
  opacity: 0.5;
  cursor: not-allowed;
}

._input_1mg5d_15 {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

._slider_1mg5d_23 {
  position: relative;
  width: 40px;
  height: 22px;
  border-radius: 11px;
  background-color: #e0e0e0;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
  flex-shrink: 0;
}

._sliderOn_1mg5d_33 {
  background-color: rgba(104, 28, 60, 0.15);
}

._thumb_1mg5d_37 {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #bbb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              background-color 0.25s ease,
              border-color 0.25s ease;
}

._sliderOn_1mg5d_33 ._thumb_1mg5d_37 {
  transform: translateX(18px);
  background-color: var(--surface-primary, #681c3c);
  border-color: var(--surface-primary, #681c3c);
}

._input_1mg5d_15:focus-visible + ._slider_1mg5d_23 {
  box-shadow: 0 0 0 3px var(--surface-primary-lowest, rgba(104, 28, 60, 0.15));
}

._container_1mg5d_1:hover ._slider_1mg5d_23:not(._sliderOn_1mg5d_33) {
  background-color: #d0d0d0;
}

._container_1mg5d_1:hover ._sliderOn_1mg5d_33 {
  background-color: rgba(104, 28, 60, 0.22);
}

._container_1mg5d_1:hover ._sliderOn_1mg5d_33 ._thumb_1mg5d_37 {
  background-color: var(--primary-hover, #7d2248);
  border-color: var(--primary-hover, #7d2248);
}
._content_hjqwc_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  /* A fixed width: sized by its text, the dialog widened to the full screen whenever a long
     notice appeared and narrowed again when it went (HAT-1395). */
  width: min(680px, 100%);
  box-sizing: border-box;
}

._noteSection_hjqwc_12 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._textarea_hjqwc_18 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  resize: vertical;
  font-family: inherit;
  font-size: 14px;
}

._textarea_hjqwc_18:focus {
  outline: none;
  border-color: var(--border-focus);
}

._error_hjqwc_33 {
  color: var(--error);
  font-size: 14px;
}

._actions_hjqwc_38 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_hjqwc_46 {
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}

._actionButton_hjqwc_46:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._primaryButton_hjqwc_59 {
  background-color: var(--font-primary);
  color: white;
  border: none;
}

._primaryButton_hjqwc_59:hover:not(:disabled) {
  opacity: 0.9;
}

._secondaryButton_hjqwc_70 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryButton_hjqwc_70:hover:not(:disabled) {
  background-color: var(--surface-grey-lighter);
  border-color: var(--border-dark);
}

._freezeReleaseWarning_hjqwc_82 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--surface-warning, #fff8e1);
  border: 1px solid var(--border-warning, #ffe082);
  border-radius: 8px;
}

._freezeReleaseIcon_hjqwc_92 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

._emailOption_hjqwc_98 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._emailCheckbox_hjqwc_104 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

._emailCheckbox_hjqwc_104 input {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

/* HAT-1395: what marking «תשלום חזר» with a new account will do. */
._newAccountNotice_hjqwc_118 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--surface-warning, #fff8e1);
  border: 1px solid var(--border-warning, #ffe082);
  border-radius: 8px;
}

/* The same box with the toggle off - quieter, in the same place. Both texts sit in one grid cell,
   the unused one hidden, so the box keeps the height of the longer and nothing below it moves. */
._noticeTexts_hjqwc_130 {
  display: grid;
}

._noticeTexts_hjqwc_130 > * {
  grid-area: 1 / 1;
}

._noticeTextHidden_hjqwc_138 {
  visibility: hidden;
}

._newAccountNoticeOff_hjqwc_142 {
  background-color: var(--surface-grey-lowest);
  border-color: var(--border-lowest);
}

._newAccountNoticeIcon_hjqwc_147 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}

/* The steps of «בקשת פרטי חשבון חדשים», one a line. */
._noticeSteps_hjqwc_155 {
  margin: 2px 0 0;
  padding-inline-start: 18px;
  display: grid;
  gap: 2px;
  list-style: disc;
}
/* The single-request window's measures (StatusChangeDialog.module.css .content): one width
   whatever the text, so nothing jumps when the «תשלום חזר» explanation appears. */
._content_qdiq1_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  width: min(680px, 100%);
  box-sizing: border-box;
}

._countMessage_qdiq1_12 {
  color: var(--font-body-2);
}

._selectSection_qdiq1_16 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._commentSection_qdiq1_22 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._label_qdiq1_28 {
  color: var(--font-body-1);
}

._textarea_qdiq1_32 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  resize: vertical;
  min-height: 80px;
}

._textarea_qdiq1_32:focus {
  outline: none;
  border-color: var(--border-focus);
}

._emailHint_qdiq1_48 {
  color: var(--font-body-2);
  margin: 0;
}

._emailOption_qdiq1_53 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._emailCheckbox_qdiq1_59 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

._emailCheckbox_qdiq1_59 input {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

._dropdown_qdiq1_72 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  background-color: white;
  cursor: pointer;
}

._dropdown_qdiq1_72:focus {
  outline: none;
  border-color: var(--border-focus);
}

._loadingContainer_qdiq1_88 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  gap: 16px;
}

._spinner_qdiq1_97 {
  width: 40px;
  height: 40px;
  border: 3px solid var(--border-tertiary);
  border-top-color: var(--font-primary);
  border-radius: 50%;
  animation: _spin_qdiq1_97 1s linear infinite;
}

._successContainer_qdiq1_106 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
  gap: 12px;
}

._successIcon_qdiq1_115 {
  width: 48px;
  height: 48px;
}

._successTitle_qdiq1_120 {
  color: var(--font-body-1);
  text-align: center;
}

._successDescription_qdiq1_125 {
  color: var(--font-body-2);
  text-align: center;
}

._errorSection_qdiq1_130 {
  background-color: var(--status-rejected-bg);
  border: 1px solid var(--status-rejected-border);
  border-radius: 8px;
  padding: 12px 16px;
}

._errorMessage_qdiq1_137 {
  color: #DC2626;
  font-weight: 600;
  margin: 0 0 8px 0;
}

._errorDetails_qdiq1_143 {
  color: #B91C1C;
  margin: 0;
  font-size: 14px;
}

._actions_qdiq1_149 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_qdiq1_157 {
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}

._actionButton_qdiq1_157:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._primaryButton_qdiq1_170 {
  background-color: var(--font-primary);
  color: white;
  border: none;
}

._primaryButton_qdiq1_170:hover:not(:disabled) {
  opacity: 0.9;
}

._secondaryButton_qdiq1_181 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryButton_qdiq1_181:hover:not(:disabled) {
  background-color: var(--surface-grey-lighter);
  border-color: var(--border-dark);
}

@keyframes _spin_qdiq1_97 {
  to {
    transform: rotate(360deg);
  }
}
._content_1qrv7_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  min-width: 500px;
}

._tableSection_1qrv7_9 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._tableSection_1qrv7_9 + ._tableSection_1qrv7_9 {
  margin-top: 16px;
}

._table_1qrv7_9 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

._table_1qrv7_9 th,
._table_1qrv7_9 td {
  padding: 10px 12px;
  text-align: right;
  border-bottom: 1px solid var(--border-secondary);
}

._table_1qrv7_9 th {
  background-color: var(--surface-grey-low);
  font-weight: 600;
  color: var(--font-heading);
}

._table_1qrv7_9 tr:hover {
  background-color: var(--surface-grey-lighter);
}

._noteCell_1qrv7_42 {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._dateCell_1qrv7_49 {
  white-space: nowrap;
}

._visibilityCell_1qrv7_53 {
  white-space: nowrap;
}

._visibleButton_1qrv7_57,
._hiddenButton_1qrv7_58 {
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 13px;
  border: none;
}

._visibleButton_1qrv7_57 {
  background-color: var(--surface-tertiary-low);
  color: var(--font-tertiary);
}

._hiddenButton_1qrv7_58 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-2);
}

._visibleButton_1qrv7_57:hover:not(:disabled),
._hiddenButton_1qrv7_58:hover:not(:disabled) {
  opacity: 0.9;
}

._visibleButton_1qrv7_57:disabled,
._hiddenButton_1qrv7_58:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._checkboxLabel_1qrv7_89 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--font-body-1);
  cursor: pointer;
}

._checkboxLabel_1qrv7_89 input {
  cursor: pointer;
}

._statusCell_1qrv7_102 {
  min-width: 140px;
}

._sentInfo_1qrv7_106 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 12px;
  color: var(--font-body-2);
}

._sendButton_1qrv7_114 {
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 13px;
  background-color: var(--surface-tertiary-low);
  color: var(--font-tertiary);
  border: none;
}

._sendButton_1qrv7_114:hover:not(:disabled) {
  opacity: 0.9;
}

._sendButton_1qrv7_114:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._noComments_1qrv7_135 {
  padding: 20px;
  text-align: center;
  color: var(--font-body-2);
}

._addNoteSection_1qrv7_141 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._textarea_1qrv7_149 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  resize: vertical;
  font-family: inherit;
  font-size: 14px;
}

._textarea_1qrv7_149:focus {
  outline: none;
  border-color: var(--border-focus);
}

._error_1qrv7_164 {
  color: var(--error);
  font-size: 14px;
}

._successMessage_1qrv7_169 {
  color: var(--font-tertiary);
  font-size: 14px;
  padding: 8px 12px;
  background-color: var(--surface-tertiary-lowest);
  border-radius: 6px;
}

._actions_1qrv7_177 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_1qrv7_185 {
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}

._actionButton_1qrv7_185:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._primaryButton_1qrv7_198 {
  background-color: var(--font-primary);
  color: white;
  border: none;
}

._primaryButton_1qrv7_198:hover:not(:disabled) {
  opacity: 0.9;
}

._secondaryButton_1qrv7_209 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryButton_1qrv7_209:hover:not(:disabled) {
  background-color: var(--surface-grey-lighter);
  border-color: var(--border-dark);
}

._tertiaryButton_1qrv7_221 {
  background-color: var(--surface-tertiary-low);
  color: var(--font-tertiary);
  border: none;
}

._tertiaryButton_1qrv7_221:hover:not(:disabled) {
  opacity: 0.9;
}

/* Preview dialog styles */
._previewContent_1qrv7_233 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  min-width: 450px;
}

._emailPreview_1qrv7_241 {
  background-color: var(--surface-grey-lighter);
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  padding: 16px;
  max-height: 300px;
  overflow-y: auto;
}

._emailPreview_1qrv7_241 h4 {
  margin: 0 0 12px 0;
  color: var(--font-heading);
}

._emailSubject_1qrv7_255 {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-secondary);
}

._emailBody_1qrv7_261 {
  font-size: 14px;
  line-height: 1.5;
  color: var(--font-body-1);
}

._deleteCell_1qrv7_267 {
  width: 1%;
  white-space: nowrap;
}

._deleteButton_1qrv7_272 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border-radius: 6px;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

._deleteButton_1qrv7_272 img {
  width: 18px;
  height: 18px;
}

._deleteButton_1qrv7_272:hover:not(:disabled) {
  background-color: var(--surface-grey-low);
}

._deleteButton_1qrv7_272:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._content_y9qvd_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 16px;
}

._section_y9qvd_8 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._sectionLabel_y9qvd_14 {
  font-weight: 600;
  color: var(--font-heading);
}

._radioGroup_y9qvd_19 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._radioOption_y9qvd_25 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 8px;
  transition: background-color 0.2s ease;
}

._radioOption_y9qvd_25:hover {
  background-color: var(--surface-grey-lighter);
}

._radioOption_y9qvd_25 input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: var(--font-primary);
  cursor: pointer;
}

._radioOption_y9qvd_25 span {
  font-size: 14px;
  color: var(--font-body-1);
}

._error_y9qvd_51 {
  color: var(--error);
  font-size: 14px;
}

._actions_y9qvd_56 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_y9qvd_64 {
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}

._actionButton_y9qvd_64:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._secondaryButton_y9qvd_77 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryButton_y9qvd_77:hover:not(:disabled) {
  background-color: var(--surface-grey-lighter);
  border-color: var(--border-dark);
}
._content_1u5ac_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  width: 420px;
}

._subtitle_1u5ac_9 {
  font-size: 14px;
  color: var(--font-body-1);
}

._section_1u5ac_14 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._label_1u5ac_20 {
  font-size: 16px;
  font-weight: 600;
  color: var(--font-body-1);
}

._radioGroup_1u5ac_26 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._radioOption_1u5ac_32 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 8px;
  transition: background-color 0.2s ease;
}

._radioOption_1u5ac_32:hover {
  background-color: var(--surface-grey-lighter);
}

._radioOption_1u5ac_32 input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: var(--font-primary);
  cursor: pointer;
}

._radioOption_1u5ac_32 span {
  font-size: 14px;
  color: var(--font-body-1);
}

._subtitleHint_1u5ac_58 {
  color: var(--font-body-3);
  font-size: 12px;
}

._textarea_1u5ac_63 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  resize: vertical;
  min-height: 84px;
  direction: rtl;
}

._textarea_1u5ac_63:focus {
  outline: none;
  border-color: var(--border-focus);
}

._warning_1u5ac_80 {
  color: var(--font-primary);
  font-size: 14px;
  font-weight: 500;
  background-color: var(--surface-primary-lowest);
  padding: 8px 12px;
  border-radius: 6px;
}

._infoPanel_1u5ac_89 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  background-color: var(--surface-grey-lighter);
  border-radius: 6px;
  font-size: 14px;
  color: var(--font-body-1);
}

._infoPanelRow_1u5ac_100 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._infoPanelLabel_1u5ac_106 {
  color: var(--font-body-3);
}

._infoPanelValue_1u5ac_110 {
  font-weight: 600;
}

._exceedsAlert_1u5ac_114 {
  color: var(--error);
  font-size: 14px;
  font-weight: 500;
  background-color: var(--surface-error-lowest, #fef2f2);
  padding: 8px 12px;
  border-radius: 6px;
}

._error_1u5ac_123 {
  color: var(--error);
  font-size: 14px;
}

._hint_1u5ac_128 {
  font-size: 13px;
  color: var(--font-body-3);
}

._actions_1u5ac_133 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}
._content_s23lh_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  width: 460px;
}

._intro_s23lh_9 {
  font-size: 14px;
  color: var(--font-body-1);
}

._previewBox_s23lh_14 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  background-color: var(--surface-grey-lighter);
  border-radius: 8px;
  border: 1px solid var(--border-tertiary);
}

._previewTitle_s23lh_24 {
  font-size: 14px;
  font-weight: 700;
  color: var(--font-heading);
  margin: 0 0 4px;
}

._previewRow_s23lh_31 {
  display: flex;
  gap: 8px;
  font-size: 13px;
}

._previewLabel_s23lh_37 {
  color: var(--font-body-3);
  min-width: 100px;
}

._previewValue_s23lh_42 {
  color: var(--font-body-1);
  font-weight: 500;
}

._section_s23lh_47 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._label_s23lh_53 {
  font-size: 16px;
  font-weight: 600;
  color: var(--font-body-1);
}

._radioGroup_s23lh_59 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._radioOption_s23lh_65 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 8px;
  transition: background-color 0.2s ease;
}

._radioOption_s23lh_65:hover {
  background-color: var(--surface-grey-lighter);
}

._radioOption_s23lh_65 input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: var(--font-primary);
  cursor: pointer;
}

._radioOption_s23lh_65 span {
  font-size: 14px;
  color: var(--font-body-1);
}

._subtitleHint_s23lh_91 {
  color: var(--font-body-3);
  font-size: 12px;
}

._textarea_s23lh_96 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  resize: vertical;
  min-height: 84px;
  direction: rtl;
}

._textarea_s23lh_96:focus {
  outline: none;
  border-color: var(--border-focus);
}

._input_s23lh_113 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  direction: rtl;
}

._input_s23lh_113:focus {
  outline: none;
  border-color: var(--border-focus);
}

._warning_s23lh_128 {
  color: var(--font-primary);
  font-size: 14px;
  font-weight: 500;
  background-color: var(--surface-primary-lowest);
  padding: 8px 12px;
  border-radius: 6px;
}

._error_s23lh_137 {
  color: var(--error);
  font-size: 14px;
}

._hint_s23lh_142 {
  font-size: 13px;
  color: var(--font-body-3);
}

._actions_s23lh_147 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}
._content_tv343_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem 0;
  min-width: 40%;
}

._section_tv343_9 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._documentsList_tv343_15 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-height: 200px;
  overflow-y: auto;
}

._documentItem_tv343_23 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._checkboxLabel_tv343_29 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

._checkboxLabel_tv343_29 input[type='checkbox'] {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

._commentInput_tv343_42 {
  margin-right: 1.5rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  width: calc(100% - 1.5rem);
}

._commentInput_tv343_42:focus {
  outline: none;
  border-color: var(--border-focus);
}

._textarea_tv343_57 {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  resize: vertical;
}

._textarea_tv343_57:focus {
  outline: none;
  border-color: var(--border-focus);
}

._emailCheckbox_tv343_72 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

._emailCheckbox_tv343_72 input[type='checkbox'] {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

._freezeWarning_tv343_85 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background-color: var(--surface-warning, #fff8e1);
  border: 1px solid var(--border-warning, #ffe082);
  border-radius: 8px;
}

._freezeWarning_tv343_85 img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 2px;
}

._footer_tv343_102 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-light);
  margin-top: 1rem;
}
._card_hbk5y_1 {
  background: var(--bg-primary);
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._header_hbk5y_11 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._titleSection_hbk5y_17 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._statusIndicator_hbk5y_23 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--status-color);
}

._documentsSection_hbk5y_30 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._documentsHeader_hbk5y_36 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._documentsList_hbk5y_42 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-right: 8px;
}

._documentsTable_hbk5y_49 {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

._documentsTable_hbk5y_49 th,
._documentsTable_hbk5y_49 td {
  padding: 8px 6px;
  text-align: right;
  border-bottom: 1px solid var(--border-tertiary);
}

._documentsTable_hbk5y_49 th {
  background-color: var(--surface-grey-low);
  font-weight: 600;
  color: var(--font-body-1);
}

._documentsTable_hbk5y_49 td {
  color: var(--font-body-2);
}

._documentsTable_hbk5y_49 tr:last-child td {
  border-bottom: none;
}

._documentLink_hbk5y_76 {
  color: var(--font-link);
  text-decoration: none;
  font-size: 12px;
}

._documentLink_hbk5y_76:hover {
  text-decoration: underline;
}

._commentsSection_hbk5y_86 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._historySection_hbk5y_92 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._historyTable_hbk5y_98 {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

._historyTable_hbk5y_98 th,
._historyTable_hbk5y_98 td {
  padding: 8px 6px;
  text-align: right;
  border-bottom: 1px solid var(--border-tertiary);
}

._historyTable_hbk5y_98 th {
  background-color: var(--surface-grey-low);
  font-weight: 600;
  color: var(--font-body-1);
}

._historyTable_hbk5y_98 td {
  color: var(--font-body-2);
}

._historyTable_hbk5y_98 tr:last-child td {
  border-bottom: none;
}

._actions_hbk5y_125 {
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  padding-top: 12px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_hbk5y_133 {
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}

._primaryButton_hbk5y_141 {
  background-color: var(--font-primary);
  color: white;
  border: none;
}

._primaryButton_hbk5y_141:hover {
  opacity: 0.9;
}

._secondaryButton_hbk5y_152 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryButton_hbk5y_152:hover {
  background-color: var(--surface-grey-lighter);
  border-color: var(--border-dark);
}


._statusChangeSection_hbk5y_165 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._statusDropdown_hbk5y_171 {
  padding: 8px 12px;
  border: 1px solid var(--border-dark);
  border-radius: 8px;
  background-color: var(--surface-default);
  color: var(--font-body-1);
  font-size: 14px;
  cursor: pointer;
  min-width: 150px;
}

._statusDropdown_hbk5y_171:focus {
  outline: none;
  border-color: var(--font-primary);
}

._statusDropdown_hbk5y_171:hover {
  background-color: var(--surface-grey-low);
}

._officeCommentsSection_hbk5y_191 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--border-tertiary);
}

._officeCommentsButton_hbk5y_199 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 13px;
  background-color: var(--surface-tertiary-low);
  color: var(--font-tertiary);
  border: none;
}

._officeCommentsButton_hbk5y_199:hover {
  opacity: 0.9;
}

._officeCommentsBadge_hbk5y_218 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  background-color: var(--font-tertiary);
  color: white;
  font-size: 12px;
  font-weight: 600;
}

._content_lpmx0_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}

._noteSection_lpmx0_8 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._textarea_lpmx0_14 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  resize: vertical;
  font-family: inherit;
  font-size: 14px;
}

._textarea_lpmx0_14:focus {
  outline: none;
  border-color: var(--border-focus);
}

._error_lpmx0_29 {
  color: var(--error);
  font-size: 14px;
}

._actions_lpmx0_34 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_lpmx0_42 {
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}

._actionButton_lpmx0_42:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._primaryButton_lpmx0_55 {
  background-color: var(--font-primary);
  color: white;
  border: none;
}

._primaryButton_lpmx0_55:hover:not(:disabled) {
  opacity: 0.9;
}

._secondaryButton_lpmx0_66 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryButton_lpmx0_66:hover:not(:disabled) {
  background-color: var(--surface-grey-lighter);
  border-color: var(--border-dark);
}

._emailOption_lpmx0_78 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._emailCheckbox_lpmx0_84 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

._emailCheckbox_lpmx0_84 input {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
._content_t2im3_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  min-width: 500px;
}

._tableSection_t2im3_9 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._table_t2im3_9 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

._table_t2im3_9 th,
._table_t2im3_9 td {
  padding: 10px 12px;
  text-align: right;
  border-bottom: 1px solid var(--border-secondary);
}

._table_t2im3_9 th {
  background-color: var(--surface-grey-low);
  font-weight: 600;
  color: var(--font-heading);
}

._table_t2im3_9 tr:hover {
  background-color: var(--surface-grey-lighter);
}

._noteCell_t2im3_38 {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._dateCell_t2im3_45 {
  white-space: nowrap;
}

._statusCell_t2im3_49 {
  min-width: 140px;
}

._sentInfo_t2im3_53 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 12px;
  color: var(--font-body-2);
}

._sendButton_t2im3_61 {
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 13px;
  background-color: var(--surface-tertiary-low);
  color: var(--font-tertiary);
  border: none;
}

._sendButton_t2im3_61:hover:not(:disabled) {
  opacity: 0.9;
}

._sendButton_t2im3_61:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._noComments_t2im3_82 {
  padding: 20px;
  text-align: center;
  color: var(--font-body-2);
}

._addNoteSection_t2im3_88 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._textarea_t2im3_96 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  resize: vertical;
  font-family: inherit;
  font-size: 14px;
}

._textarea_t2im3_96:focus {
  outline: none;
  border-color: var(--border-focus);
}

._error_t2im3_111 {
  color: var(--error);
  font-size: 14px;
}

._successMessage_t2im3_116 {
  color: var(--font-tertiary);
  font-size: 14px;
  padding: 8px 12px;
  background-color: var(--surface-tertiary-lowest);
  border-radius: 6px;
}

._actions_t2im3_124 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_t2im3_132 {
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}

._actionButton_t2im3_132:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._primaryButton_t2im3_145 {
  background-color: var(--font-primary);
  color: white;
  border: none;
}

._primaryButton_t2im3_145:hover:not(:disabled) {
  opacity: 0.9;
}

._secondaryButton_t2im3_156 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryButton_t2im3_156:hover:not(:disabled) {
  background-color: var(--surface-grey-lighter);
  border-color: var(--border-dark);
}

._tertiaryButton_t2im3_168 {
  background-color: var(--surface-tertiary-low);
  color: var(--font-tertiary);
  border: none;
}

._tertiaryButton_t2im3_168:hover:not(:disabled) {
  opacity: 0.9;
}

/* Preview dialog styles */
._previewContent_t2im3_180 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  min-width: 450px;
}

._emailPreview_t2im3_188 {
  background-color: var(--surface-grey-lighter);
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  padding: 16px;
  max-height: 300px;
  overflow-y: auto;
}

._emailPreview_t2im3_188 h4 {
  margin: 0 0 12px 0;
  color: var(--font-heading);
}

._emailSubject_t2im3_202 {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-secondary);
}

._emailBody_t2im3_208 {
  font-size: 14px;
  line-height: 1.5;
  color: var(--font-body-1);
}

._deleteCell_t2im3_214 {
  width: 1%;
  white-space: nowrap;
}

._deleteButton_t2im3_219 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border-radius: 6px;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

._deleteButton_t2im3_219 img {
  width: 18px;
  height: 18px;
}

._deleteButton_t2im3_219:hover:not(:disabled) {
  background-color: var(--surface-grey-low);
}

._deleteButton_t2im3_219:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._content_adxpf_1 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: auto;
  height: calc(100vh - 266px);
}

._section_adxpf_10 {
  display: flex;
  flex-direction: column;
}

._classificationsGrid_adxpf_15 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._emptyState_adxpf_21 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
}

._content_lpmx0_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}

._noteSection_lpmx0_8 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._textarea_lpmx0_14 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  resize: vertical;
  font-family: inherit;
  font-size: 14px;
}

._textarea_lpmx0_14:focus {
  outline: none;
  border-color: var(--border-focus);
}

._error_lpmx0_29 {
  color: var(--error);
  font-size: 14px;
}

._actions_lpmx0_34 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_lpmx0_42 {
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}

._actionButton_lpmx0_42:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._primaryButton_lpmx0_55 {
  background-color: var(--font-primary);
  color: white;
  border: none;
}

._primaryButton_lpmx0_55:hover:not(:disabled) {
  opacity: 0.9;
}

._secondaryButton_lpmx0_66 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryButton_lpmx0_66:hover:not(:disabled) {
  background-color: var(--surface-grey-lighter);
  border-color: var(--border-dark);
}

._emailOption_lpmx0_78 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._emailCheckbox_lpmx0_84 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

._emailCheckbox_lpmx0_84 input {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
._status_1jfrv_1 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 50rem;
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
}

._status-color_1jfrv_11 {
  width: 10px;
  height: 10px;
  background-color: var(--status-color);
  border-radius: 50rem;
  z-index: 0;
}

._line_1jfrv_19 {
  border: 1px solid var(--border-divider);
}

._content_1jfrv_23 {
  overflow: auto;
  height: calc(100vh - 266px);
  gap: 32px;
}

._thead_1jfrv_29 {
  background-color: var(--surface-secondary-low);
  color: var(--font-body-5);
}

._th_1jfrv_29 {
  padding: 1px 1rem;
  height: 24px;
}

._th_1jfrv_29:first-child {
  border-start-start-radius: 4px;
}

._th_1jfrv_29:last-child {
  border-start-end-radius: 4px;
}

._td_1jfrv_47 {
  color: var(--text-body-1);
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border-main);
}

._noDocuments_1jfrv_53 {
  height: 114px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

._infoSection_1jfrv_61 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._infoRow_1jfrv_67 {
  display: flex;
  gap: 8px;
}

._infoLabel_1jfrv_72 {
  color: var(--font-body-3);
  min-width: 120px;
}

._infoValue_1jfrv_77 {
  color: var(--font-body-1);
}

._actionsRow_1jfrv_81 {
  display: flex;
  gap: 12px;
}

._actionButton_1jfrv_86 {
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}

._approveButton_1jfrv_96 {
  background: var(--status-approved-border);
  color: white;
}

._approveButton_1jfrv_96:hover {
  background: #059669;
}

._approveButton_1jfrv_96:disabled {
  background: #d1d5db;
  cursor: not-allowed;
}

._rejectButton_1jfrv_110 {
  background: var(--status-rejected-border);
  color: white;
}

._rejectButton_1jfrv_110:hover {
  background: #DC2626;
}

._rejectButton_1jfrv_110:disabled {
  background: #d1d5db;
  cursor: not-allowed;
}

._pendingButton_1jfrv_124 {
  background: var(--status-pending-border);
  color: white;
}

._pendingButton_1jfrv_124:hover {
  background: #D97706;
}

._pendingButton_1jfrv_124:disabled {
  background: #d1d5db;
  cursor: not-allowed;
}

._fundsList_1jfrv_138 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._fundBadge_1jfrv_144 {
  padding: 4px 10px;
  background: var(--surface-secondary-low);
  border-radius: 50rem;
  color: var(--font-body-1);
}

._commentBlock_1jfrv_151 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._commentDivider_1jfrv_157 {
  border-top: 1px dashed var(--border-divider);
  margin: 8px 0;
}

._officeCommentsButton_1jfrv_162 {
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 14px;
  background-color: var(--surface-tertiary-low);
  color: var(--font-tertiary);
  border: none;
  display: flex;
  align-items: center;
  gap: 6px;
}

._officeCommentsButton_1jfrv_162:hover {
  opacity: 0.9;
}

._officeCommentsBadge_1jfrv_181 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 50rem;
  background-color: var(--font-tertiary);
  color: white;
  font-size: 12px;
  font-weight: 600;
}._content_1wtd2_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  max-height: 70vh;
  overflow-y: auto;
}

._summaryMessage_1wtd2_10 {
  color: var(--font-body-1);
}

._summaryTable_1wtd2_14 {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
}

._summaryTable_1wtd2_14 th {
  text-align: right;
  padding: 12px 8px;
  background-color: var(--surface-grey-lighter);
  border-bottom: 1px solid var(--border-tertiary);
  color: var(--font-body-2);
  font-weight: 600;
  font-size: 12px;
}

._summaryTable_1wtd2_14 td {
  padding: 12px 8px;
  border-bottom: 1px solid var(--border-tertiary);
  color: var(--font-body-1);
  font-size: 14px;
}

._summaryTable_1wtd2_14 tr:last-child td {
  border-bottom: none;
}

._statusBadge_1wtd2_41 {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}

._noteSection_1wtd2_49 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}

._commentSection_1wtd2_56 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._label_1wtd2_62 {
  color: var(--font-body-1);
}

._required_1wtd2_66 {
  color: #DC2626;
}

._validationError_1wtd2_70 {
  color: #DC2626;
  font-size: 12px;
  margin: 0;
}

._textarea_1wtd2_76 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  resize: vertical;
  font-family: inherit;
  font-size: 14px;
  min-height: 80px;
}

._textarea_1wtd2_76:focus {
  outline: none;
  border-color: var(--border-focus);
}

._emailOption_1wtd2_92 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._emailCheckbox_1wtd2_98 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

._emailCheckbox_1wtd2_98 input {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

._errorSection_1wtd2_111 {
  background-color: var(--status-rejected-bg);
  border: 1px solid var(--status-rejected-border);
  border-radius: 8px;
  padding: 12px 16px;
}

._errorMessage_1wtd2_118 {
  color: #DC2626;
  font-weight: 600;
  margin: 0 0 8px 0;
}

._errorDetails_1wtd2_124 {
  color: #B91C1C;
  margin: 0;
  font-size: 14px;
}

._actions_1wtd2_130 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_1wtd2_138 {
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}

._actionButton_1wtd2_138:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._primaryButton_1wtd2_151 {
  background-color: var(--font-primary);
  color: white;
  border: none;
}

._primaryButton_1wtd2_151:hover:not(:disabled) {
  opacity: 0.9;
}

._secondaryButton_1wtd2_162 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryButton_1wtd2_162:hover:not(:disabled) {
  background-color: var(--surface-grey-lighter);
  border-color: var(--border-dark);
}

._content_1xe2n_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  width: 400px;
}

._childName_1xe2n_9 {
  font-size: 16px;
  font-weight: 600;
  color: var(--font-body-1);
}

._inputSection_1xe2n_15 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._inputLabel_1xe2n_21 {
  font-size: 14px;
  font-weight: 600;
  color: var(--font-body-1);
}

._input_1xe2n_15 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  direction: rtl;
}

._input_1xe2n_15:focus {
  outline: none;
  border-color: var(--border-focus);
}

._input_1xe2n_15._hasError_1xe2n_42 {
  border-color: var(--error);
}

._error_1xe2n_46 {
  color: var(--error);
  font-size: 14px;
}

._actions_1xe2n_51 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_1xe2n_59 {
  padding: 8px 24px;
  font-weight: 600;
  cursor: pointer;
}

._actionButton_1xe2n_59:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._secondaryButton_1xe2n_70 {
  padding: 8px 24px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid var(--border-dark);
}

._secondaryButton_1xe2n_70:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._content_10h8d_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  min-width: 500px;
}

._tableSection_10h8d_9 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._table_10h8d_9 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

._table_10h8d_9 th,
._table_10h8d_9 td {
  padding: 10px 12px;
  text-align: right;
  border-bottom: 1px solid var(--border-secondary);
}

._table_10h8d_9 th {
  background-color: var(--surface-grey-low);
  font-weight: 600;
  color: var(--font-heading);
}

._table_10h8d_9 tr:hover {
  background-color: var(--surface-grey-lighter);
}

._noteCell_10h8d_38 {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._dateCell_10h8d_45 {
  white-space: nowrap;
}

._visibilityCell_10h8d_49 {
  white-space: nowrap;
  vertical-align: middle;
}

._visibleButton_10h8d_54,
._hiddenButton_10h8d_55 {
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  font-size: 13px;
  border: none;
  transition: opacity 0.2s ease;
}

._visibleButton_10h8d_54 {
  background-color: var(--surface-tertiary-lowest);
  color: var(--font-tertiary);
}

._hiddenButton_10h8d_55 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-2);
}

._visibleButton_10h8d_54:hover:not(:disabled),
._hiddenButton_10h8d_55:hover:not(:disabled) {
  opacity: 0.9;
}

._visibleButton_10h8d_54:disabled,
._hiddenButton_10h8d_55:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._checkboxLabel_10h8d_86 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--font-body-1);
  cursor: pointer;
}

._checkboxLabel_10h8d_86 input {
  cursor: pointer;
}

._statusCell_10h8d_99 {
  min-width: 140px;
}

._sentInfo_10h8d_103 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 12px;
  color: var(--font-body-2);
}

._sendButton_10h8d_111 {
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 13px;
  background-color: var(--surface-tertiary-low);
  color: var(--font-tertiary);
  border: none;
}

._sendButton_10h8d_111:hover:not(:disabled) {
  opacity: 0.9;
}

._sendButton_10h8d_111:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._noComments_10h8d_132 {
  padding: 20px;
  text-align: center;
  color: var(--font-body-2);
}

._addNoteSection_10h8d_138 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._textarea_10h8d_146 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  resize: vertical;
  font-family: inherit;
  font-size: 14px;
}

._textarea_10h8d_146:focus {
  outline: none;
  border-color: var(--border-focus);
}

._error_10h8d_161 {
  color: var(--error);
  font-size: 14px;
}

._successMessage_10h8d_166 {
  color: var(--font-tertiary);
  font-size: 14px;
  padding: 8px 12px;
  background-color: var(--surface-tertiary-lowest);
  border-radius: 6px;
}

._actions_10h8d_174 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_10h8d_182 {
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 600;
}

._actionButton_10h8d_182:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._primaryButton_10h8d_195 {
  background-color: var(--font-primary);
  color: white;
  border: none;
}

._primaryButton_10h8d_195:hover:not(:disabled) {
  opacity: 0.9;
}

._secondaryButton_10h8d_206 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryButton_10h8d_206:hover:not(:disabled) {
  background-color: var(--surface-grey-lighter);
  border-color: var(--border-dark);
}

._tertiaryButton_10h8d_218 {
  background-color: var(--surface-tertiary-low);
  color: var(--font-tertiary);
  border: none;
}

._tertiaryButton_10h8d_218:hover:not(:disabled) {
  opacity: 0.9;
}

/* Preview dialog styles */
._previewContent_10h8d_230 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  min-width: 450px;
}

._emailPreview_10h8d_238 {
  background-color: var(--surface-grey-lighter);
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  padding: 16px;
  max-height: 300px;
  overflow-y: auto;
}

._emailPreview_10h8d_238 h4 {
  margin: 0 0 12px 0;
  color: var(--font-heading);
}

._emailSubject_10h8d_252 {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-secondary);
}

._emailBody_10h8d_258 {
  font-size: 14px;
  line-height: 1.5;
  color: var(--font-body-1);
}

._deleteCell_10h8d_264 {
  width: 1%;
  white-space: nowrap;
}

._deleteButton_10h8d_269 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border-radius: 6px;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

._deleteButton_10h8d_269 img {
  width: 18px;
  height: 18px;
}

._deleteButton_10h8d_269:hover:not(:disabled) {
  background-color: var(--surface-grey-low);
}

._deleteButton_10h8d_269:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._clickableParentName_cy561_1 {
  color: var(--primary-default);
  cursor: pointer;
  text-decoration: underline;
  transition: color 0.2s ease;
}

._clickableParentName_cy561_1:hover {
  color: var(--primary-hover);
}

._statusBadge_cy561_12 {
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}

/* Coordinators' requests to correct a supported's ID, decided on the office's «נתמכים» board (HAT-1428) */

/* The lines above the board, full width under its heading */
._bannerStack_f7n64_4 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

._banner_f7n64_4 {
  margin-bottom: 0;
}

/* Old ID, arrow, new ID - the digits read left to right inside the RTL row */
._ids_f7n64_18 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

._oldId_f7n64_25 {
  direction: ltr;
  unicode-bidi: isolate;
  color: var(--font-body-2);
  text-decoration: line-through;
}

._arrow_f7n64_32 {
  color: var(--font-body-2);
}

._newId_f7n64_36 {
  direction: ltr;
  unicode-bidi: isolate;
  font-weight: 600;
  color: var(--font-body-1);
}

/* The supported's requests on the blade */
._requests_f7n64_44 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._request_f7n64_44 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
}

._requestHead_f7n64_59 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._requestLine_f7n64_66 {
  margin: 0;
  font-size: 13px;
  color: var(--font-body-2);
}

._requestReason_f7n64_72 {
  margin: 0;
  font-size: 14px;
  color: var(--font-body-1);
}

._status_f7n64_78 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--font-body-1);
  white-space: nowrap;
}

._dot_f7n64_88 {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--border-tertiary-strong);
}

._dotPending_f7n64_96 {
  background: var(--status-pending-border);
}

._dotApproved_f7n64_100 {
  background: var(--status-approved-border);
}

._dotRejected_f7n64_104 {
  background: var(--status-rejected-border);
}

/* Review dialog */
._dialogContent_f7n64_109 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  width: 480px;
  max-width: 100%;
}

._muted_f7n64_118 {
  font-size: 13px;
  color: var(--font-body-2);
  margin: 0;
}

._formError_f7n64_124 {
  color: var(--status-rejected-text);
  font-size: 13px;
  margin: 0;
}

._requestedBy_f7n64_130 {
  margin: 0;
  font-size: 14px;
  color: var(--font-body-1);
}

._note_f7n64_136 {
  margin: 0;
  font-size: 14px;
  color: var(--font-body-1);
}

._noteLabel_f7n64_142 {
  font-weight: 600;
}

._reasonSection_f7n64_146 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._reasonLabel_f7n64_152 {
  font-size: 14px;
  font-weight: 600;
  color: var(--font-body-1);
}

._reasonInput_f7n64_158 {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  resize: vertical;
}

._reasonInput_f7n64_158:focus {
  outline: none;
  border-color: var(--border-input-focus);
}

._notify_f7n64_173 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--font-body-1);
  cursor: pointer;
}

._dialogActions_f7n64_182 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-main);
}

._actionButton_f7n64_190 {
  padding: 8px 24px;
  font-weight: 600;
  cursor: pointer;
}

._secondaryButton_f7n64_196 {
  padding: 8px 24px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid var(--border-dark);
}

._actionButton_f7n64_190:disabled,
._secondaryButton_f7n64_196:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._line_7y163_1 {
  border: 1px solid var(--border-divider);
}

._content_7y163_5 {
  overflow: auto;
  height: calc(100vh - 266px);
  display: flex;
  flex-direction: column;
  gap: 32px;
}

._loading_7y163_13 {
  color: var(--font-body-3);
  text-align: center;
  padding: 20px;
}

._noData_7y163_19 {
  color: var(--font-body-3);
  text-align: center;
  padding: 20px;
}


._classification_7y163_26 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 10px 4px 12px;
  border-radius: 50rem;
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  height: 30px;
  flex: 0 0 auto;
  white-space: nowrap;
}

._classification-color_7y163_39 {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  background-color: var(--classification-color);
  border-radius: 50rem;
  z-index: 0;
}

._iconAction_7y163_48 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.15s;
}

._iconAction_7y163_48:hover {
  background-color: var(--surface-hover);
}

._infoSection_7y163_63 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._infoRow_7y163_69 {
  display: flex;
  gap: 8px;
}

._infoLabel_7y163_74 {
  color: var(--font-body-3);
  min-width: 110px;
  flex-shrink: 0;
}

._infoValue_7y163_80 {
  color: var(--font-body-1);
  word-break: break-word;
}

._card_7y163_85 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  background-color: var(--surface-base);
}

._fundsList_7y163_95 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._fundBadge_7y163_101 {
  padding: 4px 10px;
  background: var(--surface-secondary-low);
  border-radius: 50rem;
  color: var(--font-body-1);
}

/* A coordinator's request to correct the ID, above the tabs until the office decides it (HAT-1428) */
._idChangeNotice_7y163_109 {
  margin: 12px 16px 0;
}
._dialogContent_17vku_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px 0;
}

._accountsContainer_17vku_8 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._fieldsContainer_17vku_14 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._row_17vku_20 {
  display: flex;
  gap: 32px;
}

._accountCard_17vku_25 {
  background-color: var(--surface-grey-lowest);
  border: 1px solid var(--border-lowest);
  border-radius: 16px;
  padding: 32px;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

._accountCard_17vku_25 ._fieldsContainer_17vku_14 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._removeButton_17vku_40 {
  position: absolute;
  right: -12px;
  top: 24px;
  width: 24px;
  height: 24px;
  background-color: var(--font-error);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s;
}

._removeButton_17vku_40:hover {
  opacity: 0.8;
}

._addButton_17vku_60 {
  background-color: var(--surface-base);
  border: 1px solid var(--border-main);
  border-radius: 8px;
  height: 36px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 600;
  color: var(--font-primary);
  align-self: flex-start;
  cursor: pointer;
  transition: background-color 0.2s;
}

._addButton_17vku_60:hover {
  background-color: var(--surface-grey-lowest);
}

._addIcon_17vku_82 {
  width: 10px;
  height: 10px;
  position: relative;
}

._actions_17vku_88 {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  padding-top: 24px;
  margin-top: 8px;
  border-top: 1px solid var(--border-lowest);
}

._error_17vku_97 {
  color: var(--font-error);
  font-size: 14px;
}

._loading_17vku_102 {
  text-align: center;
  padding: 32px;
  color: var(--font-body-2);
}

._accountRow_17vku_108 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

._accountRow_17vku_108 ._fieldsContainer_17vku_14 {
  flex: 1;
}

._deleteButton_17vku_118 {
  margin-top: 28px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  padding: 8px;
}

/* The confirmation before an ID change: who, what happens, and everywhere the supported is */
._impact_1gvya_2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
  border: 1px solid var(--status-pending-border);
  border-radius: 8px;
  background: var(--status-pending-bg);
  color: var(--font-body-1);
  font-size: 14px;
  line-height: 1.5;
}

._impact_1gvya_2 p,
._blocker_1gvya_16 p {
  margin: 0;
}

._who_1gvya_20 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 12px;
  row-gap: 2px;
}

._name_1gvya_28 {
  font-weight: 700;
  font-size: 15px;
}

._idValue_1gvya_33 {
  direction: ltr;
  unicode-bidi: isolate;
}

._heading_1gvya_38 {
  font-weight: 600;
}

._list_1gvya_42 {
  margin: 0;
  padding-inline-start: 20px;
  list-style: disc;
}

._fund_1gvya_48 {
  font-weight: 600;
}

._muted_1gvya_52 {
  color: var(--font-body-2);
}

._pending_1gvya_56 {
  font-weight: 600;
  color: var(--status-pending-text);
}

._link_1gvya_61 {
  color: var(--font-link);
  text-decoration: underline;
  white-space: nowrap;
}

._linkButton_1gvya_67 {
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: var(--font-link);
  text-decoration: underline;
  white-space: nowrap;
  cursor: pointer;
}

/* Why the change cannot go through, and where to fix it */
._blocker_1gvya_16 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 14px;
  border: 1px solid var(--status-rejected-border);
  border-radius: 8px;
  background: var(--status-rejected-bg);
  color: var(--font-body-1);
  font-size: 14px;
  line-height: 1.5;
}

._blockerTitle_1gvya_92 {
  font-weight: 600;
  color: var(--status-rejected-text);
}
._content_kxln2_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  width: 400px;
}

._inputSection_kxln2_9 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._inputLabel_kxln2_15 {
  font-size: 14px;
  font-weight: 600;
  color: var(--font-body-1);
}

._input_kxln2_9 {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  direction: rtl;
}

._input_kxln2_9:focus {
  outline: none;
  border-color: var(--border-input-focus);
}

._input_kxln2_9._hasError_kxln2_36 {
  border-color: var(--status-rejected-border);
}

/* Digits read left to right, and the field lines up with the RTL ones above and below */
._ltrInput_kxln2_41 {
  direction: ltr;
  text-align: right;
}

._error_kxln2_46 {
  color: var(--status-rejected-text);
  font-size: 14px;
}

._actions_kxln2_51 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-tertiary);
}

._actionButton_kxln2_59 {
  padding: 8px 24px;
  font-weight: 600;
  cursor: pointer;
}

._actionButton_kxln2_59:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._secondaryButton_kxln2_70 {
  padding: 8px 24px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid var(--border-dark);
}

._secondaryButton_kxln2_70:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._overlay_9himg_1 {
  position: fixed;
  inset: 0;
  z-index: 300;
  background-color: rgba(0, 0, 0, 0.5);
}

._overlay_9himg_1[data-state='open'] {
  animation: _fadeIn_9himg_1 150ms ease-out;
}

._overlay_9himg_1[data-state='closed'] {
  animation: _fadeOut_9himg_1 150ms ease-in;
}

._content_9himg_16 {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 301;
  width: max-content;
  max-width: 90vw;
  background-color: var(--surface-grey-lowest, white);
  border-radius: 16px;
  transition-duration: 200ms;
}

._content_9himg_16[data-state='open'] {
  animation:
    _fadeIn_9himg_1 150ms ease-out,
    _zoomIn_9himg_1 150ms ease-out;
}

._content_9himg_16[data-state='closed'] {
  animation:
    _fadeOut_9himg_1 150ms ease-in,
    _zoomOut_9himg_1 150ms ease-in;
}

._closeButton_9himg_41 {
  position: absolute;
  top: 12px;
  inset-inline-start: 12px;
  padding: 12px;
  cursor: pointer;
  background: none;
  border: none;
}

._closeButton_9himg_41 img {
  width: 20px;
  height: 20px;
}

._title_9himg_56 {
  text-align: center;
  padding: 24px 48px 0;
  color: var(--font-primary);
}

/* Animation keyframes */
@keyframes _fadeIn_9himg_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes _fadeOut_9himg_1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes _zoomIn_9himg_1 {
  from {
    transform: translate(-50%, -50%) scale(0.95);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes _zoomOut_9himg_1 {
  from {
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    transform: translate(-50%, -50%) scale(0.95);
  }
}

/* The heads-up shown when removing the fund would delete the supported itself */
._warning_9himg_100 {
  padding: 8px 12px;
  border-radius: 8px;
  background-color: var(--surface-grey-low);
  color: var(--font-status-4, var(--font-body-1));
  border-inline-start: 3px solid var(--icon-status-4);
}
._wrapper_1ltso_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  align-items: center;
}

._content_1ltso_9 {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  width: 1132px;
  max-width: 100%;
  box-sizing: border-box;
}

._divider_1ltso_21 {
  width: 100%;
  height: 1px;
  background: var(--border-lowest);
  margin: 12px 0;
}

._footer_1ltso_28 {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 20px 24px;
  border-top: 1px solid var(--border-lowest);
  width: 100%;
}

._childRow_1ltso_39 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

._iconAction_1ltso_46 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  cursor: pointer;
}

._iconAction_1ltso_46:hover {
  background-color: var(--surface-grey-lowest);
}

._loading_1ltso_60,
._noData_1ltso_61 {
  color: var(--font-body-3);
  text-align: center;
  padding: 20px;
}
._iconAction_12796_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.15s;
}

._iconAction_12796_1:hover {
  background-color: var(--surface-hover);
}
._content_1qo9e_1 {
  overflow: auto;
  height: calc(100vh - 266px);
  display: flex;
  flex-direction: column;
  gap: 26px;
  padding-top: 20px;
}

._line_1qo9e_10 {
  border-top: 1px solid var(--border-divider);
}

/* Edit button sits right next to its section title, not pushed to the far edge */
._sectionHeader_1qo9e_15 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._sectionTitle_1qo9e_21 {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: var(--body-size-body);
  font-weight: 700;
  color: var(--font-primary);
  margin: 0;
}

._sectionTitle_1qo9e_21 img {
  width: 19px;
  height: 19px;
  /* The source SVGs come in mixed colors; tint them to the brand wine */
  filter: brightness(0) saturate(100%) invert(13%) sepia(37%) saturate(3200%) hue-rotate(300deg) brightness(93%) contrast(96%);
}

._editIconBtn_1qo9e_38 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 13px;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  color: var(--font-primary);
  font-size: var(--body-size-sm);
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  flex-shrink: 0;
}

._editIconBtn_1qo9e_38:hover {
  background: #f8fafc;
}

._editIconBtn_1qo9e_38 img {
  width: 15px;
  height: 15px;
}

/* label / value pairs stacked in the narrow blade */
._detailsList_1qo9e_64 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._detailRow_1qo9e_70 {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-size: var(--body-size-body);
  line-height: 1.45;
}

._detailLabel_1qo9e_78 {
  min-width: 168px;
  color: var(--font-body-2);
  flex-shrink: 0;
}

._detailValue_1qo9e_84 {
  color: var(--font-body-1);
  font-weight: 600;
  overflow-wrap: anywhere;
}

._documentLinks_1qo9e_90 {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

/* balances: one per line, label then amount */
._balancesList_1qo9e_97 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._stat_1qo9e_103 {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

._statLabel_1qo9e_109 {
  min-width: 168px;
  flex-shrink: 0;
  font-size: var(--body-size-body);
  color: var(--font-body-2);
}

._statValue_1qo9e_116 {
  font-size: 18px;
  font-weight: 700;
  color: var(--font-primary);
  /* LTR so the currency symbol sits after the number */
  direction: ltr;
}

/* actions: two pills side by side */
._actionsRow_1qo9e_125 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

._pillPrimary_1qo9e_132,
._pillOutline_1qo9e_133 {
  border-radius: 999px;
  padding: 10px 24px;
  font-size: var(--body-size-sm);
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  border: 1px solid var(--font-primary);
  white-space: nowrap;
}

._pillPrimary_1qo9e_132 {
  background: var(--font-primary);
  color: #fff;
}

._pillPrimary_1qo9e_132:hover:not(:disabled) {
  background: var(--surface-primary-dark);
}

._pillOutline_1qo9e_133 {
  background: #fff;
  color: var(--font-primary);
}

._pillOutline_1qo9e_133:hover:not(:disabled) {
  background: var(--surface-primary-lowest);
}

._pillPrimary_1qo9e_132:disabled,
._pillOutline_1qo9e_133:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

/* special settings */
._featureList_1qo9e_169 {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

._featureRow_1qo9e_175 {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

/* The badge follows the setting name closely instead of hugging the far edge */
._featureHeader_1qo9e_182 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._featureName_1qo9e_188 {
  min-width: 168px;
  flex-shrink: 0;
  font-size: var(--body-size-body);
  font-weight: 600;
  color: var(--font-body-1);
}

._featureBadge_1qo9e_196 {
  font-size: 13px;
  font-weight: 600;
  border-radius: 999px;
  padding: 3px 11px;
  white-space: nowrap;
}

._featureBadgeOn_1qo9e_204 {
  background: #fef3c7;
  color: #92400e;
}

._featureBadgeOff_1qo9e_209 {
  background: #f1f5f9;
  color: #94a3b8;
}

._featureDetails_1qo9e_214 {
  font-size: var(--body-size-sm);
  color: var(--font-body-2);
}

._actionResult_1qo9e_219 {
  font-size: var(--body-size-sm);
  font-weight: 600;
  color: #166534;
}

._actionError_1qo9e_225 {
  font-size: var(--body-size-sm);
  font-weight: 600;
  color: #dc2626;
}

/* HAT-1301: identity documents a coordinator sent, waiting for the office. Same amber as the
   frozen notice the coordinator sees, so the two sides of one request look like one thing. */
._pendingRequest_1qo9e_233 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid #fcd34d;
  border-radius: 12px;
  background: #fffbeb;
  color: #92400e;
}

/* people lists */
._personList_1qo9e_245 {
  display: flex;
  flex-direction: column;
}

._personRow_1qo9e_250 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 0;
  border-bottom: 1px solid #f1f5f9;
}

._personRow_1qo9e_250:last-child {
  border-bottom: none;
}

._personRow_1qo9e_250:first-child {
  padding-top: 0;
}

._personName_1qo9e_266 {
  font-size: var(--body-size-body);
  font-weight: 600;
  color: var(--font-body-1);
}

._personMeta_1qo9e_272 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  font-size: var(--body-size-sm);
  color: var(--font-body-2);
}

._personMeta_1qo9e_272 [dir='ltr'] {
  unicode-bidi: isolate;
}

._metaDot_1qo9e_285 {
  color: #cbd5e1;
}

._emptyText_1qo9e_289 {
  font-size: var(--body-size-body);
  color: var(--font-body-3);
}

._tabToolbar_1qo9e_294 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 4px;
}

/* ---- campaigns (HAT-1121) ---- */

/* Like .personRow, but the row carries its own actions, so name and buttons sit on one line. */
._campaignRow_1qo9e_303 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #f1f5f9;
}

._campaignRow_1qo9e_303:last-child {
  border-bottom: none;
}

._campaignRow_1qo9e_303:first-child {
  padding-top: 0;
}

._campaignSummary_1qo9e_320 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

._campaignHeader_1qo9e_327 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._campaignLink_1qo9e_333 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  overflow-wrap: anywhere;
}

._campaignLink_1qo9e_333 img {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}

._rowActions_1qo9e_346 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

._rowEditBtn_1qo9e_353 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 12px;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  color: var(--font-primary);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

._rowEditBtn_1qo9e_353:hover {
  background: #f1f5f9;
}

._rowEditBtn_1qo9e_353 img {
  width: 12px;
  height: 12px;
}

/* Icon-only remove; the trash glyph ships dark grey so it is tinted red here. */
._removeBtn_1qo9e_378 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  line-height: 0;
  border-radius: 6px;
}

._removeBtn_1qo9e_378 img {
  width: 17px;
  height: 17px;
  filter: brightness(0) saturate(100%) invert(24%) sepia(89%) saturate(2534%) hue-rotate(348deg) brightness(93%) contrast(94%);
}

._removeBtn_1qo9e_378:hover {
  background: #fee2e2;
}

._headerBadge_1qo9e_397 {
  font-size: var(--body-size-sm);
  font-weight: 600;
  border-radius: 999px;
  padding: 3px 12px;
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}
._reasonSection_1j5xl_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._reasonLabel_1j5xl_7 {
  font-size: 14px;
  font-weight: 600;
  color: var(--font-body-1);
}

._reasonInput_1j5xl_13 {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border-secondary);
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  resize: vertical;
}

._reasonInput_1j5xl_13:focus {
  outline: none;
  border-color: var(--border-input-focus);
}

._reasonHint_1j5xl_28 {
  margin: 0;
  font-size: 13px;
  color: var(--font-body-2);
}

._formError_1j5xl_34 {
  color: var(--status-rejected-text);
  font-size: 13px;
  margin: 0;
}
/* Shared styles for the fund edit dialogs opened from the fund blade. */

._dialogForm_1oyrn_3 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  flex: 1;
  min-height: 0;
  padding: 0 26px 22px;
}

._formField_1oyrn_13 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._fieldLabel_1oyrn_19 {
  font-size: 13px;
  color: #64748b;
}

._fieldsGrid_1oyrn_24 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px 14px;
}

._formActions_1oyrn_30 {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 8px;
}

._formError_1oyrn_37 {
  color: #dc2626;
  font-size: 13px;
  margin: 0;
}

._panelSubtitle_1oyrn_43 {
  font-size: 13px;
  color: #64748b;
  margin: 0;
}

._dialogTextarea_1oyrn_49 {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 12px;
  min-height: 70px;
  font-size: 14px;
  font-family: inherit;
  resize: vertical;
}

._dialogListItem_1oyrn_59 {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #f8fafc;
}

._dialogListItemHeader_1oyrn_69 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

/* Collapsed list: one row per person, expanded into inputs only on demand.
   Grows to whatever height the dialog has left. */
._peopleList_1oyrn_78 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 140px;
  overflow-y: auto;
  scrollbar-width: thin;
  padding-inline-end: 4px;
}

._personListRow_1oyrn_88 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 2px;
  border-bottom: 1px solid #eef2f7;
}

._personListRow_1oyrn_88:last-child {
  border-bottom: none;
}

._personSummary_1oyrn_101 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._personMetaLine_1oyrn_108 {
  font-size: 12.5px;
  color: #64748b;
  overflow-wrap: anywhere;
}

._rowActions_1oyrn_114 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

._rowEditBtn_1oyrn_121 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 12px;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  color: var(--font-primary);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

._rowEditBtn_1oyrn_121:hover {
  background: #f1f5f9;
}

._rowEditBtn_1oyrn_121 img {
  width: 12px;
  height: 12px;
}

._personName_1oyrn_145 {
  font-size: 14px;
  font-weight: 600;
  color: var(--font-primary);
}

/* Icon-only remove; the trash glyph ships dark grey so it is tinted red here */
._removeBtn_1oyrn_152 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  line-height: 0;
  border-radius: 6px;
}

._removeBtn_1oyrn_152 img {
  width: 17px;
  height: 17px;
  filter: brightness(0) saturate(100%) invert(24%) sepia(89%) saturate(2534%) hue-rotate(348deg) brightness(93%) contrast(94%);
}

._removeBtn_1oyrn_152:hover:not(:disabled) {
  background: #fee2e2;
}

._removeBtn_1oyrn_152:disabled {
  cursor: not-allowed;
}

._removeBtn_1oyrn_152:disabled img {
  filter: grayscale(100%);
  opacity: 0.35;
}

._addBtn_1oyrn_180 img {
  width: 14px;
  height: 14px;
}

._featureToggleRow_1oyrn_185 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--font-primary);
}

._featureFieldsIndent_1oyrn_194 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 10px 14px;
  padding-inline-start: 28px;
}

._wideDialogContent_1oyrn_201 {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(94vw, 720px);
  max-height: 90vh;
}

/* ---- campaign dialog (HAT-1121) ---- */

/* Two fields to a row: the campaign number and its start date belong side by side, and a row of
   three squeezed the name into something narrower than the names people actually type. */
._twoFieldsRow_1oyrn_213 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 14px;
}

@media (max-width: 640px) {
  ._twoFieldsRow_1oyrn_213 {
    grid-template-columns: 1fr;
  }
}

/* Help text that belongs to one field, sitting under it rather than floating across the form. */
._fieldHint_1oyrn_226 {
  font-size: 12.5px;
  line-height: 1.45;
  color: #64748b;
}

/* The inverse of a required marker: three of the four fields are mandatory, so marking the one
   that is not is quieter than starring the rest. Matches the open-fund form. */
._optionalTag_1oyrn_234 {
  color: #94a3b8;
  margin-inline-start: 4px;
}

/* The dialog is as tall as its form, instead of the near-fullscreen height MainDialogLayout
   defaults to. That default suits the dialogs here that hold a scrolling list of people; a form of
   four fields floated in the middle of all that empty space. Composed with .wideDialogContent,
   which sets the width and the centring. */
._autoHeightDialog_1oyrn_243 {
  height: auto;
}

/* Inputs inside this form fill their column.
   Not `w-full`: the Input component's own `.input-style` declares `width: 450px` at the same
   specificity, and its stylesheet wins on order - so the Tailwind class silently did nothing and
   every field came out 450px wide. Harmless in a full-screen dialog, but at 720px the date field
   hung 220px outside the dialog. */
._campaignForm_1oyrn_252 input {
  width: 100%;
}
._statusBadge_thy6h_1 {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 50rem;
  font-size: 12px;
  font-weight: 600;
  gap: 5px;
}

._statusPending_thy6h_11 {
  background: var(--status-pending-bg);
  color: var(--status-pending-text);
}

._statusInProgress_thy6h_16 {
  background: var(--status-pending-completion-bg);
  color: var(--status-pending-completion-text);
}

._statusApproved_thy6h_21 {
  background: var(--status-approved-bg);
  color: var(--status-approved-text);
}

._statusRejected_thy6h_26 {
  background: var(--status-rejected-bg);
  color: var(--status-rejected-text);
}

._statusFutureCheck_thy6h_31 {
  background: #ede9fe;
  color: #5b21b6;
}

._donorCell_thy6h_36 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._donorCellSub_thy6h_42 {
  font-size: 12px;
  color: var(--font-body-2, #64748b);
}

._line_thy6h_47 {
  border: 1px solid var(--border-divider, #e2e8f0);
}

._bladeSection_thy6h_51 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._bladeSection_thy6h_51 > div > p {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 0;
}

._bladeContent_thy6h_64 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  overflow: auto;
  height: calc(100vh - 160px);
}

._proofLinks_thy6h_73 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._proofRow_thy6h_79 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid var(--border-divider, #e2e8f0);
  border-radius: 8px;
}

._proofLink_thy6h_73 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--font-link, #3b82f6);
  font-size: 14px;
  text-decoration: none;
  flex: 1;
  min-width: 0;
}

._proofLink_thy6h_73:hover {
  text-decoration: underline;
}

._proofActions_thy6h_104 {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}

._downloadBtn_thy6h_111 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.15s, background 0.15s;
  flex-shrink: 0;
  text-decoration: none;
  color: inherit;
}

._downloadBtn_thy6h_111:hover {
  opacity: 1;
  background: var(--surface-primary-lowest, #eff6ff);
}

._downloadBtn_thy6h_111 img {
  width: 22px;
  height: 22px;
}

._detailActions_thy6h_139 {
  display: flex;
  gap: 12px;
}

._primaryBtn_thy6h_144 {
  padding: 8px 20px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  background-color: var(--font-primary);
  color: white;
  border: none;
}

._primaryBtn_thy6h_144:hover:not(:disabled) {
  opacity: 0.9;
}

._primaryBtn_thy6h_144:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._secondaryBtn_thy6h_166 {
  padding: 8px 20px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._secondaryBtn_thy6h_166:hover:not(:disabled) {
  background-color: var(--surface-grey-lighter);
}

._secondaryBtn_thy6h_166:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._outlineRedBtn_thy6h_188 {
  padding: 8px 20px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  background: transparent;
  color: var(--font-body-1);
  border: 1px solid var(--border-dark);
}

._outlineRedBtn_thy6h_188:hover:not(:disabled) {
  background-color: var(--surface-grey-low);
}

._outlineRedBtn_thy6h_188:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._rejectForm_thy6h_210 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._rejectTextarea_thy6h_216 {
  width: 100%;
  min-height: 70px;
  padding: 8px 10px;
  border: 1px solid var(--border-dark);
  border-radius: 8px;
  font-family: inherit;
  font-size: 13px;
  resize: vertical;
}

._rejectFormActions_thy6h_227 {
  display: flex;
  gap: 12px;
}

._actionSuccess_thy6h_232 {
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13px;
  background: var(--status-approved-bg, #D1FAE5);
  color: var(--status-approved-text, #065F46);
}

._actionError_thy6h_240 {
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13px;
  background: var(--status-rejected-bg, #FEE2E2);
  color: var(--status-rejected-text, #991B1B);
}
._body_6bjhx_1 {
  direction: rtl;
  text-align: right;
  width: 100%;
}

._title_6bjhx_7 {
  font-weight: 700;
  font-size: 18px;
  color: var(--font-primary, #681c3c);
  margin-bottom: 8px;
}

._note_6bjhx_14 {
  font-size: 14px;
  line-height: 1.5;
  color: var(--font-body-3, #808080);
  margin-bottom: 12px;
}

/* Only the editable values live here, so the list is short in the common case - it scrolls instead of
   growing the dialog when a request that is still open offers every field. */
._fields_6bjhx_23 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 50vh;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-inline-end: 4px;
}

._field_6bjhx_23 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._label_6bjhx_39 {
  font-weight: 500;
  font-size: 13px;
  color: var(--font-body-3, #808080);
}

._input_6bjhx_45 {
  font-size: 15px;
  font-family: inherit;
  color: var(--font-body-1, #2a2a2a);
  text-align: right;
  padding: 8px 12px;
  background-color: var(--surface-base, #fff);
  border: 1px solid var(--border-input-default, #d0d0d0);
  border-radius: 8px;
  box-sizing: border-box;
  width: 100%;
  display: block;
  transition: border-color 0.2s;
}
._input_6bjhx_45:focus {
  outline: none;
  border-color: var(--border-input-focus, var(--surface-primary, #681c3c));
  box-shadow: 0 0 0 2px rgba(104, 28, 60, 0.1);
}

._group_6bjhx_65 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--border-main, #e0e0e0);
}

._groupTitle_6bjhx_73 {
  font-weight: 600;
  font-size: 14px;
  color: var(--font-primary, #681c3c);
}

._goalsRow_6bjhx_79 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin-top: 2px;
}

._checkboxItem_6bjhx_86 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--font-body-1, #2a2a2a);
  cursor: pointer;
}

._notifyRow_6bjhx_95 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--border-main, #e0e0e0);
  font-size: 14px;
  color: var(--font-body-1, #2a2a2a);
  cursor: pointer;
}

._error_6bjhx_107 {
  color: var(--font-error, #dc3545);
  font-size: 13px;
  margin-top: 8px;
}
._container_2i6eu_2 {
  direction: rtl;
  max-width: 1140px;
  margin: 0 auto;
  padding: 24px;
}

/* The title centred in the page, the way back beside it: the empty third column mirrors the first, so the
   title sits in the middle of the container rather than in the middle of what is left of it. */
._pageHeader_2i6eu_11 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

._pageTitle_2i6eu_19 {
  margin: 0;
  text-align: center;
}

/* The controls on the far side of the title - edit and download - kept together as one group, so the
   download control does not move when a request stops being editable. */
._headerActions_2i6eu_26 {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 16px;
}

/* The controls beside the title - back, edit and download: the word and its glyph, nothing else.
   justify-self keeps each one against the title rather than at the far edge of its column. */
._headerLink_2i6eu_35 {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--font-primary, #681c3c);
  font-family: inherit;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  cursor: pointer;
}
._headerLink_2i6eu_35:hover:not(:disabled) {
  text-decoration: underline;
}
._headerLink_2i6eu_35:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._headerLink_2i6eu_35:focus-visible {
  outline: 2px solid var(--surface-primary, #681c3c);
  outline-offset: 2px;
  border-radius: 4px;
}

._form_2i6eu_63 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._section_2i6eu_69 {
  background: var(--surface-base, #fff);
  border: 1px solid var(--border-main, #e0e0e0);
  border-radius: 12px;
  overflow: hidden;
  text-align: right;
}

/* Two sections side by side, in equal heights */
._sectionRow_2i6eu_78 {
  display: flex;
  gap: 16px;
  align-items: stretch;
}

._sectionGrow_2i6eu_84 {
  flex: 1 1 0;
  min-width: 0;
}

/* The section heading: the app's own table-header treatment - see DataTable.module.scss .th */
._sectionTitle_2i6eu_90 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--surface-primary, #681c3c);
  color: var(--font-body-4, #fff);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding: 6px 24px;
}

._sectionIcon_2i6eu_102 {
  flex: 0 0 auto;
}

._sectionBody_2i6eu_106 {
  padding: 20px 24px;
}

._mediumTitle_2i6eu_110 {
  display: block;
  font-weight: 600;
  font-size: 15px;
  color: var(--font-primary, #681c3c);
  padding: 16px 24px 0;
}

/* Details on one side, the purple column beside them as the last column */
._bodyRow_2i6eu_119 {
  display: flex;
  gap: 24px;
  align-items: start;
}

._detailsSide_2i6eu_125 {
  flex: 3 1 0;
  min-width: 0;
}

._detailsSideOne_2i6eu_130 {
  flex: 1 1 0;
  min-width: 0;
}

._purpleColumn_2i6eu_135 {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._fieldsGrid_2i6eu_143 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 24px;
  align-items: start;
}

._fieldsColumn_2i6eu_150 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

._field_2i6eu_143,
._fieldWide_2i6eu_158 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._fieldWide_2i6eu_158 {
  grid-column: 1/-1;
}

._fieldLabel_2i6eu_169 {
  font-weight: 500;
  font-size: 13px;
  color: var(--font-body-3, #808080);
}

._fieldValue_2i6eu_175 {
  font-size: 15px;
  color: var(--font-body-1, #2a2a2a);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._fieldValueEmpty_2i6eu_182 {
  font-size: 15px;
  color: var(--font-body-3, #808080);
}

/* What the fund is set up for, stated as a fact rather than as a question with a כן/לא answer */
._settingTile_2i6eu_188 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--surface-primary-lowest, #fef7fa);
  border-radius: 8px;
  padding: 10px 14px;
  color: var(--font-primary, #681c3c);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

._tileMark_2i6eu_201 {
  flex: 0 0 auto;
}

._settingText_2i6eu_205 {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* An attached file, with the download glyph on the tile itself */
._docChip_2i6eu_211 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--surface-primary-lowest, #fef7fa);
  border-radius: 8px;
  padding: 8px 12px;
}

._docChipLink_2i6eu_220 {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  line-height: 18px;
  color: var(--font-primary, #681c3c);
  text-decoration: none;
  overflow-wrap: anywhere;
}
._docChipLink_2i6eu_220:hover {
  text-decoration: underline;
}

/* Replacing an identity document, offered on the tile that shows it - a quiet text action, so the tile
   still reads as the file it holds rather than as a form. */
._docChipAction_2i6eu_235 {
  flex: 0 0 auto;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: var(--font-primary, #681c3c);
  text-decoration: underline;
}
._docChipAction_2i6eu_235:hover {
  opacity: 0.75;
}

/* Destroying a document, beside the action that replaces it. Red, because unlike every other action on
   the tile this one cannot be taken back. */
._docChipActionDanger_2i6eu_252 {
  color: var(--font-error, #b00020);
}

/* HAT-1303: what an ID-card copy's issue date is doing. On the tile beside the file's name, because that
   is where the office looks to decide whether the request is ready. */
._redactBadge_2i6eu_258 {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 8px;
  border-radius: 999px;
  border: none;
  background-color: var(--surface-warning, #fdf1d6);
  color: var(--font-warning, #8a5b00);
}

/* Already done, so it states a fact instead of asking for something. It is still a button: pressing it
   shows which areas were blacked out. */
._redactBadgeDone_2i6eu_271 {
  background-color: var(--surface-success, #e6f4ea);
  color: var(--font-success, #1e6b34);
  cursor: pointer;
}

/* Beside the disabled approve button, saying what is holding the request up. */
._redactGateNote_2i6eu_278 {
  align-self: center;
  font-size: 13px;
  color: var(--font-warning, #8a5b00);
}

._redactDialog_2i6eu_284 {
  direction: rtl;
  text-align: right;
  width: 100%;
}

/* The page being marked. The picture sets the height; the boxes are placed against this box, so it has to
   be exactly as big as what is displayed - hence the inline-block and the picture as a block inside it. */
._redactPage_2i6eu_292 {
  position: relative;
  display: inline-block;
  max-width: 100%;
  line-height: 0;
  background-color: var(--surface-subtle, #f5f5f5);
  border: 1px solid var(--border-main, #e0e0e0);
  border-radius: 8px;
  overflow: hidden;
  touch-action: none;
  user-select: none;
}

._redactPageDrawable_2i6eu_305 {
  cursor: crosshair;
}

._redactImage_2i6eu_309 {
  display: block;
  max-width: 100%;
  max-height: 60vh;
  width: auto;
}

._redactPlaceholder_2i6eu_316 {
  padding: 48px 24px;
  font-size: 14px;
  line-height: 1.4;
  color: var(--font-body-3, #6b6b6b);
  text-align: center;
}

/* Opaque black, like what will be burned: the office should be looking at the result, not at a hint of it. */
._redactBox_2i6eu_325 {
  position: absolute;
  background-color: #000;
  outline: 1px solid var(--font-primary, #681c3c);
}

._redactBoxActions_2i6eu_331 {
  position: absolute;
  top: -10px;
  inset-inline-start: -10px;
  display: flex;
  gap: 2px;
  line-height: 1;
}
._redactBoxActions_2i6eu_331 button {
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background-color: var(--font-primary, #681c3c);
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

/* While the drag is still happening. Outlined rather than filled, so the office can see what it is covering. */
._redactBoxDrawing_2i6eu_353 {
  position: absolute;
  border: 2px dashed var(--font-primary, #681c3c);
  background-color: rgba(0, 0, 0, 0.35);
}

/* The kept rectangle in the crop editor (HAT-1302). A window rather than a fill: the huge shadow around it
   dims the whole rest of the page in one declaration, so what the office sees greyed out is exactly what it
   is about to destroy. */
._cropKeep_2i6eu_362 {
  position: absolute;
  border: 2px solid var(--font-primary, #681c3c);
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.55);
}

/* A page marked to go altogether. Faded rather than hidden, so the office can still see what it is losing. */
._cropPageRemoved_2i6eu_369 {
  opacity: 0.35;
  filter: grayscale(100%);
}

._cropRemovedBanner_2i6eu_374 {
  position: absolute;
  inset-inline: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 8px 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.65);
}

._redactPager_2i6eu_388 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}

._redactToolbar_2i6eu_395 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

._redactConfirm_2i6eu_402 {
  margin-top: 12px;
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 8px;
  background-color: var(--surface-warning, #fdf1d6);
  color: var(--font-warning, #8a5b00);
}

._personBlock_2i6eu_411 + ._personBlock_2i6eu_411 {
  border-top: 2px dashed var(--border-main, #e0e0e0);
}

/* The free-text inputs inside the status dialogs (reject reason, fund number, ...) */
._input_2i6eu_416 {
  font-size: 15px;
  font-family: inherit;
  color: var(--font-body-1, #2a2a2a);
  text-align: right;
  padding: 8px 12px;
  background-color: var(--surface-base, #fff);
  border: 1px solid var(--border-input-default, #d0d0d0);
  border-radius: 8px;
  box-sizing: border-box;
  width: 100%;
  display: block;
  transition: border-color 0.2s;
  -moz-appearance: textfield;
}
._input_2i6eu_416::-webkit-outer-spin-button, ._input_2i6eu_416::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
._input_2i6eu_416:focus {
  outline: none;
  border-color: var(--border-input-focus, var(--surface-primary, #681c3c));
  box-shadow: 0 0 0 2px rgba(104, 28, 60, 0.1);
}

._actionsBar_2i6eu_441 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  align-items: center;
}

._syncError_2i6eu_449 {
  color: var(--font-error, #dc3545);
  background-color: #faeae8;
  border: 1px solid var(--font-error, #dc3545);
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 8px;
  text-align: center;
  font-size: 15px;
}

/* The note the office wrote when it sent the request back. Not an error - it is the office's own words,
   and it stays readable after the applicant answers, so it reads as a quoted note rather than a warning. */
._incompleteNote_2i6eu_462 {
  background: var(--surface-primary-lowest, #fef7fa);
  border: 1px solid var(--border-main, #e0e0e0);
  border-inline-start: 4px solid var(--surface-primary, #681c3c);
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 8px;
}

._incompleteNoteHeader_2i6eu_471 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  color: var(--font-primary, #681c3c);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
}

._incompleteNoteDate_2i6eu_482 {
  font-weight: 400;
  font-size: 13px;
  opacity: 0.75;
}

/* pre-wrap: the office types these notes as a list, one line per missing document. */
._incompleteNoteText_2i6eu_489 {
  white-space: pre-wrap;
  font-size: 15px;
}

._errorText_2i6eu_494 {
  color: var(--font-error, #dc3545);
  font-size: 13px;
  margin-top: 4px;
}

@media (max-width: 1099px) {
  ._sectionRow_2i6eu_78 {
    flex-direction: column;
  }
  ._bodyRow_2i6eu_119 {
    flex-direction: column;
    gap: 14px;
  }
  ._fieldsGrid_2i6eu_143 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}._button_13jqt_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 2px;
  cursor: pointer;
  line-height: 0;
}

._icon_13jqt_12 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
._amount_1vz0x_1 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 50rem;
}

._thead_1vz0x_9 {
  background-color: var(--surface-grey-low-2);
  color: var(--font-body-2);
}

._th_1vz0x_9 {
  padding: 6px 8px;
  font-size: 12.8px;
  font-weight: 600;
  white-space: nowrap;
}

._th_1vz0x_9:first-child {
  border-start-start-radius: 4px;
}

._th_1vz0x_9:last-child {
  border-start-end-radius: 4px;
}

._td_1vz0x_29 {
  color: var(--text-body-1);
  padding: 9px 8px;
  border-bottom: 1px solid var(--border-divider);
  /* the date, the amount and the status are short and must not be broken across lines */
  white-space: nowrap;
}

._content_1vz0x_37 {
  gap: 22px;
}

._standingOrderChargeButton_1vz0x_41 {
  width: 100%;
  padding: 10px 16px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  background: var(--surface-base);
  color: var(--font-body-1);
  font-size: 14px;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  transition: background-color 0.15s;
}

._standingOrderChargeButton_1vz0x_41:hover {
  background-color: var(--surface-secondary-low);
}

._retryLink_1vz0x_59 {
  background: none;
  border: none;
  padding: 0;
  color: var(--font-link);
  text-decoration: underline;
  cursor: pointer;
  font: inherit;
}

._retryLink_1vz0x_59:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

._expiryWarning_1vz0x_74,
._expiryExpired_1vz0x_75 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  padding: 0 8px;
  border-radius: 12px;
  border: 1px solid;
  white-space: nowrap;
}

._expiryWarning_1vz0x_74 {
  background-color: var(--status-pending-bg);
  border-color: var(--status-pending-border);
  color: var(--status-pending-text);
}

._expiryExpired_1vz0x_75 {
  background-color: var(--status-rejected-bg);
  border-color: var(--status-rejected-border);
  color: var(--status-rejected-text);
}

._contactLink_1vz0x_97 {
  text-decoration: none;
  color: inherit;
  border-radius: 4px;
}

._contactLink_1vz0x_97:hover {
  text-decoration: underline;
}

._contactLink_1vz0x_97:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

._cardUpdateButton_1vz0x_112 {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  height: 30px;
  padding: 0 14px;
  border: 1px solid var(--surface-primary);
  border-radius: 24px;
  background-color: transparent;
  color: var(--surface-primary);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

._cardUpdateButton_1vz0x_112:hover {
  background-color: var(--surface-primary-lowest);
}

._cardUpdateButton_1vz0x_112:disabled {
  opacity: 0.6;
  cursor: default;
}

._cardUpdateButton_1vz0x_112:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

._cardUpdateLink_1vz0x_143 {
  direction: ltr;
  text-align: left;
  overflow-wrap: anywhere;
  padding: 8px 10px;
  border: 1px solid var(--border-input-default);
  border-radius: 6px;
  background-color: var(--surface-primary-lowest);
  color: var(--font-body-1);
  font-family: monospace;
  font-size: 12px;
}

._cardUpdateError_1vz0x_156 {
  color: var(--status-rejected-text);
  font-size: 13px;
}

/*
 * The history table holds Nedarim's rejection text, which is a sentence rather than a word. It
 * used to widen the table past the blade, and since a right-to-left overflow starts scrolled to
 * the right, the far column sat off screen and the status column was cut down the middle. The
 * table now scrolls inside its own box, and the one column that can grow wraps instead.
 */
/*
 * The blade is narrow and the table has to live inside it, so the widths are declared rather
 * than negotiated: table-layout: fixed spends exactly the container's width across the columns
 * and never asks for more, whichever way the content falls.
 *
 * The proportions come from what the columns hold. The date, the amount and the status are a
 * few characters each and get just enough to stay on one line; the notes column, the only one
 * whose length varies, takes the rest and wraps. Nothing overflows, so nothing scrolls
 * sideways - an earlier version let the table size itself and caught the overflow with a
 * scroll container, which meant the status column sat half-cut at the edge of the blade.
 */
._historyTable_1vz0x_178 {
  width: 100%;
  table-layout: fixed;
  /*
   * The blade lays its sections out with flex, and a flex item will not shrink below the
   * min-content width of what it holds - which for a table is the sum of its columns' own
   * minimums, and beats table-layout: fixed. Measured in the app, the table came out 720px
   * wide inside a 401px column, with the notes cell ending 23px past the far edge. min-width: 0
   * is what lets a flex item be narrower than its content, and max-width keeps it honest if it
   * is ever laid out somewhere that is not flex.
   */
  min-width: 0;
  max-width: 100%;
}

._historyTable_1vz0x_178 th,
._historyTable_1vz0x_178 td {
  text-align: start;
}

._historyTable_1vz0x_178 th:nth-child(1),
._historyTable_1vz0x_178 td:nth-child(1) {
  width: 21%;
}

._historyTable_1vz0x_178 th:nth-child(2),
._historyTable_1vz0x_178 td:nth-child(2) {
  /* "1,100.00 ₪" with the cell padding: 15% left it running into the glyph beside it. */
  width: 23%;
}

/*
 * A glyph needs the width of a glyph. The column held a word and was given 18% for it; what it
 * still has to fit is its own heading, so it keeps just enough for that - with the padding
 * trimmed on the far side, where a 17px mark does not need 8px of air - and the rest goes to
 * the notes, the one column whose content is a sentence.
 */
._thStatus_1vz0x_215,
._tdStatus_1vz0x_216 {
  width: 14%;
  padding-inline: 8px 4px;
}

/* The rejection reason, and the only column that can run to a sentence. */
._thNotes_1vz0x_222,
._tdNotes_1vz0x_223 {
  width: 42%;
  white-space: normal;
  overflow-wrap: anywhere;
}

/*
 * The glyph takes the status colours the board already uses for the same three states, so a
 * row that reads as rejected on the board reads as rejected here too, and inline-flex keeps
 * it on the line the word used to sit on.
 */
._statusIcon_1vz0x_234 {
  display: inline-flex;
  align-items: center;
}

._statusIcon_1vz0x_234 svg {
  width: 17px;
  height: 17px;
}

._status_succeeded_1vz0x_244 {
  color: var(--status-approved-text);
}

._status_rejected_1vz0x_248 {
  color: var(--status-rejected-text);
}

._status_cancelled_1vz0x_252 {
  color: var(--font-body-3);
}

/*
 * Value over label, two to a row. Four facts about the payment method read faster as a grid
 * than as four sentences down the panel, and it is how the proposal draws them.
 */
._kvGrid_1vz0x_260 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
}

._kvCell_1vz0x_266 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  color: var(--font-body-1);
}

._kvCell_1vz0x_266 > span {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

._kvLabel_1vz0x_280 {
  color: var(--font-body-3);
  font-size: 12.5px;
  line-height: 16px;
  margin-top: 1px;
}

._kv_warn_1vz0x_287 {
  color: var(--status-pending-text);
}

._kv_expired_1vz0x_291 {
  color: var(--status-rejected-text);
}

/* What the history adds up to, above the table that lists it. */
._historySummary_1vz0x_296 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 8px;
  color: var(--font-body-3);
  font-size: 13px;
}

/*
 * A rejected or returned row reads in the error tone. It was asked for on the <tr> with a
 * colour token that does not exist, and .td sets its own colour anyway - so no row was ever red.
 */
._rowRejected_1vz0x_310 ._td_1vz0x_29 {
  color: var(--status-rejected-text);
}

._historySummaryFailed_1vz0x_314 {
  color: var(--status-rejected-text);
}

/* Free text from Nedarim: a sentence somebody typed, so it wraps rather than truncating. */
._comments_1vz0x_319 {
  color: var(--font-body-2);
  font-size: 15.2px;
  line-height: 22px;
  white-space: pre-line;
  overflow-wrap: anywhere;
}

/*
 * HAT-1317: where the order stands and the button that changes it, at the top of the tab, the
 * way the charge dialog's context box sits at the top of the dialog - white on a border.
 */
._statusPanel_1vz0x_331 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  background-color: var(--surface-base);
}

._statusText_1vz0x_342 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._statusLine_1vz0x_349 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--font-body-1);
  font-size: 14.4px;
  font-weight: 600;
}

._statusDot_1vz0x_358 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

._statusDetail_1vz0x_365 {
  color: var(--font-body-3);
  font-size: 12.8px;
  line-height: 1.4;
}

/* The charge and the edit side by side, each the width the single charge button had alone. */
._actionRow_1vz0x_372 {
  display: flex;
  gap: 8px;
}

._actionRow_1vz0x_372 > button {
  flex: 1;
}

/* Cancellation: away from the everyday buttons on purpose, at the foot of the tab. */
._cancelLink_1vz0x_382 {
  align-self: center;
  padding: 8px 0;
  border: none;
  background: none;
  color: var(--status-rejected-text);
  font: inherit;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}

._cancelLink_1vz0x_382:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

._actionLog_1vz0x_399 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._actionLogRow_1vz0x_408 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: var(--font-body-1);
  font-size: 14.4px;
}

._actionLogMain_1vz0x_416 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 6px;
}

._actionLogDate_1vz0x_423 {
  color: var(--font-body-3);
  font-variant-numeric: tabular-nums;
}

._actionLogBy_1vz0x_428 {
  color: var(--font-body-2);
}

._actionLogSep_1vz0x_432 {
  color: var(--font-body-3);
}

._actionLogDetail_1vz0x_436 {
  color: var(--font-body-2);
  font-size: 13.6px;
}

._actionLogRefused_1vz0x_441 {
  color: var(--status-rejected-text);
  font-size: 13.6px;
}
._container_69v99_1 {
  display: flex;
  justify-content: center;
  padding: 20px 56px 26px;
  width: 100%;
}

/*
 * Applied to the dialog frame itself. The shared layout spaces its title and divider for a
 * multi-step form; on a dialog of two fields that left the content starting 150px down and the
 * top third empty. The proposal draws the title 30px from the top with a hairline right under
 * it. The selectors reach the layout's own title (the h2) and the divider that follows it -
 * the only two elements before the content - without touching the shared component.
 */
._compactDialog_69v99_15 > h2 {
  margin-top: 26px;
}

._compactDialog_69v99_15 > h2 + div {
  margin: 14px 56px 0;
}

._form_69v99_23 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
}

._fieldRow_69v99_30 {
  display: flex;
  gap: 16px;
}

/* $mobile-max, written out: a plain CSS module cannot read the SCSS breakpoint. */
@media (max-width: 1099px) {
  ._fieldRow_69v99_30 {
    flex-direction: column;
  }
}

._fieldRow_69v99_30 > ._field_69v99_30 {
  flex: 1;
}

._field_69v99_30 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._label_69v99_52 {
  font-size: 13.6px;
  font-weight: 400;
  color: var(--font-body-1);
}

._required_69v99_58 {
  color: var(--status-rejected-text);
  margin-inline-start: 2px;
}

._inputWrapper_69v99_63 {
  display: flex;
  align-items: stretch;
  height: 40px;
  border: 1px solid var(--border-main);
  border-radius: 6px;
  overflow: hidden;
  background: var(--surface-base);
}

._inputWrapper_69v99_63:focus-within {
  border-color: var(--border-input-focus);
}

._currencyBadge_69v99_77 {
  display: grid;
  place-items: center;
  padding: 0 12px;
  border-inline-end: 1px solid var(--border-main);
  background-color: var(--surface-grey-low-2);
  color: var(--font-body-2);
  font-size: 14px;
  pointer-events: none;
  user-select: none;
}

._inputWrapper_69v99_63 ._input_69v99_63 {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: none;
  border-radius: 0;
}

._input_69v99_63 {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--border-main);
  border-radius: 6px;
  font-size: 14px;
  font-family: inherit;
  color: var(--font-body-1);
  background: var(--surface-base);
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

._input_69v99_63:focus {
  border-color: var(--border-input-focus);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--border-input-focus) 15%, transparent);
}

._input_69v99_63:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._input_69v99_63::placeholder {
  color: var(--font-body-3);
}

._input_69v99_63[type='number'] {
  -moz-appearance: textfield;
}

._input_69v99_63[type='number']::-webkit-outer-spin-button,
._input_69v99_63[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._successMessage_69v99_135 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--status-approved-bg);
  border: 1px solid var(--status-approved-border);
  color: var(--status-approved-text);
  font-size: 14px;
  font-weight: 500;
}

._errorMessage_69v99_148 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--status-rejected-bg);
  border: 1px solid var(--status-rejected-border);
  color: var(--status-rejected-text);
  font-size: 14px;
  font-weight: 500;
}

._bankWarning_69v99_161 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 8px;
  background-color: var(--status-pending-bg);
  border: 1px solid var(--status-pending-border);
}

._bankWarningIcon_69v99_171 {
  display: flex;
  color: var(--status-pending-text);
}

._bankWarningIcon_69v99_171 svg {
  width: 20px;
  height: 20px;
}

._bankWarningText_69v99_181 {
  font-size: 13px;
  font-weight: 500;
  color: var(--status-pending-text);
  line-height: 1.5;
  margin: 0;
}

._bankWarningCheckbox_69v99_189 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--status-pending-text);
  cursor: pointer;
  user-select: none;
}

._bankWarningCheckbox_69v99_189 input[type='checkbox'] {
  width: 16px;
  height: 16px;
  accent-color: var(--status-pending-text);
  cursor: pointer;
  flex-shrink: 0;
}

._actions_69v99_208 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-top: 4px;
}

/*
 * This dialog's own button scale, from the proposal: two large buttons at either end rather
 * than the board's small ones side by side. Taking money is the heaviest thing on this
 * screen and the button that does it is sized accordingly.
 */
._actions_69v99_208 > button:first-child {
  height: 52px;
  min-width: 180px;
  border-radius: 8px;
  font-size: 16.8px;
  font-weight: 600;
}

._actions_69v99_208 > button:last-child {
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
}

/*
 * Who is being charged, and off what. A form for taking money should name its subject.
 * White on a border, the way the board's cards sit on the page: the grey the proposal uses
 * is the same grey as this dialog's background, so the box was there and could not be seen.
 */
._context_69v99_240 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 16px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  background-color: var(--surface-base);
  color: var(--font-body-2);
  font-size: 15.2px;
}

._context_69v99_240 b {
  color: var(--font-body-1);
  font-weight: 600;
}

/*
 * Why this charge is likely to fail the same way the last one did, and what to do instead.
 * The proposal puts it between the fields and the buttons, in the warning tone.
 */
._expiryNotice_69v99_263 {
  padding: 10px 12px;
  border: 1px solid var(--status-pending-border);
  border-radius: 8px;
  background-color: var(--status-pending-bg);
  color: var(--status-pending-text);
  font-size: 14.08px;
  line-height: 1.4;
}
/*
 * The freeze, cancel and edit dialogs (HAT-1317). They are built on the one-off charge dialog's
 * own classes (StandingOrderChargeDialog.module.css), so the four read as one family; this file
 * holds only what that dialog never needed.
 */

/* The cancellation's warning: the charge dialog's bank warning, in the rejected tone. */
._dangerBox_1w1is_8 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid var(--status-rejected-border);
  border-radius: 8px;
  background-color: var(--status-rejected-bg);
}

._dangerText_1w1is_18 {
  margin: 0;
  color: var(--status-rejected-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

._dangerCheckbox_1w1is_26 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--status-rejected-text);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
}

._dangerCheckbox_1w1is_26 input[type='checkbox'] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  accent-color: var(--status-rejected-text);
  cursor: pointer;
}

._secondaryActions_1w1is_45 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._linkButton_1w1is_51 {
  padding: 0;
  border: none;
  background: none;
  color: var(--font-body-2);
  font: inherit;
  font-size: 15px;
  text-decoration: underline;
  cursor: pointer;
}

._linkButton_1w1is_51:disabled {
  opacity: 0.6;
  cursor: default;
}

._linkButton_1w1is_51:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

/* Under a field: what it accepts, or why the value does not fit. */
._hint_1w1is_73 {
  color: var(--font-body-3);
  font-size: 12.5px;
  line-height: 1.4;
}

._fieldError_1w1is_79 {
  color: var(--status-rejected-text);
  font-size: 12.5px;
  line-height: 1.4;
}

._inputLocked_1w1is_85 {
  background-color: var(--surface-grey-low-2) !important;
  color: var(--font-body-2) !important;
}

._unlimited_1w1is_90 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--font-body-2);
  font-size: 13px;
  cursor: pointer;
  user-select: none;
}

._unlimited_1w1is_90 input[type='checkbox'] {
  width: 16px;
  height: 16px;
  accent-color: var(--surface-primary);
  cursor: pointer;
}

/* What saving will change, in a sentence each, above the button that saves it. */
._summary_1w1is_108 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--surface-grey-low-2);
  color: var(--font-body-1);
  font-size: 14px;
  line-height: 1.5;
}
._stepContent_broa9_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 790px;
  margin-inline: auto;
  padding: 16px 0;
  /*
   * A floor, so the dialog is the same size on every step. Letting it take each step's own
   * height meant it jumped by 259px between the donor step and the three fields after it -
   * the buttons moving under the hand that was reaching for them.
   *
   * 33rem is the tallest of the steps as they stand (the donor step, whose seven fields and
   * notice measure 523px). Unlike a height that restates another
   * element's geometry, drifting from it costs a slightly roomier or tighter dialog and
   * nothing else, so it is safe to leave as a round number.
   */
  min-height: 33rem;
}

._fieldsGrid_broa9_22 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  width: 100%;
}

/* $mobile-max. A plain CSS module cannot read the SCSS breakpoints, so the value is
   written out, as it is in the other CSS modules that track this breakpoint. */
@media (max-width: 1099px) {
  ._fieldsGrid_broa9_22 {
    grid-template-columns: 1fr;
  }
}

._field_broa9_22 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._field_broa9_22 label {
  font-size: 13.6px;
  font-weight: 500;
  color: var(--font-body-2);
}

._field_broa9_22 input,
._field_broa9_22 select {
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--border-main);
  border-radius: 6px;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  transition: border-color 0.2s;
}

._field_broa9_22 input:focus,
._field_broa9_22 select:focus {
  border-color: var(--border-input-focus);
}

._iframeSection_broa9_66 {
  position: relative;
  min-height: 60px;
}

._iframeLoading_broa9_71 {
  text-align: center;
  padding: 16px;
  color: var(--font-body-3);
}

._infoMessage_broa9_77 {
  padding: 16px 20px;
  border-radius: 8px;
  background-color: var(--status-pending-completion-bg);
  border: 1px solid var(--status-pending-completion-border);
  color: var(--status-pending-completion-text);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
}

._errorMessage_broa9_88 {
  padding: 12px;
  border-radius: 6px;
  background-color: var(--status-rejected-bg);
  border: 1px solid var(--status-rejected-border);
  color: var(--status-rejected-text);
  font-size: 14px;
}

._fieldError_broa9_97 {
  color: var(--status-rejected-text);
  font-size: 12.8px;
  line-height: 18px;
}

/*
 * The field itself reddens. A message under a field that still looks fine is easy to read
 * past, especially on a seven-field step where the eye is moving down the column.
 */
._fieldInvalid_broa9_107 input,
._fieldInvalid_broa9_107 select,
._fieldInvalid_broa9_107 ._inputWithPrefix_broa9_109 {
  border-color: var(--status-rejected-border);
}

._fieldInvalid_broa9_107 input:focus,
._fieldInvalid_broa9_107 select:focus {
  border-color: var(--status-rejected-border);
}

/* The currency sits inside the field, as it does in the charge dialog. */
._inputWithPrefix_broa9_109 {
  display: flex;
  align-items: stretch;
  height: 40px;
  border: 1px solid var(--border-main);
  border-radius: 6px;
  overflow: hidden;
  background-color: var(--surface-base);
}

._inputWithPrefix_broa9_109:focus-within {
  border-color: var(--border-input-focus);
}

._inputPrefix_broa9_133 {
  display: grid;
  place-items: center;
  padding: 0 12px;
  border-inline-end: 1px solid var(--border-main);
  background-color: var(--surface-grey-low-2);
  color: var(--font-body-2);
  font-size: 14px;
}

._inputWithPrefix_broa9_109 input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: none;
  border-radius: 0;
}

._inputWithPrefix_broa9_109 input:focus {
  border-color: transparent;
}

/* Says what the field means before it is filled in wrong. */
._fieldHint_broa9_156 {
  color: var(--font-body-3);
  font-size: 12.8px;
  line-height: 16px;
}

/*
 * What is about to be created, restated on the card step. The two steps behind it are no
 * longer on screen, and a card typed against the wrong amount or day is a standing order
 * somebody has to unpick with Nedarim afterwards.
 */
._summaryBox_broa9_167 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--surface-grey-lowest);
  color: var(--font-body-2);
  font-size: 14px;
}

._summaryBox_broa9_167 b {
  color: var(--font-body-1);
  font-weight: 600;
}

/* Where the card details actually go, said plainly rather than as a compliance badge. */
._pciNote_broa9_186 {
  margin: 0;
  color: var(--font-body-3);
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}

/* The asterisk that says a field is required, in the same red as this feature's errors. */
._required_broa9_195 {
  color: var(--status-rejected-text);
  margin-inline-start: 2px;
}

/*
 * What an incomplete name or a missing id costs the donor, on the step rather than only in
 * a dialog after Continue.
 */
._taxNotice_broa9_204 {
  margin: 4px 0 0;
  padding: 10px 14px;
  border: 1px solid var(--status-pending-border);
  border-radius: 8px;
  background-color: var(--status-pending-bg);
  color: var(--status-pending-text);
  font-size: 13px;
  line-height: 18px;
}

/* What the bank form adds to the credit form's styles (NewStandingOrder.module.css). */

/* The bank and branch lists open over the fields below them. */
._selectField_1duo5_4 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* The first question: two answers, each a whole row to press. */
._choices_1duo5_12 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._choice_1duo5_12 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  color: var(--font-body-1);
  font-size: 15px;
  cursor: pointer;
}

._choice_1duo5_12 input {
  width: 18px;
  height: 18px;
  accent-color: var(--font-primary);
}

._choiceOn_1duo5_36 {
  border-color: var(--border-input-focus);
}

._checkboxRow_1duo5_40 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--font-body-2);
  font-size: 14px;
  cursor: pointer;
}

._checkboxRow_1duo5_40 input {
  width: 16px;
  height: 16px;
  accent-color: var(--font-primary);
}

/* The order restated before it is written: label beside value, one line each. */
._summary_1duo5_56 {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 6px 16px;
  margin: 0;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--surface-grey-lowest);
  color: var(--font-body-2);
  font-size: 14px;
}

._summary_1duo5_56 dt {
  color: var(--font-body-3);
}

._summary_1duo5_56 dd {
  margin: 0;
}

._summary_1duo5_56 b {
  color: var(--font-body-1);
  font-weight: 600;
}

._filePicker_1duo5_81 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  min-height: 56px;
  padding: 8px 16px;
  border: 1px dashed var(--border-main);
  border-radius: 8px;
}

._filePickerInvalid_1duo5_92 {
  border-color: var(--status-rejected-border);
}

._hiddenInput_1duo5_96 {
  display: none;
}

._fileName_1duo5_100 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--font-body-1);
  font-size: 14px;
}

._fileButton_1duo5_110 {
  height: 36px;
  padding: 0 14px;
  border: 1px solid var(--border-main);
  border-radius: 6px;
  background-color: var(--surface-base);
  color: var(--font-body-1);
  font-family: inherit;
  font-size: 14px;
  cursor: pointer;
}

._fileButton_1duo5_110:hover {
  background-color: var(--surface-grey-low-2);
}

/*
 * HAT-1238 — שורת הסינון של הוראות קבע במסך צר.
 *
 * השורה המשותפת (components/filters/FiltersArea) גוללת אופקית ולא
 * נשברת. ב-280/390 זה חותך קפסולות ומסתיר אותן מאחורי מסיכה —
 * בדיוק מה שהפיגמה מכנה overlap. כאן הקפסולות נשברות לשורות, התווית
 * מקבלת שורה משלה, ושלושת מצבי התשומת-לב יושבים מאחורי "עוד".
 */
._moreToggle_1kn3w_10 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid var(--border-divider, #e5e5e5);
  border-radius: 18px;
  background: var(--surface-base);
  color: var(--font-body-1);
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}

._moreToggle_1kn3w_10[data-active=true] {
  border-color: var(--surface-primary);
  background: var(--surface-primary-lowest, #f7eef2);
  color: var(--surface-primary);
}

._moreToggle_1kn3w_10:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

/* contents — הקפסולות נכנסות לשורת ה-flex של האב ונשברות איתו. */
._attentionGroup_1kn3w_38 {
  display: contents;
}

._attentionGroup_1kn3w_38[hidden] {
  display: none;
}

@media (max-width: 767px) {
  ._chips_1kn3w_47 {
    flex-wrap: wrap !important;
    overflow: visible !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    row-gap: 8px;
    column-gap: 8px;
    max-width: 100%;
    min-width: 0;
  }
  ._filterLabel_1kn3w_57 {
    flex-basis: 100%;
    margin-top: 0 !important;
  }
}
/*
 * One line, not three cards.
 *
 * The cards were 73px tall each and pushed the table a full row down the page; the figures
 * they carried are worth a sentence, not three boxes. The line is body-3 grey throughout so
 * it reads as a caption under the heading, and only the money steps forward - the board's one
 * answer to a question about money, and the only figure here that cannot be read off the
 * table.
 */
._summaryLine_1qzkk_11 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  /* Row gap for the phone, where the line wraps; column gap between the segments. */
  gap: 4px 10px;
  min-width: 0;
  max-width: 100%;
  color: var(--font-body-3);
}

/*
 * A hairline, not a dot: the money itself already carries a "·" between the shekels and the
 * dollars, and a second dot between the segments made three of them in a row with no way to
 * tell which grouped what. A rule separates without being read as punctuation.
 */
._separator_1qzkk_27 {
  width: 1px;
  height: 12px;
  background-color: var(--border-low);
  flex-shrink: 0;
}

._revenue_1qzkk_34 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  /* The two currencies are one fact: "₪ 92,687 · $ 100" never breaks across lines. */
  white-space: nowrap;
}

._revenueIcon_1qzkk_43 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  /* The icon is an anchor for the eye, not a thing to look at. */
  opacity: 0.7;
}

._revenueValue_1qzkk_51 {
  color: var(--font-body-1);
}

@media (max-width: 480px) {
  /*
   * On a phone the dot between the counts and the money is doing nothing the line break does
   * not already do, and the money starts a line of its own.
   */
  ._summaryLine_1qzkk_11 {
    gap: 2px 8px;
  }
  ._revenue_1qzkk_34 {
    flex-basis: 100%;
    white-space: normal;
  }
  ._revenue_1qzkk_34 + ._separator_1qzkk_27,
  ._separator_1qzkk_27:last-of-type {
    display: none;
  }
}._page_k900s_1 {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  /*
   * HAT-1238 R5: hidden-x + visible-y computes to auto-y. That pairing
   * puts a classic gutter on .page; at clientWidth 265 the gutter
   * rounded the used width to 266. clip keeps Y visible and does not
   * create a scroller. The 327/289 min-content floors that once
   * escaped clip are gone.
   */
  overflow-x: clip;
}

._addButton_k900s_16 {
  width: auto;
  white-space: nowrap;
  padding: 0 16px;
  height: 32px;
  border-radius: 24px;
  border: 1px solid var(--border-primary);
  cursor: pointer;
}

._dropdownMenu_k900s_26 {
  margin-top: 4px;
  border: 1px solid var(--border-main);
  border-radius: 4px;
  background-color: var(--surface-base);
  /* A menu floating over the board needs to read as being above it. Matches the
     elevation the other overlay surfaces in the app use. */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

._dropdownMenu_k900s_26 button {
  display: block;
  width: 100%;
  padding: 8px 16px;
  text-align: start;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
}

._dropdownMenu_k900s_26 button:hover {
  background-color: var(--surface-hover);
}

/* An option that cannot be used says so by looking unavailable, and explains why in its
   tooltip. It stays focusable (aria-disabled, not disabled) so the explanation is reachable
   by keyboard - a disabled button takes no focus and would hide the reason. */
._dropdownMenu_k900s_26 button[aria-disabled=true] {
  color: var(--font-disabled);
  cursor: default;
}

._dropdownMenu_k900s_26 button[aria-disabled=true]:hover {
  background-color: transparent;
}

@media (max-width: 1099px) {
  ._addButton_k900s_16 {
    width: auto;
    min-width: 100px;
    white-space: nowrap;
    font-size: 16px;
    padding: 4px 12px;
  }
}
._expiryTag_k900s_73,
._expiredTag_k900s_74 {
  flex-shrink: 0;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.5;
  padding: 0 7px;
  border-radius: 12px;
  border: 1px solid;
  white-space: nowrap;
}

._expiryTag_k900s_73 {
  background-color: var(--status-pending-bg);
  border-color: var(--status-pending-border);
  color: var(--status-pending-text);
}

._expiredTag_k900s_74 {
  background-color: var(--status-rejected-bg);
  border-color: var(--status-rejected-border);
  color: var(--status-rejected-text);
}

/* HAT-1239: the banner is now the shared Alert (white error surface).
   Spacing + HAT-1238 Fold overflow live here so the notice stack stays
   inside the card at 280 and does not grow from the banner's min-content. */
._failureBannerSpacing_k900s_100 {
  max-width: 100%;
  min-width: 0;
}

._retryChargeButton_k900s_105 {
  height: 28px;
  padding: 0 10px;
  border: 1px solid var(--font-primary);
  border-radius: 24px;
  background-color: var(--surface-base);
  color: var(--font-primary);
  font-size: 13.6px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}

._retryChargeButton_k900s_105:hover {
  background-color: var(--status-rejected-bg);
}

._retryChargeButton_k900s_105:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

/*
 * Folded cells. Twelve columns needed about 1,280px and the board had 1,184 at 1600px, so
 * every one of them was truncated - and a truncated amount ("...,600.00") is worse than no
 * amount. Three columns fold into a second line inside the cell they belong to: which card
 * or account under the donor, and when and why the last charge failed under its status.
 *
 * The shared .double-row-lower is deliberately hidden from the "normal" preset up, because
 * there it repeats what the row already says (an id under a name). Here the second line is
 * different on every row and is the whole reason the column folded, so it keeps its own
 * class and its own rule: shown at airy and normal, dropped at compact, where the point of
 * the preset is to fit more rows.
 */
._subLine_k900s_139 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  color: var(--font-body-3);
  font-size: 12.8px;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._subLineWarn_k900s_152 {
  color: var(--status-pending-text);
}

[data-density='compact'] ._subLine_k900s_139 {
  display: none;
}

._cellStack_k900s_160 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

._cellMain_k900s_166 {
  display: block;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* How far through its payments an order is, for the rows that have an end. */
._progress_k900s_175 {
  display: block;
  width: 88px;
  max-width: 100%;
  height: 4px;
  margin-top: 3px;
  border-radius: 2px;
  background-color: var(--surface-grey-low);
  overflow: hidden;
}

._progress_k900s_175 > span {
  display: block;
  height: 100%;
  border-radius: 2px;
  background-color: var(--surface-secondary);
}

[data-density='compact'] ._progress_k900s_175 {
  display: none;
}

/* Row count and the sort the board opened on, under the table. */
._tableFooter_k900s_198 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  color: var(--font-body-3);
  font-size: 14.08px;
}

/* The tag is the warning, so it is not what gets cut when the line is too long. */
._subLineText_k900s_209 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._subLine_k900s_139 > ._expiryTag_k900s_73,
._subLine_k900s_139 > ._expiredTag_k900s_74 {
  flex-shrink: 0;
}

/*
 * HAT-1317: the row's own action (charge again, or an inquiry) and the order's menu, side by
 * side in the one actions column. The menu button gets the round hit area the support-requests
 * board gives its own, rather than CustomMenu's bare icon.
 */
._rowActions_k900s_226 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

._menuSlot_k900s_233 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
}
._menuSlot_k900s_233 > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.15s;
}
._menuSlot_k900s_233 > button:hover {
  background-color: var(--surface-hover);
}
._menuSlot_k900s_233 > button:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}
._menuSlot_k900s_233 > button img {
  height: 22px;
}

._refreshNote_k900s_262 {
  font-size: 13px;
  color: var(--text-secondary);
  white-space: normal;
  max-width: 320px;
}/* ── Page shells ── */
._page_1yy8b_2 {
  min-height: 100%;
  background-color: #f8fafc;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 16px;
}

._pageStandalone_1yy8b_11 {
  height: 100vh;
  overflow-y: auto;
}

._card_1yy8b_17 {
  width: 100%;
  max-width: 780px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._cardHeader_1yy8b_29 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}

._donationLogo_1yy8b_36 {
  width: 100%;
  max-height: 120px;
  object-fit: contain;
  border-radius: 6px;
  flex-shrink: 0;
}

._title_1yy8b_44 {
  font-size: 24px;
  font-weight: 700;
  color: var(--font-primary);
  margin: 0;
}

._subtitle_1yy8b_51 {
  font-size: 14px;
  color: #475569;
  margin: 0;
}

._langToggle_1yy8b_57 {
  flex-shrink: 0;
  padding: 6px 14px;
  border: 1px solid #cbd5e1;
  background: #f8fafc;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s, border-color 0.15s;
}

._langToggle_1yy8b_57:hover {
  background: #eff6ff;
  border-color: #3b82f6;
}

/* ── Form layout ── */
._formPage_1yy8b_77 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 780px;
  align-self: center;
  padding: 4px 0;
}

._divider_1yy8b_87 {
  height: 1px;
  background: #e2e8f0;
}

._section_1yy8b_92 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._sectionTitle_1yy8b_98 {
  font-size: 14px;
  font-weight: 600;
  color: var(--font-action);
  margin: 0;
}

/* ── Amount section ── */
._amountSection_1yy8b_106 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ── Quick buttons (LTR for left-to-right ascending) ── */
._quickButtons_1yy8b_113 {
  display: flex;
  direction: ltr;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

._quickButton_1yy8b_113 {
  flex: 1 0 100px;
  max-width: 160px;
  padding: 12px 24px;
  border: 1px solid var(--border-lowest);
  background: var(--surface-base);
  border-radius: 8px;
  cursor: pointer;
  color: var(--font-body-1);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  font-family: inherit;
  transition: all 0.15s;
  white-space: nowrap;
  text-align: center;
}

._quickButton_1yy8b_113:hover {
  background: var(--surface-grey-lowest);
  border-color: var(--border-low);
}

._quickButtonSelected_1yy8b_145 {
  background: var(--surface-secondary);
  border-color: var(--surface-secondary);
  color: var(--font-body-4);
}

._quickButtonAmount_1yy8b_151 {
  font-size: 18px;
  font-weight: 700;
}

._quickButtonLabel_1yy8b_156 {
  font-size: 14px;
  font-weight: 700;
  opacity: 0.8;
}

/* ── Amount input area (like the reference donation form) ── */
._amountInputArea_1yy8b_163 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px 24px;
  border: 1.5px solid var(--border-low);
  border-radius: 8px;
  background: var(--surface-grey-lowest);
}

._amountInputLabel_1yy8b_173 {
  font-size: 14px;
  font-weight: 600;
  color: var(--font-body-2);
}

._amountInputRow_1yy8b_179 {
  display: flex;
  direction: ltr;
  align-items: center;
  gap: 14px;
}

._currencySelect_1yy8b_186 {
  padding: 14px 24px 14px 18px;
  border: 1px solid var(--border-lowest);
  border-radius: 8px;
  background: var(--surface-grey-lowest);
  font-size: 28px;
  font-weight: 700;
  font-family: inherit;
  color: var(--font-body-1);
  cursor: pointer;
  outline: none;
  appearance: auto;
  min-width: 80px;
  text-align: center;
}

._amountInput_1yy8b_163 {
  flex: 1;
  min-width: 0;
  padding: 6px 0;
  border: none;
  font-size: 38px;
  font-weight: 700;
  font-family: inherit;
  outline: none;
  color: var(--font-body-1);
  background: transparent;
  text-align: right;
  -moz-appearance: textfield;
}

._amountInput_1yy8b_163::-webkit-outer-spin-button,
._amountInput_1yy8b_163::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._amountInput_1yy8b_163::placeholder {
  color: var(--border-low);
}

._amountInputAreaError_1yy8b_227 {
  border-color: #dc2626;
}

._amountInputError_1yy8b_231 {
  color: #dc2626 !important;
}

._amountError_1yy8b_235 {
  color: #dc2626;
  font-size: 13px;
  font-weight: 500;
}

/* ── Months & day picker ── */
._monthsRow_1yy8b_242 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 4px;
}

._monthsLabel_1yy8b_249 {
  font-size: 13px;
  font-weight: 500;
  color: #475569;
  white-space: nowrap;
}

._monthsInput_1yy8b_256 {
  width: 72px;
  padding: 6px 10px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-size: 14px;
  font-family: inherit;
  text-align: center;
  outline: none;
  -moz-appearance: textfield;
}

._monthsInput_1yy8b_256::-webkit-outer-spin-button,
._monthsInput_1yy8b_256::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._monthsInput_1yy8b_256:focus {
  border-color: var(--border-secondary-low);
}

._hkNote_1yy8b_278 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 6px;
  background: #eff6ff;
  color: #1e40af;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}

._hkNote_1yy8b_278 svg {
  flex-shrink: 0;
}

._dayPickerToggle_1yy8b_295 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._dayPickerToggleBtn_1yy8b_301 {
  background: none;
  border: none;
  padding: 0;
  font-size: 12px;
  font-family: inherit;
  color: #64748b;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}

._dayPickerToggleBtn_1yy8b_301:hover {
  color: #334155;
}

._dayPickerArrow_1yy8b_318 {
  font-size: 10px;
  transition: transform 0.15s;
}

._dayPickerArrowOpen_1yy8b_323 {
  transform: rotate(180deg);
}

._daySelect_1yy8b_327 {
  padding: 4px 8px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  font-size: 13px;
  font-family: inherit;
  outline: none;
  cursor: pointer;
}

._daySelect_1yy8b_327:focus {
  border-color: var(--border-secondary-low);
}

._paymentMonthsInfo_1yy8b_341 {
  font-size: 16px;
  font-weight: 500;
  color: #64748b;
}

/* ── Payment method buttons (icon-centered cards) ── */
._methodList_1yy8b_348 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._methodButton_1yy8b_354 {
  flex: 1 0 90px;
  max-width: 160px;
  border: 2px solid #e2e8f0;
  background: #fff;
  border-radius: 10px;
  padding: 18px 8px 14px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  font-family: inherit;
  transition: all 0.15s;
}

._methodButton_1yy8b_354:hover {
  border-color: #93c5fd;
  background: #f8fafc;
}

._methodButtonActive_1yy8b_375 {
  border-color: var(--border-secondary-low);
  background: var(--surface-secondary-lowest);
}

._methodIcon_1yy8b_380 {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}

._methodLabel_1yy8b_386 {
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  text-align: center;
  line-height: 1.2;
}

._methodButtonActive_1yy8b_375 ._methodLabel_1yy8b_386 {
  color: var(--font-action);
}

._nedarimBanner_1yy8b_398 {
  display: inline !important;
  font-size: 13px;
  font-weight: 400 !important;
  color: var(--font-body-2, #64748b);
  text-decoration: none;
  white-space: nowrap;
  margin-inline-start: 12px;
  cursor: pointer;
}

._nedarimLinkPart_1yy8b_409 {
  color: var(--font-link, #3b82f6);
}

._nedarimBanner_1yy8b_398:hover ._nedarimLinkPart_1yy8b_409 {
  text-decoration: underline;
}

._billingNote_1yy8b_417 {
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #f8fafc;
  color: #64748b;
  font-size: 12px;
}

._billingNoteBold_1yy8b_425 {
  padding: 10px 14px;
  border-radius: 8px;
  background-color: #f0f4ff;
  color: #334155;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

._photoWarning_1yy8b_435 {
  padding: 10px 14px;
  border-radius: 6px;
  background: #fef3c7;
  border: 1px solid #f59e0b;
  color: #92400e;
  font-size: 13px;
  font-weight: 600;
}

._filePickerGrid_1yy8b_445 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._filePickerCard_1yy8b_451 {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 14px;
}

._filePickerCardError_1yy8b_457 {
  border-color: #dc2626;
}

._filePickerRow_1yy8b_461 {
  display: flex;
  gap: 8px;
}

._filePickerBtn_1yy8b_466 {
  flex: 1;
  padding: 10px 12px;
  border: 1px dashed #cbd5e1;
  background: #f8fafc;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  font-family: inherit;
  color: #475569;
  cursor: pointer;
  transition: all 0.15s;
}

._filePickerBtn_1yy8b_466:hover:not(:disabled) {
  border-color: #3b82f6;
  background: #eff6ff;
  color: #1e3a8a;
}

._filePickerBtn_1yy8b_466:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._fileName_1yy8b_491 {
  font-size: 12px;
  color: #16a34a;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

._previewContainer_1yy8b_501 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 8px;
  background: #f8fafc;
}

._previewImage_1yy8b_511 {
  width: 100%;
  max-height: 160px;
  object-fit: contain;
  border-radius: 6px;
  background: #fff;
}

._previewActions_1yy8b_519 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._previewRemoveBtn_1yy8b_525 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border: none;
  background: #fee2e2;
  color: #dc2626;
  border-radius: 50%;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
  margin-inline-start: auto;
}

._previewRemoveBtn_1yy8b_525:hover:not(:disabled) {
  background: #fca5a5;
}

._cameraOverlay_1yy8b_546 {
  position: fixed;
  inset: 0;
  z-index: 400;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

._cameraBox_1yy8b_557 {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  max-width: 90vw;
  min-height: 70vh;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._cameraVideo_1yy8b_570 {
  width: 100%;
  border-radius: 8px;
  background: #000;
  max-height: 75vh;
  object-fit: contain;
}

._cameraActions_1yy8b_578 {
  display: flex;
  gap: 8px;
}

._cameraActions_1yy8b_578 ._submitBtn_1yy8b_583 {
  flex: 1;
}

._cameraActions_1yy8b_578 ._secondaryBtn_1yy8b_587 {
  flex: 0;
  white-space: nowrap;
}

._cameraErrorContent_1yy8b_592 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 48px 32px;
}

._cameraError_1yy8b_592 {
  text-align: center;
  text-wrap: balance;
  color: #374151;
  font-size: 20px;
  line-height: 1.6;
  margin: 0;
  max-width: 440px;
}

/* ── Form fields ── */
._fieldsGrid_1yy8b_613 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px 14px;
  align-items: start;
}

@media (max-width: 520px) {
  ._fieldsGrid_1yy8b_613 {
    grid-template-columns: 1fr;
  }
}

._field_1yy8b_613 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  min-height: 62px;
}

._field_1yy8b_613 label {
  font-size: 12px;
  font-weight: 500;
  color: #475569;
}

._field_1yy8b_613 input,
._field_1yy8b_613 select,
._field_1yy8b_613 textarea {
  padding: 8px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  transition: border-color 0.15s;
  background: #fff;
}

._field_1yy8b_613 input:focus,
._field_1yy8b_613 select:focus,
._field_1yy8b_613 textarea:focus {
  border-color: var(--border-secondary-low);
}

._taxNote_1yy8b_659 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 8px;
  background: #fef3c7;
  border: 1px solid #f59e0b;
  color: #92400e;
  font-size: 13px;
  line-height: 1.5;
}

._taxNote_1yy8b_659 svg {
  flex-shrink: 0;
  margin-top: 2px;
}

._fieldWarning_1yy8b_677 {
  position: absolute;
  bottom: -16px;
  inset-inline-start: 0;
  color: #b45309;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

._fieldError_1yy8b_688 {
  position: absolute;
  bottom: -15px;
  inset-inline-start: 0;
  color: #dc2626;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

._fieldInputError_1yy8b_698 {
  border-color: #dc2626 !important;
}

._dateInput_1yy8b_702 {
  padding: 8px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 14px;
  width: 150px;
  cursor: pointer;
}

._dateInput_1yy8b_702:focus {
  outline: none;
  border-color: var(--surface-secondary);
}

._fieldInputLarge_1yy8b_716 {
  padding: 14px 16px;
  font-size: 18px;
  letter-spacing: 1px;
}

._requiredMark_1yy8b_722 {
  color: #dc2626;
  margin-inline-start: 2px;
}

._requiredNote_1yy8b_727 {
  font-size: 13px;
  color: var(--font-body-2, #64748b);
  margin: 0;
}

._requiredNote_1yy8b_727 {
  font-size: 12px;
  color: #94a3b8;
  text-align: start;
}

/* ── Submit ── */
._submitBtn_1yy8b_583 {
  width: 100%;
  padding: 14px;
  background: var(--surface-secondary);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s;
}

._submitBtn_1yy8b_583:hover:not(:disabled) {
  background: var(--surface-secondary-strong);
}

._submitBtn_1yy8b_583:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ── Misc shared ── */
._errorMessage_1yy8b_764 {
  padding: 10px 12px;
  border-radius: 6px;
  background-color: #fef2f2;
  color: #dc2626;
  font-size: 13px;
}

._primaryBtn_1yy8b_772 {
  padding: 10px 24px;
  background: #3b82f6;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

._primaryBtn_1yy8b_772:disabled {
  background: #cbd5e1;
  cursor: not-allowed;
}

._secondaryBtn_1yy8b_587 {
  padding: 10px 20px;
  background: #fff;
  color: #475569;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
}

._iframeSection_1yy8b_801 {
  position: relative;
  min-height: 80px;
}

._iframeLoading_1yy8b_806 {
  text-align: center;
  padding: 16px;
  color: #64748b;
  font-size: 14px;
}

._centered_1yy8b_813 {
  text-align: center;
}

._loaderWrapper_1yy8b_817 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 48px 0;
}

._spinner_1yy8b_824 {
  width: 36px;
  height: 36px;
  border: 3px solid #e2e8f0;
  border-top-color: var(--font-primary, #3b82f6);
  border-radius: 50%;
  animation: _spin_1yy8b_824 0.7s linear infinite;
}

@keyframes _spin_1yy8b_824 {
  to { transform: rotate(360deg); }
}

._flowWrapper_1yy8b_837 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

._backLink_1yy8b_844 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  color: #3b82f6;
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  padding: 0;
  align-self: flex-start;
}

._backArrow_1yy8b_859 {
  display: inline-block;
}

[dir='rtl'] ._backArrow_1yy8b_859,
html[dir='rtl'] ._backArrow_1yy8b_859 {
  transform: scaleX(-1);
}

._backLink_1yy8b_844:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

._paymentAmountBanner_1yy8b_873 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: 30px;
  font-weight: 700;
  color: var(--font-heading, #1e293b);
  padding: 12px 0 16px;
  direction: ltr;
  border-bottom: 1px solid #e2e8f0;
}

._paymentAmountLabel_1yy8b_886 {
  font-size: 12px;
  font-weight: 500;
  color: #94a3b8;
}

._paymentSubtitle_1yy8b_892 {
  font-size: 14px;
  color: #475569;
  margin: 0;
}

._container_mpsc2_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-height: calc(100vh - var(--header-height) - 32px);
  overflow-y: auto;
  scrollbar-width: none;
  padding-bottom: 24px;
}

._container_mpsc2_1::-webkit-scrollbar {
  display: none;
}

._container_mpsc2_1 > * {
  max-width: 1100px;
  width: 100%;
}

._pageTitle_mpsc2_21 {
  font-size: var(--size-heading-H2);
  font-weight: 700;
  color: var(--text-heading);
  margin: 0;
}

._panel_mpsc2_28 {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 18px 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._panelFrameless_mpsc2_38 {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}

._panelTitle_mpsc2_45 {
  font-size: 18px;
  font-weight: 700;
  color: var(--font-primary);
  margin: 0;
}

._panelSubtitle_mpsc2_52 {
  font-size: 13px;
  color: #64748b;
  margin: 0;
  text-wrap: balance;
}

._toggleListTitle_mpsc2_59 {
  font-size: 14px;
  font-weight: 600;
  color: #334155;
  margin: 8px 0 0;
}

._toggleList_mpsc2_59 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._toggleRow_mpsc2_72 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._toggleHint_mpsc2_78 {
  font-size: 12px;
  color: #94a3b8;
}

._saveSaving_mpsc2_83,
._saveSuccess_mpsc2_84,
._saveError_mpsc2_85 {
  font-size: 13px;
  font-weight: 600;
  animation: _fadeIn_mpsc2_1 120ms ease-out;
}

._saveSaving_mpsc2_83 {
  color: #94a3b8;
  animation: _spin_mpsc2_1 0.8s linear infinite;
  display: inline-block;
}

._saveSuccess_mpsc2_84 {
  color: #16a34a;
}

._saveError_mpsc2_85 {
  color: #dc2626;
}

@keyframes _spin_mpsc2_1 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

._currencySection_mpsc2_110 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._currencySectionTitle_mpsc2_116 {
  font-size: 14px;
  font-weight: 600;
  color: #475569;
  margin: 0;
  padding-bottom: 4px;
  border-bottom: 1px solid #f1f5f9;
}

._previewGrid_mpsc2_125 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

@media (max-width: 760px) {
  ._previewGrid_mpsc2_125 {
    grid-template-columns: repeat(2, 1fr);
  }
}

._previewCard_mpsc2_137 {
  position: relative;
  border: 2px solid #e2e8f0;
  background: #fff;
  border-radius: 8px;
  padding: 12px 10px 8px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  transition: border-color 0.15s, background 0.15s, opacity 0.15s;
}

._previewCard_mpsc2_137:hover {
  border-color: #3b82f6;
  background: #eff6ff;
}

._previewCardBusy_mpsc2_155 {
  opacity: 0.5;
  pointer-events: none;
}

._previewCardContent_mpsc2_160 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-height: 42px;
  justify-content: center;
}

._previewAmount_mpsc2_169 {
  font-size: 17px;
  font-weight: 700;
  color: var(--font-heading);
}

._previewLabel_mpsc2_175 {
  font-size: 12px;
  color: #64748b;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._previewCardActions_mpsc2_184 {
  display: flex;
  justify-content: center;
  gap: 4px;
  padding-top: 4px;
  border-top: 1px dashed #e2e8f0;
}

._iconBtn_mpsc2_192 {
  width: 28px;
  height: 28px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.15s, background 0.15s;
}

._iconBtn_mpsc2_192:hover:not(:disabled) {
  opacity: 1;
  background: #e0e7ff;
}

._iconBtn_mpsc2_192:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

._iconBtn_mpsc2_192 img {
  width: 16px;
  height: 16px;
}

._compactOverlay_mpsc2_222 {
  position: fixed;
  inset: 0;
  z-index: 300;
  background: rgba(0, 0, 0, 0.4);
  animation: _fadeIn_mpsc2_1 120ms ease-out;
}

._compactDialog_mpsc2_230 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 301;
  width: 440px;
  max-width: 90vw;
  background: #fff;
  border-radius: 12px;
  padding: 20px 24px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
  animation: _fadeIn_mpsc2_1 120ms ease-out;
}

._compactDialogHeader_mpsc2_245 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

._compactDialogTitle_mpsc2_252 {
  font-size: 16px;
  font-weight: 700;
  color: var(--font-primary);
  margin: 0;
}

._compactDialogClose_mpsc2_259 {
  background: none;
  border: none;
  font-size: 18px;
  color: #94a3b8;
  cursor: pointer;
  padding: 0 4px;
  line-height: 1;
}

._compactDialogClose_mpsc2_259:hover {
  color: #475569;
}

@keyframes _fadeIn_mpsc2_1 {
  from { opacity: 0; }
  to { opacity: 1; }
}

._qbDialog_mpsc2_278 {
  width: 420px;
  max-width: 90vw;
}

._qbDialog_mpsc2_278 button[class*="closeButton"] {
  inset-inline-start: auto;
  inset-inline-end: 12px;
}

._qbBody_mpsc2_288 {
  display: flex;
  flex-direction: column;
  padding: 32px 36px 28px;
}

._qbTitle_mpsc2_294 {
  font-family: var(--headings-font, 'Assistant', sans-serif);
  font-size: 22px;
  font-weight: 700;
  color: var(--font-body-1, #2a2a2a);
  margin: 0;
}

._amountInputGroup_mpsc2_302 {
  display: flex;
  align-items: center;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  overflow: hidden;
  direction: ltr;
}

._amountInputGroup_mpsc2_302 input {
  flex: 1;
  border: none;
  outline: none;
  padding: 8px 10px;
  font-size: 14px;
  font-family: inherit;
}

._amountSymbol_mpsc2_320 {
  padding: 8px 12px;
  font-size: 15px;
  font-weight: 700;
  color: var(--font-primary);
  background: var(--surface-grey-low, #f1f5f9);
  border-inline-end: 1px solid #cbd5e1;
  user-select: none;
}

._qbForm_mpsc2_330 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 20px 0 24px;
}

._qbActions_mpsc2_337 {
  display: flex;
  gap: 16px;
}

._dialogForm_mpsc2_342 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._field_mpsc2_348 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._field_mpsc2_348 label {
  font-size: 13px;
  font-weight: 600;
  color: #334155;
}

._field_mpsc2_348 input {
  padding: 10px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-size: 14px;
  font-family: inherit;
  outline: none;
}

._field_mpsc2_348 input:focus {
  border-color: #3b82f6;
}

._fieldHint_mpsc2_373 {
  font-size: 12px;
  color: #64748b;
}

._currencyToggleRow_mpsc2_378 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._currencyToggleRow_mpsc2_378 label {
  font-size: 13px;
  font-weight: 600;
  color: #334155;
}

._currencyPill_mpsc2_390 {
  display: inline-flex;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  overflow: hidden;
}

._currencyPill_mpsc2_390 button {
  padding: 6px 14px;
  border: none;
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  color: #64748b;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

._currencyPill_mpsc2_390 button:not(:last-child) {
  border-inline-end: 1px solid #cbd5e1;
}

._currencyPill_mpsc2_390 button[data-active='true'] {
  background: #eff6ff;
  color: var(--font-primary);
}

._currencyPill_mpsc2_390 button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

._dialogActions_mpsc2_423 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 8px;
  border-top: 1px solid #e2e8f0;
}

._addCard_mpsc2_431 {
  border: 2px dashed #cbd5e1;
  background: #f8fafc;
  border-radius: 8px;
  padding: 12px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  font-family: inherit;
  min-height: 90px;
  transition: border-color 0.15s, background 0.15s;
}

._addCard_mpsc2_431:hover:not(:disabled) {
  border-color: #3b82f6;
  background: #eff6ff;
}

._addCard_mpsc2_431:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

._addCardPlus_mpsc2_457 {
  font-size: 26px;
  font-weight: 300;
  color: #94a3b8;
  line-height: 1;
}

._addCard_mpsc2_431:hover:not(:disabled) ._addCardPlus_mpsc2_457 {
  color: #3b82f6;
}

._addCardLabel_mpsc2_468 {
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
}

._addCard_mpsc2_431:hover:not(:disabled) ._addCardLabel_mpsc2_468 {
  color: #3b82f6;
}


._linkGrid_mpsc2_479 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

@media (max-width: 760px) {
  ._linkGrid_mpsc2_479 {
    grid-template-columns: 1fr;
  }
}

._linkCopyBtn_mpsc2_491 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  transition: background 150ms ease, border-color 150ms ease;
}

._linkCopyBtn_mpsc2_491:hover {
  background: #eff6ff;
  border-color: #3b82f6;
}

/* The inline mode: four small chips in one wrapping row (HAT-1231, «אישורים ומסמכים»). */
._linkChips_mpsc2_511 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

._linkCopyBtnInline_mpsc2_518 {
  padding: 6px 12px;
  gap: 8px;
}

._linkCopyLabel_mpsc2_523 {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
}

._linkCopyIcon_mpsc2_529 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

._primaryBtn_mpsc2_535 {
  align-self: flex-end;
  padding: 8px 18px;
  background: var(--font-heading);
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

._primaryBtn_mpsc2_535:disabled {
  background: #cbd5e1;
  cursor: not-allowed;
}

._pendingTable_mpsc2_553 {
  width: 100%;
  border-collapse: collapse;
}

._pendingTable_mpsc2_553 th,
._pendingTable_mpsc2_553 td {
  padding: 8px 10px;
  text-align: start;
  border-bottom: 1px solid #e2e8f0;
  font-size: 13px;
}

._pendingTable_mpsc2_553 th {
  color: #64748b;
  font-weight: 600;
  background: #f8fafc;
}

._pendingTable_mpsc2_553 tr {
  cursor: pointer;
}

._pendingTable_mpsc2_553 tr:hover td {
  background: #f1f5f9;
}

._statusBadge_mpsc2_580 {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
}

._empty_mpsc2_589 {
  text-align: center;
  color: #64748b;
  padding: 24px;
  font-size: 14px;
}

._bladeBody_mpsc2_596 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._detailRow_mpsc2_603 {
  display: flex;
  gap: 8px;
  font-size: 13px;
}

._detailRow_mpsc2_603 strong {
  min-width: 110px;
  color: #64748b;
  font-weight: 500;
}

._proofLink_mpsc2_615 {
  display: inline-block;
  color: #3b82f6;
  text-decoration: underline;
  font-size: 13px;
}

._bladeActions_mpsc2_622 {
  display: flex;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #e2e8f0;
}

._approveBtn_mpsc2_629 {
  flex: 1;
  padding: 9px;
  background: #16a34a;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

._rejectBtn_mpsc2_642 {
  flex: 1;
  padding: 9px;
  background: #fff;
  color: #dc2626;
  border: 1px solid #dc2626;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

._reasonTextarea_mpsc2_655 {
  width: 100%;
  min-height: 80px;
  padding: 8px 10px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-family: inherit;
  font-size: 13px;
  resize: vertical;
}

._donorSearch_mpsc2_666 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._donorSearch_mpsc2_666 input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  background: #fff;
}

._donorSearch_mpsc2_666 input::placeholder {
  color: #94a3b8;
}

._donorSearch_mpsc2_666 input:focus {
  border-color: var(--border-secondary-low);
}

._donorResults_mpsc2_692 {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin-top: 4px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  max-height: 260px;
  overflow-y: auto;
  z-index: 10;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

._donorResultItem_mpsc2_707 {
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: 1px solid #f1f5f9;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._donorResultItem_mpsc2_707:last-child {
  border-bottom: none;
}

._donorResultItem_mpsc2_707:hover {
  background: #f1f5f9;
}

._donorResultName_mpsc2_724 {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
}

._donorResultMeta_mpsc2_730 {
  font-size: 12px;
  color: #64748b;
}

._donorResultCount_mpsc2_735 {
  font-size: 11px;
  color: #3b82f6;
  font-weight: 600;
}

._donorEmpty_mpsc2_741 {
  padding: 12px;
  font-size: 13px;
  color: #64748b;
  text-align: center;
}

._logoRow_mpsc2_748 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._logoPreviewWrap_mpsc2_754 {
  position: relative;
  flex-shrink: 0;
}

._logoPreview_mpsc2_754 {
  width: 64px;
  height: 64px;
  object-fit: contain;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  transition: opacity 0.2s;
}

._logoPreview_mpsc2_754._logoBusy_mpsc2_768 {
  opacity: 0.4;
}

._logoActions_mpsc2_772 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._logoButtons_mpsc2_778 {
  display: flex;
  gap: 8px;
  align-items: center;
}

._logoUploadBtn_mpsc2_784 {
  background: var(--surface-secondary);
  min-width: 90px;
}

._logoDeleteBtn_mpsc2_789 {
  background: transparent;
  color: #dc2626;
  border: 1px solid #dc2626;
}

._logoDeleteBtn_mpsc2_789:hover:not(:disabled) {
  background: #fef2f2;
}

._logoHint_mpsc2_799 {
  font-size: 12px;
  color: #94a3b8;
}

._logoError_mpsc2_804 {
  color: #dc2626;
  font-size: 13px;
}

._logoFileInput_mpsc2_809 {
  display: none;
}
/* Light sidebar design from Figma (Merkaz - Management Platform, node 10202:66410) */

._root_ad5kf_3 {
  position: relative;
  --ma-primary: #681c3c;
  --ma-text: #262626;
  --ma-border: #e4e4e4;
  --ma-hover: #f6eef2;
  --ma-badge-bg: #e1edfa;
  --ma-badge-text: #3d608a;

  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-inline-end: 1px solid var(--ma-border);
}

._topRow_ad5kf_19 {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}

/* אותו מיקום כמו בתפריט הקרן: על הקו שבין התפריט לתוכן */
._pinToggle_ad5kf_26 {
  position: absolute;
  inset-block-start: 22px;
  inset-inline-end: 0;
  margin-inline-end: -16px;
  z-index: 5;
}

/* "אזור ניהול" tag hugging the top corner on the inline-start (right in RTL) side */
._tag_ad5kf_35 {
  align-self: flex-start;
  background-color: var(--ma-border);
  color: var(--ma-primary);
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  height: 36px;
  min-width: 129px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-end-end-radius: 44px;
  flex-shrink: 0;
}

._content_ad5kf_52 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  /* 40px בתחתית: כפתור "הגדרות עוגיות" צף קבוע בפינה, ובלעדיהם הוא מכסה את
     "חזרה לאתר" (HAT-1374). */
  padding: 48px 16px 40px;
}

._nav_ad5kf_62 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

/* אזור הגלילה של הפריטים, כשהם ארוכים מהמסך. בראש העמוד תחתית התפריט נמצאת
   מתחת לקצה המסך בגובה הכותרת (--sidebar-offscreen, index.scss), והריווח
   מאפשר לגלול גם את הפריט האחרון אל מעל "חזרה לאתר". */
._navScroll_ad5kf_72 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  align-self: stretch;
  padding-block-end: var(--sidebar-offscreen, 0px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--ma-border) transparent;
}

._navItems_ad5kf_84 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

._navItem_ad5kf_84 {
  width: 100%;
  min-height: 48px;
  padding-inline-start: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  cursor: pointer;
  border: none;
  background: none;
  color: var(--ma-text);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.01px;
  text-align: start;
  transition: background-color 150ms ease;
}

._navItem_ad5kf_84:hover {
  background-color: var(--ma-hover);
}

._iconHolder_ad5kf_115 {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* The holder is 24x24 but did not bind the image inside it - an SVG declared larger overflowed. */
._iconHolder_ad5kf_115 > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

._textGroup_ad5kf_131 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

._label_ad5kf_138 {
  white-space: nowrap;
}

._activeNavItem_ad5kf_142 {
  background-color: var(--ma-primary);
  color: #ffffff;
  font-weight: 500;
}

._activeNavItem_ad5kf_142:hover {
  background-color: var(--ma-primary);
}

._badge_ad5kf_152 {
  background-color: var(--ma-badge-bg);
  color: var(--ma-badge-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  min-width: 24px;
  height: 24px;
  padding: 0 4px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._expanderIcon_ad5kf_168 {
  width: 16px;
  height: 16px;
  transform: rotate(0deg);
  transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

._expanderIconExpanded_ad5kf_175 {
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
  transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* Collapsible children container */
._childrenContainer_ad5kf_183 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    max-height 0.3s cubic-bezier(0.25, 0.1, 0.25, 1),
    opacity 0.25s ease;
}

._childrenContainerExpanded_ad5kf_192 {
  max-height: 1000px;
  opacity: 1;
  transition:
    max-height 0.6s cubic-bezier(0.25, 0.1, 0.25, 1),
    opacity 0.3s ease 0.05s;
}

._childrenInner_ad5kf_200 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-block: 4px;
}

/* Sub-items: no icon, indented so text aligns under the parent label */
._childNavItem_ad5kf_208 {
  min-height: 40px;
  padding-inline-start: 46px;
  font-size: 15px;
  font-weight: 400;
}

._activeChildNavItem_ad5kf_215 {
  background-color: var(--ma-hover);
  color: var(--ma-primary);
  font-weight: 600;
}

._activeChildNavItem_ad5kf_215:hover {
  background-color: var(--ma-hover);
}

/* "חזרה לאתר". התפריט בגובה מסך מלא אבל מתחיל מתחת לכותרת, אז בראש העמוד
   תחתיתו מחוץ למסך (HAT-1374). אין מעליו אלמנט גולל, ולכן sticky מצמיד אותו
   לתחתית המסך עצמו - באותו מקום בכל גלילה, 40px מעל כפתור העוגיות. הרקע
   מכסה פריטים שגוללים מתחתיו. */
._bottom_ad5kf_229 {
  position: sticky;
  inset-block-end: 40px;
  z-index: 1;
  background-color: #ffffff;
  margin-block-start: auto;
  padding-block-start: 16px;
  flex-shrink: 0;
}

._backLink_ad5kf_239 {
  text-decoration: none;
}

._externalLink_ad5kf_243 {
  text-decoration: none;
}

._externalIcon_ad5kf_247 {
  font-size: 16px;
  opacity: 0.6;
}

/* ---------------------------------------------------------------------------
   Icon rail — mirrors the fund sidebar. Active only while the unpinned column
   is not being pointed at; hovering restores the full layout.
   --------------------------------------------------------------------------- */
.sidebar-rail ._tag_ad5kf_35 {
  display: none;
}

.sidebar-rail ._content_ad5kf_52 {
  padding-inline: 0;
  padding-block-start: 24px;
  align-items: center;
}

.sidebar-rail ._navItems_ad5kf_84 {
  align-items: center;
  width: 100%;
}

.sidebar-rail ._navItem_ad5kf_84 {
  position: relative;
  width: 48px;
  min-width: 48px;
  align-self: center;
  justify-content: center;
  padding-inline-start: 0;
  gap: 0;
  border-radius: 50%;
}

.sidebar-rail ._textGroup_ad5kf_131 {
  gap: 0;
}

.sidebar-rail ._label_ad5kf_138,
.sidebar-rail ._expanderIcon_ad5kf_168,
.sidebar-rail ._expanderIconExpanded_ad5kf_175,
.sidebar-rail ._externalIcon_ad5kf_247 {
  width: 0;
  opacity: 0;
  overflow: hidden;
}

.sidebar-rail ._badge_ad5kf_152 {
  position: absolute;
  inset-block-start: 6px;
  inset-inline-end: 6px;
  min-width: 10px;
  width: 10px;
  height: 10px;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.sidebar-rail ._childrenContainer_ad5kf_183,
.sidebar-rail ._bottom_ad5kf_229 {
  display: none;
}

._backIcon_ad5kf_312 {
  color: var(--ma-primary);
}

._disabledNavItem_ad5kf_316 {
  pointer-events: none;
  filter: blur(4px);
}

/* «חדש» on a new management screen's item while its announcement is unread (HAT-1489): the count
   badge's shape and colours, with a word in it. */
._newChip_ad5kf_323 {
  min-width: 0;
  padding: 0 8px;
  font-size: 12px;
}

.sidebar-rail ._newChip_ad5kf_323 {
  position: absolute;
  inset-block-start: 6px;
  inset-inline-end: 6px;
  width: 10px;
  height: 10px;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

/* HAT-1428: a badge that says what it counts with an icon beside the number. In the icon rail and
   on a closed group it is a dot in the badge's own colour - the same badge, smaller (Chaya, 20.10). */
._badgeIconic_ad5kf_343 {
  gap: 4px;
  padding: 0 8px 0 6px;
}

.sidebar-rail ._badgeIconic_ad5kf_343 {
  padding: 0;
  background-color: var(--ma-badge-text);
}

.sidebar-rail ._badgeIconic_ad5kf_343 > * {
  display: none;
}

/* HAT-1428: on a closed group the badge is only a dot (Chaya, 20.10) - the item inside carries the
   count and what it counts. */
._badgeDot_ad5kf_359 {
  min-width: 10px;
  width: 10px;
  height: 10px;
  padding: 0;
  /* The badge's own two blues: its digits' dark blue on white, where its pale blue would vanish,
     and its pale blue on the open page's burgundy, where the dark blue would */
  background-color: var(--ma-badge-text);
}

._activeNavItem_ad5kf_142 ._badgeDot_ad5kf_359 {
  background-color: var(--ma-badge-bg);
}
/*
 * The donor-specific parts of «הוראות קבע לפי תורם» (HAT-10024). The board itself - rows, cells,
 * filters - is the coordinators' bank board and wears its styles (StandingOrdersPage.module.scss).
 */

/* The donor the list is about, above the board. */
._donorCard_1pjw1_7 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  background-color: var(--surface-base);
}

._donorFacts_1pjw1_18 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  color: var(--font-body-2);
}

/* The search results: one donor a line, the counts beside the name. */
._results_1pjw1_26 {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  background-color: var(--surface-base);
  overflow: hidden;
}

._results_1pjw1_26 > li + li {
  border-top: 1px solid var(--border-main);
}

._resultButton_1pjw1_39 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  padding: 10px 16px;
  text-align: start;
  cursor: pointer;
}

._resultButton_1pjw1_39:hover,
._resultButton_1pjw1_39:focus-visible {
  background-color: var(--surface-action);
}

._resultCounts_1pjw1_55 {
  margin-inline-start: auto;
  color: var(--font-body-2);
  white-space: nowrap;
}

/*
 * The bulk dialog: one size from the question to the last result (Chaya, 25.10.2026 - a dialog does
 * not grow and shrink with clicks). The list scrolls inside; the note and the buttons stay put.
 */
._bulkDialog_1pjw1_65 {
  --dialog-height: min(620px, calc(100% - 128px));
}

._bulkBody_1pjw1_69 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  padding: 20px 56px 26px;
}

._bulkList_1pjw1_79 {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._dialogMessage_1pjw1_88 {
  margin: 0;
  white-space: pre-line;
  color: var(--font-body-1);
}

._orderList_1pjw1_94 {
  margin: 0;
  padding-inline-start: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--font-body-1);
}

._skipped_1pjw1_103 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 8px;
  background-color: var(--status-pending-bg, var(--surface-action));
  color: var(--font-body-1);
}

._skipped_1pjw1_103 > p {
  margin: 0;
}

._outcomeList_1pjw1_117 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._outcomeList_1pjw1_117 > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 12px;
  align-items: baseline;
  padding: 8px 12px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
}

._outcomeList_1pjw1_117 > li[data-status='done'] {
  border-color: var(--status-approved-border);
}

._outcomeList_1pjw1_117 > li[data-status='failed'] {
  border-color: var(--status-rejected-border);
}

._outcomeList_1pjw1_117 > li[data-status='running'] {
  border-color: var(--status-pending-completion-border);
}

._outcomeOrder_1pjw1_148 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._outcomeStatus_1pjw1_155 {
  font-weight: 600;
  white-space: nowrap;
}

._outcomeList_1pjw1_117 > li[data-status='done'] ._outcomeStatus_1pjw1_155 {
  color: var(--status-approved-text, var(--status-approved-border));
}

._outcomeList_1pjw1_117 > li[data-status='failed'] ._outcomeStatus_1pjw1_155 {
  color: var(--status-rejected-text, var(--status-rejected-border));
}

._outcomeError_1pjw1_168 {
  grid-column: 1 / -1;
  color: var(--font-body-2);
  font-size: 12.8px;
}

@media (max-width: 1099px) {
  ._bulkBody_1pjw1_69 {
    padding: 16px;
  }
}
/* The text inside a HoverHint: the site's body type, lines kept, a comfortable measure. */
._hint_xu9co_2 {
  max-width: 340px;
  font-family: var(--body-font);
  font-size: 14px;
  line-height: 1.5;
  color: var(--font-body-1);
  white-space: pre-line;
  text-align: start;
}

._hint_xu9co_2 ul {
  margin: 4px 0 0;
  padding-inline-start: 18px;
}

._hint_xu9co_2 .muted {
  color: var(--font-body-3);
}
/* One chip for every "state" in the management screens (HAT-1489): the same three tones mean the
   same thing on the flags list, in a flag's dialog and on the messages list.
     grey  = closed, off, not shown
     amber = partly open, waiting
     green = open, shown, sent
   Wine is kept for actions and never for a state. */
._chip_1m33o_7 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--border-lowest);
  border-radius: 999px;
  background: var(--surface-grey-low);
  color: var(--font-body-2);
  white-space: nowrap;
  line-height: 18px;
}

._dot_1m33o_20 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--border-low);
  flex: 0 0 auto;
}

._amber_1m33o_28 {
  border-color: var(--status-pending-border);
  background: var(--status-pending-bg);
  color: var(--status-pending-text);
}

._amber_1m33o_28 ._dot_1m33o_20 {
  background: var(--status-pending-border);
}

._green_1m33o_38 {
  border-color: var(--status-approved-border);
  background: var(--status-approved-bg);
  color: var(--status-approved-text);
}

._green_1m33o_38 ._dot_1m33o_20 {
  background: var(--status-approved-border);
}

/* A link that looks like the chip and says so on hover. */
a._chip_1m33o_7:hover {
  text-decoration: underline;
}/* A flag's history inside its release dialog: one row per change, when | what | who. */
._list_100n9_2 {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--border-main);
  border-radius: 10px;
  background: var(--surface-base);
}

._entry_100n9_13 {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr) 160px;
  gap: 16px;
  align-items: start;
  padding: 12px 16px;
  border-top: 1px solid var(--border-lowest);
}

._entry_100n9_13:first-child {
  border-top: 0;
}

._when_100n9_26,
._what_100n9_27 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._who_100n9_34 {
  color: var(--font-body-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 760px) {
  ._entry_100n9_13 {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
/* «פתוח ל: [tag ×] [tag ×] [+ הוספה]» and the popover behind the add button (HAT-1489 rework). */
._row_353e1_3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
}

._label_353e1_10 {
  color: var(--font-body-2);
  margin-inline-end: 4px;
}

._tag_353e1_15 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  border: 1px solid var(--border-main);
  border-radius: 999px;
  background: var(--surface-base);
  white-space: nowrap;
  max-width: 280px;
}

._remove_353e1_27 {
  border: 0;
  background: none;
  padding: 0;
  color: var(--font-body-3);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}

._remove_353e1_27:hover {
  color: var(--font-primary);
}

._add_353e1_41 {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border: 1px dashed var(--border-primary);
  border-radius: 999px;
  background: none;
  color: var(--font-primary);
  cursor: pointer;
  white-space: nowrap;
}

/* The lists, opened in place of the tags: one height for every kind, so a tab switch moves nothing. */
._panel_353e1_54 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--border-main);
  border-radius: 10px;
  background: var(--surface-grey-lowest);
}

._panelHead_353e1_64 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
}

._tabs_353e1_71 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

._tab_353e1_71 {
  padding: 4px 12px;
  border: 1px solid var(--border-main);
  border-radius: 999px;
  background: none;
  color: var(--font-secondary);
  cursor: pointer;
  white-space: nowrap;
}

/* A click leaves no ring; the keyboard still gets one. */
._tab_353e1_71:focus {
  outline: none;
}

._tab_353e1_71:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

._tabActive_353e1_97 {
  border-color: var(--surface-primary);
  background: var(--surface-primary-lowest);
  color: var(--surface-primary);
}

._count_353e1_103 {
  margin-inline-start: 4px;
  opacity: 0.75;
}

._list_353e1_108 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 348px;
  overflow: hidden;
}

._link_353e1_116 {
  align-self: flex-start;
  border: 0;
  background: none;
  padding: 0;
  color: var(--surface-primary);
  cursor: pointer;
}

._foot_353e1_125 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--border-lowest);
}

._done_353e1_134 {
  height: 34px;
  padding: 0 18px;
  border: 0;
  border-radius: 8px;
  background: var(--font-primary);
  color: #fff;
  cursor: pointer;
}
/* «ההודעה למשתמשים» in a flag's dialog (HAT-1489 rework).
 *
 *   ההודעה למשתמשים                         [תישלח עם השמירה]
 *   עם השמירה תישלח לרכזים של 3 פרויקטים ולכל המשרד.
 *   ✦ העלאת נתמכים מאקסל   [לרכזים]  פעמון · תפריט · בועה · צילום     עריכה  תצוגה
 *   ✦ רכזים מוסיפים...     [למשרד]   פעמון                             עריכה  תצוגה
 */
._section_qrabx_9 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid var(--border-main);
  border-radius: 10px;
  background: var(--surface-base);
}

._header_qrabx_19 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
}

._sentence_qrabx_26 {
  margin: 0;
  color: var(--font-body-2);
}

._rows_qrabx_31 {
  display: flex;
  flex-direction: column;
}

._row_qrabx_31 {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto auto auto;
  gap: 12px;
  align-items: center;
  padding: 8px 0;
  border-top: 1px solid var(--border-lowest);
}

._icon_qrabx_45 {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--surface-primary-lowest);
  color: var(--font-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._title_qrabx_56 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._places_qrabx_62 {
  display: inline-flex;
  gap: 4px;
}

._place_qrabx_62 {
  padding: 1px 8px;
  border-radius: 6px;
  background: var(--surface-grey-low);
  color: var(--font-body-2);
  white-space: nowrap;
  cursor: default;
}

._actions_qrabx_76 {
  display: inline-flex;
  gap: 14px;
}

._link_qrabx_81 {
  border: 0;
  background: none;
  padding: 0;
  color: var(--font-primary);
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
}

._none_qrabx_91 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 12px;
  padding: 10px 14px;
  border: 1px solid var(--status-pending-border);
  border-radius: 10px;
  background: var(--status-pending-bg);
}

/* «תצוגה»: the message as the popup shows it, unfolded under its own row. */
._previewInline_qrabx_104 {
  grid-column: 2/-1;
  max-width: 560px;
  padding: 20px;
  border: 1px solid var(--border-divider);
  border-radius: 16px;
  background: var(--surface-base);
  box-shadow: 0 6px 20px rgba(17, 24, 39, 0.06);
}

@media (max-width: 760px) {
  ._row_qrabx_31 {
    grid-template-columns: 28px minmax(0, 1fr) auto;
  }
  ._places_qrabx_62 {
    grid-column: 2/-1;
    flex-wrap: wrap;
  }
  ._actions_qrabx_76 {
    grid-column: 2/-1;
  }
}
/*
 * One size for the whole release dialog (Chaya 25.10: it must not grow and shrink with each click).
 * The status, the picker, Nedarim, a preview, the history - all scroll inside it; the footer stays
 * at its bottom.
 */
._fixedSize_16e65_7 {
  --dialog-height: min(820px, calc(100% - 128px));
}

/* A flag's release dialog (HAT-1489 rework): one screen, three blocks, a summary beside «שמירה». */
._body_16e65_12 {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  gap: 14px;
  width: 100%;
  padding: 0 24px 24px;
}

._key_16e65_22 {
  flex: 0 0 auto;
  padding: 2px 8px;
  border-radius: 6px;
  background: var(--surface-grey-low);
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
  line-height: 18px;
  color: var(--font-body-3);
}

._description_16e65_33 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--font-body-2);
}

._descriptionText_16e65_40 {
  flex: 1;
  line-height: 1.5;
}

._descriptionInput_16e65_45 {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid var(--border-input-focus);
  border-radius: 8px;
  background: var(--surface-base);
}

._pencil_16e65_53 {
  border: 0;
  background: none;
  padding: 0 2px;
  color: var(--font-primary);
  font-size: 16px;
  line-height: 1.4;
  cursor: pointer;
}

._finalizedNote_16e65_63 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px;
  padding: 10px 14px;
  border: 1px solid var(--status-approved-border);
  border-radius: 10px;
  background: var(--status-approved-bg);
}

._retiredNote_16e65_74 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px;
  padding: 10px 14px;
  border: 1px solid var(--status-rejected-border);
  border-radius: 10px;
  background: var(--status-rejected-bg);
}

._block_16e65_85 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--border-main);
  border-radius: 10px;
  background: var(--surface-base);
}

._statusRow_16e65_95 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px;
}

._segmented_16e65_102 {
  display: inline-flex;
  border: 1px solid var(--border-main);
  border-radius: 10px;
  overflow: hidden;
  background: var(--surface-base);
}

._segment_16e65_102 {
  padding: 6px 16px;
  border: 0;
  border-inline-start: 1px solid var(--border-main);
  background: none;
  color: var(--font-secondary);
  cursor: pointer;
  white-space: nowrap;
}

._segment_16e65_102:first-child {
  border-inline-start: 0;
}

._segment_16e65_102:disabled {
  cursor: default;
  opacity: 0.6;
}

._segmentActive_16e65_129 {
  background: var(--surface-primary-lowest);
  color: var(--surface-primary);
}

._link_16e65_134 {
  border: 0;
  background: none;
  padding: 0;
  color: var(--font-primary);
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
}

/* Sticky at the bottom of the scroll box: the summary is read right before the click. */
._footer_16e65_145 {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px;
  /* Pushed to the bottom of the fixed-size dialog even when the release above it is short. */
  margin: auto -24px -24px;
  padding: 12px 24px 16px;
  background: var(--surface-grey-lowest);
  border-top: 1px solid var(--border-lowest);
}

._summary_16e65_159 {
  color: var(--font-body-2);
}

._danger_16e65_163 {
  color: var(--status-rejected-text);
}

._footerSpacer_16e65_167 {
  flex: 1;
}

/* «→ חזרה לשחרור»: the way back from a view opened inside this window. */
._back_16e65_172 {
  align-self: flex-start;
  border: 0;
  background: none;
  padding: 0;
  color: var(--font-primary);
  cursor: pointer;
}

._back_16e65_172:hover {
  text-decoration: underline;
}

/* The footer asking a question in place: tinted, so it reads as the next step, not as the form. */
._footerAsking_16e65_186 {
  background: var(--status-pending-bg);
  border-top-color: var(--status-pending-border);
}

._groupName_16e65_191 {
  min-width: 220px;
  padding: 7px 12px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  background: var(--surface-base);
}

._error_16e65_199 {
  margin: 0;
  color: var(--status-rejected-text);
}/* The flags list (HAT-1489 rework): two lines per row, name over description, chips and tags. */
._feature_9y2p9_2,
._stack_9y2p9_3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
  max-width: 100%;
}

._featureName_9y2p9_12 {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Two classes deep, to outrank the table's `.td span`, which sets every span to the row's type. */
._feature_9y2p9_2 ._featureSub_9y2p9_20,
._stack_9y2p9_3 ._sub_9y2p9_21 {
  font-size: 12.8px;
  line-height: 16px;
  color: var(--font-body-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Compact drops second lines rather than making room for them; that is what the preset is for. */
[data-density='compact'] ._featureSub_9y2p9_20,
[data-density='compact'] ._sub_9y2p9_21 {
  display: none;
}

._tags_9y2p9_36 {
  display: flex;
  gap: 4px;
  flex-wrap: nowrap;
  overflow: hidden;
}

._tag_9y2p9_36 {
  display: inline-block;
  padding: 1px 8px;
  border: 1px solid var(--border-lowest);
  border-radius: 999px;
  background: var(--surface-base);
  font-size: 12.5px;
  line-height: 18px;
  white-space: nowrap;
}

/* A second switch inside the feature (HAT-10195): a line under the status that opens its own release. */
._stack_9y2p9_3 ._childLink_9y2p9_55 {
  border: 0;
  background: none;
  padding: 0;
  font-size: 12.8px;
  line-height: 16px;
  color: var(--font-body-2);
  text-decoration: underline;
  text-decoration-color: var(--border-low);
  cursor: pointer;
  white-space: nowrap;
}

._stack_9y2p9_3 ._childLink_9y2p9_55:hover {
  color: var(--font-primary);
}

._divider_9y2p9_72 {
  width: 1px;
  height: 24px;
  background: var(--border-lowest);
  flex: 0 0 auto;
}._overlay_11t8h_1 {
  position: fixed;
  inset: 0;
  z-index: 400;
  background-color: rgba(0, 0, 0, 0.5);
}

._overlay_11t8h_1[data-state='open'] {
  animation: _fadeIn_11t8h_1 150ms ease-out;
}
._overlay_11t8h_1[data-state='closed'] {
  animation: _fadeOut_11t8h_1 150ms ease-in;
}

._content_11t8h_15 {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 401;
  width: 440px;
  max-width: 92vw;
  background-color: var(--surface-action, #fff);
  border-radius: 16px;
  padding: 28px 32px 32px;
}

._content_11t8h_15[data-state='open'] {
  animation:
    _fadeIn_11t8h_1 150ms ease-out,
    _zoomIn_11t8h_1 150ms ease-out;
}
._content_11t8h_15[data-state='closed'] {
  animation:
    _fadeOut_11t8h_1 150ms ease-in,
    _zoomOut_11t8h_1 150ms ease-in;
}

._closeButton_11t8h_39 {
  position: absolute;
  top: 14px;
  inset-inline-start: 14px;
  padding: 8px;
  cursor: pointer;
  background: none;
  border: none;
}

._closeButton_11t8h_39 img {
  width: 20px;
  height: 20px;
}

._header_11t8h_54 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 20px;
  text-align: start;
}

._title_11t8h_62 {
  font-family: var(--headings-font, 'Assistant', sans-serif);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: var(--font-body-1, #2a2a2a);
  margin: 0;
}

._subtitle_11t8h_71 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--font-body-3, #6b6b6b);
  margin: 0;
}

/* The value + copy button in a bordered field. */
._valueRow_11t8h_80 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--border-main, #e3e3e3);
  border-radius: 10px;
  background-color: var(--surface-secondary, #f7f7f7);
}

._value_11t8h_80 {
  flex: 1;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  line-height: 18px;
  color: var(--font-body-1, #2a2a2a);
  word-break: break-all;
  direction: ltr;
  text-align: left;
}

._state_11t8h_101 {
  font-size: 14px;
  color: var(--font-body-3, #6b6b6b);
}

._stateError_11t8h_106 {
  font-size: 14px;
  color: #d92d20;
}

._copyButton_11t8h_111 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border: 1px solid var(--border-strong, #c9c9c9);
  border-radius: 8px;
  background-color: var(--surface-action, #fff);
  color: var(--font-body-2, #4a4a4a);
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease;
}

._copyButton_11t8h_111:hover {
  background-color: var(--surface-secondary, #f2f2f2);
  color: var(--font-body-1, #2a2a2a);
}

._copyButton_11t8h_111._copied_11t8h_134 {
  color: #12805c;
  border-color: #12805c;
}

._copyButton_11t8h_111 svg {
  width: 18px;
  height: 18px;
}

@keyframes _fadeIn_11t8h_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _fadeOut_11t8h_1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes _zoomIn_11t8h_1 {
  from {
    transform: translate(-50%, -50%) scale(0.95);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes _zoomOut_11t8h_1 {
  from {
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    transform: translate(-50%, -50%) scale(0.95);
  }
}

/* --- Editing --------------------------------------------------------------------- */

._editSection_11t8h_179 {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--border-main, #e3e3e3);
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: start;
}

._editLabel_11t8h_189 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--font-body-2, #4a4a4a);
}

._editInput_11t8h_196 {
  width: 100%;
  padding: 11px 14px;
  border: 1px solid var(--border-strong, #c9c9c9);
  border-radius: 10px;
  background-color: var(--surface-action, #fff);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  line-height: 18px;
  color: var(--font-body-1, #2a2a2a);
  direction: ltr;
  text-align: left;
}

._editInput_11t8h_196:focus {
  outline: none;
  border-color: var(--font-link, #1a6ed8);
}

._notice_11t8h_215 {
  font-size: 13px;
  line-height: 18px;
  color: var(--font-body-3, #6b6b6b);
  margin: 0;
}

._editActions_11t8h_222 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 2px;
}

._saveButton_11t8h_229 {
  padding: 9px 20px;
  border: none;
  border-radius: 8px;
  background-color: var(--font-link, #1a6ed8);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

._saveButton_11t8h_229:disabled {
  opacity: 0.5;
  cursor: default;
}

._cancelButton_11t8h_245 {
  padding: 9px 16px;
  border: 1px solid var(--border-strong, #c9c9c9);
  border-radius: 8px;
  background-color: var(--surface-action, #fff);
  color: var(--font-body-2, #4a4a4a);
  font-size: 14px;
  cursor: pointer;
}

._savedNote_11t8h_255 {
  font-size: 14px;
  font-weight: 600;
  color: #12805c;
}

._errorNote_11t8h_261 {
  font-size: 14px;
  color: #d92d20;
}

._tabPanel_12cm8_2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-block: 20px;
}

._intro_12cm8_9 {
  margin: 0;
  color: var(--font-body-2);
  line-height: 1.7;
  max-width: 80ch;
}

._toolbar_12cm8_16 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

._count_12cm8_24 {
  color: var(--font-body-3);
  font-variant-numeric: tabular-nums;
}

._tableCard_12cm8_29 {
  border: 1px solid var(--border-lowest);
  border-radius: 14px;
  overflow: hidden;
  background: var(--surface-base, #fff);
}

._scroll_12cm8_36 {
  overflow-x: auto;
}

/* Under .scroll and not bare: a CSS module scopes class names only, so a bare `table` here
   reached every table in the app - the "תמונת מצב" cards got a 720px minimum and lost their
   amount column off the card edge. */
._scroll_12cm8_36 table {
  width: 100%;
  border-collapse: collapse;
  min-width: 720px;
}

._scroll_12cm8_36 thead th {
  text-align: right;
  font-size: var(--body-size-caption);
  color: var(--font-body-3);
  font-weight: 600;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border-lowest);
  background: var(--surface-grey-lowest);
  white-space: nowrap;
}

._scroll_12cm8_36 tbody td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--border-divider);
  vertical-align: top;
  color: var(--font-body-1);
}

._scroll_12cm8_36 tbody tr:last-child td {
  border-bottom: 0;
}

._donor_12cm8_71 {
  font-weight: 600;
  max-width: 150px;
  overflow-wrap: anywhere;
}

._src_12cm8_77 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 240px;
  overflow-wrap: anywhere;
}

._srcLabel_12cm8_85 {
  color: var(--font-body-3);
  font-size: var(--body-size-caption);
}

._muted_12cm8_90 {
  color: var(--font-body-3);
}

._amount_12cm8_94,
._date_12cm8_95 {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Sized to its content: a fixed 360px here pushed the fund/method columns past the scroll edge. */
._assignCol_12cm8_101 {
  width: 1%;
  white-space: nowrap;
}

._methodPill_12cm8_106 {
  display: inline-block;
  font-size: var(--body-size-caption);
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 999px;
  white-space: nowrap;
  color: var(--border-tertiary-strong, #12727b);
  background: var(--surface-tertiary-low, #e9f7f8);
}

/* The fund the sync guessed, when no such fund exists - why this row is waiting for a person. */
._unknownFundPill_12cm8_118 {
  align-self: flex-start;
  font-size: var(--body-size-caption);
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 999px;
  color: var(--status-rejected-text, #b00020);
  background: var(--status-rejected-bg, #fef2f2);
  border: 1px solid var(--status-rejected-border, #fca5a5);
}

._methodRule_12cm8_129 {
  color: #4d7a24;
  background: #e6efd9;
}

/* The "what exactly matched" line under the method pill. */
._methodDetail_12cm8_135 {
  display: block;
  margin-top: 4px;
  font-size: var(--body-size-caption);
  color: var(--font-body-3);
  max-width: 220px;
}

._fundCell_12cm8_143 {
  font-variant-numeric: tabular-nums;
  min-width: 220px;
}

._fundLine_12cm8_148 {
  display: block;
  font-weight: 600;
  max-width: 240px;
}

._methodLine_12cm8_154 {
  display: block;
  margin-top: 6px;
}

._emptyState_12cm8_159 {
  text-align: center;
  padding: 48px 20px;
  color: var(--font-body-2);
}

._emptyState_12cm8_159 ._big_12cm8_165 {
  font-size: 40px;
  margin-bottom: 8px;
}

._loading_12cm8_170 {
  padding: 32px;
  text-align: center;
  color: var(--font-body-3);
}

/* pagination */
._pager_12cm8_177 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

._pagerLabel_12cm8_184 {
  color: var(--font-body-3);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* fund picker */
._picker_12cm8_191 {
  position: relative;
  display: inline-block;
}

._pickerRow_12cm8_196 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

._pickerInput_12cm8_202 {
  width: 260px;
  height: 40px;
  padding: 0 12px;
  border: 1.5px solid var(--border-input-default);
  border-radius: 10px;
  font-family: inherit;
  font-size: var(--body-size-sm);
  color: var(--font-body-1);
  background: #fff;
}

._pickerInput_12cm8_202:focus {
  outline: none;
  border-color: var(--border-input-focus);
  box-shadow: 0 0 0 3px var(--surface-primary-lowest);
}

._pickerInputChosen_12cm8_220 {
  border-color: var(--border-tertiary-strong, #12727b);
  background: var(--surface-tertiary-low, #e9f7f8);
}

._pickerInputInvalid_12cm8_225 {
  border-color: var(--status-rejected-border, #fca5a5);
  background: var(--status-rejected-bg, #fef2f2);
}

._dropdown_12cm8_230 {
  position: absolute;
  z-index: 30;
  inset-inline-start: 0;
  inset-block-start: calc(100% + 4px);
  width: 320px;
  max-height: 260px;
  overflow-y: auto;
  margin: 0;
  padding: 4px;
  list-style: none;
  background: #fff;
  border: 1px solid var(--border-lowest);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
}

._option_12cm8_247 {
  display: flex;
  align-items: baseline;
  gap: 10px;
  width: 100%;
  text-align: start;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-size: var(--body-size-sm);
  color: var(--font-body-1);
}

._option_12cm8_247:hover {
  background: var(--surface-primary-lowest);
}

._optionId_12cm8_267 {
  flex: none;
  min-width: 46px;
  font-weight: 700;
  color: var(--surface-primary);
  font-variant-numeric: tabular-nums;
}

._pickerError_12cm8_275 {
  display: block;
  margin-top: 4px;
  font-size: var(--body-size-caption);
  color: var(--status-rejected-text, #b00020);
}

/* rules form */
._formField_12cm8_283 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
}

._formLabel_12cm8_290 {
  font-size: var(--body-size-sm);
  font-weight: 600;
  color: var(--font-body-2);
}

._formInput_12cm8_296 {
  height: 44px;
  padding: 0 12px;
  border: 1.5px solid var(--border-input-default);
  border-radius: 10px;
  font-family: inherit;
  font-size: var(--body-size-body);
  color: var(--font-body-1);
  background: #fff;
}

._formInput_12cm8_296:focus {
  outline: none;
  border-color: var(--border-input-focus);
  box-shadow: 0 0 0 3px var(--surface-primary-lowest);
}

._formError_12cm8_313 {
  color: var(--status-rejected-text, #b00020);
  font-size: var(--body-size-sm);
  margin: 0 0 12px;
}

._dialogFooter_12cm8_319 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 8px;
}

._actionsCell_12cm8_326 {
  white-space: nowrap;
  display: flex;
  gap: 8px;
}

/* An outright failure, not an empty list - the tabs used to render the two the same way. */
._loadError_12cm8_333 {
  padding: 32px;
  text-align: center;
  color: var(--status-rejected-text, #b00020);
}

/* A rule that is also a fund's campaign (HAT-1121) - the fund card owns it, and deleting it here
   deletes the campaign too, so the row has to say which kind it is. */
._campaignBadge_12cm8_341 {
  display: inline-block;
  margin-inline-start: 8px;
  padding: 1px 9px;
  border-radius: 999px;
  background: #fef3c7;
  color: #92400e;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  vertical-align: middle;
}._page_1wqnu_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 32px 24px;
  width: 100%;
  max-width: 1120px;
  margin-inline: auto;
}

._card_1wqnu_11 {
  background: var(--surface-base, #fff);
  border: 1px solid var(--border-lowest);
  border-radius: 16px;
  /* The header colour runs to the card's rounded edge rather than sitting in a box inside it. */
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* A slim wine band - just tall enough to carry its icon and title. */
._cardHeader_1wqnu_22 {
  background: var(--surface-primary);
  color: var(--font-body-4);
  padding: 8px 18px;
  display: flex;
  align-items: center;
  gap: 8px;
}

._cardHeaderIcon_1wqnu_31 {
  display: flex;
  width: 18px;
  height: 18px;
  flex: none;
  color: var(--font-body-4);
}

._cardHeaderTitle_1wqnu_39 {
  margin: 0;
  color: var(--font-body-4);
}

._cardBody_1wqnu_44 {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._cardText_1wqnu_51 {
  margin: 0;
  color: var(--font-body-2);
  line-height: 1.7;
}

._introWarning_1wqnu_57 {
  margin: 0;
  color: var(--status-rejected-text, #b00020);
  line-height: 1.7;
}

/* The two halves of the round trip, side by side: take the file out, bring it back in. */
._cards_1wqnu_64 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}

@media (max-width: 900px) {
  ._cards_1wqnu_64 {
    grid-template-columns: 1fr;
  }
}
._pillButton_1wqnu_76 {
  align-self: center;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 26px;
  border: 1.5px solid var(--surface-primary);
  border-radius: 999px;
  background: var(--surface-action);
  color: var(--font-primary);
  cursor: pointer;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

._pillButton_1wqnu_76:hover:not(:disabled) {
  background: var(--surface-primary-lowest);
  box-shadow: 0 2px 10px rgba(104, 28, 60, 0.18);
}

._pillButton_1wqnu_76:disabled {
  border-color: var(--border-disabled);
  color: var(--font-on-disabled);
  cursor: default;
}

/* Inherits the button's wine, so it turns grey with the rest when the button is disabled. */
._pillButtonIcon_1wqnu_103 {
  display: flex;
  width: 18px;
  height: 18px;
  flex: none;
}

/* The per-row complaints about a file that could not be read - long enough to need its own
   scroller, since a whole month of transactions can come back wrong in one go. */
._invalidRows_1wqnu_112 {
  background: var(--status-rejected-bg, #fef2f2);
  border: 1px solid var(--status-rejected-border, #fca5a5);
  border-radius: 10px;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 200px;
  overflow-y: auto;
  color: var(--font-body-1);
}

._errorSummary_1wqnu_125 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  background: var(--status-pending-bg, #fffbeb);
  border: 1px solid var(--status-pending-border, #fcd34d);
  border-radius: 10px;
  padding: 16px 18px;
  color: var(--status-pending-text, #92400e);
}

._errorSummary_1wqnu_125 p,
._errorSummary_1wqnu_125 h3 {
  margin: 0;
  line-height: 1.7;
}._page_id0al_1 {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-top: 32px;
  /* Only as wide as the approvals card needs for its six tiles, plus a little, and centred - past
     that the rows just stretch and the layout reads as gaps rather than content. */
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
}

._intro_id0al_13 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._subtitle_id0al_19 {
  color: var(--font-body-2);
}

/* The two smaller sections share the top row, split by how many entries each holds - a third for
   the two funds forms, two thirds for the four donation ones - so a tile is the same size wherever
   it sits. Approvals takes the row below, the same shape the section has on the landing site. */
._sections_id0al_26 {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: start;
  gap: 20px;
}

/* The colours this screen paints with: the site's wine for chrome, its blue for the entries and
   the actions on them. Composed rather than inherited - the dialog is rendered in a portal, outside
   this page's markup, so anything defined only on the card would be undefined inside it. */
._accents_id0al_36 {
  --accent: var(--surface-primary);
  --accent-soft: rgba(104, 28, 60, 0.09);
  --entry-accent: var(--surface-secondary);
  --entry-accent-soft: rgba(61, 96, 138, 0.1);
}

._card_id0al_43 {
  border: 1px solid var(--border-main);
  border-radius: 18px;
  background-color: var(--surface-base);
  overflow: hidden;
}

._fullWidthCard_id0al_51 {
  grid-column: 1/-1;
}

._cardHeader_id0al_56 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  background-color: var(--accent);
  color: #ffffff;
}

._cardHeaderIcon_id0al_65 {
  display: flex;
  align-items: center;
  color: #ffffff;
}

._cardTitle_id0al_71 {
  color: #ffffff;
}

/* One column per entry, so a section is a single row of tiles and never leaves one stranded on a
   line of its own. --columns comes from the number of entries the section actually has. */
._tiles_id0al_77 {
  display: grid;
  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
  gap: 16px;
  padding: 20px;
}

/* Narrower than the layout needs: the sections stack, and the tiles are free to wrap rather than
   being squeezed into one row each. */
@media (max-width: 1099px) {
  ._sections_id0al_26 {
    grid-template-columns: minmax(0, 1fr);
  }
  ._tiles_id0al_77 {
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
  }
}
._tile_id0al_77 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-height: 172px;
  padding: 22px 16px 18px;
  border: 1px solid var(--border-main);
  border-radius: 18px;
  background-color: var(--surface-base);
  font-family: inherit;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}
._tile_id0al_77:hover, ._tile_id0al_77:focus-visible {
  border-color: var(--accent);
  box-shadow: 0 6px 16px rgba(33, 69, 115, 0.1);
  transform: translateY(-2px);
}

._tileIcon_id0al_116 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: var(--entry-accent-soft);
  color: var(--entry-accent);
  flex-shrink: 0;
}

._tileLabel_id0al_128 {
  color: var(--font-body-1);
  /* Two lines is enough for every label in the section; a longer one is cut rather than stretching
     one tile taller than the row. */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._tileState_id0al_138 {
  margin-top: auto;
  color: var(--font-body-2);
}

/* Fills the popup it now sits in, rather than setting its own width the way it did inside the
   near-fullscreen sheet this dialog used to be. */
._detailsBody_id0al_145 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}

/* What the site is serving right now: outlined rather than filled, with the wash reserved for the
   one thing the panel is about - the document or the address itself. */
._currentPanel_id0al_155 {
  display: flex;
  /* Stacked rather than side by side: a popup this narrow has no room for the values and the row of
     actions on one line without squeezing both. */
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--accent);
  border-radius: 14px;
  background-color: var(--surface-base);
}

._currentInfo_id0al_168 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
}

._currentLabel_id0al_176 {
  color: var(--font-body-2);
}

._currentValue_id0al_180 {
  align-self: stretch;
  padding: 6px 10px;
  border-radius: 8px;
  background-color: var(--accent-soft);
  color: var(--accent);
  overflow-wrap: anywhere;
  direction: ltr;
  text-align: start;
}

/* A set of particulars is read here rather than opened somewhere else, so the panel prints all of
   it: two columns of label-and-value, and a paragraph that takes a row to itself. */
._currentDetails_id0al_193 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-self: stretch;
  gap: 8px 16px;
  margin: 2px 0 4px;
}

._currentDetailRow_id0al_201 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._currentDetailLabel_id0al_208 {
  color: var(--font-body-2);
}

._currentDetailValue_id0al_212 {
  margin: 0;
  color: var(--accent);
  overflow-wrap: anywhere;
  /* The paragraphs are typed with their line breaks, and those are part of the wording. */
  white-space: pre-line;
}

._currentMeta_id0al_220 {
  color: var(--font-body-2);
}

._panelActions_id0al_224 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  justify-content: flex-end;
}

/* The address that shows these particulars on their own. Side by side with its actions: it is one
   line, and the point of the row is grabbing it. */
._publicPagePanel_id0al_234 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid var(--border-main);
  border-radius: 14px;
}

._publicPageLink_id0al_244 {
  color: var(--accent);
  overflow-wrap: anywhere;
  direction: ltr;
  text-align: start;
}
._publicPageLink_id0al_244:hover, ._publicPageLink_id0al_244:focus-visible {
  text-decoration: underline;
}

._historyPanel_id0al_254 {
  border: 1px solid var(--border-main);
  border-radius: 14px;
  overflow: hidden;
}

._historyToggle_id0al_260 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  border: none;
  background: none;
  font-family: inherit;
  color: var(--font-body-1);
  text-align: start;
  cursor: pointer;
}
._historyToggle_id0al_260:hover {
  background-color: var(--surface-hover);
}

._historyCount_id0al_277 {
  color: var(--font-body-2);
  margin-inline-end: auto;
}

._historyChevron_id0al_282 {
  display: flex;
  align-items: center;
  color: var(--font-body-2);
  transition: transform 0.15s;
}

._historyChevronOpen_id0al_289 {
  transform: rotate(180deg);
}

._historyList_id0al_294 {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0 16px 8px;
  list-style: none;
  /* Years of certificates add up; the list scrolls rather than pushing the actions out of reach. */
  max-height: 180px;
  overflow-y: auto;
}

._historyItem_id0al_305 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  border-top: 1px solid var(--border-divider);
}

._historyInfo_id0al_314 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._historyValue_id0al_321 {
  color: var(--font-body-1);
  overflow-wrap: anywhere;
  direction: ltr;
  text-align: start;
  /* A whole set of particulars on one line is longer than a row has room for; two lines is enough
     to tell two versions apart, which is all this line is for. */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._historyMeta_id0al_334 {
  color: var(--font-body-2);
}

._historyActions_id0al_338 {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

/* The action icons, in both the panel and the history rows: the entry's blue on a wash of it, the
   same pairing the tiles on the page itself use. */
._iconAction_id0al_347 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  background-color: var(--entry-accent-soft);
  color: var(--entry-accent);
  cursor: pointer;
  transition: background-color 0.15s;
}
._iconAction_id0al_347:hover:not(:disabled), ._iconAction_id0al_347:focus-visible {
  background-color: var(--entry-accent);
  color: #ffffff;
}
._iconAction_id0al_347:disabled {
  color: var(--font-disabled);
  cursor: default;
}

/* The same badge beside the history heading, smaller and not a control. */
._historyIcon_id0al_370 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--entry-accent-soft);
  color: var(--entry-accent);
  flex-shrink: 0;
}

._historyEmpty_id0al_382 {
  display: block;
  padding: 0 16px 14px;
  color: var(--font-body-2);
}

/* Held against the bottom the same way the change dialogs' actions are, so the button that opens
   the editor stays reachable while the values and the history scroll past. */
._detailsActions_id0al_390 {
  position: sticky;
  bottom: -20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  margin: 0 -24px -20px;
  padding: 12px 24px 20px;
  background-color: var(--surface-base);
}

._popupOverlay_id0al_402 {
  position: fixed;
  inset: 0;
  z-index: 400;
  background-color: rgba(0, 0, 0, 0.5);
  animation: _popupFadeIn_id0al_1 150ms ease-out;
}

/* A small panel in the middle of the screen: wide enough for a file name, an address or a pair of
   short fields and no wider, tall only as far as its content, and kept to well under half the
   screen's height - past that it scrolls inside itself rather than growing into a sheet. */
._popupContent_id0al_413 {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 401;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 520px;
  max-width: 92vw;
  max-height: 60vh;
  overflow-y: auto;
  padding: 22px 24px 20px;
  border-radius: 16px;
  background-color: var(--surface-base);
  animation: _popupFadeIn_id0al_1 150ms ease-out, _popupZoomIn_id0al_1 150ms ease-out;
}

._popupClose_id0al_432 {
  position: absolute;
  top: 12px;
  inset-inline-start: 12px;
  padding: 8px;
  border: none;
  background: none;
  cursor: pointer;
}
._popupClose_id0al_432 img {
  width: 20px;
  height: 20px;
}

._popupTitle_id0al_446 {
  margin: 0;
  /* Clear of the close button in the corner. */
  padding-inline-end: 28px;
  color: var(--font-primary);
}

@keyframes _popupFadeIn_id0al_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _popupZoomIn_id0al_1 {
  from {
    transform: translate(-50%, -50%) scale(0.96);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
._dialogBody_id0al_469 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._dialogNote_id0al_475 {
  color: var(--font-body-2);
}

._dialogWarning_id0al_479 {
  color: var(--font-body-1);
  background-color: var(--surface-grey-lowest);
  border-radius: 8px;
  padding: 10px 12px;
}

/* Two fields to a row - a branch number does not need a whole one - with the paragraphs spanning
   both, so a block of text is edited at the width it is read at. Keeps the popup short enough to
   stay a popup: fourteen fields stacked one per row would be nothing but scrolling. */
._fieldGrid_id0al_489 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 1099px) {
  ._fieldGrid_id0al_489 {
    grid-template-columns: minmax(0, 1fr);
  }
}
._field_id0al_489 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

._fieldFullRow_id0al_507 {
  grid-column: 1/-1;
}

._fieldLabel_id0al_512 {
  color: var(--font-body-2);
}

/* No shared textarea in the design system; matched to Input so the two sit together in one form. */
._fieldTextarea_id0al_517 {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  background-color: var(--surface-base);
  color: var(--font-body-1);
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  resize: vertical;
}
._fieldTextarea_id0al_517:focus-visible {
  outline: none;
  border-color: var(--surface-secondary);
}

._fileRow_id0al_534 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._fileName_id0al_540 {
  color: var(--font-body-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._hiddenFileInput_id0al_547 {
  display: none;
}

._error_id0al_551 {
  color: #d32f2f;
}

/* Held against the bottom of the popup: the particulars form is taller than the panel and scrolls
   inside it, and a publish button that scrolls out of reach is a form with no way to submit it. */
._dialogActions_id0al_557 {
  position: sticky;
  bottom: -20px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  /* Covers the fields passing underneath, and pays back the popup's own bottom padding. */
  margin: 0 -24px -20px;
  padding: 12px 24px 20px;
  background-color: var(--surface-base);
}._editor_x25vg_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._blockList_x25vg_7 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._block_x25vg_7 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--border-main);
  border-radius: 12px;
  background: var(--surface-grey-lowest);
}

._blockHeader_x25vg_23 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._blockKind_x25vg_30 {
  color: var(--font-primary);
}

._blockTools_x25vg_34 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._toolButton_x25vg_40 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--border-main);
  border-radius: 6px;
  background: var(--surface-base);
  color: var(--font-body-2);
  transition: background-color 0.15s ease, color 0.15s ease;
}

._toolButton_x25vg_40:hover:not(:disabled) {
  background: var(--surface-hover);
  color: var(--font-body-1);
}

._toolButton_x25vg_40:disabled {
  color: var(--font-disabled);
  border-color: var(--border-disabled);
}

._toolButton_x25vg_40:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 1px;
}

._removeButton_x25vg_69:hover:not(:disabled) {
  color: var(--status-rejected-border);
  border-color: var(--status-rejected-border);
  background: var(--surface-base);
}

._toolIcon_x25vg_75 {
  width: 15px;
  height: 15px;
}

._field_x25vg_80 {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  background: var(--surface-base);
}

._field_x25vg_80:focus-visible {
  outline: none;
  border-color: var(--border-input-focus);
}

textarea._field_x25vg_80 {
  resize: vertical;
  min-height: 64px;
}

/* ---------- bullets ---------- */
._itemRow_x25vg_99 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._itemDot_x25vg_105 {
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--font-primary);
}

/* ---------- buttons block ---------- */
._buttonRow_x25vg_114 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

._buttonLabel_x25vg_121 {
  flex: 1 1 150px;
  min-width: 0;
}

._buttonUrl_x25vg_126 {
  flex: 2 1 220px;
  min-width: 0;
}

._buttonVariant_x25vg_131 {
  flex: 0 0 auto;
  width: 116px;
}

._addRow_x25vg_136 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._addButton_x25vg_142 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px dashed var(--border-low);
  border-radius: 8px;
  background: var(--surface-base);
  color: var(--font-primary);
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

._addButton_x25vg_142:hover {
  border-color: var(--border-primary);
  background: var(--surface-primary-lowest);
  border-style: solid;
}

._addButton_x25vg_142:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 1px;
}

._imagePreview_x25vg_166 {
  display: block;
  max-width: 100%;
  max-height: 160px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
}

._empty_x25vg_174 {
  margin: 0;
  padding: 14px;
  border: 1px dashed var(--border-lowest);
  border-radius: 12px;
  color: var(--font-body-3);
  text-align: center;
}
/* Two columns: what the admin fills in, and the message itself as users will see it. Side by side
   rather than behind a "preview" toggle, because the whole point of the block editor is that the
   effect of a change is visible while it is being made. */
._layout_1n045_5 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  width: 100%;
  max-width: 1100px;
  padding: 4px 24px 32px;
  box-sizing: border-box;
}

._column_1n045_16 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

._sectionTitle_1n045_23 {
  margin: 0;
  color: var(--font-primary);
}

._field_1n045_28 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._label_1n045_34 {
  color: var(--font-secondary, var(--font-body-2));
}

._input_1n045_38 {
  width: 100%;
  padding: 9px 12px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  background: var(--surface-base);
}

._input_1n045_38:focus-visible {
  outline: none;
  border-color: var(--border-input-focus);
}

textarea._input_1n045_38 {
  resize: vertical;
  min-height: 72px;
}

._row_1n045_56 {
  display: flex;
  gap: 12px;
}

._row_1n045_56 > ._field_1n045_28 {
  flex: 1;
  min-width: 0;
}

._hint_1n045_66 {
  margin: 0;
  color: var(--font-body-3);
}

/* The feature and audience of a flag's announcement (HAT-1489): a fact about the message, not a field. */
._linked_1n045_72 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid var(--border-main);
  border-radius: 10px;
  background: var(--surface-grey-lowest);
}

._linkedLine_1n045_82 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

._flagLink_1n045_89 {
  align-self: flex-start;
  color: var(--surface-primary);
  text-decoration: underline;
}

._tourStep_1n045_95 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid var(--border-main);
  border-radius: 10px;
}

._error_1n045_104 {
  margin: 0;
  color: var(--status-rejected-border);
}

/* ---------- icon picker ---------- */
._iconGrid_1n045_110 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(44px, 1fr));
  gap: 8px;
}

._iconOption_1n045_116 {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  padding: 0;
  border: 1px solid var(--border-main);
  border-radius: 10px;
  background: var(--surface-base);
  color: var(--font-body-2);
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

._iconOption_1n045_116:hover {
  border-color: var(--border-primary);
  color: var(--font-primary);
}

._iconOptionActive_1n045_134,
._iconOptionActive_1n045_134:hover {
  border-color: var(--border-primary);
  background: var(--surface-primary-lowest);
  color: var(--font-primary);
  box-shadow: inset 0 0 0 1px var(--border-primary);
}

._iconOption_1n045_116:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 1px;
}

._iconGlyph_1n045_147 {
  width: 22px;
  height: 22px;
}

/* ---------- preview ---------- */
._previewPane_1n045_153 {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

._previewFrame_1n045_162 {
  padding: 28px;
  border: 1px solid var(--border-divider);
  border-radius: 20px;
  background: var(--surface-base);
  box-shadow: 0 10px 30px rgba(17, 24, 39, 0.08), 0 1px 3px rgba(17, 24, 39, 0.06);
}

._previewFooter_1n045_170 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid var(--border-divider);
}

._previewPrimary_1n045_180 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  min-width: 96px;
  padding: 0 20px;
  border-radius: 8px;
  background: var(--surface-primary);
  color: var(--font-body-4);
}

._actions_1n045_192 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

@media (max-width: 1023px) {
  ._layout_1n045_5 {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
  ._previewPane_1n045_153 {
    position: static;
  }
}
/* ---------- HAT-1489 rework: one line of facts, type chips, folded validity, surfaces ---------- */
._linkedLine_1n045_82 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
}

._dot_1n045_215 {
  color: var(--font-body-3);
}

._typeChips_1n045_219 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

._typeChip_1n045_219 {
  --chip-color: var(--font-sub-title-2);
  --chip-bg: var(--surface-secondary-low);
  padding: 4px 14px;
  border: 1px solid var(--border-main);
  border-radius: 999px;
  background: var(--surface-base);
  color: var(--font-body-2);
  cursor: pointer;
}

._typeChip_1n045_219::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-inline-end: 6px;
  border-radius: 50%;
  background: var(--chip-color);
  vertical-align: middle;
}

._type-warning_1n045_247,
._type-error_1n045_248 {
  --chip-color: var(--font-primary);
  --chip-bg: var(--surface-primary-lowest);
}

._typeChipActive_1n045_253 {
  border-color: var(--chip-color);
  background: var(--chip-bg);
  color: var(--chip-color);
}

._validityLine_1n045_259 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
}

._moreToggle_1n045_266 {
  align-self: flex-start;
  border: 0;
  background: none;
  padding: 0;
  color: var(--surface-primary);
  text-decoration: underline;
  cursor: pointer;
}

._more_1n045_266 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 14px;
  border: 1px dashed var(--border-main);
  border-radius: 10px;
}

._previewHead_1n045_285 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}

._surfaces_1n045_293 {
  display: inline-flex;
  border: 1px solid var(--border-main);
  border-radius: 10px;
  overflow: hidden;
  background: var(--surface-base);
}

._surface_1n045_293 {
  padding: 5px 14px;
  border: 0;
  border-inline-start: 1px solid var(--border-main);
  background: none;
  color: var(--font-secondary);
  cursor: pointer;
}

._surface_1n045_293:first-child {
  border-inline-start: 0;
}

._surfaceActive_1n045_314 {
  background: var(--surface-primary-lowest);
  color: var(--surface-primary);
}

/* The bell's panel, at the panel's width, around one note. */
._bellFrame_1n045_320 {
  width: min(380px, 100%);
  padding: 12px;
  border: 1px solid var(--border-divider);
  border-radius: 16px;
  background: var(--surface-base);
  box-shadow: 0 10px 30px rgba(17, 24, 39, 0.08);
}

._bellNote_1n045_329 {
  cursor: default;
}

._bubbleFrame_1n045_333 {
  padding: 8px 0;
}

._bubbleStatic_1n045_337 {
  animation: none;
}

/* The audience of a new feature message: the type chips' shape, without their colour dot. */
._audienceChip_1n045_342::before {
  display: none;
}

._audienceChip_1n045_342 {
  --chip-color: var(--font-primary);
  --chip-bg: var(--surface-primary-lowest);
  padding: 2px 12px;
}

/* Taken by another message of the same feature - the line beside it says which. */
._audienceChip_1n045_342:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* «→ חזרה לשחרור», when the editor was opened from a feature's release. */
._backLink_1n045_359 {
  align-self: flex-start;
  border: 0;
  background: none;
  padding: 0;
  color: var(--font-primary);
  cursor: pointer;
}

._backLink_1n045_359:hover {
  text-decoration: underline;
}
/* A row shows the message the way the popup will: its glyph, its kicker, its title. Same two-family
   colouring as the popup - wine for the types asking the user to notice something, blue for the ones
   just telling them. */
._messageCell_1w9g0_5 {
  /* Set on the cell rather than on the glyph, so the kicker beside it inherits the same accent. */
  --row-accent: var(--font-sub-title-2);
  --row-tint: var(--surface-secondary-low);
  display: flex;
  align-items: center;
  gap: 10px;
}

._rowIcon_1w9g0_14 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: var(--row-tint);
  color: var(--row-accent);
}

._rowIcon_1w9g0_14 svg {
  width: 18px;
  height: 18px;
}

._blue_1w9g0_31 {
  --row-accent: var(--font-sub-title-2);
  --row-tint: var(--surface-secondary-low);
}

._wine_1w9g0_36 {
  --row-accent: var(--font-primary);
  --row-tint: var(--surface-primary-lowest);
}

._messageText_1w9g0_41 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* The table places rows at a fixed pitch, and a cell taller than its row spills into the next one
   (HAT-1362: kicker, title and lead each took a full 24px line in a 44px row). The page asks the
   table for its two-line pitch, so the cell holds two lines and no more: the title in the table's
   own type, and a 16px sub-line under it. Every line truncates on its own. */
._rowTitle_1w9g0_51,
._rowSubLine_1w9g0_52,
._rowEyebrow_1w9g0_53,
._rowBody_1w9g0_54 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._rowTitle_1w9g0_51 {
  font-weight: 600;
}

._rowSubLine_1w9g0_52 {
  display: flex;
  min-width: 0;
}

/* Two classes deep, to outrank the table's `.td span`, which sets every span to the row's type. */
._messageCell_1w9g0_5 ._rowSubLine_1w9g0_52,
._messageCell_1w9g0_5 ._rowSubLine_1w9g0_52 * {
  font-size: 12.8px;
  line-height: 16px;
}

._rowEyebrow_1w9g0_53 {
  flex: 0 1 auto;
  max-width: 60%;
  color: var(--row-accent);
  font-weight: 600;
}

._rowBody_1w9g0_54 {
  flex: 1 1 0;
  min-width: 0;
  color: var(--font-body-3);
}

._rowEyebrow_1w9g0_53 + ._rowBody_1w9g0_54::before {
  content: "·";
  margin-inline: 6px;
}

/* Compact drops second lines rather than making room for them; that is what the preset is for. */
[data-density='compact'] ._rowSubLine_1w9g0_52 {
  display: none;
}

._statusChip_1w9g0_99 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid var(--border-lowest);
  border-radius: 999px;
  background: var(--surface-grey-low);
  color: var(--font-body-2);
  white-space: nowrap;
}

._statusDot_1w9g0_111 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--border-low);
}

._statusChipLive_1w9g0_118 {
  border-color: var(--border-primary);
  background: var(--surface-primary-lowest);
  color: var(--font-primary);
}

._statusChipLive_1w9g0_118 ._statusDot_1w9g0_111 {
  background: var(--surface-primary);
}

/* Whom a message is sent to, over the feature it is about (HAT-1489). Two classes deep for the
   table's `.td span`, like the title cell. */
._audienceCell_1w9g0_130 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-width: 0;
  max-width: 100%;
}

._audienceCell_1w9g0_130 ._audienceFeature_1w9g0_139 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 12.8px;
  line-height: 16px;
  color: var(--font-body-3);
}

._audienceCell_1w9g0_130 ._featureLink_1w9g0_149 {
  font-size: 12.8px;
  line-height: 16px;
  color: var(--font-primary);
  text-decoration: underline;
}

/* Compact drops second lines rather than making room for them, as the title's does: under the chip,
   «על הפיצ'ר» spilled into the next row. The feature is still one click away - the row opens the
   message, and «לשחרור ←» goes to its release. */
[data-density='compact'] ._audienceFeature_1w9g0_139 {
  display: none;
}

._actions_1w9g0_163 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

/* The state chip is the switch: a bare button around it, which only says it can be pressed. */
._stateButton_1w9g0_171 {
  display: inline-flex;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: none;
  cursor: pointer;
  transition: box-shadow 0.15s ease, filter 0.15s ease;
}

._stateButton_1w9g0_171:hover:not(:disabled) {
  box-shadow: 0 0 0 2px var(--border-main);
  filter: brightness(0.97);
}

._stateButton_1w9g0_171:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

._stateButton_1w9g0_171:disabled {
  cursor: progress;
  opacity: 0.6;
}

._releaseLink_1w9g0_196 {
  color: var(--font-primary);
  text-decoration: underline;
  white-space: nowrap;
}

/* The bin is quiet until it is pointed at: deleting is the rarest thing done here. */
._binButton_1w9g0_203 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--border-lowest);
  border-radius: 8px;
  background: var(--surface-base);
  color: var(--font-body-3);
  cursor: pointer;
}

._binButton_1w9g0_203 svg {
  width: 16px;
  height: 16px;
}

._binButton_1w9g0_203:hover {
  border-color: var(--status-rejected-border);
  color: var(--status-rejected-text);
}

._divider_1w9g0_226 {
  width: 1px;
  height: 24px;
  background: var(--border-lowest);
  flex: 0 0 auto;
}._content_3ot4k_1 {
  position: fixed;
  /* Physical left, like the shared Dialog - the translate below centers it in both directions */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 301;
  display: flex;
  flex-direction: column;
  width: min(440px, calc(100vw - 32px));
  max-height: calc(100vh - 64px);
  background-color: var(--surface-base, #ffffff);
  border-radius: 16px;
  box-shadow: 0 18px 48px rgba(15, 15, 15, 0.18);
  overflow: hidden;
}

._contentWide_3ot4k_18 {
  width: min(520px, calc(100vw - 32px));
}

._contentNarrow_3ot4k_22 {
  width: min(360px, calc(100vw - 32px));
}

._contentNarrow_3ot4k_22 ._body_3ot4k_26 {
  gap: 8px;
  padding: 16px 20px;
}

._content_3ot4k_1[data-state='open'] {
  animation:
    _fadeIn_3ot4k_1 150ms ease-out,
    _popIn_3ot4k_1 150ms ease-out;
}

._content_3ot4k_1[data-state='closed'] {
  animation:
    _fadeOut_3ot4k_1 120ms ease-in,
    _popOut_3ot4k_1 120ms ease-in;
}

._header_3ot4k_43 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px 14px;
  border-bottom: 1px solid var(--border-divider, #e2e8f0);
}

._title_3ot4k_52 {
  font-size: 16px;
  font-weight: 700;
  color: var(--font-primary);
  margin: 0;
}

._closeButton_3ot4k_59 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50rem;
  flex-shrink: 0;
}

._closeButton_3ot4k_59:hover {
  background-color: var(--surface-grey-low);
}

._closeButton_3ot4k_59 img {
  width: 14px;
  height: 14px;
}

._body_3ot4k_26 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 18px 20px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

._footer_3ot4k_87 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 20px 18px;
  border-top: 1px solid var(--border-divider, #e2e8f0);
}

@keyframes _fadeIn_3ot4k_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes _fadeOut_3ot4k_1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes _popIn_3ot4k_1 {
  from {
    transform: translate(-50%, -48%) scale(0.96);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes _popOut_3ot4k_1 {
  from {
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    transform: translate(-50%, -48%) scale(0.96);
  }
}
._field_6v3p6_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Assigned funds */
._list_6v3p6_8 {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-main);
  border-radius: 12px;
  overflow: hidden;
  max-height: 190px;
  overflow-y: auto;
}

._row_6v3p6_18 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--border-divider);
}

._row_6v3p6_18:last-child {
  border-bottom: none;
}

._row_6v3p6_18:hover {
  background-color: var(--surface-hover);
}

._rowId_6v3p6_34 {
  min-width: 46px;
  flex-shrink: 0;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--font-primary);
}

._rowName_6v3p6_42 {
  flex: 1;
  min-width: 0;
  font-size: 13.5px;
  color: var(--font-body-1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._removeButton_6v3p6_52 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  flex-shrink: 0;
  cursor: pointer;
}

._trashIcon_6v3p6_61 {
  width: 18px;
  height: 18px;
  background-color: var(--font-body-3);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  transition: background-color 0.15s ease;
}

._removeButton_6v3p6_52:hover ._trashIcon_6v3p6_61 {
  background-color: #dc2626;
}

._empty_6v3p6_78 {
  padding: 14px 12px;
  font-size: 13px;
  color: var(--font-body-3);
  text-align: center;
}

/* Add a fund - the list is portalled to the body, so it floats over the dialog card */
._suggestions_6v3p6_86 {
  /* Above the dialog card (301) and its overlay */
  z-index: 500;
  width: var(--radix-popover-trigger-width);
  border: 1px solid var(--border-lowest);
  border-radius: 12px;
  background: var(--surface-base);
  box-shadow: 0 8px 24px rgba(15, 15, 15, 0.12);
  padding: 6px 10px;
}

._suggestionsList_6v3p6_97 {
  overflow: auto;
  scrollbar-width: thin;
}

._suggestionsContent_6v3p6_102 {
  position: relative;
  width: 100%;
}

._suggestionItem_6v3p6_107 {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
}

/* Divider between rows, like the fund picker in the filters */
._option_6v3p6_115 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 100%;
  padding: 10px 6px;
  border-bottom: 1px solid var(--border-main);
  text-align: start;
}

._optionLast_6v3p6_126 {
  border-bottom: none;
}

._option_6v3p6_115:hover {
  background-color: var(--surface-hover);
}

._optionId_6v3p6_134 {
  font-size: 15px;
  font-weight: 700;
  color: var(--font-primary);
}

._optionDivider_6v3p6_140 {
  width: 0;
  height: 16px;
  border-inline-start: 1px solid var(--border-low);
  flex-shrink: 0;
}

._optionName_6v3p6_147 {
  flex: 1;
  min-width: 0;
  font-size: 14.5px;
  color: var(--font-body-1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._noResults_6v3p6_157 {
  padding: 12px 6px;
  font-size: 14px;
  color: var(--font-body-3);
  text-align: center;
}
._content_jdpr8_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px 25px 28px;
}

._headerName_jdpr8_8 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._headerTitle_jdpr8_15 {
  font-size: 16px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

._headerEmail_jdpr8_21 {
  font-size: 12.5px;
  opacity: 0.85;
  overflow-wrap: anywhere;
}

._sectionTitle_jdpr8_27 {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  font-weight: 700;
  color: var(--font-primary);
  margin: 0 0 10px;
}

._detailsList_jdpr8_37 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._detailRow_jdpr8_43 {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 13.5px;
}

._detailLabel_jdpr8_50 {
  min-width: 130px;
  color: var(--font-body-2);
  flex-shrink: 0;
}

._detailValue_jdpr8_56 {
  color: var(--font-body-1);
  font-weight: 600;
  overflow-wrap: anywhere;
}

._detailValueMuted_jdpr8_62 {
  color: var(--font-body-3);
  font-weight: 400;
}

._chips_jdpr8_67 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

._fundList_jdpr8_73 {
  display: flex;
  flex-direction: column;
}

._fundRow_jdpr8_78 {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid #f1f5f9;
  font-size: 13.5px;
}

._fundRow_jdpr8_78:last-child {
  border-bottom: none;
}

._fundRow_jdpr8_78:first-child {
  padding-top: 0;
}

._fundId_jdpr8_95 {
  min-width: 52px;
  flex-shrink: 0;
  font-weight: 700;
  color: var(--font-primary);
}

._fundName_jdpr8_102 {
  color: var(--font-body-1);
  overflow-wrap: anywhere;
}

._actionsRow_jdpr8_107 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

._pill_jdpr8_114 {
  display: flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  border: 1px solid var(--border-main);
  background: #fff;
  color: var(--font-body-1);
  white-space: nowrap;
}

._pill_jdpr8_114:hover:not(:disabled) {
  background: var(--surface-grey-low);
}

._pill_jdpr8_114:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._emptyText_jdpr8_139 {
  font-size: 13px;
  color: var(--font-body-3);
}
/* Actions hug the far edge of the table instead of starting at the cell's inline start */
._rowActions_ih09c_2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

/* Bare icon buttons, like the row actions in the other management tables */
._iconButton_ih09c_10 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  cursor: pointer;
  transition: opacity 0.15s ease;
}

._iconButton_ih09c_10:hover:not(:disabled) {
  opacity: 0.65;
}

._iconButton_ih09c_10:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
._panel_lxhz0_1 {
  max-width: 520px;
  margin: 64px auto;
  padding: 28px 32px;
  display: grid;
  gap: 10px;
  justify-items: start;
  background: var(--surface-base);
  border: 1px solid var(--border-primary-old);
  border-radius: 16px;
}

._title_lxhz0_13 {
  margin: 0;
  font-size: var(--body-size-body-lr);
  font-weight: 700;
  color: var(--font-primary);
}

._text_lxhz0_20 {
  margin: 0;
  font-size: var(--body-size-body);
  line-height: 1.6;
  color: var(--font-body-2);
}

._link_lxhz0_27 {
  margin-top: 6px;
  font-weight: 600;
  color: var(--font-primary);
  text-decoration: underline;
}
/*
  "תמונת מצב" — הצבעים נגזרים מהטוקנים של המערכת (index.scss): יין #681c3c
  כצבע ראשי, פלדה #3d608a וטורקיז #12727B כמשניים. הטוקנים המקומיים מוגדרים
  על .page כדי שגם ה-SVG שבפנים ימשוך מהם, בלי לדלוף למסכים אחרים.
*/

._page_1orsl_4 {
  --dsh-wine: #681c3c;
  --dsh-wine-deep: #4a1129;
  --dsh-wine-lift: #8f3158;
  --dsh-wine-wash: #fdf6f9;
  --dsh-steel: #2f4d72;
  --dsh-teal: #12727b;
  --dsh-brass: #b5762a;

  --dsh-ground: #faf7f8;
  --dsh-surface: #ffffff;
  --dsh-sunk: #f6f1f3;
  --dsh-line: #ece4e7;
  --dsh-line-soft: #f3edef;

  --dsh-ink: #241d20;
  --dsh-ink-2: #5a4e53;
  --dsh-ink-3: #8b7c82;

  --dsh-good: #0f7a56;
  --dsh-good-bg: #e6f5ee;
  --dsh-warn: #a86a12;
  --dsh-warn-bg: #fdf2df;
  --dsh-crit: #b3352e;
  --dsh-crit-bg: #fbeceb;
  --dsh-info: #2f4d72;
  --dsh-info-bg: #e7eff7;

  --dsh-shadow: 0 1px 2px rgba(74, 17, 41, 0.05), 0 14px 34px -26px rgba(74, 17, 41, 0.42);
  --dsh-shadow-lift: 0 2px 4px rgba(74, 17, 41, 0.06), 0 22px 48px -28px rgba(74, 17, 41, 0.5);

  direction: rtl;
  background: var(--dsh-ground);
  color: var(--dsh-ink);
  padding: 22px 26px 56px;
  min-height: 100%;
  width: 100%;
}

._num_1orsl_46 {
  font-family: 'Heebo', 'Assistant', system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
}

/* ============================ כותרת ופילטרים ============================ */

._head_1orsl_53 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

._eyebrow_1orsl_62 {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  letter-spacing: 0.14em;
  color: var(--dsh-wine);
  font-weight: 700;
}
._eyebrow_1orsl_62::after {
  content: '';
  height: 1px;
  width: 34px;
  background: var(--dsh-line);
}

._title_1orsl_78 {
  font-size: 27px;
  font-weight: 700;
  line-height: 1.25;
  margin: 5px 0 0;
  text-wrap: balance;
}

._sub_1orsl_86 {
  color: var(--dsh-ink-3);
  font-size: 13.5px;
  margin: 3px 0 0;
}

._controls_1orsl_92 {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}

._seg_1orsl_99 {
  display: inline-flex;
  background: var(--dsh-sunk);
  border: 1px solid var(--dsh-line);
  border-radius: 999px;
  padding: 3px;
}
._seg_1orsl_99 button {
  padding: 6px 15px;
  border: none;
  background: none;
  border-radius: 999px;
  font: inherit;
  font-size: 13.5px;
  color: var(--dsh-ink-2);
  cursor: pointer;
  transition:
    background 0.15s,
    color 0.15s,
    box-shadow 0.15s;
}
._seg_1orsl_99 button[aria-pressed='true'] {
  background: var(--dsh-surface);
  color: var(--dsh-wine);
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(74, 17, 41, 0.14);
}

._ghost_1orsl_127 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 13px;
  border: 1px solid var(--dsh-line);
  border-radius: 999px;
  background: var(--dsh-surface);
  font: inherit;
  font-size: 13.5px;
  color: var(--dsh-ink-2);
  cursor: pointer;
}
._ghost_1orsl_127:hover {
  border-color: var(--dsh-wine-lift);
  color: var(--dsh-wine);
}
._ghost_1orsl_127:disabled {
  opacity: 0.55;
  cursor: default;
}

._stamp_1orsl_149 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--dsh-ink-3);
}
._dotLive_1orsl_156 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--dsh-good);
  box-shadow: 0 0 0 3px var(--dsh-good-bg);
}

/* ============================ רצועת KPI ============================ */

._kpiRail_1orsl_166 {
  display: grid;
  /* מספר העמודות נגזר ממספר הריבועים שנבנו (--kpi-cols) ולא נכתב כאן קשיח:
     רצועה של חמש עמודות קבועות השאירה עמודה ריקה ברוחב מלא בכל פעם שמדד לא
     נבנה. הריבוע הראשון נשאר רחב מהשאר - היתרה היא מה שהרכז בא לראות. */
  grid-template-columns: 1.3fr repeat(var(--kpi-cols, 4), 1fr);
  gap: 14px;
  margin-bottom: 20px;
}

._kpi_1orsl_166 {
  background: var(--dsh-surface);
  border: 1px solid var(--dsh-line);
  border-radius: 18px;
  padding: 15px 17px 13px;
  box-shadow: var(--dsh-shadow);
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-width: 0;
  overflow: hidden;
}

._kpiHero_1orsl_189 {
  background: linear-gradient(150deg, #8f3158 0%, #681c3c 44%, #3d0e21 100%);
  border-color: transparent;
  color: #fff;
  box-shadow: var(--dsh-shadow-lift);
}
._kpiHero_1orsl_189 ._kpiLabel_1orsl_195 {
  color: rgba(255, 255, 255, 0.76);
}
._kpiHero_1orsl_189 ._kpiFoot_1orsl_198 {
  color: rgba(255, 255, 255, 0.7);
}
._kpiHero_1orsl_189 ._kpiValue_1orsl_201 {
  color: #fff;
}

._kpiTop_1orsl_205 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
._kpiLabel_1orsl_195 {
  font-size: 13px;
  color: var(--dsh-ink-3);
  font-weight: 500;
}
/* הבהרה קבועה מתחת לכותרת אריח - כרגע רק ב"דורש טיפול", שהיא כותרת מטריה
   ולא שם של קטגוריה אחת. */
._kpiCaption_1orsl_218 {
  font-size: 11.5px;
  color: var(--dsh-ink-3);
  margin: -4px 0 0;
}

._kpiValue_1orsl_201 {
  font-family: 'Heebo', 'Assistant', system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.12;
  display: flex;
  align-items: baseline;
  gap: 4px;
}
._kpiValue_1orsl_201 ._cur_1orsl_234 {
  font-size: 18px;
  font-weight: 600;
  opacity: 0.7;
}
._kpiFoot_1orsl_198 {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  font-size: 12.5px;
  color: var(--dsh-ink-3);
}
._kpiFoot_1orsl_198 b {
  font-family: 'Heebo', 'Assistant', sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: var(--dsh-ink-2);
}
._kpiHero_1orsl_189 ._kpiFoot_1orsl_198 b {
  color: #fff;
}

/* שתי עמודות ולא שורה אחת: מנוכה שלישי ורביעי (מוקפא, מסגרת, מכשירי נדרים)
   נחתכו בקצה הכרטיס, ש-overflow: hidden. בגריד הם יורדים לשורה הבאה. */
._kpiSplit_1orsl_259 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
  padding-top: 9px;
  margin-top: 2px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}
._kpiSplit_1orsl_259 ._l_1orsl_267 {
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.7);
}
._kpiSplit_1orsl_259 ._v_1orsl_271 {
  font-family: 'Heebo', 'Assistant', sans-serif;
  font-variant-numeric: tabular-nums;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
}

._trend_1orsl_279 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px 9px;
  border-radius: 999px;
  font-family: 'Heebo', 'Assistant', sans-serif;
  font-size: 12px;
  font-weight: 700;
  direction: ltr;
  white-space: nowrap;
}
._up_1orsl_291 {
  background: var(--dsh-good-bg);
  color: var(--dsh-good);
}
._down_1orsl_295 {
  background: var(--dsh-crit-bg);
  color: var(--dsh-crit);
}
._flat_1orsl_299 {
  background: var(--dsh-sunk);
  color: var(--dsh-ink-3);
}
._kpiHero_1orsl_189 ._trend_1orsl_279 {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

/* ============================ לשוניות פנימיות ============================ */

._tabs_1orsl_310 {
  display: flex;
  gap: 2px;
  border-bottom: 1px solid var(--dsh-line);
  margin-bottom: 18px;
  /* גלילה לרוחב בלבד. overflow-x: auto לבדו הופך גם את הציר האנכי ל-auto, והקו של
     הלשונית הפעילה בלט פיקסל אחד למטה - כך שהפס נעשה "גליל" אנכי של פיקסל, וגלגלת
     עכבר מעליו גללה אותו ולא את הדף. */
  overflow-x: auto;
  overflow-y: hidden;
}
._tab_1orsl_310 {
  padding: 10px 16px 12px;
  border: none;
  background: none;
  font: inherit;
  font-size: 15px;
  color: var(--dsh-ink-3);
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}
._tab_1orsl_310:hover {
  color: var(--dsh-ink);
}
._tab_1orsl_310[aria-selected='true'] {
  color: var(--dsh-wine);
  font-weight: 600;
}
._tab_1orsl_310[aria-selected='true']::after {
  content: '';
  position: absolute;
  inset-inline: 10px;
  bottom: 0;
  height: 2.5px;
  background: var(--dsh-wine);
  border-radius: 2px 2px 0 0;
}

/* ============================ רשת וכרטיסים ============================ */

._grid_1orsl_351 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}
/* הרוחב מגיע מהקומפוננטה (--span) אחרי שידוע אילו כרטיסים נבנו, כדי ששורה
   לא תסתיים בחור לבן. ראו packSpans ב-DashboardPreviewPage. */

._card_1orsl_359 {
  grid-column: span var(--span, 12);
  background: var(--dsh-surface);
  border: 1px solid var(--dsh-line);
  border-radius: 18px;
  padding: 16px 18px 14px;
  box-shadow: var(--dsh-shadow);
  display: flex;
  flex-direction: column;
  min-width: 0;
}
._cardHead_1orsl_370 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
._cardTitle_1orsl_376 {
  font-size: 15.5px;
  font-weight: 600;
  margin: 0;
}
._cardSub_1orsl_381 {
  font-size: 12.5px;
  color: var(--dsh-ink-3);
  margin: 1px 0 0;
}
._cardTools_1orsl_386 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: none;
}
._cardBody_1orsl_392 {
  margin-top: 12px;
  flex: 1;
  min-width: 0;
}

._mini_1orsl_398 {
  display: inline-flex;
  background: var(--dsh-sunk);
  border-radius: 999px;
  padding: 2px;
  border: 1px solid var(--dsh-line-soft);
}
._mini_1orsl_398 button {
  padding: 4px 10px;
  border: none;
  background: none;
  border-radius: 999px;
  font: inherit;
  font-size: 12px;
  color: var(--dsh-ink-3);
  cursor: pointer;
}
._mini_1orsl_398 button[aria-pressed='true'] {
  background: var(--dsh-surface);
  color: var(--dsh-wine);
  font-weight: 600;
}

/* משימה 1448: פתיחה, סגירה ושינוי בתקופה, בראש כרטיס התזרים. */
._balanceRange_1orsl_422 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 14px;
  padding: 10px 14px;
  margin-bottom: 12px;
  border-radius: 10px;
  background: var(--dsh-sunk);
}
._balanceRange_1orsl_422 ._l_1orsl_267 {
  font-size: 12px;
  color: var(--dsh-ink-3);
}
._balanceRange_1orsl_422 ._v_1orsl_271 {
  font-family: 'Heebo', 'Assistant', sans-serif;
  font-variant-numeric: tabular-nums;
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
}
._balanceRange_1orsl_422 ._balanceUp_1orsl_442 {
  color: var(--dsh-good);
}
._balanceRange_1orsl_422 ._balanceDown_1orsl_445 {
  color: var(--dsh-crit);
}
._balanceRangeNote_1orsl_448 {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 11.5px;
  color: var(--dsh-ink-3);
}
@media (max-width: 767px) {
  ._balanceRange_1orsl_422 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

._legend_1orsl_460 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 15px;
  margin-top: 11px;
}
._legend_1orsl_460 span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  color: var(--dsh-ink-2);
}
._legend_1orsl_460 i {
  width: 9px;
  height: 9px;
  border-radius: 3px;
  flex: none;
}

/* ============================ גרפים ============================ */

._chartWrap_1orsl_482 {
  position: relative;
  width: 100%;
  min-width: 0;
}

._empty_1orsl_488,
._skeleton_1orsl_489 {
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: var(--dsh-sunk);
  color: var(--dsh-ink-3);
  font-size: 13px;
}
._skeleton_1orsl_489 {
  animation: _dshPulse_1orsl_1 1.4s ease-in-out infinite;
}
@keyframes _dshPulse_1orsl_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.55;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._skeleton_1orsl_489 {
    animation: none;
  }
}

._tip_1orsl_515 {
  position: fixed;
  z-index: 80;
  pointer-events: none;
  background: var(--dsh-surface);
  border: 1px solid var(--dsh-line);
  border-radius: 11px;
  box-shadow: var(--dsh-shadow-lift);
  padding: 9px 12px;
  font-size: 12.5px;
  min-width: 140px;
}
._tipTitle_1orsl_527 {
  font-weight: 600;
  margin-bottom: 5px;
}
._tipRow_1orsl_531 {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
._tipRow_1orsl_531 b {
  font-family: 'Heebo', 'Assistant', sans-serif;
  font-variant-numeric: tabular-nums;
}
._tipName_1orsl_541 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--dsh-ink-2);
}
._tipName_1orsl_541 i {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  flex: none;
}

._donutWrap_1orsl_554 {
  display: flex;
  align-items: center;
  gap: 14px;
  position: relative;
}
._donutLegend_1orsl_560 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}
._dlRow_1orsl_567 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}
._dlRow_1orsl_567 i {
  width: 9px;
  height: 9px;
  border-radius: 3px;
  flex: none;
}
._dlName_1orsl_579 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--dsh-ink-2);
}
._dlValue_1orsl_587 {
  font-family: 'Heebo', 'Assistant', sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
._dlPct_1orsl_592 {
  color: var(--dsh-ink-3);
  font-size: 12px;
  width: 36px;
  text-align: start;
  font-family: 'Heebo', 'Assistant', sans-serif;
}

._rank_1orsl_600 {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
._rankRow_1orsl_605 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px 10px;
}
._rankName_1orsl_610 {
  font-size: 13.5px;
  color: var(--dsh-ink-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._rankSub_1orsl_617 {
  font-size: 11.5px;
  color: var(--dsh-ink-3);
}
._rankValue_1orsl_621 {
  font-family: 'Heebo', 'Assistant', sans-serif;
  font-variant-numeric: tabular-nums;
  font-size: 13.5px;
  font-weight: 600;
}
._rankBar_1orsl_627 {
  grid-column: 1 / -1;
  height: 7px;
  border-radius: 999px;
  background: var(--dsh-sunk);
  overflow: hidden;
}
._rankBar_1orsl_627 i {
  display: block;
  height: 100%;
  border-radius: 999px;
}

/* גובה קבוע ~11 שורות; טווח עם יותר שבועות גולל בפנים במקום למתוח את הכרטיס. */
._hmScroll_1orsl_641 {
  max-height: 260px;
  overflow-y: auto;
}
._hmGrid_1orsl_645 {
  display: grid;
  gap: 3px;
  direction: rtl;
}
._hmCell_1orsl_650 {
  aspect-ratio: 1.9;
  border-radius: 4px;
  min-height: 14px;
}
._hmLabel_1orsl_655 {
  font-size: 10.5px;
  color: var(--dsh-ink-3);
  display: grid;
  place-items: center;
  min-height: 14px;
}
/* כותרות הימים והפינה נשארות למעלה בזמן הגלילה הפנימית. */
._hmCorner_1orsl_663,
._hmColHead_1orsl_664 {
  position: sticky;
  top: 0;
  background: var(--dsh-surface);
  z-index: 1;
}
._hmScale_1orsl_670 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  color: var(--dsh-ink-3);
  margin-top: 11px;
}
._hmScale_1orsl_670 i {
  width: 16px;
  height: 9px;
  border-radius: 2px;
}

._gaugeFoot_1orsl_684 {
  text-align: center;
  font-size: 12.5px;
  color: var(--dsh-ink-3);
  margin-top: 2px;
}

/* ============================ משפך סטטוסים ============================ */

._funnel_1orsl_693 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._fnRow_1orsl_698 {
  display: grid;
  grid-template-columns: 158px 1fr auto;
  align-items: center;
  gap: 12px;
}
._fnName_1orsl_704 {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: var(--dsh-ink-2);
}
._fnName_1orsl_704 i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: none;
}
._fnTrack_1orsl_717 {
  height: 26px;
  background: var(--dsh-sunk);
  border-radius: 8px;
  overflow: hidden;
}
._fnFill_1orsl_723 {
  height: 100%;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding-inline-start: 9px;
  color: #fff;
  font-family: 'Heebo', 'Assistant', sans-serif;
  font-size: 12px;
  font-weight: 600;
}
._fnValue_1orsl_734 {
  font-family: 'Heebo', 'Assistant', sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  font-size: 13.5px;
  min-width: 88px;
  text-align: start;
  color: var(--dsh-ink-2);
}

/* ============================ טבלה ============================ */

._scrollX_1orsl_746 {
  overflow-x: auto;
}
._tbl_1orsl_749 {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}
._tbl_1orsl_749 th {
  text-align: start;
  font-weight: 500;
  color: var(--dsh-ink-3);
  font-size: 12px;
  padding: 0 8px 8px;
  border-bottom: 1px solid var(--dsh-line);
  white-space: nowrap;
}
._tbl_1orsl_749 td {
  padding: 9px 8px;
  border-bottom: 1px solid var(--dsh-line-soft);
}
._tbl_1orsl_749 tr:last-child td {
  border-bottom: none;
}
._tbl_1orsl_749 ._n_1orsl_46 {
  font-family: 'Heebo', 'Assistant', sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  white-space: nowrap;
}

._pill_1orsl_777 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}
._pillGood_1orsl_787 {
  background: var(--dsh-good-bg);
  color: var(--dsh-good);
}
._pillWarn_1orsl_791 {
  background: var(--dsh-warn-bg);
  color: var(--dsh-warn);
}
._pillCrit_1orsl_795 {
  background: var(--dsh-crit-bg);
  color: var(--dsh-crit);
}
._pillInfo_1orsl_799 {
  background: var(--dsh-info-bg);
  color: var(--dsh-info);
}
._pillNeutral_1orsl_803 {
  background: var(--dsh-sunk);
  color: var(--dsh-ink-3);
}

/* ============================ מדדים קטנים ============================ */

._microRow_1orsl_810 {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
}
._micro_1orsl_810 ._l_1orsl_267 {
  font-size: 12px;
  color: var(--dsh-ink-3);
}
._micro_1orsl_810 ._v_1orsl_271 {
  font-family: 'Heebo', 'Assistant', sans-serif;
  font-variant-numeric: tabular-nums;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.25;
}

/* ============================ רספונסיביות ============================ */

/* ============================================================
   רספונסיביות

   נקודות השבירה הן של האתר עצמו (constants/breakpoints.ts):
   768 = מכאן סרגל הצד הוא עמודה בזרימה ולא מגירה, 1100 = טאבלט,
   1280 = לפטופ, 1440 = דסקטופ. מיושרות כאן כדי שהדשבורד ישבור באותם
   מקומות שבהם שאר המסכים שוברים, ולא בגבול משלו.

   שים לב: הרוחב שהכרטיס מקבל תלוי גם במצב סרגל הצד (76px מסילה מול
   288px פתוח), ולכן ה-media queries קובעים רק את פריסת הרשת. הגרפים
   עצמם מגיבים לרוחב שהם באמת נמדדו בו (ResizeObserver ב-charts.tsx),
   וזה מה שמחזיק אותם קריאים גם כשהמשתמש נועץ ומשחרר את הסרגל.
   ============================================================ */

/*
   מכשיר מגע — לפי סוג המצביע ולא לפי רוחב. טאבלט ברוחב לפטופ הוא עדיין
   אצבע, וכפתור בגובה 26px נכשל שם. הכללים כאן לא נוגעים במסך עם עכבר.
*/
@media (pointer: coarse) {
  ._seg_1orsl_99 button,
  ._ghost_1orsl_127 {
    min-height: 40px;
    padding-inline: 18px;
  }
  ._mini_1orsl_398 button {
    min-height: 36px;
    padding-inline: 14px;
  }
  ._tab_1orsl_310 {
    min-height: 44px;
    padding-inline: 18px;
  }
  ._todoRow_1orsl_861,
  ._dlRow_1orsl_567 {
    min-height: 36px;
  }
  /* פרוסות הדונאט וטווחי מפת החום הם יעדי נגיעה — הגדלה קלה מקילה עליהם */
  ._hmCell_1orsl_650 {
    min-height: 22px;
  }
}

/* לפטופ — הרשת המלאה נשארת, רק מצמצמים אוויר */
@media (max-width: 1439px) {
  ._page_1orsl_4 {
    padding: 20px 20px 52px;
  }
}

/* טאבלט לרוחב וקטן ממנו — הכרטיסים הצרים מתאחדים לזוגות */
@media (max-width: 1279px) {
  ._kpiRail_1orsl_166 {
    grid-template-columns: repeat(2, 1fr);
  }
  /* הכרטיסים הצרים מתאחדים לזוגות, והרחבים עוברים לרוחב מלא. */
  ._card_1orsl_359 {
    grid-column: span 6;
  }
  ._cardWide_1orsl_887 {
    grid-column: span 12;
  }
}

/* טאבלט לאורך — חצי רוחב כבר צר מדי לגרף, הכל לרוחב מלא */
@media (max-width: 1099px) {
  ._grid_1orsl_351 > * {
    grid-column: span 12;
  }
  ._grid_1orsl_351 {
    gap: 14px;
  }
  ._donutWrap_1orsl_554 {
    gap: 20px;
  }
}

/* טלפון — סרגל הצד הופך למגירה והתוכן מקבל את כל הרוחב */
@media (max-width: 767px) {
  ._page_1orsl_4 {
    padding: 14px 12px 40px;
  }
  ._kpiRail_1orsl_166 {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 16px;
  }
  ._kpi_1orsl_166 {
    padding: 13px 14px 11px;
    border-radius: 16px;
  }
  ._kpiValue_1orsl_201 {
    font-size: 26px;
  }
  ._kpiSplit_1orsl_259 {
    gap: 14px;
  }
  ._title_1orsl_78 {
    font-size: 22px;
  }
  ._head_1orsl_53 {
    gap: 12px;
    margin-bottom: 14px;
  }
  ._controls_1orsl_92 {
    width: 100%;
    justify-content: space-between;
  }
  ._card_1orsl_359 {
    padding: 14px 14px 12px;
    border-radius: 16px;
  }
  ._cardHead_1orsl_370 {
    flex-wrap: wrap;
  }
  ._cardTools_1orsl_386 {
    width: 100%;
  }
  ._tab_1orsl_310 {
    padding: 9px 12px 11px;
    font-size: 14px;
  }
  /* התווית של שם הסטטוס מקבלת שורה משלה — 158px גוזלים את כל הפס */
  ._fnRow_1orsl_698 {
    grid-template-columns: 1fr auto;
    gap: 4px 10px;
  }
  ._fnTrack_1orsl_717 {
    grid-column: 1 / -1;
    height: 22px;
  }
  ._fnValue_1orsl_734 {
    min-width: 0;
    text-align: end;
  }
  /* הדונאט מעל המקרא במקום לצידו — 148px + מקרא לא נכנסים ב-330px */
  ._donutWrap_1orsl_554 {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  ._donutWrap_1orsl_554 > svg {
    align-self: center;
  }
  /* בטבלה עדיף להוריד עמודה מלגלול לרוחב */
  ._colSecondary_1orsl_973 {
    display: none;
  }
  ._microRow_1orsl_810 {
    gap: 16px;
  }
  ._micro_1orsl_810 ._v_1orsl_271 {
    font-size: 19px;
  }
  ._hmLabel_1orsl_655 {
    font-size: 9.5px;
  }
}

/* ============================ דורש טיפול ============================ */

._todo_1orsl_861 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._todoRow_1orsl_861 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 9px 6px;
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
  transition: background 0.15s;
}
._todoRow_1orsl_861:hover {
  background: var(--dsh-sunk);
}
._todoRow_1orsl_861 + ._todoRow_1orsl_861 {
  border-top: 1px solid var(--dsh-line-soft);
}
._todoDot_1orsl_1011 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: none;
}
._todoDotCrit_1orsl_1017 {
  background: var(--dsh-crit);
  box-shadow: 0 0 0 3px var(--dsh-crit-bg);
}
._todoDotWarn_1orsl_1021 {
  background: var(--dsh-warn);
  box-shadow: 0 0 0 3px var(--dsh-warn-bg);
}
._todoText_1orsl_1025 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._todoName_1orsl_1031 {
  font-size: 13.5px;
  font-weight: 500;
  color: var(--dsh-ink);
}
._todoSub_1orsl_1036 {
  font-size: 11.5px;
  color: var(--dsh-ink-3);
}
._todoValue_1orsl_1040 {
  font-family: 'Heebo', 'Assistant', sans-serif;
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  font-weight: 600;
  color: var(--dsh-wine);
  white-space: nowrap;
}

/* אריח "דורש טיפול" ברצועת המדדים — נבדל בקו ולא בצבע מלא, כדי לא להתחרות בכרטיס הראשי */
._kpiAlert_1orsl_1050 {
  border-color: #f0cfcc;
  background: linear-gradient(180deg, var(--dsh-crit-bg) 0%, var(--dsh-surface) 62%);
}

/* בורר טווח מותאם */
._dateRange_1orsl_1056 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
._dateRange_1orsl_1056 label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  color: var(--dsh-ink-3);
}
._dateRange_1orsl_1056 input {
  font: inherit;
  font-size: 13px;
  color: var(--dsh-ink);
  padding: 6px 9px;
  border: 1px solid var(--dsh-line);
  border-radius: 10px;
  background: var(--dsh-surface);
}
._dateRange_1orsl_1056 input:focus-visible {
  outline: 2px solid var(--dsh-wine-lift);
  outline-offset: 1px;
}

._tblLink_1orsl_1082 {
  color: var(--dsh-wine);
  text-decoration: none;
}
._tblLink_1orsl_1082:hover {
  text-decoration: underline;
}

/* טבלה עם גובה קבוע וגלילה פנימית — לרשימות של עשר שורות, כדי שכרטיס אחד לא
   ימתח את כל העמוד. הכותרת נדבקת למעלה כדי שהעמודות יישארו מזוהות בזמן גלילה. */
._tblScroll_1orsl_1092 {
  max-height: 264px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
._tblScroll_1orsl_1092 ._tbl_1orsl_749 thead th {
  position: sticky;
  top: 0;
  background: var(--dsh-surface);
  z-index: 1;
}

/* הרכב היתרה — שני צדדים באותו כרטיס */
._balanceSide_1orsl_1105 + ._balanceSide_1orsl_1105 {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--dsh-line-soft);
}
._balanceSingle_1orsl_1110 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 9px;
  margin-top: 8px;
}
._balanceSingle_1orsl_1110 > i {
  width: 9px;
  height: 9px;
  border-radius: 3px;
}
._balanceSingleName_1orsl_1122 {
  font-size: 13.5px;
  color: var(--dsh-ink-2);
}
._balanceSingleValue_1orsl_1126 {
  font-family: 'Heebo', 'Assistant', sans-serif;
  font-variant-numeric: tabular-nums;
  font-size: 15px;
  font-weight: 600;
}

/* HAT-1440: the site's Alert anatomy (components/ui/Alert, HAT-1239) as a floating card.
 *
 *   wide:    [accent][icon] [title]                 [רענון] [לא עכשיו] [⠿]
 *                           [hint]
 *
 *   narrow:  [accent][icon] [title]                                    [⠿]
 *                           [hint, wrapping]
 *                           [רענון] [לא עכשיו]
 *
 * White surface and the shared floating-card shadow, like the other cards that float over
 * a page (the satisfaction prompt, the drafts popover). Burgundy carries meaning through
 * the accent, the icon and the title only - panels are not filled with it.
 */
._banner_to6ih_15 {
  position: fixed;
  z-index: 1000;
  /* Centred by auto margins between two insets, not by translateX(-50%):
     inset-inline-start is `right` in RTL, so 50% + translateX(-50%) put the
     whole card left of centre - the HAT-1440 screenshot. */
  inset-inline: 16px;
  /* Rides above the open cookie banner and the iOS home bar, the same way the
     floating accessibility button does (a11y/accessibility-widget.css). */
  inset-block-end: max(24px + var(--cookie-banner-height, 0px), 24px + env(safe-area-inset-bottom, 0px));
  margin-inline: auto;
  /* The width comes from the content and the window, never from where the card sits.
     fit-content measured the room left to the window edge, so a card dragged towards
     an edge shrank until the text stood one word per line. */
  width: max-content;
  max-width: min(720px, 100vw - 32px);
  box-sizing: border-box;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  grid-template-areas: "icon text actions grip";
  align-items: center;
  column-gap: 12px;
  /* The inline-start padding leaves the accent bar its own gutter, as in Alert. */
  padding-block: 14px;
  padding-inline: 20px 8px;
  background: var(--surface-base);
  border: 1px solid var(--border-main);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  animation: _rise_to6ih_1 240ms ease-out;
}

._dragging_to6ih_47 {
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
  user-select: none;
}

/* Letting go now would tuck the card into a tab: it fades, so the drop is not a surprise. */
._aboutToTuck_to6ih_53 {
  opacity: 0.55;
  transition: opacity 120ms;
}

._accent_to6ih_58 {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 4px;
  background: var(--surface-primary);
  border-start-start-radius: 11px;
  border-end-start-radius: 11px;
}

._icon_to6ih_68 {
  grid-area: icon;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--surface-primary-lowest);
  color: var(--font-primary);
}

._text_to6ih_79 {
  grid-area: text;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._title_to6ih_86 {
  color: var(--font-primary);
}

._hint_to6ih_90 {
  color: var(--font-body-2);
  text-wrap: pretty;
}

._actions_to6ih_95 {
  grid-area: actions;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-inline-start: 8px;
}

._reload_to6ih_103,
._later_to6ih_104,
._grip_to6ih_105 {
  border: 0;
  cursor: pointer;
}
._reload_to6ih_103:focus-visible,
._later_to6ih_104:focus-visible,
._grip_to6ih_105:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

/* The header's «לאתר הישן» link: the site's primary action at 36px. */
._reload_to6ih_103 {
  height: 36px;
  padding-inline: 18px;
  border-radius: 6px;
  background: var(--font-primary);
  color: var(--font-body-4);
  white-space: nowrap;
}
._reload_to6ih_103:hover {
  opacity: 0.9;
}

._later_to6ih_104 {
  height: 36px;
  padding-inline: 8px;
  border-radius: 6px;
  background: transparent;
  color: var(--font-body-2);
  white-space: nowrap;
}
._later_to6ih_104:hover {
  background: var(--surface-grey-low);
  color: var(--font-body-1);
}

._grip_to6ih_105 {
  grid-area: grip;
  display: grid;
  place-items: center;
  width: 24px;
  height: 36px;
  padding: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--font-body-3);
  cursor: grab;
  /* The pointer moves the card, not the page. */
  touch-action: none;
}
._grip_to6ih_105:hover {
  background: var(--surface-grey-low);
  color: var(--font-body-1);
}

._dragging_to6ih_47 ._grip_to6ih_105 {
  cursor: grabbing;
}

/* Tucked away: a tab against the edge it was pushed past. Physical sides on purpose - it
   is the window edge that matters, not the reading direction. The burgundy edge and the
   dot keep it legible as "something new" while asking for nothing. */
._tab_to6ih_168 {
  position: fixed;
  z-index: 1000;
  display: grid;
  place-items: center;
  width: 40px;
  height: 48px;
  padding: 0;
  background: var(--surface-base);
  border: 1px solid var(--border-main);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  color: var(--font-primary);
  cursor: pointer;
  transition: transform 150ms ease-out;
}
._tab_to6ih_168:focus-visible {
  outline: 2px solid var(--border-input-focus);
  outline-offset: 2px;
}

._tabLeft_to6ih_188 {
  left: 0;
  border-left: 3px solid var(--surface-primary);
  border-radius: 0 12px 12px 0;
  animation: _tuckLeft_to6ih_1 200ms ease-out;
}
._tabLeft_to6ih_188:hover {
  transform: translateX(4px);
}

._tabRight_to6ih_198 {
  right: 0;
  border-right: 3px solid var(--surface-primary);
  border-radius: 12px 0 0 12px;
  animation: _tuckRight_to6ih_1 200ms ease-out;
}
._tabRight_to6ih_198:hover {
  transform: translateX(-4px);
}

._tabDot_to6ih_208 {
  position: absolute;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--surface-primary);
  box-shadow: 0 0 0 2px var(--surface-base);
}

._tabLeft_to6ih_188 ._tabDot_to6ih_208 {
  right: 6px;
}

._tabRight_to6ih_198 ._tabDot_to6ih_208 {
  left: 6px;
}

/* Below this the one-row card no longer clears the floating feedback and accessibility
   buttons (48px at left 24px, in both languages), so it keeps to their right - physical
   left, on purpose - and the buttons go under the text, where Alert puts its action. */
@media (max-width: 900px) {
  ._banner_to6ih_15 {
    left: 80px;
    right: 16px;
    max-width: min(520px, 100vw - 96px);
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "icon text grip" ". actions .";
    align-items: start;
    row-gap: 10px;
  }
  ._actions_to6ih_95 {
    margin-inline-start: 0;
  }
}
/* Moved by its handle: useMovable pins it with left/top, so every stylesheet inset goes.
   Two classes, so it also beats the narrow-window insets above. */
._banner_to6ih_15._moved_to6ih_245 {
  inset: auto;
  margin: 0;
}

@keyframes _rise_to6ih_1 {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
}
@keyframes _tuckLeft_to6ih_1 {
  from {
    transform: translateX(-100%);
  }
}
@keyframes _tuckRight_to6ih_1 {
  from {
    transform: translateX(100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._banner_to6ih_15,
  ._tab_to6ih_168 {
    animation: none;
    transition: none;
  }
}._wrapper_1quem_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 720px;
  padding: 32px 16px 48px;
  gap: 32px;
}

._stepsList_1quem_12 {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

._stepRow_1quem_19 {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 20px 8px;
}

._stepRow_1quem_19 + ._stepRow_1quem_19 {
  border-top: 1px solid var(--border-lowest);
}

._iconBox_1quem_30 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._iconBox_1quem_30 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

._stepTextWrapper_1quem_45 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._stepTitleRow_1quem_52 {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

._stepNumber_1quem_58 {
  color: var(--font-primary);
}

._stepTitle_1quem_52 {
  color: var(--surface-secondary-dark);
}

._stepDescription_1quem_66 {
  color: var(--font-body-2);
}

/* Consent to the privacy policy, asked for before any personal detail is typed into the form. */
._consentBlock_1quem_71 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

._consentRow_1quem_78 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  background: var(--surface-primary-lowest);
  border: 1px solid var(--border-lowest);
  border-radius: 12px;
  padding: 12px 16px;
}

/* Nudges the 16px box onto the baseline of the first line of text (22px line-height). */
._consentRow_1quem_78 > label {
  margin-top: 3px;
  flex-shrink: 0;
}

._consentRowError_1quem_95 {
  border-color: var(--status-rejected-border);
  background: var(--status-rejected-bg);
}

._consentText_1quem_100 {
  flex: 1;
  font-family: var(--body-font);
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: var(--font-body-1);
}

._consentLink_1quem_110 {
  color: var(--font-primary);
  font-weight: 600;
  text-decoration: underline;
}

._consentLink_1quem_110:hover {
  color: var(--surface-primary-dark);
}

._consentError_1quem_120 {
  color: var(--status-rejected-text);
  font-weight: 600;
  padding-inline-start: 14px;
}

._startButton_1quem_126 {
  background: var(--surface-primary);
  color: var(--font-body-4);
  padding: 12px 32px;
  border-radius: 8px;
  min-width: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  transition: background 0.15s;
}

._startButton_1quem_126:hover {
  background: var(--surface-primary-dark);
}

._startChevron_1quem_143 {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--font-body-4);
}

/* In RTL, the chevron should point left (the "forward" direction) */
._startChevron_1quem_143 svg {
  transform: rotate(180deg);
}/* The fund-rules popup uses the site's own wine palette and the form's visual language:
   white cards on hairline borders, wine titles and icons, grey body text. */
._dialog_4fjf0_3 {
  /* Wide enough for the rule rows inside the shared dialog's 80px side padding, which leaves
     ~660px of text; the shared max-width: 90vw still caps it on small screens. */
  width: 820px;
  /* The popup sits on a white form, so it needs an edge of its own. */
  border: 1px solid var(--border-primary);
}

._body_4fjf0_11 {
  direction: rtl;
  text-align: right;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

._header_4fjf0_20 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._titleRow_4fjf0_26 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._titleIcon_4fjf0_32 {
  display: flex;
  flex-shrink: 0;
  color: var(--icon-primary);
}

._title_4fjf0_26 {
  color: var(--font-primary);
  margin: 0;
}

/* The rule rows themselves are styled by components/Regulations/FundRulesGrid.module.scss,
   which the portal's entry gate also uses (HAT-1256). */
._subtitle_4fjf0_45,
._confirmText_4fjf0_46 {
  font-family: var(--body-font);
  font-weight: 400;
  font-size: var(--body-size-sm);
  line-height: 18px;
}

._subtitle_4fjf0_45 {
  color: var(--font-body-2);
}

/* One row carries both the confirmation and the submit: a single hairline separates it
   from the rules, with no fill of its own. */
._confirmRow_4fjf0_59 {
  display: flex;
  align-items: center;
  gap: 16px;
  border-top: 1px solid var(--border-lowest);
  padding-top: 16px;
}

._confirmLabel_4fjf0_67 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-grow: 1;
  cursor: pointer;
}

._confirmText_4fjf0_46 {
  color: var(--font-body-1);
}

._confirmInput_4fjf0_80 {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

._confirmBox_4fjf0_88 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--surface-base);
  border: 1.5px solid var(--surface-primary);
  color: var(--font-body-4);
  transition: background-color 0.15s;
}

._confirmCheck_4fjf0_102 {
  opacity: 0;
  transition: opacity 0.15s;
}

._confirmInput_4fjf0_80:checked + ._confirmBox_4fjf0_88 {
  background-color: var(--surface-primary);
}

._confirmInput_4fjf0_80:checked + ._confirmBox_4fjf0_88 ._confirmCheck_4fjf0_102 {
  opacity: 1;
}

._confirmInput_4fjf0_80:focus-visible + ._confirmBox_4fjf0_88 {
  box-shadow: 0 0 0 3px rgba(104, 28, 60, 0.18);
}

._submitButton_4fjf0_119 {
  flex-shrink: 0;
  background-color: var(--surface-primary);
  color: var(--font-body-4);
  border-radius: 8px;
  padding: 8px 20px;
  transition: background-color 0.15s;
}

._submitButton_4fjf0_119:hover:not(:disabled) {
  background-color: var(--surface-primary-dark);
}

._submitButton_4fjf0_119:disabled {
  background-color: var(--surface-on-disabled);
  color: var(--font-on-disabled);
  cursor: not-allowed;
}

@media (max-width: 1099px) {
  ._confirmRow_4fjf0_59 {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  ._submitButton_4fjf0_119 {
    width: 100%;
  }
}
._wrapper_1b7mn_2 {
  direction: rtl;
  text-align: right;
  width: 100%;
  max-width: 420px;
  margin: 0 auto 0.75rem;
  padding: 0.5rem 0.75rem;
  flex-shrink: 0;
  border: 1px solid var(--border-main);
  border-radius: 0.5rem;
  /* --surface-secondary is the app's dark blue (#3d608a), not a light card; with it the title, hint and
     success text sat at 1-2:1 (WOR-1397). The light blue-tinted surface keeps every text token >= 4.5:1. */
  background: var(--surface-secondary-lowest);
  color: var(--font-body-1);
}

._title_1b7mn_18 {
  margin: 0 0 0.15rem;
  color: var(--font-primary);
}

._hint_1b7mn_23 {
  margin: 0 0 0.5rem;
  color: var(--font-body-2);
}

._form_1b7mn_28 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

/* HAT-1411: one row per field (label beside the input, not above it) - the reporter's
   complaint after WOR-1397 fixed the contrast was that the box was still too tall and
   crowded the actual form fields below it. */
._field_1b7mn_37 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

._fieldLabel_1b7mn_44 {
  flex-shrink: 0;
}

._input_1b7mn_48 {
  flex: 1 1 auto;
  min-width: 0;
  border: 1px solid var(--border-main);
  border-radius: 0.375rem;
  padding: 0.3rem 0.5rem;
  font: inherit;
}

._or_1b7mn_57 {
  text-align: center;
  color: var(--font-body-2);
  font-size: 0.875rem;
}

._error_1b7mn_63 {
  margin: 0;
  color: var(--status-rejected-text);
  font-size: 0.875rem;
}

._successAlert_1b7mn_69 {
  /* In-flow only — never a viewport overlay that can block the wizard below. */
  position: relative;
  z-index: 0;
  margin: 0;
  pointer-events: auto;
}

@media (max-width: 767px) {
  ._wrapper_1b7mn_2 {
    margin-bottom: 0.5rem;
  }
}
@media (max-height: 750px) {
  ._wrapper_1b7mn_2 {
    margin-bottom: 0.5rem;
  }
}
._saveButton_1b7mn_87 {
  align-self: flex-start;
  margin-top: 0.15rem;
  padding: 0.3rem 0.75rem;
  border-radius: 0.375rem;
  border: none;
  background: var(--surface-primary);
  color: var(--font-body-4);
  cursor: pointer;
  font: inherit;
  font-size: 0.875rem;
}

._saveButton_1b7mn_87:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}._section_oaczw_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 800px;
  padding: 0;
}

._section_oaczw_1:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-lowest);
}

._sectionTitle_oaczw_15 {
  color: var(--font-sub-title-2);
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

._content_oaczw_22 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}._fieldWrapper_azn1j_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 200px;
}

._label_azn1j_9 {
  color: var(--surface-secondary-dark);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
}

._optional_azn1j_17 {
  color: var(--font-body-3);
  margin-inline-start: 4px;
}

._input_azn1j_22 {
  width: 100%;
  height: 38px;
  padding: 6px 12px;
  background: var(--surface-base);
  border: 1px solid var(--border-input-default);
  border-radius: 8px;
  outline: none;
  font-size: 14px;
  color: var(--font-body-1);
  transition: border-color 0.15s;
  resize: vertical;
}

._input_azn1j_22::placeholder {
  color: var(--font-body-3);
}

._input_azn1j_22:hover {
  border-color: var(--border-input-hover);
}

._input_azn1j_22:focus {
  border-width: 2px;
  border-color: var(--border-input-type);
}

._input_azn1j_22._invalid_azn1j_49 {
  border-color: var(--font-error);
}

select._input_azn1j_22 {
  cursor: pointer;
  appearance: auto;
}

textarea._input_azn1j_22 {
  height: auto;
  min-height: 80px;
}

._errorMessage_azn1j_63 {
  color: var(--font-error);
}._compactDialog_17wut_1 {
  max-width: 1100px;
  left: 50%;
  /* The frame's right inset (MainDialogLayout) has to go: with both insets and a set width, RTL
     honours `right` and drops `left`, so the box sat against the right inset and the translate
     below pushed half of it off the left edge, close button included. */
  right: auto;
  transform: translateX(-50%);
  top: 40px;
  width: calc(100% - 80px);
  height: calc(100% - 80px);
}
._compactDialog_17wut_1 h2 {
  margin-top: 10px;
}
@media (max-width: 768px) {
  ._compactDialog_17wut_1 {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none;
  }
}

._stepWrapper_17wut_26 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 800px;
  padding: 0px 16px 12px;
}

._resumeBanner_17wut_35 {
  direction: rtl;
  text-align: right;
  max-width: 480px;
  margin: 0 auto 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  background: #eef6ff;
  border: 1px solid #b3d4ff;
  color: var(--font-body-1);
}

._threeColGrid_17wut_47 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
@media (max-width: 768px) {
  ._threeColGrid_17wut_47 {
    grid-template-columns: 1fr;
  }
}

._goalsWrapper_17wut_58 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._helperText_17wut_64 {
  font-size: 14px;
  color: var(--font-body-1);
  line-height: 18px;
}

._goalsPills_17wut_70 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._goalPill_17wut_76 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  background: var(--surface-base);
  border: 1px solid var(--border-input-default);
  border-radius: 999px;
  cursor: pointer;
  color: var(--font-body-1);
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

._goalPill_17wut_76:hover:not(._goalPillActive_17wut_89) {
  background: var(--surface-grey-lowest);
  border-color: var(--border-input-hover);
}

._goalPillActive_17wut_89 {
  background: var(--surface-primary-lowest);
  border-color: var(--border-primary);
  color: var(--font-primary);
  font-weight: 600;
}

._goalPillCheck_17wut_101 {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  border: 1px solid var(--border-input-default);
  background: var(--surface-base);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.15s, border-color 0.15s;
}

._goalPillCheckActive_17wut_114 {
  background: var(--surface-primary);
  border-color: var(--surface-primary);
}

._addonsRow_17wut_119 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._addonItem_17wut_125 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

._termsContent_17wut_131 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 360px;
  overflow-y: auto;
  padding: 16px;
  background: var(--surface-grey-lowest);
  border: 1px solid var(--border-lowest);
  border-radius: 8px;
}

._termsSubtitle_17wut_143 {
  color: var(--font-primary);
}

._termsList_17wut_147 {
  padding-inline-start: 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._costsGrid_17wut_154 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 768px) {
  ._costsGrid_17wut_154 {
    grid-template-columns: 1fr;
  }
}
._supportTable_17wut_165 {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

._supportTable_17wut_165 th,
._supportTable_17wut_165 td {
  border: 1px solid var(--border-main);
  padding: 6px 8px;
  text-align: start;
  vertical-align: top;
}

._supportTable_17wut_165 th {
  background: var(--surface-grey-low-2);
  color: var(--font-heading);
}

._signatureRow_17wut_184 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._responsiblePartyRow_17wut_190 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: end;
}
@media (max-width: 768px) {
  ._responsiblePartyRow_17wut_190 {
    grid-template-columns: 1fr;
  }
}

._responsiblePartyWrapper_17wut_202 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._segmentedControl_17wut_208 {
  display: flex;
  gap: 0;
  border: 1px solid var(--border-input-default);
  border-radius: 8px;
  overflow: hidden;
  width: fit-content;
}

._segmentedOption_17wut_217 {
  padding: 8px 24px;
  background: var(--surface-base);
  border: none;
  cursor: pointer;
  color: var(--font-body-1);
  transition: background 0.15s, color 0.15s;
}
._segmentedOption_17wut_217:not(:last-child) {
  border-inline-end: 1px solid var(--border-input-default);
}
._segmentedOption_17wut_217:hover:not(._segmentedActive_17wut_228) {
  background: var(--surface-grey-low-2);
}

._segmentedActive_17wut_228 {
  background: var(--surface-primary-lowest);
  color: var(--font-primary);
  font-weight: 600;
}

._toggleGroup_17wut_238 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* --- Step 3: the agreement checkboxes. The regulations content itself and its styles moved
   to components/Regulations/RegulationsContent (HAT-1256), so the portal's entry gate links to
   the same text this step shows. --- */
._agreementsGroup_17wut_247 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._agreementPill_17wut_253 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  background: var(--surface-grey-lowest);
  border-radius: 20px;
  padding: 8px 14px;
  min-height: 38px;
  cursor: pointer;
}
._agreementPill_17wut_253 span {
  flex: 1;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: var(--font-body-1);
}._grid_uv8x5_1 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

@media (max-width: 768px) {
  ._grid_uv8x5_1 {
    grid-template-columns: 1fr;
  }
}._wrapper_wficj_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._entry_wficj_7 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  background: var(--surface-grey-lowest);
  border: 1px solid var(--border-lowest);
  border-radius: 8px;
}

._entryHeader_wficj_17 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._removeButton_wficj_23 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--font-error);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._removeButton_wficj_23:hover {
  opacity: 0.85;
}

._addButton_wficj_38 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--surface-action);
  color: var(--font-primary);
  border: 1px dashed var(--border-primary);
  border-radius: 6px;
  align-self: flex-start;
}

._addButton_wficj_38:hover {
  background: var(--surface-primary-lowest);
}

._note_wficj_54 {
  color: var(--font-body-3);
}._instruction_bk9h8_1 {
  color: var(--font-body-3);
}._shell_1v8m9_1 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  align-self: stretch;
}

._stepperHost_1v8m9_10 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}

._earlyLeadExpandBar_1v8m9_18 {
  flex-shrink: 0;
  direction: rtl;
  text-align: right;
  width: 100%;
  max-width: 480px;
  margin: 0 auto 0.5rem;
  padding: 0 1rem;
}

._expandLink_1v8m9_28 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: var(--font-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  text-align: inherit;
}
._expandLink_1v8m9_28:hover {
  color: var(--surface-primary);
}

@media (max-height: 750px) {
  ._earlyLeadExpandBar_1v8m9_18 {
    margin-bottom: 0.25rem;
  }
}
._panel_8ai63_2 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 300px;
  padding: 16px;
  text-align: start;
}

._header_8ai63_11 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: var(--font-tertiary);
}

._scope_8ai63_18 {
  color: var(--font-body-3);
}

._row_8ai63_22 {
  display: flex;
  align-items: center;
  gap: 9px;
  cursor: pointer;
  color: var(--font-body-1);
}

._volumeRow_8ai63_30 {
  display: flex;
  align-items: center;
  gap: 9px;
  padding-inline-start: 25px;
  color: var(--font-tertiary);
}

._volumeRowDisabled_8ai63_38 {
  opacity: 0.45;
  pointer-events: none;
}

._slider_8ai63_44 {
  flex: 1;
  min-width: 0;
  accent-color: var(--surface-primary);
}

._volumeValue_8ai63_50 {
  width: 34px;
  color: var(--font-body-3);
  text-align: end;
}

._testBtn_8ai63_56 {
  padding: 3px 9px;
  border: 1px solid var(--border-tertiary-strong);
  border-radius: 999px;
  background: var(--surface-tertiary-low);
  color: var(--font-tertiary);
  font-family: inherit;
  cursor: pointer;
  flex-shrink: 0;
}
._testBtn_8ai63_56:hover {
  filter: brightness(0.96);
}

._divider_8ai63_70 {
  height: 1px;
  background-color: var(--border-divider);
}

._permissionBtn_8ai63_75 {
  align-self: flex-start;
  margin-inline-start: 25px;
  padding: 5px 11px;
  border: none;
  border-radius: 7px;
  background-color: var(--surface-primary);
  color: var(--font-body-4);
  font-family: inherit;
  cursor: pointer;
}
._permissionBtn_8ai63_75:hover {
  background-color: var(--surface-primary-dark);
}

/* אזהרה ולא שגיאה: אין מה לתקן בדף, רק בהגדרות הדפדפן */
._blockedNote_8ai63_91 {
  margin-inline-start: 25px;
  padding: 8px 10px;
  border-radius: 7px;
  background-color: var(--surface-grey-lowest);
  border: 1px solid var(--border-lowest);
  color: var(--font-body-2);
  line-height: 1.5;
}

._footnote_8ai63_101 {
  color: var(--font-body-3);
  line-height: 1.5;
}

._doneBtn_8ai63_106 {
  height: 36px;
  border: 1px solid var(--border-main);
  border-radius: 8px;
  background: none;
  color: var(--font-body-1);
  font-family: inherit;
  cursor: pointer;
}
._doneBtn_8ai63_106:hover {
  background-color: var(--surface-hover);
}

/* אבחון: מצב השמע ומתי צלצל לאחרונה. ראה ההערה בקומפוננטה. */
._diagnostics_8ai63_120 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 9px 11px;
  border-radius: 7px;
  background-color: var(--surface-grey-lowest);
  border: 1px solid var(--border-lowest);
}

._diagRow_8ai63_130 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: var(--body-size-caption);
  color: var(--font-body-2);
}

._diagOk_8ai63_139 {
  color: var(--font-tertiary);
  font-weight: 600;
}

._diagWarn_8ai63_144 {
  color: var(--font-primary);
  font-weight: 600;
}
/*
 * פעמון ההתראות בראש מסכי הפניות. עבר לכאן מהכותרת העליונה, שם הפעמון שייך
 * לעדכונים (HAT-1099) ושני פעמונים צמודים לא אמרו למשתמש כלום. כאן אין פעמון
 * אחר להתבלבל איתו, ולכן הצורה החצויה שוב יכולה לסמן "מושתק" במבט.
 */
._alertButton_ati7w_7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border: 1px solid var(--border-lowest);
  border-radius: 50%;
  background-color: var(--surface-base);
  color: var(--font-body-3);
  cursor: pointer;
}
._alertButton_ati7w_7:hover {
  background-color: var(--surface-hover);
  color: var(--font-body-1);
}
._statusChip_ar3xo_2,
._labelChip_ar3xo_3 {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: var(--body-size-caption);
  line-height: var(--body-lineheight-xs-small);
  border-radius: 5px;
  white-space: nowrap;
  font-family: inherit;
}

._statusChip_ar3xo_2 {
  padding: 2px 8px;
  border: 1px solid transparent;
}

/*
 * ============================================================
 *  צבעי הסטטוסים
 * ============================================================
 * שני מדדים, ושניהם מהטוקנים של האתר:
 *
 *   הגוון      של מי התור      בורדו = המשרד, טורקיז = הרכז
 *   בהיר/כהה   דחיפות          כהה + מסגרת = דורש טיפול, בהיר = ממתין
 *
 * לכן "חדשה" ו"ממתין למענה" שתיהן בורדו - שתיהן יושבות אצל המשרד - והכהה
 * מביניהן היא זו שאף אחד עוד לא נגע בה. "נסגרה" היא האפורה היחידה, כי היא
 * הסטטוס היחיד שהוא לא התור של אף אחד.
 *
 * ⚠️ קודם אלה היו חמישה צבעי Material גולמיים (כחול, כתום, סגול, סגול בהיר,
 * אפור) בשקיפות 20% דרך style inline. הם לא השתייכו לשום פלטה במסך ונראו
 * כמו חמש מדבקות לא קשורות.
 */
/* המשרד - בורדו */
._statusNew_ar3xo_37 {
  background-color: var(--surface-primary-lowest);
  color: var(--font-primary);
  border-color: var(--border-primary);
}

._statusWaitingForOffice_ar3xo_43 {
  background-color: var(--surface-primary-lowest);
  color: var(--border-primary);
}

/* הרכז - טורקיז */
._statusWaitingForUser_ar3xo_49 {
  background-color: var(--surface-tertiary-low);
  color: var(--font-tertiary);
  border-color: var(--border-tertiary-strong);
}

._statusAnswerReceived_ar3xo_55 {
  background-color: var(--surface-tertiary-low);
  color: var(--border-tertiary-strong);
}

/* אף אחד - אפור */
._statusClosed_ar3xo_61 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-3);
}

._labelChip_ar3xo_3 {
  padding: 2px 6px;
  gap: 4px;
}

._labelDeleteBtn_ar3xo_71 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1;
  opacity: 0.7;
  transition: opacity 0.2s;
}
._labelDeleteBtn_ar3xo_71:hover {
  opacity: 1;
}
._container_olhed_2 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

._messagesArea_olhed_10 {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  /* מרכז את העמודה שבתוכה; ראה .column */
  justify-content: center;
}

/*
 * ⚠️ העמודה הממורכזת. בלעדיה כל בועה נצמדת לקצה של פאנל רחב, ובאמצע נשאר
 * שטח לבן שמושך את העין וגורם לשרשור להיראות ריק - במיוחד בהודעות של מילה
 * אחת. רוחב מוגבל מקרב את שני הצדדים זה לזה, וזה מה שכל צ׳אט עושה.
 *
 * הקווים המקווקווים הם בקשה מפורשת ולא קישוט: הם מסמנים את גבולות השיחה.
 * להסרה - שתי שורות ה-border-inline.
 */
._column_olhed_15 {
  width: 100%;
  max-width: 680px;
  padding: 0 14px;
  border-inline-start: 1px dashed var(--border-lowest);
  border-inline-end: 1px dashed var(--border-lowest);
  display: flex;
  flex-direction: column;
}

/* 14 בין רצפים, 3 בתוך רצף - הפער הוא מה שיוצר את הקיבוץ ויזואלית */
._groupStart_olhed_38 {
  display: flex;
  flex-direction: column;
  margin-top: 14px;
}
._groupStart_olhed_38:first-child {
  margin-top: 0;
}

._groupItem_olhed_47 {
  display: flex;
  flex-direction: column;
  margin-top: 3px;
}

._groupHeader_olhed_53 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 5px;
}

._groupHeaderMine_olhed_60 {
  flex-direction: row-reverse;
}

._groupSender_olhed_65 {
  font-size: var(--body-size-sm);
  font-weight: 600;
  color: var(--font-body-1);
}

._groupTime_olhed_71 {
  font-size: var(--body-size-caption);
  color: var(--font-disabled);
}

/*
 * הבועות מוסחות פנימה ברוחב העיגול, כך שהן מיושרות לשם שמעליהן ולא לקצה
 * העמודה - זה מה שקושר ויזואלית בין הכותרת לרצף שמתחתיה.
 */
._bubbleRow_olhed_80 {
  display: flex;
  justify-content: flex-start;
  padding-inline-start: 36px;
}

._bubbleRowMine_olhed_86 {
  display: flex;
  justify-content: flex-end;
  padding-inline-end: 36px;
}

._loadingCenter_olhed_92 {
  display: flex;
  justify-content: center;
  padding: 8px 0;
}

._loadingSpinner_olhed_98 {
  width: 24px;
  height: 24px;
  border: 2px solid var(--border-main);
  border-top-color: var(--surface-primary);
  border-radius: 50%;
  animation: _chatPanelSpin_olhed_1 0.75s linear infinite;
}

@keyframes _chatPanelSpin_olhed_1 {
  to {
    transform: rotate(360deg);
  }
}
._divider_olhed_112 {
  height: 1px;
  background-color: var(--border-main);
  border: none;
  margin: 0;
}

._replyPreview_olhed_119 {
  padding: 4px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: var(--surface-hover);
}

._replyPreviewText_olhed_127 {
  flex: 1;
  font-size: var(--body-size-caption);
  color: var(--font-body-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._replyCloseBtn_olhed_136 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  font-size: 14px;
  color: var(--font-body-2);
  display: flex;
  align-items: center;
  border-radius: 50%;
}
._replyCloseBtn_olhed_136:hover {
  background-color: var(--surface-grey-low);
}

._hiddenFileInput_olhed_151 {
  display: none;
}

._attachedFiles_olhed_155 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px 12px;
}

._fileChip_olhed_162 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: var(--body-size-caption);
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
  max-width: 180px;
}

._fileChipName_olhed_174 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._fileChipRemove_olhed_180 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 2px;
  display: flex;
  align-items: center;
  color: var(--font-body-2);
  border-radius: 50%;
  flex-shrink: 0;
}
._fileChipRemove_olhed_180:hover {
  background-color: var(--surface-hover);
}

._uploadError_olhed_195 {
  padding: 4px 12px;
  font-size: var(--body-size-caption);
  color: var(--font-error, #b00020);
}

._inputArea_olhed_201 {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._internalWrap_olhed_208 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._internalWrapActive_olhed_214 {
  background-color: #fff3e0;
  margin: -4px -4px 0;
  padding: 8px;
  border-radius: 8px;
  border: 1.5px solid #ff9800;
}

._switchOff_olhed_223 {
  display: inline-block;
  width: 28px;
  height: 16px;
  border-radius: 8px;
  background-color: var(--border-main);
  position: relative;
  transition: background-color 0.2s;
  flex-shrink: 0;
}

._switchOn_olhed_234 {
  background-color: #e65100;
}

._switchThumb_olhed_239 {
  position: absolute;
  top: 2px;
  inset-inline-start: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: white;
  transition: inset-inline-start 0.2s;
}
._switchOn_olhed_234 ._switchThumb_olhed_239 {
  inset-inline-start: 14px;
}

._internalToggle_olhed_253 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--body-size-caption);
  color: var(--font-body-2);
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
  padding: 0;
  transition: color 0.15s;
}
._internalToggle_olhed_253:hover {
  color: var(--font-body-1);
}

._internalToggleActive_olhed_270 {
  color: #e65100;
  font-weight: 600;
}

._internalBanner_olhed_276 {
  font-size: var(--body-size-caption);
  font-weight: 500;
  color: #e65100;
  display: flex;
  align-items: center;
  gap: 4px;
}

._inputRow_olhed_285 {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

._textInput_olhed_291 {
  flex: 1;
  border: 1px solid var(--border-input-default);
  border-radius: 12px;
  padding: 8px 12px;
  font-family: inherit;
  font-size: var(--body-size-sm);
  resize: none;
  outline: none;
  min-height: 40px;
  max-height: 120px;
  transition: border-color 0.2s;
  background-color: var(--surface-base);
}
._textInput_olhed_291:hover {
  border-color: var(--border-input-hover);
}
._textInput_olhed_291:focus {
  border-color: var(--border-input-focus);
}
._textInput_olhed_291:disabled {
  background-color: var(--surface-disabled);
  cursor: not-allowed;
}

._textInputInternal_olhed_316 {
  background-color: var(--surface-primary-lowest);
  border-color: var(--border-primary);
}

._iconBtn_olhed_322 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--font-body-2);
  transition: background-color 0.15s;
}
._iconBtn_olhed_322:hover {
  background-color: var(--surface-hover);
}

._sendBtn_olhed_338 {
  background-color: var(--surface-primary);
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  transition: background-color 0.15s;
}
._sendBtn_olhed_338:hover {
  background-color: var(--surface-primary-dark);
}
._sendBtn_olhed_338:disabled {
  background-color: var(--surface-disabled);
  color: var(--font-disabled);
  cursor: not-allowed;
}

/* Message Bubble Styles */
._messageRow_olhed_360 {
  display: flex;
  gap: 6px;
  align-items: flex-start;
}

._messageRowMine_olhed_366 {
  display: flex;
  flex-direction: row-reverse;
  gap: 6px;
  align-items: flex-start;
}

._avatar_olhed_373 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  color: white;
  flex-shrink: 0;
  margin-top: 2px;
}

._avatarOffice_olhed_387 {
  background-color: var(--surface-secondary);
}

._avatarUser_olhed_392 {
  background-color: var(--surface-primary);
}

._bubble_olhed_80 {
  padding: 8px 13px;
  /* אחוז מהעמודה הממורכזת, לא מהפאנל - כלומר בפועל צר בהרבה מקודם */
  max-width: 84%;
  border-radius: 16px;
  position: relative;
  line-height: var(--body-lineheight-regular);
}
._bubble_olhed_80:hover ._replyBtn_olhed_405 {
  opacity: 1;
}

/*
 * ⚠️ מילוי בלבד - בלי מסגרת, בלי פס צדדי ובלי הזנב המשולש שהיה כאן.
 * הבועות היו #f0f0f0 ו-#e0e0e0, שני אפורים בהפרש של גוון אחד שלא אמרו מי
 * דיבר. אחר כך הוספתי להן מסגרת ופס, וזה החמיר: הודעה של מילה אחת קיבלה
 * שלושה קווים סביבה. צד + גוון זה כל מה שצריך, וזה מה שכל צ׳אט עושה.
 *
 * הפינה החדה מסמנת את **תחילת** הרצף בלבד (הבועה הראשונה אחרי הכותרת),
 * ולכן היא כאן ולא על כל בועה.
 */
._bubbleMine_olhed_418 {
  background-color: var(--surface-grey-low);
  color: var(--font-body-1);
}

._bubbleOther_olhed_424 {
  background-color: var(--surface-tertiary-low);
  color: var(--font-body-1);
}

/* הפינה החדה של תחילת הרצף, לכל צד בנפרד */
._groupStart_olhed_38 ._bubbleMine_olhed_418 {
  border-start-end-radius: 5px;
}

._groupStart_olhed_38 ._bubbleOther_olhed_424 {
  border-start-start-radius: 5px;
}

/*
 * ההערה הפנימית שומרת על המסגרת המקווקווית, ובכוונה: היא **לא** נראית לרכז,
 * וזה הדבר היחיד בשרשור שחייב להיראות אחרת ולא רק בגוון. הזנב המשולש הוסר
 * כמו משאר הבועות.
 */
._bubbleInternal_olhed_444 {
  background-color: color-mix(in srgb, #fbbf24 12%, var(--surface-base));
  border: 1px dashed color-mix(in srgb, #fbbf24 50%, transparent);
}

._internalLabel_olhed_450 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
  font-size: var(--body-size-caption);
  font-weight: 600;
  color: var(--font-primary);
}

._replyQuote_olhed_460 {
  border-inline-start: 4px solid var(--surface-primary);
  margin-bottom: 8px;
  padding: 6px 10px;
  background-color: color-mix(in srgb, var(--surface-primary) 12%, var(--surface-base));
  border-radius: 4px;
}

._replyQuoteText_olhed_468 {
  font-size: var(--body-size-caption);
  font-style: italic;
  color: var(--font-body-1);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._messageContent_olhed_478 {
  margin-top: 4px;
  white-space: pre-wrap;
  font-size: var(--body-size-sm);
  line-height: 1.5;
  color: var(--font-body-1);
}

._messageAttachmentsList_olhed_486 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 6px;
}

._attachmentLink_olhed_493 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  border-radius: 6px;
  font-size: var(--body-size-caption);
  color: var(--font-primary);
  background-color: color-mix(in srgb, var(--surface-primary) 8%, transparent);
  text-decoration: none;
  transition: background-color 0.15s;
}
._attachmentLink_olhed_493:hover {
  background-color: color-mix(in srgb, var(--surface-primary) 16%, transparent);
}

._attachmentAnchor_olhed_509 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

._attachmentDownload_olhed_519 {
  width: 20px;
  height: 20px;
}

._attachmentName_olhed_524 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._attachmentLoading_olhed_531 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: var(--body-size-caption);
  color: var(--font-body-2);
}

._replyBtn_olhed_405 {
  position: absolute;
  top: 4px;
  opacity: 0;
  transition: opacity 0.2s;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  color: var(--font-body-2);
}
._replyBtn_olhed_405:hover {
  background-color: var(--surface-grey-low);
}

._replyBtnStart_olhed_559 {
  inset-inline-start: 4px;
}

._replyBtnEnd_olhed_564 {
  inset-inline-end: 4px;
}

._systemMessage_olhed_569 {
  display: flex;
  justify-content: center;
  padding: 4px 0;
}

._systemMessageText_olhed_575 {
  font-size: var(--body-size-caption);
  color: var(--font-body-2);
  text-align: center;
  max-width: 80%;
  border: 1px dashed var(--border-main);
  border-radius: 16px;
  padding: 4px 12px;
  white-space: pre-wrap;
  word-break: break-word;
}

._systemHighlight_olhed_587 {
  font-weight: 600;
  color: var(--font-body-1);
}
/*
 * ============================================================
 *  מרכז ההתכתבויות - הצד של הרכז
 * ============================================================
 * העיצוב הוא זה של אפליקציית נדרים (css/inquiries.css שם), שנבנה מה-UX
 * בפיגמה. הוא הועבר לכאן בכוונה: אותו מסך יופיע בשני המקומות, ומי שמכיר
 * אחד לא צריך ללמוד את השני. שלושה סימנים מזהים שחייבים להישמר:
 *
 *   1. לוח עליון במנטה עם כותרת ותת-כותרת.
 *   2. הכרטיס הראשון **עולה על תחתית הלוח** - זה ה-margin-top השלילי, והוא
 *      מכוון. בלעדיו זה סתם עוד טבלה עם כותרת.
 *   3. שורת פנייה: עיגול · תקציר + תאריך · נקודה · צ׳ברון.
 *
 * הצבעים הם הטוקנים של האתר ולא ערכים קשיחים, ולכן הבורדו והמנטה כאן הם
 * בדיוק אותם צבעים של שאר המסכים:
 *   --surface-tertiary-low   מנטה - הלוח וההודעה של המשרד
 *   --font-tertiary          טורקיז כהה - כותרות ושמות
 *   --surface-primary        בורדו - נקודה, צ׳ברון, פס ההודעה שלך
 *
 * ⚠️ בדסקטופ זו **שתי עמודות** ולא עמוד אחד כמו במובייל: רשימה מימין
 * ושרשור משמאל. הפריסה של נדרים היא של מסך 375 ואין לה מה לעשות עם 1400
 * פיקסלים - שם המסכים מתחלפים, כאן הם זה לצד זה.
 */
/*
 * ⚠️ רקע אפור לעמוד, ולא לבן. זה לא קוסמטיקה: הלוח העליון הוא מנטה חיוורת
 * (#e9f7f8), והכרטיסים לבנים. על רקע לבן שני אלה נראים כמעט זהים והמסך יוצא
 * שטוח - בדיוק כמו שקרה בבדיקה הראשונה. הרקע האפור הוא מה שמפריד ביניהם.
 * ה-content-container של האתר לא צובע רקע, ולכן זה נופל לכאן.
 */
._page_u74of_31 {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin: -27px -64px;
  padding: 27px 0 0;
  background-color: var(--surface-grey-lowest);
}

@media (max-width: 1099px) {
  ._page_u74of_31 {
    margin: -16px;
    padding-top: 0;
  }
}
/* ---------- הלוח העליון ---------- */
/* הלוח נמשך מקצה לקצה, כמו באפליקציה - ולכן אין לו רדיוס ואין לו שוליים */
._hero_u74of_48 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 64px 62px;
  background-color: var(--surface-tertiary-low);
}

._heroActions_u74of_57 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._heroText_u74of_63 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

._heroTitle_u74of_70 {
  color: var(--font-tertiary);
}

._heroSubtitle_u74of_74 {
  color: var(--font-body-2);
}

/* ---------- האזור מתחת ללוח ---------- */
._mainArea_u74of_79 {
  position: relative;
  display: flex;
  gap: 18px;
  /* סעיף 2 בראש הקובץ - הכרטיסים עולים על תחתית הלוח */
  margin-top: -46px;
  padding: 0 64px 24px;
  height: calc(100vh - 250px);
}

._listPanel_u74of_89 {
  border: 1px solid var(--border-divider);
  border-radius: 14px;
  overflow: auto;
  background-color: var(--surface-base);
  box-shadow: 0 2px 10px rgba(13, 101, 110, 0.08);
  transition: width 0.3s;
  min-height: 0;
}

/*
 * ⚠️ 100% רק במובייל, שם הרשימה היא המסך כולו והשרשור נפתח כמגירה מעליה.
 * בדסקטופ זה היה באג: הרשימה תפסה את כל הרוחב, והפאנל שלצידה נדחס לרצועה
 * של 50 פיקסלים עם טקסט שנשבר אות-אות לאורך.
 */
._listPanelFull_u74of_104 {
  width: 100%;
}

/* רוחב קבוע ולא אחוזים: שורת פנייה צריכה מקום לנושא ולתקציר, ובמסך רחב
   אחוזים נתנו לה 500 פיקסלים מבוזבזים ולשרשור פחות ממה שהוא צריך */
._listPanelSide_u74of_111 {
  width: 420px;
  flex-shrink: 0;
}

._listHeading_u74of_117 {
  padding: 15px 18px 10px;
  color: var(--font-tertiary);
}

/* ---------- שורת פנייה ---------- */
._inquiryItem_u74of_123 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 14px 18px;
  cursor: pointer;
  border: none;
  border-top: 1px solid var(--border-divider);
  background: none;
  text-align: start;
  font-family: inherit;
  transition: background-color 0.15s;
}
._inquiryItem_u74of_123:hover {
  background-color: var(--surface-hover);
}

._inquiryItemSelected_u74of_141 {
  background-color: var(--surface-primary-lowest);
}

/* העיגול של נדרים. ריק בכוונה - אין לרכזים תמונת פרופיל במערכת */
._avatar_u74of_147 {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: var(--surface-tertiary-low);
  flex-shrink: 0;
}

/*
 * ⚠️ min-width: 0 חובה, לא ניקיון: בלעדיו פריט flex לא מתכווץ מתחת לרוחב
 * התוכן, ונושא ארוך מרחיב את השורה ויוצר גלילה אופקית במקום להיחתך.
 */
._inquiryItemMain_u74of_159 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
  min-width: 0;
}

._inquiryItemHeader_u74of_167 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

._inquiryItemSubject_u74of_174 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--font-body-1);
}

._inquiryItemDate_u74of_182 {
  flex-shrink: 0;
  font-size: var(--body-size-caption);
  color: var(--font-body-3);
}

._unreadDot_u74of_188 {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: var(--surface-primary);
  flex-shrink: 0;
}

._inquiryItemMeta_u74of_196 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

/* שורה אחת עם חיתוך: תקציר שנשבר לשתי שורות מקפיץ את גובה כל השורות ברשימה */
._preview_u74of_204 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--font-body-3);
}

._previewWho_u74of_213 {
  color: var(--font-tertiary);
  font-weight: 600;
}

._chevron_u74of_218 {
  color: var(--surface-primary);
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

/* ---------- השרשור ---------- */
._detailPanel_u74of_226 {
  flex: 1;
  min-width: 0;
  min-height: 0;
  border: 1px solid var(--border-divider);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--surface-base);
  box-shadow: 0 2px 10px rgba(13, 101, 110, 0.08);
}

._detailHeader_u74of_239 {
  padding: 15px 18px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  border-bottom: 1px solid var(--border-divider);
  background-color: var(--surface-base);
}

._detailHeaderInfo_u74of_249 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

._detailSubject_u74of_256 {
  color: var(--font-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._detailHeaderMeta_u74of_263 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

._bladeHeaderTop_u74of_270 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 0;
}

._resourceRow_u74of_278 {
  display: flex;
  align-items: center;
  gap: 6px;
}

._resourceLink_u74of_284 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: var(--body-size-caption);
  color: var(--font-action);
  font-weight: 600;
  padding: 0;
}
._resourceLink_u74of_284:hover {
  text-decoration: underline;
}

._closeBtn_u74of_301 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  color: var(--font-body-2);
  flex-shrink: 0;
}
._closeBtn_u74of_301:hover {
  background-color: var(--surface-hover);
}

/* ---------- מצבים ---------- */
._emptyState_u74of_317 {
  padding: 40px 24px;
  text-align: center;
  color: var(--font-body-2);
}

/*
 * הפאנל הריק, כשלא נבחרה פנייה. בלעדיו חצי מהמסך הוא שטח לבן שלא אומר
 * כלום, ולא ברור שצריך לבחור פנייה מהרשימה.
 */
._detailPlaceholder_u74of_327 {
  flex: 1;
  min-width: 0;
  border: 1px dashed var(--border-low);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px;
  text-align: center;
  color: var(--font-body-3);
  background-color: var(--surface-grey-lowest);
}

._placeholderIcon_u74of_343 {
  color: var(--border-tertiary-strong);
  opacity: 0.5;
}

@media (max-width: 1099px) {
  ._hero_u74of_48 {
    padding: 18px 18px 58px;
    border-radius: 0;
  }
  ._mainArea_u74of_79 {
    padding: 0 10px;
    height: calc(100vh - 220px);
  }
}._pickerSearch_121fu_1 {
  width: 100%;
  height: 36px;
  border: 1px solid var(--border-input-default);
  border-radius: 5px;
  padding: 0 12px 0 32px;
  font-size: var(--body-size-sm);
  font-family: inherit;
  outline: none;
  transition: border-color 0.2s;
  background: var(--surface-base);
}
._pickerSearch_121fu_1:hover {
  border-color: var(--border-input-hover);
}
._pickerSearch_121fu_1:focus {
  border-color: var(--border-input-focus);
}

._assignSummary_121fu_20 {
  padding: 10px 12px;
  background-color: color-mix(in srgb, var(--surface-primary) 6%, var(--surface-base));
  border-bottom: 1px solid var(--border-main);
  border-radius: 8px 8px 0 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._assignSummaryRow_121fu_30 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--body-size-sm);
  color: var(--font-body-1);
}

._assignSummaryLabel_121fu_38 {
  color: var(--font-body-2);
  font-size: var(--body-size-caption);
}

._assignSummaryValue_121fu_43 {
  color: var(--font-primary, var(--font-body-1));
  font-weight: 600;
}

._assignCurrentBanner_121fu_48 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-size: var(--body-size-caption);
  color: var(--font-warning, #b45309);
  background-color: var(--surface-warning-muted, color-mix(in srgb, #f59e0b 10%, var(--surface-base)));
  border-bottom: 1px solid var(--border-main);
}

._assignTabDot_121fu_59 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--font-primary);
  flex-shrink: 0;
}

._assignTabs_121fu_67 {
  display: flex;
  border-bottom: 1px solid var(--border-main);
}

._assignTab_121fu_59,
._assignTabActive_121fu_73 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 0;
  border: none;
  background: none;
  font-family: inherit;
  font-size: var(--body-size-sm);
  cursor: pointer;
  transition: color 0.15s, border-color 0.15s;
  border-bottom: 2px solid transparent;
  color: var(--font-body-2);
}
._assignTab_121fu_59:hover,
._assignTabActive_121fu_73:hover {
  color: var(--font-body-1);
  background-color: var(--surface-hover);
}

._assignTabActive_121fu_73 {
  color: var(--font-primary);
  border-bottom-color: var(--font-primary);
  font-weight: 600;
}

._pickerSearchWrapper_121fu_101 {
  position: relative;
  padding: 12px;
}

._pickerInlineError_121fu_106 {
  margin: 0 12px 8px;
  padding: 8px 10px;
  border-radius: 5px;
  font-size: var(--body-size-xs);
  color: var(--font-error, #b00020);
  background: var(--surface-error-muted, color-mix(in srgb, #b00020 12%, transparent));
}

._pickerSearchIcon_121fu_115 {
  position: absolute;
  top: 50%;
  inset-inline-start: 20px;
  transform: translateY(-50%);
  color: var(--font-body-3);
  font-size: 18px;
  pointer-events: none;
  display: flex;
}

._pickerList_121fu_126 {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 280px;
  overflow-y: auto;
}

._pickerItem_121fu_134 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.15s;
  width: 100%;
  border: none;
  background: none;
  text-align: start;
  font-family: inherit;
  font-size: var(--body-size-sm);
  color: var(--font-body-1);
}
._pickerItem_121fu_134:hover {
  background-color: var(--surface-hover);
}

._pickerItemSelected_121fu_153 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.15s;
  width: 100%;
  border: none;
  background: none;
  text-align: start;
  font-family: inherit;
  font-size: var(--body-size-sm);
  color: var(--font-body-1);
  background-color: var(--surface-action-hover);
}
._pickerItemSelected_121fu_153:hover {
  background-color: var(--surface-action-press);
}

._pickerItemDanger_121fu_173 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.15s;
  width: 100%;
  border: none;
  background: none;
  text-align: start;
  font-family: inherit;
  font-size: var(--body-size-sm);
  color: var(--status-rejected-text);
}
._pickerItemDanger_121fu_173:hover {
  background-color: var(--surface-hover);
}

._pickerDivider_121fu_192 {
  height: 1px;
  background-color: var(--border-main);
  margin: 4px 0;
  border: none;
}

._pickerSectionTitle_121fu_199 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  font-size: var(--body-size-caption);
  color: var(--font-body-2);
}

._avatar_121fu_208 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--surface-secondary);
  color: var(--text-body-4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--body-size-caption);
  flex-shrink: 0;
}

._pickerItemContent_121fu_221 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

._pickerItemPrimary_121fu_228 {
  font-size: var(--body-size-sm);
  color: var(--font-body-1);
}

._pickerItemSecondary_121fu_233 {
  font-size: var(--body-size-caption);
  color: var(--font-body-2);
}

._pickerItemTrailing_121fu_238 {
  margin-inline-start: auto;
  display: flex;
  align-items: center;
  gap: 4px;
}

._checkIcon_121fu_245 {
  color: var(--font-primary);
  font-size: 16px;
}

._createOption_121fu_250 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.15s;
  width: 100%;
  border: none;
  background: none;
  text-align: start;
  font-family: inherit;
  font-size: var(--body-size-sm);
  color: var(--font-primary);
  font-weight: 600;
}
._createOption_121fu_250:hover {
  background-color: var(--surface-hover);
}
._page_eiwid_2 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._header_eiwid_9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

._titleGroup_eiwid_17 {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
}

._waitingCount_eiwid_24 {
  color: var(--font-body-3);
}

._headerActions_eiwid_28 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._settingsBtn_eiwid_34 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  color: var(--font-body-2);
}
._settingsBtn_eiwid_34:hover {
  background-color: var(--surface-hover);
}

/*
 * A segmented pill rather than two bordered boxes: this is one question with two answers, and
 * the blue-filled active box read as a submit button - the office kept clicking it expecting
 * something to happen.
 */
._scopeToggle_eiwid_53 {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border-radius: 999px;
  background-color: var(--surface-grey-low);
}

._scopeBtn_eiwid_62 {
  padding: 6px 16px;
  border: none;
  border-radius: 999px;
  background: none;
  cursor: pointer;
  font-family: inherit;
  font-size: var(--body-size-sm);
  color: var(--font-body-3);
  transition: background-color 0.15s, color 0.15s;
}
._scopeBtn_eiwid_62:hover {
  color: var(--font-body-1);
}

._scopeBtnActive_eiwid_77 {
  background-color: var(--surface-base);
  color: var(--font-body-1);
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/*
 * הכלים בכרטיס אחד. קודם הם ריחפו על רקע הדף בלי גבול משותף, וכל כפתור נראה
 * כמו פריט בפני עצמו - חמישה דברים מפוזרים במקום קבוצה אחת.
 */
._labelFilter_eiwid_89 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 9px 12px;
  border: 1px solid var(--border-divider);
  border-radius: 10px;
  background-color: var(--surface-base);
}

._labelFilterBtn_eiwid_100,
._labelFilterBtnActive_eiwid_101 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 12px;
  border: 1px solid var(--border-main);
  border-radius: 5px;
  background: var(--surface-base);
  cursor: pointer;
  font-family: inherit;
  font-size: var(--body-size-caption);
  color: var(--font-body-2);
  transition: background-color 0.15s, border-color 0.15s;
}
._labelFilterBtn_eiwid_100:hover,
._labelFilterBtnActive_eiwid_101:hover {
  background-color: var(--surface-hover);
}

._labelFilterBtnActive_eiwid_101 {
  border-color: var(--font-primary);
  color: var(--font-primary);
  background-color: color-mix(in srgb, var(--surface-primary) 8%, var(--surface-base));
}

._labelFilterChip_eiwid_126 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

._labelFilterChipRemove_eiwid_132 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 2px;
  border-radius: 50%;
  color: var(--font-body-2);
}
._labelFilterChipRemove_eiwid_132:hover {
  background-color: var(--surface-hover);
  color: var(--font-body-1);
}

._labelFilterClear_eiwid_148 {
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: var(--body-size-caption);
  color: var(--font-primary);
  padding: 2px 6px;
}
._labelFilterClear_eiwid_148:hover {
  text-decoration: underline;
}

._createLabelInline_eiwid_161 {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--border-input-focus);
  border-radius: 5px;
  overflow: hidden;
  background: var(--surface-base);
}

._createLabelInput_eiwid_170 {
  height: 28px;
  padding: 0 10px;
  border: none;
  font-family: inherit;
  font-size: var(--body-size-caption);
  outline: none;
  background: transparent;
  width: 120px;
  color: var(--font-body-1);
}
._createLabelInput_eiwid_170::placeholder {
  color: var(--font-body-3);
}

._createLabelSubmit_eiwid_185 {
  height: 28px;
  padding: 0 10px;
  border: none;
  border-inline-start: 1px solid var(--border-main);
  background: color-mix(in srgb, var(--surface-primary) 8%, var(--surface-base));
  cursor: pointer;
  font-family: inherit;
  font-size: var(--body-size-caption);
  font-weight: 600;
  color: var(--font-primary);
  transition: background-color 0.15s;
}
._createLabelSubmit_eiwid_185:hover:not(:disabled) {
  background: color-mix(in srgb, var(--surface-primary) 16%, var(--surface-base));
}
._createLabelSubmit_eiwid_185:disabled {
  opacity: 0.5;
  cursor: default;
}

._createLabelClose_eiwid_206 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  width: 28px;
  border: none;
  border-inline-start: 1px solid var(--border-main);
  background: none;
  cursor: pointer;
  color: var(--font-body-2);
}
._createLabelClose_eiwid_206:hover {
  background-color: var(--surface-hover);
  color: var(--font-body-1);
}

._tabs_eiwid_223 {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--border-main);
  overflow-x: auto;
}

._tab_eiwid_223 {
  padding: 10px 16px;
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
  font-size: var(--body-size-sm);
  color: var(--font-body-2);
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  transition: color 0.15s, border-color 0.15s;
  display: flex;
  align-items: center;
  gap: 6px;
}
._tab_eiwid_223:hover {
  color: var(--font-body-1);
}

._tabActive_eiwid_249 {
  padding: 10px 16px;
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
  font-size: var(--body-size-sm);
  white-space: nowrap;
  border-bottom: 2px solid var(--font-primary);
  transition: color 0.15s, border-color 0.15s;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--font-primary);
  font-weight: 600;
}
._tabActive_eiwid_249:hover {
  color: var(--font-primary);
}

._tabBadge_eiwid_269 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: var(--surface-secondary);
  color: var(--text-body-4);
  font-size: 11px;
  font-weight: 600;
  padding: 0 6px;
}

/* Blade header content */
._bladeTitle_eiwid_284 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

._bladeTitleRow_eiwid_292 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

._bladeLabels_eiwid_299 {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

._bladeResource_eiwid_305 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
}

._resourceLink_eiwid_312 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: var(--body-size-caption);
  color: var(--font-body-4);
  font-weight: 600;
  padding: 0;
  opacity: 0.85;
}
._resourceLink_eiwid_312:hover {
  text-decoration: underline;
  opacity: 1;
}

/* Action toolbar */
._toolbar_eiwid_332 {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

._chatWrapper_eiwid_339 {
  flex: 1;
  overflow: hidden;
}

/* Confirm dialog */
._confirmContent_eiwid_345 {
  text-align: center;
  padding: 16px 0;
}

._confirmText_eiwid_350 {
  font-size: var(--body-size-body);
  color: var(--font-body-1);
  margin-bottom: 16px;
}

/* Subject cell */
._subjectCell_eiwid_357 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._subjectText_eiwid_363 {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._labelsRow_eiwid_370 {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

/* Mobile list */
._mobileList_eiwid_377 {
  border: 1px solid var(--border-main);
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--surface-base);
}

._mobileItem_eiwid_384 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  cursor: pointer;
  border: none;
  background: none;
  text-align: start;
  font-family: inherit;
  width: 100%;
}
._mobileItem_eiwid_384:hover {
  background-color: var(--surface-hover);
}
._mobileItem_eiwid_384:not(:last-child) {
  border-bottom: 1px solid var(--border-main);
}

._mobileItemHeader_eiwid_403 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._mobileItemMeta_eiwid_409 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

._emptyState_eiwid_416 {
  padding: 32px;
  text-align: center;
  color: var(--font-body-2);
}

@media (max-width: 1099px) {
  ._page_eiwid_2 {
    gap: 12px;
  }
}
/* פרטי המשאב יושבים בגוף המגירה, מעל השרשור. ראה bladeResource בקומפוננטה. */
._bladeResourceWrap_eiwid_428 {
  padding: 14px 16px 0;
  flex-shrink: 0;
}._page_y9hbm_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._pageHeader_y9hbm_7 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._backBtn_y9hbm_13 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--border-main);
  background: none;
  cursor: pointer;
  color: var(--font-body-1);
  transition: background-color 0.15s;
  flex-shrink: 0;
}
._backBtn_y9hbm_13:hover {
  background-color: var(--surface-hover);
}

._tabs_y9hbm_31 {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--border-main);
}

._tab_y9hbm_31 {
  padding: 10px 20px;
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
  font-size: var(--body-size-sm);
  color: var(--font-body-2);
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  transition: color 0.15s, border-color 0.15s;
}
._tab_y9hbm_31:hover {
  color: var(--font-body-1);
}

._tabActive_y9hbm_53 {
  color: var(--font-primary);
  border-bottom-color: var(--font-primary);
  font-weight: 600;
}

._card_y9hbm_60 {
  border: 1px solid var(--border-main);
  border-radius: 16px;
  padding: 24px;
  background-color: var(--surface-base);
}

._cardTitle_y9hbm_67 {
  margin-bottom: 16px;
}

._settingRow_y9hbm_71 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

._toggleRow_y9hbm_78 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  cursor: pointer;
}

._numberInput_y9hbm_86 {
  width: 100px;
  height: 36px;
  border: 1px solid var(--border-input-default);
  border-radius: 5px;
  padding: 0 12px;
  font-family: inherit;
  font-size: var(--body-size-sm);
  text-align: center;
  outline: none;
  transition: border-color 0.2s;
}
._numberInput_y9hbm_86:hover {
  border-color: var(--border-input-hover);
}
._numberInput_y9hbm_86:focus {
  border-color: var(--border-input-focus);
}

._textInput_y9hbm_105 {
  height: 36px;
  border: 1px solid var(--border-input-default);
  border-radius: 5px;
  padding: 0 12px;
  font-family: inherit;
  font-size: var(--body-size-sm);
  outline: none;
  flex: 1;
  min-width: 0;
  transition: border-color 0.2s;
}
._textInput_y9hbm_105:hover {
  border-color: var(--border-input-hover);
}
._textInput_y9hbm_105:focus {
  border-color: var(--border-input-focus);
}

._deptDescription_y9hbm_124 {
  color: var(--font-body-2);
  margin-bottom: 16px;
}

._deptCreateRow_y9hbm_129 {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}

._deptList_y9hbm_135 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._deptCard_y9hbm_141 {
  border: 1px solid var(--border-main);
  border-radius: 10px;
  padding: 16px;
  background-color: var(--surface-base);
}

._deptHeader_y9hbm_148 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

._deptHeaderActions_y9hbm_155 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._deptDeleteBtn_y9hbm_161 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  color: var(--font-body-2);
}
._deptDeleteBtn_y9hbm_161:hover {
  color: var(--font-error, #b00020);
  background-color: var(--surface-hover);
}

._deptUsers_y9hbm_176 {
  list-style: none;
  padding: 0;
  margin: 0 0 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._deptUser_y9hbm_176 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  border-radius: 4px;
}
._deptUser_y9hbm_176:hover {
  background-color: var(--surface-hover);
}

._deptRemoveUserBtn_y9hbm_196 {
  margin-inline-start: auto;
}

._deptAddUserRow_y9hbm_201 {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
}

._deptAddUserTrigger_y9hbm_208 {
  display: flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: var(--body-size-caption);
  color: var(--font-primary);
  padding: 4px 0;
}
._deptAddUserTrigger_y9hbm_208:hover {
  text-decoration: underline;
}

._footer_y9hbm_224 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}

._saveSuccess_y9hbm_231 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: var(--body-size-sm);
  color: var(--font-success, #2e7d32);
}

._saveError_y9hbm_239 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: var(--body-size-sm);
  color: var(--font-error, #b00020);
}/*
 * The bank and cheque particulars, in the public site's own arrangement (LandingSite: /bank,
 * /bank-abroad, the cheque popup): pale cards on white, the account name in the brand colour,
 * numbers in a monospace face with their own copy chip. The colours are the site's - it is the
 * page the donor will see - with the portal's brand variable where the site uses its primary.
 */
/*
 * The dialog's own scroll area (MainDialogLayout's last child). The abroad letter is long enough
 * to scroll at laptop heights; a thin bar, with its room kept on both sides so the cards stay
 * centred, instead of the full-height grey one with arrows.
 */
._dialog_17vf6_12 > :last-child {
  scrollbar-width: thin;
  scrollbar-gutter: stable both-edges;
}

._body_17vf6_17 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 560px;
}

/* The room under the last card when there is no footer (the cheque particulars). */
._bottomSpace_17vf6_26 {
  flex: 0 0 12px;
}

._reference_17vf6_30 {
  padding: 8px 14px;
  border-radius: 10px;
  background: #f3e9ed;
  color: #681c3c;
  font-weight: 700;
  font-size: 15px;
  text-align: center;
}

._card_17vf6_40 {
  background: #f7f9fb;
  border: 1px solid #e8edf2;
  border-radius: 12px;
  padding: 10px 16px;
  min-width: 0;
}

._centered_17vf6_48 {
  text-align: center;
}

._between_17vf6_52 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._ltr_17vf6_59 {
  text-align: left;
}

/* A label and its value on one line: the account name, the IBAN. */
._inlineRow_17vf6_64 {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 12px;
  min-width: 0;
}

._inlineRow_17vf6_64 ._cardLabel_17vf6_72 {
  margin: 0;
}

._dot_17vf6_76 {
  margin-inline: 8px;
  opacity: 0.6;
}

._twoCards_17vf6_81 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

@media (max-width: 480px) {
  ._twoCards_17vf6_81 {
    grid-template-columns: 1fr;
  }
}

._cardLabel_17vf6_72 {
  margin: 0 0 4px;
  font-size: 13px;
  color: #3d608a;
}

._cardTitle_17vf6_99 {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 700;
  color: #132f53;
}

._cardLine_17vf6_106 {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #3d608a;
}

._accountName_17vf6_113 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--font-primary);
}

._mono_17vf6_120 {
  margin: 0;
  font-family: ui-monospace, 'Cascadia Mono', Consolas, monospace;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.06em;
  color: #132f53;
}

._breakAll_17vf6_129 {
  overflow-wrap: anywhere;
}

._preLine_17vf6_133 {
  margin: 0;
  white-space: pre-line;
  font-size: 14px;
  line-height: 1.6;
  color: #3d608a;
}

._muted_17vf6_141 {
  opacity: 0.85;
  margin-top: 10px;
  font-size: 13px;
}

._grid_17vf6_147 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 12px;
  margin: 12px 0 0;
  font-size: 14px;
}

._grid_17vf6_147 dt {
  font-weight: 600;
  color: #132f53;
}

._grid_17vf6_147 dd {
  margin: 0;
  color: #3d608a;
}

._highlight_17vf6_165 {
  margin-top: 8px;
  padding: 8px 14px;
  border-radius: 8px;
  background: rgba(255, 215, 0, 0.15);
  border: 1px solid rgba(255, 215, 0, 0.4);
}

._highlightTitle_17vf6_173 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #132f53;
}

._note_17vf6_180 {
  padding: 8px 14px;
  border-radius: 12px;
  background: #edf7ed;
  border: 1px solid #c8e6c9;
  color: #2e7d32;
  font-size: 14px;
}

._inlineLink_17vf6_189 {
  color: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
}

._inlineLink_17vf6_189:hover {
  text-decoration: underline;
}

._copyChip_17vf6_199 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 5px 10px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e8edf2;
  color: #3d608a;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

._between_17vf6_52 ._copyChip_17vf6_199 {
  margin-top: 0;
}

._copyChip_17vf6_199:hover {
  border-color: #b7cce2;
  color: #132f53;
}

._copyChip_17vf6_199 img {
  width: 14px;
  height: 14px;
}

/*
 * Pinned to the bottom of the popup: the actions stay in view when the content above them
 * scrolls, and the padding is the margin the popup lacked under them.
 */
._footer_17vf6_234 {
  position: sticky;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
  padding: 12px 0 24px;
  background: var(--surface-grey-lowest);
  border-top: 1px solid #e8edf2;
}

._footerLink_17vf6_246 {
  flex: 1 1 200px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 38px;
  padding: 0 12px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #d3dee8;
  color: #43617f;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

._footerLink_17vf6_246:hover {
  border-color: #3d608a;
  color: #132f53;
}

._footerLink_17vf6_246 img {
  width: 15px;
  height: 15px;
}
._intro_r4fun_1 {
  margin: 0;
  font-size: 14px;
  color: #334155;
  line-height: 1.6;
}

._createForm_r4fun_8 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}

._field_r4fun_15 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  color: #475569;
}

._nameField_r4fun_23 {
  flex: 1 1 240px;
}

._select_r4fun_27 {
  height: 40px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 0 10px;
  font-family: inherit;
  font-size: 14px;
  background: #fff;
}

._error_r4fun_37 {
  margin: 0;
  color: #b91c1c;
  font-size: 13px;
}

/* The one moment the key is on screen: it has to stand out, and say that it will not come back. */
._newKey_r4fun_44 {
  border: 1px solid #f59e0b;
  background: #fffbeb;
  border-radius: 10px;
  padding: 14px 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._newKeyTitle_r4fun_54 {
  margin: 0;
  font-weight: 700;
  font-size: 15px;
}

._keyRow_r4fun_60 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Keys and URLs read left to right, whatever the page's direction. */
._code_r4fun_67 {
  direction: ltr;
  unicode-bidi: isolate;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 13px;
  background: #f1f5f9;
  border-radius: 6px;
  padding: 4px 8px;
  word-break: break-all;
}

._codeBlock_r4fun_78 {
  display: block;
  white-space: pre-wrap;
  text-align: left;
  padding: 10px 12px;
}

._statusActive_r4fun_86 {
  color: #047857;
  font-weight: 600;
}

._statusInactive_r4fun_91 {
  color: #64748b;
}

._endpointList_r4fun_95 {
  margin: 0;
  padding-inline-start: 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 14px;
}

/*
 * הקישור נשאר בעץ הנגישות ובסדר המיקוד תמיד, אבל בלתי נראה עד שהוא ממוקד.
 * לא display:none ולא visibility:hidden - שניהם מוציאים אותו מסדר המיקוד
 * ומבטלים את כל מטרתו.
 */
._skipLink_7jbtw_7 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
._skipLink_7jbtw_7:focus, ._skipLink_7jbtw_7:focus-visible {
  position: fixed;
  inset-block-start: 12px;
  inset-inline-start: 12px;
  z-index: 2000;
  width: auto;
  height: auto;
  margin: 0;
  padding: 12px 20px;
  overflow: visible;
  clip: auto;
  background: #132f53;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 8px;
  outline: 3px solid #ffd700;
  outline-offset: 2px;
}/*
 * התאמות לתפריט הנגישות (ספריית accessibility).
 * הספרייה חושפת את כל המידות והצבעים כמשתני CSS, ולכן זו דריסת ערכי
 * ברירת מחדל בלבד - בלי !important ובלי נגיעה ב-DOM שלה.
 */

:root {
  /* auto ולא unset: unset מבטל את המשתנה כולו והספרייה נופלת ל-right:10px
     שלה, ואז האלמנט over-constrained (גם left וגם right) והדפדפן מתעלם
     מ-left בעמוד RTL - הכפתור קופץ לצד הלא נכון. */
  /* המידות, הצבע והמרחק מהשוליים זהים בכוונה לכפתור הדיווח הטכני הצף
     (SprintsReportWidget - Fab בגודל medium: 48px, left 24px, bottom 88px). */
  --_access-icon-left: 24px;
  --_access-icon-right: auto;
  /* --cookie-banner-height: באנר העוגיות (CookieConsentBanner.tsx) מפרסם את
     גובהו המלא (כולל ה-padding שסופג את ה-safe area) כל עוד הוא פתוח, והכפתור
     עולה מעליו - הבאנר לא מכסה את הנגישות והנגישות לא מכסה את כפתורי הבאנר.
     max() בין שני המצבים: כשהבאנר סגור ה-var שווה 0 ואנחנו נופלים ל-env(safe-
     area-inset-bottom) כדי להישאר מעל סרגל הבית של iOS; כשהוא פתוח ה-var הוא
     הגובה המלא של הבאנר (כולל safe area), ולכן אין ספירה כפולה של ה-safe area.
     min() clamps the offset: על מכשיר נמוך (לנדסקייפ) עם הגדרות עוגיות
     פתוחות (הבאנר עד ~70dvh) ה-calc הגולמי דוחף את הכפתור מעל למסך. הסף
     100dvh - 120px משאיר 48px לכפתור עצמו + 8px שוליים עליונים + 64px
     לכפתור הדיווח (SprintsReportWidget) שיושב מעליו, כדי ששניהם לא ייחתכו
     ולא יידחסו זה על זה. */
  --_access-icon-bottom: min(max(calc(24px + var(--cookie-banner-height, 0px)), calc(24px + env(safe-area-inset-bottom, 0px))), calc(100dvh - 120px));
  --_access-icon-width: 48px;
  --_access-icon-height: 48px;
  --_access-icon-bg: var(--surface-primary);
  --_access-icon-color: var(--text-body-4);
  --_access-icon-border-radius: 50%;
  --_access-icon-font: 24px / 48px 'Material Icons';
  /* מתחת לווידג'ט הדיווח הפנימי אבל מעל תוכן העמוד */
  --_access-icon-z-index: 1200;

  --_access-menu-background-color: #ffffff;
  --_access-menu-header-color: #132f53;
  --_access-menu-z-index: 1201;

  /* לכל שאר השורות יש אייקון מוגדר בספרייה, ול"סמן עכבר גדול" אין - שם
     ברירת המחדל היא content: inherit, שמסתכמת בשורה בלי אייקון. touch_app
     הוא האייקון שהספרייה עצמה התכוונה לו (מופיע אצלה כהערה). */
  --_access-menu-item-icon-big-cursor: 'touch_app';
}

._access-menu {
  font-family: 'Assistant', system-ui, sans-serif;
}

/* התפריט נבנה LTR; בעברית הוא צריך להתהפך יחד עם מיקום האייקונים. */
html[dir='rtl'] ._access-menu {
  direction: rtl;
  text-align: right;
}

html[dir='rtl'] ._access-menu ul li button {
  text-align: right;
  padding-right: 45px;
  padding-left: 10px;
}

html[dir='rtl'] ._access-menu ul li button::before {
  right: 10px;
  left: auto;
}

/* מיקוד נראה בתוך התפריט - בלעדיו משתמש מקלדת מאבד את מקומו. */
._access-icon:focus-visible,
._access-menu button:focus-visible,
._access-menu a:focus-visible {
  outline: 3px solid #132f53;
  outline-offset: 2px;
}

/* צל ומצב hover זהים לכפתור הדיווח הטכני (SprintsReportWidget.module.scss).
   לצל אין משתנה בספרייה, והיא מזריקה style מאוחר יותר - לכן שני
   הסלקטורים (האלמנט נושא את שתי המחלקות) כדי לגבור בספציפיות. */
._access-icon._access {
  box-shadow: 0 4px 12px rgba(104, 28, 60, 0.3);
  /* הספרייה עושה scale(1.1) בריחוף בלי אנימציה; אותו ריכוך כמו בפידבק. */
  transition:
    transform 150ms ease-in-out,
    box-shadow 150ms ease-in-out,
    background-color 150ms ease-in-out;
}

._access-icon:hover {
  background-color: var(--surface-primary-dark);
  box-shadow: 0 6px 16px rgba(104, 28, 60, 0.4);
}

/*
 * טולטיפ בעיצוב של כפתור הפידבק (MUI Tooltip, placement="right").
 * הספרייה שמה title על האייקון (טולטיפ דפדפן); הקומפוננטה מעבירה אותו
 * ל-data-tooltip + aria-label כדי שיוצג המעוצב במקומו.
 */
/* רק כשה-title כבר הועבר ל-data-tooltip - אחרת (למשל רגע אחרי טעינה)
   היו מוצגים בועה ריקה + טולטיפ הדפדפן זה על זה. */
._access-icon[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  left: calc(100% + 14px);
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(97, 97, 97, 0.92);
  color: #fff;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.4;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease-in-out;
}

._access-icon:hover::after,
._access-icon:focus-visible::after {
  opacity: 1;
}

/* הספרייה קובעת direction:ltr על האייקון; הטולטיפ העברי צריך להתיישר
   עם כיוון העמוד, כמו הטולטיפ של כפתור הפידבק. */
html[dir='rtl'] ._access-icon[data-tooltip]::after {
  direction: rtl;
}

@media (max-width: 640px) {
  :root {
    --_access-icon-bottom: min(max(calc(16px + var(--cookie-banner-height, 0px)), calc(16px + env(safe-area-inset-bottom, 0px))), calc(100dvh - 120px));
    --_access-icon-font: 28px / 46px 'Material Icons';
  }
}
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-orange-50:oklch(98% .016 73.684);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-800:oklch(42.4% .199 265.638);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}button:not(:disabled),button:not(:disabled) *,[role=button]:not(:disabled),[role=button]:not(:disabled) *,a,a *{cursor:pointer}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.start-\[-12px\]{inset-inline-start:-12px}.end-0{inset-inline-end:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-6{top:calc(var(--spacing)*6)}.right-3{right:calc(var(--spacing)*3)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[80\]{z-index:80}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mx-4{margin-inline:calc(var(--spacing)*-4)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-8{margin-inline:calc(var(--spacing)*8)}.mx-auto{margin-inline:auto}.my-8{margin-block:calc(var(--spacing)*8)}.my-auto{margin-block:auto}.ms-1{margin-inline-start:calc(var(--spacing)*1)}.ms-6{margin-inline-start:calc(var(--spacing)*6)}.ms-auto{margin-inline-start:auto}.me-2{margin-inline-end:calc(var(--spacing)*2)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-\[1\.2px\]{margin-top:1.2px}.mt-\[8px\]{margin-top:8px}.mt-px{margin-top:1px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-2{margin-left:calc(var(--spacing)*2)}.box-border{box-sizing:border-box}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!inline-flex{display:inline-flex!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.\!h-8{height:calc(var(--spacing)*8)!important}.\!h-9{height:calc(var(--spacing)*9)!important}.\!h-10{height:calc(var(--spacing)*10)!important}.\!h-\[52px\]{height:52px!important}.h-0{height:calc(var(--spacing)*0)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-\[6px\]{height:6px}.h-\[8px\]{height:8px}.h-\[10px\]{height:10px}.h-\[15px\]{height:15px}.h-\[22px\]{height:22px}.h-\[32px\]{height:32px}.h-\[35px\]{height:35px}.h-\[88px\]{height:88px}.h-\[90vh\]{height:90vh}.h-\[calc\(90vh-80px\)\]{height:calc(90vh - 80px)}.h-full{height:100%}.max-h-56{max-height:calc(var(--spacing)*56)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70dvh\]{max-height:70dvh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[180px\]{max-height:180px}.max-h-\[220px\]{max-height:220px}.max-h-\[240px\]{max-height:240px}.max-h-\[258px\]{max-height:258px}.max-h-\[296px\]{max-height:296px}.max-h-\[320px\]{max-height:320px}.max-h-\[360px\]{max-height:360px}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-12{min-height:calc(var(--spacing)*12)}.min-h-20{min-height:calc(var(--spacing)*20)}.min-h-\[28px\]{min-height:28px}.min-h-\[40px\]{min-height:40px}.min-h-\[50vh\]{min-height:50vh}.min-h-\[72px\]{min-height:72px}.min-h-\[100px\]{min-height:100px}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-11{width:calc(var(--spacing)*11)}.w-16{width:calc(var(--spacing)*16)}.w-\[\.\.\.\]{width:...}.w-\[2\.65\%\]{width:2.65%}.w-\[5\%\]{width:5%}.w-\[8\%\]{width:8%}.w-\[8px\]{width:8px}.w-\[9\%\]{width:9%}.w-\[10\%\]{width:10%}.w-\[10\.4\%\]{width:10.4%}.w-\[10px\]{width:10px}.w-\[11\%\]{width:11%}.w-\[11\.4\%\]{width:11.4%}.w-\[11\.9\%\]{width:11.9%}.w-\[12\%\]{width:12%}.w-\[13\.6\%\]{width:13.6%}.w-\[14\%\]{width:14%}.w-\[14\.5\%\]{width:14.5%}.w-\[15\%\]{width:15%}.w-\[16\%\]{width:16%}.w-\[18\%\]{width:18%}.w-\[19\.4\%\]{width:19.4%}.w-\[20\%\]{width:20%}.w-\[22\%\]{width:22%}.w-\[22px\]{width:22px}.w-\[25\%\]{width:25%}.w-\[26\%\]{width:26%}.w-\[27\%\]{width:27%}.w-\[28\%\]{width:28%}.w-\[34\%\]{width:34%}.w-\[36px\]{width:36px}.w-\[38\%\]{width:38%}.w-\[39\%\]{width:39%}.w-\[40\%\]{width:40%}.w-\[48px\]{width:48px}.w-\[64px\]{width:64px}.w-\[70px\]{width:70px}.w-\[72px\]{width:72px}.w-\[80px\]{width:80px}.w-\[84px\]{width:84px}.w-\[88px\]{width:88px}.w-\[90px\]{width:90px}.w-\[100px\]{width:100px}.w-\[104px\]{width:104px}.w-\[110px\]{width:110px}.w-\[112px\]{width:112px}.w-\[116px\]{width:116px}.w-\[120px\]{width:120px}.w-\[124px\]{width:124px}.w-\[127px\]{width:127px}.w-\[128px\]{width:128px}.w-\[130px\]{width:130px}.w-\[132px\]{width:132px}.w-\[140px\]{width:140px}.w-\[144px\]{width:144px}.w-\[150px\]{width:150px}.w-\[152px\]{width:152px}.w-\[156px\]{width:156px}.w-\[160px\]{width:160px}.w-\[180px\]{width:180px}.w-\[196px\]{width:196px}.w-\[200px\]{width:200px}.w-\[220px\]{width:220px}.w-\[240px\]{width:240px}.w-\[250px\]{width:250px}.w-\[560px\]{width:560px}.w-\[700px\]{width:700px}.w-\[763px\]{width:763px}.w-\[850px\]{width:850px}.w-\[calc\(100\%\+2rem\)\]{width:calc(100% + 2rem)}.w-\[min\(900px\,94vw\)\]{width:min(900px,94vw)}.w-\[…\]{width:…}.w-auto{width:auto}.w-full{width:100%}.max-w-\[\.\.\.\]{max-width:...}.max-w-\[2\.65\%\]{max-width:2.65%}.max-w-\[8\%\]{max-width:8%}.max-w-\[9\%\]{max-width:9%}.max-w-\[10\%\]{max-width:10%}.max-w-\[11\%\]{max-width:11%}.max-w-\[12\%\]{max-width:12%}.max-w-\[15\%\]{max-width:15%}.max-w-\[16\%\]{max-width:16%}.max-w-\[18\%\]{max-width:18%}.max-w-\[20\%\]{max-width:20%}.max-w-\[22\%\]{max-width:22%}.max-w-\[25\%\]{max-width:25%}.max-w-\[27\%\]{max-width:27%}.max-w-\[28\%\]{max-width:28%}.max-w-\[38\%\]{max-width:38%}.max-w-\[40\%\]{max-width:40%}.max-w-\[48px\]{max-width:48px}.max-w-\[60\%\]{max-width:60%}.max-w-\[60px\]{max-width:60px}.max-w-\[70px\]{max-width:70px}.max-w-\[72px\]{max-width:72px}.max-w-\[80px\]{max-width:80px}.max-w-\[84px\]{max-width:84px}.max-w-\[88px\]{max-width:88px}.max-w-\[90px\]{max-width:90px}.max-w-\[96px\]{max-width:96px}.max-w-\[100px\]{max-width:100px}.max-w-\[104px\]{max-width:104px}.max-w-\[110px\]{max-width:110px}.max-w-\[112px\]{max-width:112px}.max-w-\[116px\]{max-width:116px}.max-w-\[120px\]{max-width:120px}.max-w-\[124px\]{max-width:124px}.max-w-\[127px\]{max-width:127px}.max-w-\[130px\]{max-width:130px}.max-w-\[132px\]{max-width:132px}.max-w-\[140px\]{max-width:140px}.max-w-\[150px\]{max-width:150px}.max-w-\[152px\]{max-width:152px}.max-w-\[156px\]{max-width:156px}.max-w-\[160px\]{max-width:160px}.max-w-\[170px\]{max-width:170px}.max-w-\[180px\]{max-width:180px}.max-w-\[190px\]{max-width:190px}.max-w-\[196px\]{max-width:196px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[250px\]{max-width:250px}.max-w-\[260px\]{max-width:260px}.max-w-\[400px\]{max-width:400px}.max-w-\[402px\]{max-width:402px}.max-w-\[412px\]{max-width:412px}.max-w-\[440px\]{max-width:440px}.max-w-\[460px\]{max-width:460px}.max-w-\[500px\]{max-width:500px}.max-w-\[550px\]{max-width:550px}.max-w-\[560px\]{max-width:560px}.max-w-\[600px\]{max-width:600px}.max-w-\[640px\]{max-width:640px}.max-w-\[680px\]{max-width:680px}.max-w-\[720px\]{max-width:720px}.max-w-\[760px\]{max-width:760px}.max-w-\[794px\]{max-width:794px}.max-w-\[832px\]{max-width:832px}.max-w-\[860px\]{max-width:860px}.max-w-\[1132px\]{max-width:1132px}.max-w-\[1400px\]{max-width:1400px}.max-w-\[…\]{max-width:…}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.\!min-w-0{min-width:calc(var(--spacing)*0)!important}.\!min-w-\[120px\]{min-width:120px!important}.\!min-w-\[140px\]{min-width:140px!important}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[\.\.\.\]{min-width:...}.min-w-\[2\.65\%\]{min-width:2.65%}.min-w-\[8\%\]{min-width:8%}.min-w-\[9\%\]{min-width:9%}.min-w-\[10\%\]{min-width:10%}.min-w-\[11\%\]{min-width:11%}.min-w-\[12\%\]{min-width:12%}.min-w-\[15\%\]{min-width:15%}.min-w-\[16\%\]{min-width:16%}.min-w-\[18\%\]{min-width:18%}.min-w-\[20\%\]{min-width:20%}.min-w-\[22\%\]{min-width:22%}.min-w-\[25\%\]{min-width:25%}.min-w-\[27\%\]{min-width:27%}.min-w-\[28\%\]{min-width:28%}.min-w-\[28px\]{min-width:28px}.min-w-\[38\%\]{min-width:38%}.min-w-\[40\%\]{min-width:40%}.min-w-\[40px\]{min-width:40px}.min-w-\[48px\]{min-width:48px}.min-w-\[56px\]{min-width:56px}.min-w-\[60px\]{min-width:60px}.min-w-\[64px\]{min-width:64px}.min-w-\[70px\]{min-width:70px}.min-w-\[72px\]{min-width:72px}.min-w-\[80px\]{min-width:80px}.min-w-\[84px\]{min-width:84px}.min-w-\[88px\]{min-width:88px}.min-w-\[90px\]{min-width:90px}.min-w-\[100px\]{min-width:100px}.min-w-\[104px\]{min-width:104px}.min-w-\[110px\]{min-width:110px}.min-w-\[112px\]{min-width:112px}.min-w-\[116px\]{min-width:116px}.min-w-\[120px\]{min-width:120px}.min-w-\[124px\]{min-width:124px}.min-w-\[127px\]{min-width:127px}.min-w-\[128px\]{min-width:128px}.min-w-\[130px\]{min-width:130px}.min-w-\[132px\]{min-width:132px}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[152px\]{min-width:152px}.min-w-\[156px\]{min-width:156px}.min-w-\[160px\]{min-width:160px}.min-w-\[170px\]{min-width:170px}.min-w-\[175px\]{min-width:175px}.min-w-\[180px\]{min-width:180px}.min-w-\[190px\]{min-width:190px}.min-w-\[196px\]{min-width:196px}.min-w-\[200px\]{min-width:200px}.min-w-\[210px\]{min-width:210px}.min-w-\[220px\]{min-width:220px}.min-w-\[240px\]{min-width:240px}.min-w-\[250px\]{min-width:250px}.min-w-\[260px\]{min-width:260px}.min-w-\[300px\]{min-width:300px}.min-w-\[380px\]{min-width:380px}.min-w-\[420px\]{min-width:420px}.min-w-\[480px\]{min-width:480px}.min-w-\[520px\]{min-width:520px}.min-w-\[560px\]{min-width:560px}.min-w-\[760px\]{min-width:760px}.min-w-\[Npx\]{min-width:Npx}.min-w-\[min\(640px\,90vw\)\]{min-width:min(640px,90vw)}.min-w-\[…\]{min-width:…}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[80px_minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,1\.4fr\)_120px\]{grid-template-columns:80px minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr) 120px}.grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-3\.5{gap:calc(var(--spacing)*3.5)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-9{gap:calc(var(--spacing)*9)}.gap-\[6px\]{gap:6px}.gap-\[10px\]{gap:10px}.gap-\[14px\]{gap:14px}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-x-8{column-gap:calc(var(--spacing)*8)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-3{row-gap:calc(var(--spacing)*3)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\(--border-lowest\)>:not(:last-child)){border-color:var(--border-lowest)}:where(.divide-\(--border-main\)>:not(:last-child)){border-color:var(--border-main)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.\!rounded-\[24px\]{border-radius:24px!important}.\!rounded-lg{border-radius:var(--radius-lg)!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\!border-\(--font-error\){border-color:var(--font-error)!important}.\!border-\(--font-primary\){border-color:var(--font-primary)!important}.\!border-red-300{border-color:var(--color-red-300)!important}.border-\(--border-disabled\){border-color:var(--border-disabled)}.border-\(--border-divider\){border-color:var(--border-divider)}.border-\(--border-input-default\){border-color:var(--border-input-default)}.border-\(--border-low\){border-color:var(--border-low)}.border-\(--border-lowest\){border-color:var(--border-lowest)}.border-\(--border-main\){border-color:var(--border-main)}.border-\(--border-primary\){border-color:var(--border-primary)}.border-\(--border-secondary-strong\){border-color:var(--border-secondary-strong)}.border-\(--border-strong\){border-color:var(--border-strong)}.border-\(--border-tertiary-strong\){border-color:var(--border-tertiary-strong)}.border-\(--border-warning\){border-color:var(--border-warning)}.border-\(--status-rejected-border\){border-color:var(--status-rejected-border)}.border-\[\#e2e8f0\]{border-color:#e2e8f0}.border-\[\#f0c48a\]{border-color:#f0c48a}.border-amber-200{border-color:var(--color-amber-200)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-orange-200{border-color:var(--color-orange-200)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-white{border-color:var(--color-white)}.border-t-transparent{border-top-color:#0000}.\!bg-\(--font-primary\){background-color:var(--font-primary)!important}.\!bg-amber-500{background-color:var(--color-amber-500)!important}.\!bg-red-500{background-color:var(--color-red-500)!important}.\!bg-red-600{background-color:var(--color-red-600)!important}.bg-\(--border-main\){background-color:var(--border-main)}.bg-\(--border-strong\){background-color:var(--border-strong)}.bg-\(--font-error\){background-color:var(--font-error)}.bg-\(--font-primary\){background-color:var(--font-primary)}.bg-\(--font-tertiary\){background-color:var(--font-tertiary)}.bg-\(--icon-status-4\){background-color:var(--icon-status-4)}.bg-\(--status-rejected-bg\){background-color:var(--status-rejected-bg)}.bg-\(--surface-action\){background-color:var(--surface-action)}.bg-\(--surface-base\){background-color:var(--surface-base)}.bg-\(--surface-disabled\){background-color:var(--surface-disabled)}.bg-\(--surface-grey-low\){background-color:var(--surface-grey-low)}.bg-\(--surface-grey-low-2\){background-color:var(--surface-grey-low-2)}.bg-\(--surface-grey-lowest\){background-color:var(--surface-grey-lowest)}.bg-\(--surface-primary\){background-color:var(--surface-primary)}.bg-\(--surface-primary-lowest\){background-color:var(--surface-primary-lowest)}.bg-\(--surface-secondary\){background-color:var(--surface-secondary)}.bg-\(--surface-secondary-dark\){background-color:var(--surface-secondary-dark)}.bg-\(--surface-secondary-low\){background-color:var(--surface-secondary-low)}.bg-\(--surface-secondary-lowest\){background-color:var(--surface-secondary-lowest)}.bg-\(--surface-tertiary-low\){background-color:var(--surface-tertiary-low)}.bg-\(--surface-warning-lowest\){background-color:var(--surface-warning-lowest)}.bg-\[\#c0392b\]{background-color:#c0392b}.bg-\[\#e08a1e\]{background-color:#e08a1e}.bg-\[\#fdecec\]{background-color:#fdecec}.bg-\[\#fff4e5\]{background-color:#fff4e5}.bg-amber-50{background-color:var(--color-amber-50)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-\[12px\]{padding:12px}.p-\[30px\]{padding:30px}.\!px-3{padding-inline:calc(var(--spacing)*3)!important}.\!px-4{padding-inline:calc(var(--spacing)*4)!important}.\!px-6{padding-inline:calc(var(--spacing)*6)!important}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-\[26px\]{padding-inline:26px}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-12{padding-block:calc(var(--spacing)*12)}.py-\[1px\]{padding-block:1px}.py-\[2px\]{padding-block:2px}.py-\[10px\]{padding-block:10px}.ps-4{padding-inline-start:calc(var(--spacing)*4)}.ps-\[36px\]{padding-inline-start:36px}.pe-3{padding-inline-end:calc(var(--spacing)*3)}.pt-0\.5{padding-top:calc(var(--spacing)*.5)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-3\.5{padding-top:calc(var(--spacing)*3.5)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-3{padding-right:calc(var(--spacing)*3)}.\!pb-4{padding-bottom:calc(var(--spacing)*4)!important}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-\[22px\]{padding-bottom:22px}.pb-\[max\(8px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(8px,env(safe-area-inset-bottom))}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[19px\]{font-size:19px}.text-\[22px\]{font-size:22px}.text-\[28px\]{font-size:28px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.\!text-red-500{color:var(--color-red-500)!important}.\!text-white{color:var(--color-white)!important}.text-\(--border-dark\){color:var(--border-dark)}.text-\(--color-danger\){color:var(--color-danger)}.text-\(--font-body-1\){color:var(--font-body-1)}.text-\(--font-body-2\){color:var(--font-body-2)}.text-\(--font-body-3\){color:var(--font-body-3)}.text-\(--font-body-4\){color:var(--font-body-4)}.text-\(--font-body-5\){color:var(--font-body-5)}.text-\(--font-disabled\){color:var(--font-disabled)}.text-\(--font-error\){color:var(--font-error)}.text-\(--font-error\,\#c0392b\){color:var(--font-error,#c0392b)}.text-\(--font-heading\){color:var(--font-heading)}.text-\(--font-info\){color:var(--font-info)}.text-\(--font-link\){color:var(--font-link)}.text-\(--font-on-disabled\){color:var(--font-on-disabled)}.text-\(--font-primary\){color:var(--font-primary)}.text-\(--font-secondary\){color:var(--font-secondary)}.text-\(--font-sm-title\){color:var(--font-sm-title)}.text-\(--font-sub-title\){color:var(--font-sub-title)}.text-\(--font-sub-title-2\){color:var(--font-sub-title-2)}.text-\(--font-tertiary\){color:var(--font-tertiary)}.text-\(--gray-5\){color:var(--gray-5)}.text-\(--neutral-900\){color:var(--neutral-900)}.text-\(--status-rejected-text\){color:var(--status-rejected-text)}.text-\(--surface-secondary-dark\){color:var(--surface-secondary-dark)}.text-\(--text-body-1\){color:var(--text-body-1)}.text-\[\#6b3a00\]{color:#6b3a00}.text-\[\#7a1d1d\]{color:#7a1d1d}.text-\[\#8a4b00\]{color:#8a4b00}.text-\[\#09474e\]{color:#09474e}.text-\[\#a12626\]{color:#a12626}.text-\[var\(--font-body-1\)\]{color:var(--font-body-1)}.text-\[var\(--font-body-3\)\]{color:var(--font-body-3)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.accent-\(--font-primary\){accent-color:var(--font-primary)}.accent-\(--surface-primary\){accent-color:var(--surface-primary)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-\[0_-1px_8px_rgba\(19\,47\,83\,0\.08\)\]{--tw-shadow:0 -1px 8px var(--tw-shadow-color,#132f5314);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-\(--font-body-3\)::placeholder{color:var(--font-body-3)}.checked\:border-\(--border-secondary-strong\):checked{border-color:var(--border-secondary-strong)}.checked\:bg-\(--border-secondary-strong\):checked{background-color:var(--border-secondary-strong)}.checked\:after\:absolute:checked:after{content:var(--tw-content);position:absolute}.checked\:after\:inset-\[3px\]:checked:after{content:var(--tw-content);inset:3px}.checked\:after\:bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjY2NjcgMy41TDUuMjUgOS45MTY2N0wyLjMzMzM3IDciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8\+Cjwvc3ZnPgo\=\'\)\]:checked:after{content:var(--tw-content);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjY2NjcgMy41TDUuMjUgOS45MTY2N0wyLjMzMzM3IDciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=)}.checked\:after\:bg-contain:checked:after{content:var(--tw-content);background-size:contain}.checked\:after\:bg-center:checked:after{content:var(--tw-content);background-position:50%}.checked\:after\:bg-no-repeat:checked:after{content:var(--tw-content);background-repeat:no-repeat}.checked\:after\:content-\[\'\'\]:checked:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:border-\(--border-strong\):hover{border-color:var(--border-strong)}.hover\:bg-\(--surface-action\):hover{background-color:var(--surface-action)}.hover\:bg-\(--surface-base\):hover{background-color:var(--surface-base)}.hover\:bg-\(--surface-hover\):hover{background-color:var(--surface-hover)}.hover\:bg-\(--surface-primary-dark\):hover{background-color:var(--surface-primary-dark)}.hover\:bg-\(--surface-primary-lowest\):hover{background-color:var(--surface-primary-lowest)}.hover\:bg-\(--surface-secondary-lowest\):hover{background-color:var(--surface-secondary-lowest)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-\(--font-primary\):hover{color:var(--font-primary)}.hover\:text-\(--surface-primary\):hover{color:var(--surface-primary)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}}.focus\:border-\(--border-secondary-strong\):focus{border-color:var(--border-secondary-strong)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}@media (hover:hover){.enabled\:hover\:bg-\(--surface-hover\):enabled:hover{background-color:var(--surface-hover)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-\(--surface-secondary-lowest\):disabled{background-color:var(--surface-secondary-lowest)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.data-\[state\=active\]\:bg-red-500[data-state=active]{background-color:var(--color-red-500)}@media not all and (min-width:1099px){.max-\[1099px\]\:flex-col{flex-direction:column}.max-\[1099px\]\:gap-4{gap:calc(var(--spacing)*4)}.max-\[1099px\]\:p-4{padding:calc(var(--spacing)*4)}}@media not all and (min-width:767px){.max-\[767px\]\:flex-col{flex-direction:column}.max-\[767px\]\:items-stretch{align-items:stretch}}@media not all and (min-width:48rem){.max-md\:mx-4{margin-inline:calc(var(--spacing)*4)}.max-md\:mt-2{margin-top:calc(var(--spacing)*2)}.max-md\:mt-6{margin-top:calc(var(--spacing)*6)}.max-md\:mb-4{margin-bottom:calc(var(--spacing)*4)}.max-md\:w-auto{width:auto}.max-md\:w-full{width:100%}.max-md\:max-w-full{max-width:100%}.max-md\:min-w-0{min-width:calc(var(--spacing)*0)}.max-md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-md\:flex-col{flex-direction:column}.max-md\:items-start{align-items:flex-start}.max-md\:items-stretch{align-items:stretch}.max-md\:gap-3{gap:calc(var(--spacing)*3)}.max-md\:gap-4{gap:calc(var(--spacing)*4)}.max-md\:p-4{padding:calc(var(--spacing)*4)}.max-md\:px-4{padding-inline:calc(var(--spacing)*4)}.max-md\:pt-3{padding-top:calc(var(--spacing)*3)}.max-md\:pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.max-md\:text-center{text-align:center}}@media (min-width:40rem){.sm\:\!min-w-\[140px\]{min-width:140px!important}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.\[\&\:not\(\:first-child\)\]\:border-t:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:1px}.\[\&\>button\]\:shrink-0>button{flex-shrink:0}.\[\&\>div\]\:\!px-4>div{padding-inline:calc(var(--spacing)*4)!important}.\[\&\>div\>div\]\:w-full>div>div{width:100%}}@font-face{font-family:Assistant;src:url(/new/assets/Assistant-VariableFont_wght-DNo98ftC.ttf)format("woff2")}*{font-family:Assistant;transition:background-color .3s ease-in-out,color .3s ease-in-out,font-weight .3s ease-in-out}:root{--header-height:64px;--sidebar-width:288px;--sidebar-rail-width:76px;--body-font:"Assistant";--body-size-caption:12px;--body-size-sm:14px;--body-size-body:16px;--body-size-body-lr:18px;--body-lineheight-xs-small:18px;--body-lineheight-sm:16px;--body-lineheight-regular:24px;--body-lineheight-large:28px;--size-heading-H2:28px;--headings-size-h1:36px;--headings-size-h2:28px;--headings-size-h3:24px;--headings-size-h4:20px;--headings-lineheight-h1:46px;--headings-lineheight-h3:34px;--paragraph-4:24px;--paragraph-8:44px;--surface-grey-low:#f4f4f4;--surface-grey-low-2:#efefef;--surface-grey-lowest:#f9f9f9;--surface-secondary-low:#e7eff4;--surface-secondary-lighter:#dbe7ee;--surface-base:#fff;--surface-grey-lighter:#ececec;--surface-information:#adadad;--surface-disabled:#f4f4f4;--surface-on-disabled:#dedede;--surface-action:#fff;--surface-hover:#f9f9f9;--surface-primary:#681c3c;--surface-primary-dark:#4a1129;--surface-secondary:#3d608a;--surface-secondary-lowest:#f8fbff;--surface-action-hover:#f8fbff;--surface-action-press:#e7eff4;--surface-secondary-dark:#172d46;--surface-secondary-strong:#2f4d72;--surface-tertiary-low:#e9f7f8;--surface-primary-lowest:#fef7fa;--surface-press:#f4f4f4;--border-primary:#8f3158;--border-primary-old:#ececec;--border-secondary:#264465;--border-secondary-strong:#32557f;--border-secondary-low:#b7cce2;--border-low:#c3c3c3;--border-lowest:#dedede;--border-main:#dedede;--border-input-default:#c3c3c3;--border-input-hover:#9f9f9f;--border-input-type:#616060;--border-input-focus:#8f3158;--border-strong:#888;--border-light:#adadad;--border-disabled:#dedede;--border-action:#b7cce2;--border-divider:#e4e4e4;--border-dark:#494747;--border-tertiary-strong:#12727b;--font-body-1:#2a2a2a;--font-body-2:#616060;--font-body-3:#757575;--font-body-4:#fff;--font-body-5:#2f4d72;--font-link:#3d6391;--font-tertiary:#0d656e;--font-primary:#681c3c;--font-sm-title:#616060;--font-heading:#2a2a2a;--font-disabled:#adadad;--font-action:#2f4d72;--font-on-disabled:#888;--font-sub-title:#888;--font-sub-title-2:#264465;--text-heading:#222;--text-body-1:#3f3f3f;--text-body-4:#fff;--icon-base:#fff;--icon-on-action:#2f4d72;--icon-primary:#681c3c;--icon-secondary:#2f4d72;--gray-2:#4f4f4f;--gray-4:#bdbdbd;--gray-5:#3e3e3e;--gray-6:#f2f2f2;--green:#d5eee0;--pink:#ecd8e0;--neutral-900:#111827;--icon-status-1:#adadad;--icon-status-2:#f2b680;--icon-status-3:#6d8cb1;--icon-status-4:#d18eab;--icon-status-5:#71b7bd;--icon-status-6:#8cc9a1;--status-approved-bg:#d1fae5;--status-approved-border:#10b981;--status-approved-text:#065f46;--status-rejected-bg:#fee2e2;--status-rejected-border:#ef4444;--status-rejected-text:#991b1b;--status-pending-bg:#fef3c7;--status-pending-border:#f59e0b;--status-pending-text:#92400e;--status-pending-completion-bg:#dbeafe;--status-pending-completion-border:#3b82f6;--status-pending-completion-text:#1e40af;--status-cancelled-bg:#f3f4f6;--status-cancelled-border:#6b7280;--status-cancelled-text:#374151}.regular-18{font-size:18px;font-weight:400;line-height:24px}.semi-bold-16{font-weight:600;font-size:var(--body-size-body);line-height:22px}.regular-16{font-weight:400;font-size:var(--body-size-body);line-height:22px}.semi-bold-14{font-size:15px;font-weight:600;line-height:22px}.regular-14{font-size:15px;font-weight:400;line-height:19px}.body-xs-sm-regular{font-family:var(--body-font);font-weight:400;font-size:var(--body-size-caption);line-height:var(--body-lineheight-xs-small);text-align:start}.body-xs-sm-semibold{font-family:var(--body-font);font-weight:600;font-size:var(--body-size-caption);line-height:var(--body-lineheight-xs-small);text-align:start}.body-xs-sm-bold{font-family:var(--body-font);font-weight:700;font-size:var(--body-size-caption);line-height:var(--body-lineheight-xs-small);text-align:start}.body-sm-regular{font-family:var(--body-font);font-weight:400;font-size:var(--body-size-sm);line-height:var(--body-lineheight-sm);text-align:start}.body-sm-semibold{font-family:var(--body-font);font-weight:600;font-size:var(--body-size-sm);line-height:var(--body-lineheight-sm)}.body-sm-medium{font-family:var(--body-font);font-weight:400;font-size:var(--body-size-sm);line-height:var(--body-lineheight-sm);vertical-align:middle}.body-sm-bold{font-family:var(--body-font);font-weight:700;font-size:var(--body-size-sm);line-height:var(--body-lineheight-sm)}.body-md-regular{font-family:var(--body-font);font-weight:400;font-size:var(--body-size-body);line-height:var(--body-lineheight-regular);text-align:start;vertical-align:middle}.body-md-medium{font:var(--body-font);font-weight:400;font-size:var(--body-size-body);line-height:var(--body-lineheight-regular)}.body-md-semibold{font-family:var(--body-font);font-weight:600;font-size:var(--body-size-body);line-height:var(--body-lineheight-regular);vertical-align:middle}.body-md-bold{font-family:var(--body-font);font-weight:700;font-size:var(--body-size-body);line-height:var(--body-lineheight-regular)}.body-sm-link{font-family:var(--body-font);font-size:var(--body-size-body-sm);font-weight:400;line-height:var(--body-lineheight-xs-small);text-decoration-line:underline;text-decoration-style:solid}.body-md-link{font-family:ver(--body-font);font-weight:600;font-size:var(--body-size-body);line-height:var(--body-lineheight-regular);letter-spacing:0%;text-align:start;cursor:pointer;text-decoration:underline;text-decoration-thickness:2.93874e-39em}.body-lr-regular{font-family:var(--body-font);font-weight:400;font-size:var(--body-size-body-lr);line-height:var(--body-lineheight-large);vertical-align:middle}.body-lr-medium{font-weight:400;font-size:var(--body-size-body-lr);line-height:var(--body-lineheight-large);vertical-align:middle}.body-lr-semibold{font-family:var(--body-font);font-weight:600;font-size:var(--body-size-body-lr);line-height:var(--body-lineheight-large);vertical-align:middle}.body-lr-bold{font-family:var(--body-font);font-weight:700;font-size:var(--body-size-body-lr);line-height:var(--body-lineheight-large)}.body-lr-link{font-family:var(--body-font);font-weight:600;font-size:var(--body-size-body-lr);line-height:var(--body-lineheight-large);cursor:pointer;text-decoration:underline;text-decoration-thickness:2.93874e-39em}.heading-h1-bold{color:var(--font-body-1);font-family:var(--headings-font);font-weight:700;font-size:var(--headings-size-h1);line-height:var(--headings-lineheight-h1);vertical-align:middle}.heading-h2-bold{font-family:var(--headings-font);color:var(--font-body-1);font-weight:700;font-size:var(--headings-size-h2);line-height:var(--paragraph-8);vertical-align:middle}.heading-h3-semibold{font-family:var(--body-font);font-weight:600;font-size:var(--headings-size-h3);line-height:var(--headings-lineheight-h3);vertical-align:middle}.heading-h3-bold{font-weight:700;font-size:var(--headings-size-h3);line-height:var(--headings-lineheight-h3);vertical-align:middle}.heading-h4-regular{font-weight:400;font-size:var(--headings-size-h4);vertical-align:middle;line-height:32px}.heading-h4-semibold{font-weight:600;font-size:var(--headings-size-h4);vertical-align:middle;line-height:32px}.sidebar-container{top:var(--header-height);background-color:var(--surface-grey-lowest);z-index:200;bottom:0;flex-direction:column;width:0;min-width:0;transition:width .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset-inline-start:0;overflow:hidden}.sidebar-container.sidebar-open{width:var(--sidebar-width);overflow:visible}@media (min-width:1100px){.sidebar-container{width:var(--sidebar-width);--sidebar-offscreen:var(--header-height);z-index:auto;top:0;bottom:auto;flex-shrink:0;height:100dvh;transition:width .22s cubic-bezier(.2,0,0,1);position:sticky;inset-inline-start:auto;overflow:visible}.sidebar-container.sidebar-rail,.sidebar-container.sidebar-rail>*{width:var(--sidebar-rail-width)}.sidebar-container.sidebar-rail>*{flex:none;height:100%}}@media (prefers-reduced-motion:reduce){.sidebar-container,.sidebar-container>*{transition:none}}.content-container{flex:1 1 0;width:100%;min-width:0;padding:27px 64px;overflow:visible}.content-container:has([data-sticky-chrome=true]) [data-fund-balance-bar]{z-index:3;margin-bottom:0;position:sticky;top:0}@media (max-width:1099px){.content-container{box-sizing:border-box;max-width:100%;padding:16px;padding-bottom:calc(160px + var(--cookie-banner-height,0px))}.content-container:has([data-card-board=true]){padding-bottom:16px}}@media (max-width:340px){.content-container{padding-inline:12px;overflow-x:clip}}@media (max-width:1099px){.content-container{height:auto;overflow:clip visible}}.sidebar-overlay{z-index:199;background:#0000004d;width:100vw;height:100vh;position:fixed;top:0;left:0}.frame-section{width:100%;min-width:0;max-width:100%;min-height:calc(100vh - var(--header-height));align-items:flex-start;display:flex}@media (max-width:1099px){.frame-section{height:auto;min-height:calc(100vh - var(--header-height))}}input[type=checkbox]:focus-visible{outline:none}img{max-width:unset}html{scrollbar-width:auto;direction:ltr;overflow-y:auto}html[dir=rtl] body{direction:rtl}html[dir=ltr] body{direction:ltr}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-low);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--font-body-5)}@-moz-document url-prefix(){.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--border-low)transparent}}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[role=button]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline-offset:2px;border-radius:4px;outline:3px solid #132f53}main:focus,main:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}