/* משתנים (צבעים), בסיס, תשובות, חלון תאריך */
:root {
  --bg: #F6F6F6;
  --text: #000000;
  --box-bg: #FFFFFF;
  --box-stroke: #DDDDDD;
  --placeholder: #9A9A9A;
  --send-idle: #AFCEF8;
  --highlight: #AFCEF8;
  --selected: #1E6DF6;
  --send-active: #1E6DF6;
  --send-arrow: #FFFFFF;
  --menu-bg: #FFFFFF;
  --menu-stroke: #EEEEEE;
  --item-hover: #EEEEEE;
  --sidebar-bg: #EEEEEE;
  --bg-rgb: 246, 246, 246;
  --on-inverse: #FFFFFF;
  --send-arrow-idle: #FFFFFF;
  --c-000000: #000000;
  --c-222222: #222222;
  --c-404040: #404040;
  --c-6B6B6B: #6B6B6B;
  --c-707070: #707070;
  --c-9A9A9A: #9A9A9A;
  --c-9CC3FF: #9CC3FF;
  --c-B5B5B5: #B5B5B5;
  --c-C1C1C1: #C1C1C1;
  --c-C8C8C8: #C8C8C8;
  --c-C9C9C9: #C9C9C9;
  --c-CFCFCF: #CFCFCF;
  --c-DCE7FD: #DCE7FD;
  --c-DDDDDD: #DDDDDD;
  --c-EEEEEE: #EEEEEE;
  --c-EEF4FF: #EEF4FF;
  --c-F6F6F6: #F6F6F6;
  --c-FFFFFF: #FFFFFF;
  --sidebar-width: 60px;
  --sidebar-width-open: 250px;
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  background: var(--bg);
}
*, *::before, *::after {
  box-sizing: inherit;
}
html, body {
  height: 100%;
  margin: 0;
  /* העמוד לא נגלל. בצ'אט נגלל רק אזור הצ'אט */
  overflow: hidden;
}
body {
  background: var(--bg);
  /* התוכן ממורכז באזור שמימין לתפריט */
  padding-left: var(--sidebar-width);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans Hebrew', Arial, 'Segoe UI', sans-serif;
}
/* הכותרת והתיבה מחוברות כקבוצה אחת, ממורכזת במסך */
.center {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 29px;
}
/* דף הפתיחה (לפני שליחת פקודה): השדה הראשי בדיוק במרכז המסך, והכותרת 29 פיקסלים מעליו.
   הקבוצה בגובה השדה בלבד (58), והכותרת מחוץ לה, מעליה. שדה שגדל לשתי שורות גדל כלפי מטה,
   הודעת המכסה נשארת 15 פיקסלים מתחתיו, וכותרת ארוכה (במסך צר) גדלה כלפי מעלה */
body:not(.chat-mode) .center {
  position: relative;
  height: 58px;
  justify-content: flex-start;
}
body:not(.chat-mode) .center > h1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + 29px);
}
h1 {
  margin: 0;
  padding: 0 16px;
  color: var(--text);
  font-size: calc(24px * var(--a11y-text, 1));
  font-weight: 600;
  text-align: center;
}
.command-wrap {
  position: relative;
  width: min(600px, calc(100% - 32px));
}
/* במחשב: השדה הראשי ושורת הפקודות רחבים ב-28 פיקסלים מהצ'אט (14 מכל צד, כגודל הפינה המעוגלת),
   כך שהעיגול של הפינות נמצא מחוץ לקו של ההודעות */
@media (min-width: 768px) {
  .command-wrap {
    width: min(628px, calc(100% - 4px));
  }
}
.command-box {
  width: 100%;
  height: 58px;
  background: var(--box-bg);
  border: 1px solid var(--box-stroke);
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  /* ימין 18 פיקסלים לטקסט, שמאל 10 פיקסלים לכפתור השליחה */
  padding: 0 18px 0 10px;
}
/* הודעת מכסה: כשבשדה פקודה שהמשתמש הגיע בה למכסה. 14, Regular, #9A9A9A, ממורכזת.
   כשהשדה במרכז הדף: 15 פיקסלים מתחתיו. כשהשדה בתחתית הדף (מצב צ'אט): 15 פיקסלים מעליו */
.quota-notice {
  position: absolute;
  top: calc(100% + 15px);
  left: 0;
  right: 0;
  margin: 0;
  color: var(--placeholder);
  font-size: calc(14px * var(--a11y-text, 1));
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
/* חיפוש בהיסטוריה: "נמצא גם ב: מס רכישה (2), תשואה (1)". 14, אפור, והסוגים בכחול (לחיצים).
   באותו מקום כמו התאריך של פריט (30 פיקסלים מתחת לקו) */
.history-also {
  margin: 30px 0 0;
  font-size: calc(14px * var(--a11y-text, 1));
  line-height: 1.4;
  color: var(--placeholder);
  text-align: center;
}
.history-also + .history-item,
.history-also + .history-empty {
  margin-top: 15px;
}
/* "הצגת פריטים קודמים": בסוף רשימת ההיסטוריה, ממורכז, בכחול */
.history-more {
  display: block;
  margin: 24px auto 8px;
  padding: 8px 16px;
  border: 1px solid var(--box-stroke);
  border-radius: 999px;
  background: var(--box-bg);
  font: inherit;
  font-size: calc(14px * var(--a11y-text, 1));
  color: var(--selected);
  cursor: pointer;
}
:where(html:not(.phone-ui)) .history-more:hover{
  background: var(--c-EEF4FF);
}
.history-also-link {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  font-size: calc(14px * var(--a11y-text, 1));
  color: var(--send-active);
  cursor: pointer;
}
@media (hover: hover) {
  :where(html:not(.phone-ui)) .history-also-link:hover{
    text-decoration: underline;
  }
}
/* תווית ב-hover על סימן בשורת הפקודות ("פקודות", "מחשבונים", "נתונים"): רקע #222, טקסט לבן 13,
   פינות 7, חץ קטן למטה. ממורכזת מעל הסימן, מעל הקו העליון של השורה (קצה החץ 3 פיקסלים מעליו) */
.row-tip {
  position: absolute;
  z-index: 40;
  padding: 5px 9px;
  border-radius: 7px;
  background: var(--c-222222);
  font-size: calc(13px * var(--a11y-text, 1));
  line-height: 1.2;
  color: #FFFFFF;
  white-space: nowrap;
  pointer-events: none;
}
.row-tip[hidden] {
  display: none;
}
/* החץ נכנס פיקסל אחד לתוך התווית, כך שאין רווח (פס) ביניהם */
.row-tip::after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: var(--c-222222);
}
/* כל התוויות בבת אחת (למשתמש חדש): תווית מתחת לשורה, החץ שלה למעלה */
.row-tip.is-below::after {
  top: auto;
  bottom: calc(100% - 1px);
  border-top-color: transparent;
  border-bottom-color: var(--c-222222);
}
/* תווית ליד פריט בתפריט הצד: קבועה במסך, מחוץ לתפריט באותו גובה כמו הפריט, החץ שלה לכיוון התפריט (מתחת לחלונות) */
.row-tip.is-side {
  position: fixed;
  z-index: 300;
}
.row-tip.is-side::after {
  top: 50%;
  left: auto;
  right: calc(100% - 1px);
  transform: translateY(-50%);
  border-top-color: transparent;
  border-right-color: var(--c-222222);
}
/* כל התוויות נעלמות: דוהות וקטנות מעט לכיוון הכפתור (מעל השורה - כלפי מטה, מתחתיה - כלפי מעלה,
   בתפריט הצד - לכיוון התפריט). 200ms, כמו TIPS_LEAVE_MS ב-js/category-page.js */
.row-tip.is-leaving {
  opacity: 0;
  transform: translateY(4px) scale(0.85);
  transform-origin: 50% 100%;
  transition: opacity 200ms ease, transform 200ms ease;
}
.row-tip.is-leaving.is-below {
  transform: translateY(-4px) scale(0.85);
  transform-origin: 50% 0;
}
.row-tip.is-leaving.is-side {
  transform: translateX(-4px) scale(0.85);
  transform-origin: 0 50%;
}
/* תשובה לשאלה: מי משלם, בכחול מודגש */
.calc-answer .who-pays {
  font-weight: 600;
  color: var(--selected);
}
/* "איפה בודקים": הגוף הרשמי, ומשמאל קישור לאתר (כחול) או "באתר העירייה" (אפור) */
.calc-answer .calc-row.where-row span.where-name {
  color: var(--text);
}
.calc-answer .where-link {
  color: var(--selected);
  text-decoration: underline;
  white-space: nowrap;
}
.calc-answer .where-local {
  color: var(--placeholder);
}
/* השלבים: ציר אנכי בצד ימין, עם נקודה כחולה (12) במרכז השורה הראשונה של כל שלב */
.calc-answer .where-steps {
  position: relative;
  margin: 0;
  padding: 0 22px 0 0;
  list-style: none;
}
.calc-answer .where-steps::before {
  content: "";
  position: absolute;
  right: 6px;
  top: 12px;
  bottom: 12px;
  width: 2px;
  background: var(--c-DCE7FD);
}
.calc-answer .where-steps li {
  position: relative;
  margin: 0 0 10px;
  font-size: calc(15px * var(--a11y-text, 1));
  line-height: calc(24px * var(--a11y-text, 1));
  color: var(--text);
}
.calc-answer .where-steps li:last-child {
  margin-bottom: 0;
}
.calc-answer .where-steps li::before {
  content: "";
  position: absolute;
  right: -21px;
  top: 6px;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border: 2px solid var(--box-bg);
  border-radius: 50%;
  background: var(--selected);
}
/* "אילו מסמכים צריך": סמל של דף (כחול) לכל מסמך, וקו דק (#EEEEEE) בין המסמכים */
.calc-answer .docs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.calc-answer .docs-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
}
.calc-answer .docs-list li + li {
  border-top: 1px solid var(--c-EEEEEE);
}
.calc-answer .docs-list li:first-child {
  padding-top: 2px;
}
.calc-answer .docs-list li:last-child {
  padding-bottom: 2px;
}
.calc-answer .docs-icon {
  flex: none;
  display: flex;
  color: var(--selected);
}
.calc-answer .docs-text {
  font-size: calc(15px * var(--a11y-text, 1));
  line-height: calc(24px * var(--a11y-text, 1));
  color: var(--text);
}
/* "פירוש מושג": כותרת מודגשת (17), ההסבר (15), ובשורה האחרונה ההסתייגות מימין והמקור משמאל */
.calc-answer .data-title.term-title {
  font-size: calc(17px * var(--a11y-text, 1));
  font-weight: 700;
}
.calc-answer .term-text {
  margin: 0;
  font-size: calc(15px * var(--a11y-text, 1));
  line-height: 1.6;
  color: var(--text);
}
/* שאלה חופשית: ערך ארוך נשבר לכמה שורות (ולא יוצא מהבועה), צמוד לשמאל, עד 60% מהרוחב */
/* שורה בגובה 28 כמו בשאר התשובות, ואם הערך נשבר, השורות שלו צפופות יותר (1.45) */
.calc-answer .calc-row.qa-row span:not(.answer-range) {
  line-height: 1.45;
  padding: calc((28px * var(--a11y-text, 1) - 1.45em) / 2) 0;
}
.calc-answer .calc-row.qa-row span:first-child:not(.answer-range) {
  flex: 1 1 auto;
  min-width: 0;
}
.calc-answer .calc-row.qa-row span:last-child:not(.answer-range) {
  flex: 0 1 auto;
  max-width: 60%;
  min-width: min-content;
  white-space: normal;
  text-align: left;
}
/* שאלה חופשית: טקסט התשובה (כשאין שורות, או בנוסף להן) */
.calc-answer .qa-text {
  margin: 8px 0 0;
  line-height: 1.6;
}
/* שאלה חופשית: ההסתייגות, ומתחתיה שורת המקורות (צמודה אליה) */
.calc-answer .qa-foot .price-source + .price-source {
  margin-top: 4px;
}
.calc-answer .term-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 12px;
  row-gap: 4px;
}
.calc-answer .term-foot .price-source {
  margin: 0;
}
/* המקור: באותה שורה עם ההסתייגות כשיש מקום. מקור ארוך יורד לשורה משלו ונשבר בתוכה, ולא יוצא מהתשובה */
.calc-answer .term-source {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.calc-answer .term-source a {
  color: var(--selected);
  text-decoration: underline;
}
/* "מה ההבדל": טבלה במסגרת אפורה (פינות 10). כותרות המושגים בכחול על רקע #F6F6F6, תוויות באפור,
   וקו דק בין השורות */
.calc-answer .diff-table {
  display: grid;
  grid-template-columns: auto 1fr 1fr;
  border: 1px solid var(--c-EEEEEE);
  border-radius: 10px;
  overflow: hidden;
  font-size: calc(14px * var(--a11y-text, 1));
  line-height: 1.45;
}
.calc-answer .diff-table > div {
  padding: 8px 10px;
  color: var(--text);
}
.calc-answer .diff-table .diff-head {
  background: var(--c-F6F6F6);
}
.calc-answer .diff-table .diff-name {
  font-weight: 700;
  color: var(--selected);
}
.calc-answer .diff-table .diff-label,
.calc-answer .diff-table .diff-cell {
  border-top: 1px solid var(--c-EEEEEE);
}
.calc-answer .diff-table .diff-label {
  color: var(--c-707070);
  white-space: nowrap;
}
/* מועדים: שני כרטיסים זה לצד זה. הראשון ברקע תכלת, השני לבן עם מסגרת. התאריך גדול ובכחול */
.calc-answer .deadline-cards {
  display: flex;
  gap: 10px;
}
.calc-answer .deadline-card {
  flex: 1;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--c-EEEEEE);
  border-radius: 10px;
}
.calc-answer .deadline-card.is-main {
  border-color: transparent;
  background: var(--c-EEF4FF);
}
.calc-answer .deadline-card-label {
  margin: 0;
  font-size: calc(13px * var(--a11y-text, 1));
  color: var(--c-707070);
}
.calc-answer .deadline-card-date {
  margin: 0;
  font-size: calc(26px * var(--a11y-text, 1));
  font-weight: 700;
  line-height: 1.3;
  color: var(--selected);
}
.calc-answer .deadline-card-left {
  margin: 0;
  font-size: calc(13px * var(--a11y-text, 1));
  color: var(--text);
}
/* "מתי הבלעדיות תקפה": תנאי לכל שורה, עם ✓ בעיגול כחול, וקו דק בין התנאים */
.calc-answer .data-title.valid-title {
  font-weight: 600;
}
.calc-answer .valid-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.calc-answer .valid-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
}
.calc-answer .valid-list li + li {
  border-top: 1px solid var(--c-EEEEEE);
}
.calc-answer .valid-list li:last-child {
  padding-bottom: 0;
}
.calc-answer .valid-icon {
  flex: none;
  display: flex;
  margin-top: 3px;
  color: var(--selected);
}
.calc-answer .valid-text {
  font-size: calc(15px * var(--a11y-text, 1));
  line-height: calc(24px * var(--a11y-text, 1));
  color: var(--text);
}
/* מועדי מס: ציר אנכי בצד ימין, עם נקודה לכל מועד (כחולה, ואפורה למה שעבר), השם, התאריך ומה נשאר */
.calc-answer .tax-tl {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.calc-answer .tax-tl::before {
  content: "";
  position: absolute;
  right: 7px;
  top: 12px;
  bottom: 28px;
  width: 2px;
  background: var(--c-DCE7FD);
}
.calc-answer .tax-tl li {
  position: relative;
  padding: 0 24px 14px 0;
}
.calc-answer .tax-tl li:last-child {
  padding-bottom: 0;
}
.calc-answer .tax-tl li::before {
  content: "";
  position: absolute;
  right: 2px;
  top: 6px;
  z-index: 1;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border: 2px solid var(--box-bg);
  border-radius: 50%;
  background: var(--selected);
}
.calc-answer .tax-tl li.is-past::before {
  background: var(--c-9A9A9A);
}
.calc-answer .tax-tl-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  font-size: calc(15px * var(--a11y-text, 1));
  line-height: calc(24px * var(--a11y-text, 1));
  color: var(--text);
}
.calc-answer .tax-tl-date {
  font-weight: 600;
}
.calc-answer .tax-tl-left {
  font-size: calc(12px * var(--a11y-text, 1));
  text-align: left;
  color: var(--c-707070);
}
/* "כדאי לדעת": רקע תכלת, פינות 10, הכותרת בכחול מודגש */
.calc-answer .tip-box {
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--c-EEF4FF);
}
.calc-answer .tip-title {
  margin: 0 0 4px;
  font-size: calc(15px * var(--a11y-text, 1));
  font-weight: 700;
  line-height: 1.4;
  color: var(--selected);
}
.calc-answer .tip-text {
  margin: 0;
  font-size: calc(15px * var(--a11y-text, 1));
  line-height: 1.6;
  color: var(--text);
}
/* ===== היסטוריה: "קטגוריה ▾ ‹ סוג ▾" =====
   במקום המתג והלשוניות. הקטגוריה באפור והסוג בשחור, בלי מסגרות. כל אחד פותח חלון בחירה */
.history-tabs,
.history-seg {
  display: none !important;
}
.history-crumb {
  position: absolute;
  top: -6px;
  right: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.crumb-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 6px 8px;
  border: none;
  border-radius: 8px;
  background: none;
  font-family: inherit;
  font-size: calc(16px * var(--a11y-text, 1));
  font-weight: 400;
  line-height: 1;
  color: var(--text);
  cursor: pointer;
}
.crumb-group {
  color: var(--c-707070);
}
@media (hover: hover) {
  :where(html:not(.phone-ui)) .crumb-btn:hover{
    background: var(--item-hover);
  }
}
.crumb-btn[aria-expanded="true"] {
  background: var(--item-hover);
}
.crumb-caret {
  font-size: calc(11px * var(--a11y-text, 1));
  color: var(--placeholder);
}
.crumb-arrow {
  font-size: calc(16px * var(--a11y-text, 1));
  color: var(--c-C8C8C8);
}
/* דף הפתיחה של ההיסטוריה (לפני שנבחרה קטגוריה): "קטגוריה ▾ ‹ פקודה ▾". "פקודה" באפור ולא לחיץ,
   עד שבוחרים קטגוריה */
.crumb-type:disabled {
  color: var(--placeholder);
  cursor: default;
  background: none !important;
}
/* דף הפתיחה: "היסטוריה" במרכז הדף (כמו המשפט בצ'אט, בלי אנימציה), ומתחתיו הסבר באפור */
.history-home {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 16px 12vh;
  pointer-events: none;
  text-align: center;
}
.history-home[hidden] {
  display: none;
}
.history-home-title {
  margin: 0;
  color: var(--text);
  font-size: calc(24px * var(--a11y-text, 1));
  font-weight: 600;
  line-height: 1.2;
}
.history-home-hint {
  margin: 14px 0 0;
  color: var(--placeholder);
  font-size: calc(15px * var(--a11y-text, 1));
  line-height: 1.4;
}
/* 3 פיקסלים בין האפשרויות, כך שרקע הבחירה ורקע ה-hover לא מתחברים (כמו בתפריט הצד) */
.crumb-menu:not([hidden]) {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.crumb-menu {
  position: absolute;
  top: calc(100% + 6px);
  z-index: 60;
  min-width: 160px;
  padding: 10px;
  border: 1px solid var(--menu-stroke, var(--c-EEEEEE));
  border-radius: 14px;
  background: var(--box-bg);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
.crumb-item {
  display: block;
  width: 100%;
  margin: 0;
  padding: 6px 10px;
  border: none;
  border-radius: 8px;
  background: none;
  font-family: inherit;
  font-size: calc(15px * var(--a11y-text, 1));
  line-height: 1.2;
  color: var(--text);
  text-align: right;
  white-space: nowrap;
  cursor: pointer;
}
@media (hover: hover) {
  :where(html:not(.phone-ui)) .crumb-item:hover{
    background: var(--item-hover);
  }
}
.crumb-item[aria-selected="true"] {
  background: var(--item-hover);
}
/* ===== חלון תאריך (מס שבח): רשימת חודשים ורשימת שנים, לבחירה בלחיצה ===== */
.command-menu.field-menu.date-menu {
  width: 220px;
  height: auto;
  padding: 15px;
}
.date-title {
  margin: 0 0 12px;
  font-size: calc(16px * var(--a11y-text, 1));
  font-weight: 400;
  line-height: 1;
  color: var(--text);
  text-align: right;
}
.date-cols {
  display: flex;
  gap: 10px;
}
.date-col {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.date-col-month {
  width: 72px;
}
/* חלון תאריך עם יום (למשל סוף בלעדיות): עמודת יום, והחלון רחב יותר */
.command-menu.field-menu.date-menu.has-day {
  width: 290px;
}
.date-col-day {
  width: 60px;
}
.date-col-year {
  flex: 1;
}
.date-sub {
  font-size: calc(13px * var(--a11y-text, 1));
  line-height: 1;
  color: var(--placeholder);
  text-align: right;
}
.date-list {
  height: 150px;
  padding: 4px;
  overflow-y: auto;
  border: 1px solid var(--box-stroke);
  border-radius: 10px;
  scrollbar-width: thin;
}
.date-item {
  display: block;
  width: 100%;
  margin: 0;
  padding: 6px 10px;
  border: none;
  border-radius: 8px;
  background: none;
  font-family: inherit;
  font-size: calc(15px * var(--a11y-text, 1));
  line-height: 1.2;
  color: var(--text);
  text-align: right;
  cursor: pointer;
}
@media (hover: hover) {
  :where(html:not(.phone-ui)) .date-item:not(:disabled):hover{
    background: var(--item-hover);
  }
}
.date-item[aria-selected="true"] {
  background: var(--item-hover);
}
.date-item:disabled {
  color: var(--c-C8C8C8);
  cursor: default;
}
/* כותרת של חלק בתשובת נתונים ("דירה יחידה", "שיעור מימון מרבי"): 15, Medium */
.calc-answer .data-title {
  margin: 0;
  font-size: calc(15px * var(--a11y-text, 1));
  font-weight: 500;
  line-height: 1.3;
  color: var(--text);
}
/* מקש בתוך הודעה ("Tab", "Enter", "+"): מסגרת קטנה */
.key-hint {
  display: inline-block;
  margin: 0 2px;
  padding: 0 6px;
  border: 1px solid var(--box-stroke);
  border-radius: 5px;
  background: var(--box-bg);
  font-family: inherit;
  font-size: calc(12px * var(--a11y-text, 1));
  line-height: calc(18px * var(--a11y-text, 1));
  color: var(--c-707070);
}
/* כתיבה חופשית: ההשלמה של הפקודה מופיעה באפור בהיר אחרי מה שהוקלד */
.command-overlay .ghost {
  color: var(--c-B5B5B5);
}
.quota-notice[hidden] {
  display: none;
}
/* "פקודה זו לא זמינה כרגע": באותו מקום ועיצוב של הודעת המכסה, אבל מיושרת כך שהסוף שלה
   תמיד 15 פיקסלים משמאל לחלון הפקודות (הריווח הימני מחושב בזמן הצגה) */
.command-notice {
  text-align: right;
}