/* Minification failed. Returning unminified contents.
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-bg'
(192,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-bg'
(210,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-orange'
(227,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-bg'
(229,33): run-time error CSS1039: Token not allowed after unary operator: '-gc-edge-border'
(230,34): run-time error CSS1039: Token not allowed after unary operator: '-gc-edge-border'
(233,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-text-main'
(240,34): run-time error CSS1039: Token not allowed after unary operator: '-gc-edge-border'
(266,14): run-time error CSS1039: Token not allowed after unary operator: '-gc-orange'
(266,35): run-time error CSS1039: Token not allowed after unary operator: '-gc-gold'
(266,57): run-time error CSS1039: Token not allowed after unary operator: '-gc-green'
(266,78): run-time error CSS1039: Token not allowed after unary operator: '-gc-blue'
(267,14): run-time error CSS1039: Token not allowed after unary operator: '-gc-orange'
(267,36): run-time error CSS1039: Token not allowed after unary operator: '-gc-gold'
(267,58): run-time error CSS1039: Token not allowed after unary operator: '-gc-green'
(267,79): run-time error CSS1039: Token not allowed after unary operator: '-gc-blue'
(268,14): run-time error CSS1039: Token not allowed after unary operator: '-gc-orange'
(287,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-bg'
(288,35): run-time error CSS1039: Token not allowed after unary operator: '-gc-border'
(308,28): run-time error CSS1039: Token not allowed after unary operator: '-gc-glyph-border'
(310,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-bg'
(311,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-text-dim'
(340,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-text-main'
(349,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-text-dim'
(378,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-bg'
(379,28): run-time error CSS1039: Token not allowed after unary operator: '-gc-border'
(394,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-text-main'
(400,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-msg-bg'
(421,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-msg-bg'
(422,30): run-time error CSS1039: Token not allowed after unary operator: '-gc-border'
(446,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-bubble-ai'
(447,28): run-time error CSS1039: Token not allowed after unary operator: '-gc-border'
(449,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-text-dim'
(493,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-text-main'
(499,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-text-dim'
(515,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-chip-bg'
(516,28): run-time error CSS1039: Token not allowed after unary operator: '-gc-chip-border'
(517,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-cite-text'
(526,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-chip-hover'
(547,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-bubble-ai'
(548,28): run-time error CSS1039: Token not allowed after unary operator: '-gc-border'
(573,26): run-time error CSS1039: Token not allowed after unary operator: '-gc-fs'
(581,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-orange'
(587,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-bubble-ai'
(588,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-text-main'
(589,28): run-time error CSS1039: Token not allowed after unary operator: '-gc-border'
(595,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-err-bg'
(596,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-err-text'
(597,28): run-time error CSS1039: Token not allowed after unary operator: '-gc-err-border'
(613,27): run-time error CSS1039: Token not allowed after unary operator: '-gc-fs'
(614,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-text-dim'
(621,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-text-dim'
(627,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-cite-text'
(645,39): run-time error CSS1039: Token not allowed after unary operator: '-gc-fs'
(646,39): run-time error CSS1039: Token not allowed after unary operator: '-gc-fs'
(647,39): run-time error CSS1039: Token not allowed after unary operator: '-gc-fs'
(665,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-text-dim'
(671,26): run-time error CSS1039: Token not allowed after unary operator: '-gc-fs'
(684,26): run-time error CSS1039: Token not allowed after unary operator: '-gc-fs'
(698,27): run-time error CSS1039: Token not allowed after unary operator: '-gc-fs'
(704,28): run-time error CSS1039: Token not allowed after unary operator: '-gc-border'
(711,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-msg-bg'
(717,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-cite-text'
(718,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-cite-bg'
(726,32): run-time error CSS1039: Token not allowed after unary operator: '-gc-border'
(730,27): run-time error CSS1039: Token not allowed after unary operator: '-gc-fs'
(731,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-text-dim'
(744,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-src-chip-bg'
(745,28): run-time error CSS1039: Token not allowed after unary operator: '-gc-border'
(747,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-src-chip-text'
(767,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-cite-bg'
(768,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-cite-text'
(769,27): run-time error CSS1039: Token not allowed after unary operator: '-gc-fs'
(784,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-bubble-ai'
(785,28): run-time error CSS1039: Token not allowed after unary operator: '-gc-border'
(821,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-bubble-ai'
(822,28): run-time error CSS1039: Token not allowed after unary operator: '-gc-border'
(823,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-src-chip-text'
(834,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-bg'
(835,32): run-time error CSS1039: Token not allowed after unary operator: '-gc-border'
(852,46): run-time error CSS1039: Token not allowed after unary operator: '-gc-user-grad-1'
(852,69): run-time error CSS1039: Token not allowed after unary operator: '-gc-user-grad-2'
(877,22): run-time error CSS1039: Token not allowed after unary operator: '-gc-surface'
(878,30): run-time error CSS1039: Token not allowed after unary operator: '-gc-edge-border'
(892,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-text-main'
(896,26): run-time error CSS1039: Token not allowed after unary operator: '-gc-fs'
(909,17): run-time error CSS1039: Token not allowed after unary operator: '-gc-text-dim'
 */
/* ==========================================================================
   site-chat — ווידג'ט הצ'אט של Gilboa.Web.

   העיצוב זהה ל-ChatWidget של הדסקטופ (GilboaBase/Utilities/ChatWidget*.cs):
   כל צבע וכל מידה נגזרים משם. גופנים מוגדרים בנקודות (pt) ולא בפיקסלים, כי
   הדסקטופ מגדיר Font בנקודות — ב-96dpi זו אותה מידה בדיוק בשני הצדדים.

   --gc-fs הוא גודל הגופן הבסיסי בנקודות (11 כברירת מחדל, 7..16 בזום), ונקבע
   מהסקריפט על .gc-root. כל הגדלים שגדלים בזום נגזרים ממנו ב-calc.
   ========================================================================== */

.gc-root {
    /* צבעי הווידג'ט — שמות זהים לשדות הסטטיים ב-ChatWidget.cs */
    --gc-bg: #ffffff;
    --gc-surface: #f8f9fa;
    --gc-text-main: #1c1c2d;
    --gc-text-dim: #697084;
    --gc-orange: #ff6e40;
    --gc-gold: #ffebd2;
    --gc-green: #22c55e;
    --gc-blue: #3b82f6;
    --gc-border: #e3e7ee;
    --gc-msg-bg: #f2f4f8;
    --gc-bubble-ai: #ffffff;
    --gc-cite-text: #b44415;
    --gc-cite-bg: #fff3ec;
    --gc-user-grad-1: #ff7e50;
    --gc-user-grad-2: #f0561f;
    --gc-chip-bg: #fff7f3;
    --gc-chip-border: #f5c9b2;
    --gc-chip-hover: #fdede5;
    --gc-edge-border: #cbd1dd;
    --gc-src-chip-bg: #f6f8fb;
    --gc-src-chip-text: #3d4356;
    --gc-err-bg: #fef2f2;
    --gc-err-text: #dc2626;
    --gc-err-border: #fecaca;
    --gc-glyph-border: #bebecd;

    --gc-fs: 11;

    position: fixed;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    z-index: 1035;
    direction: rtl;
    font-family: "Segoe UI", Arial, sans-serif;
}

.gc-root *,
.gc-root *::before,
.gc-root *::after {
    box-sizing: border-box;
}

/* האיפוס מחזיק רק מה שאף כלל רכיב לא מגדיר בעצמו. background/border/padding היו כאן
   בעבר — וזה שבר את הכפתורים: הסלקטור הזה הוא (0,1,1) והוא מנצח כל .gc-xxx שהוא (0,1,0),
   כך שהגרדיאנט של כפתור השליחה נמחק והחץ הלבן נשאר לבן על לבן. כל כפתור מגדיר עכשיו
   רקע/מסגרת/ריפוד במפורש. */
.gc-root button {
    font-family: inherit;
    outline: none;
}

/* --------------------------------------------------------------------------
   הבועה הצפה (FAB) — פורט של Gilboa.Theme.UI.AiButton, שהוא ממילא HTML/CSS
   שמרונדר ב-WebView משובץ. אותן טבעות, אותן מהירויות, אותו ניתור.
   -------------------------------------------------------------------------- */

.gc-fab {
    position: fixed;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: var(--gc-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: visible;
}

.gc-fab-rings {
    position: relative;
    width: 75%;
    height: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gc-ring {
    position: absolute;
    border-radius: 50%;
    border: 2.5px solid transparent;
}

.gc-ring-1 {
    width: 100%;
    height: 100%;
    border-top-color: #39ff14;
    border-bottom-color: #00d4ff;
    animation: gc-spin 3s linear infinite;
}

.gc-ring-2 {
    width: 80%;
    height: 80%;
    border-left-color: #ff8c00;
    border-right-color: #ffa500;
    opacity: .8;
    animation: gc-spin-rev 2s linear infinite;
}

.gc-fab-icon {
    position: absolute;
    width: 50%;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.gc-fab-icon img {
    width: 100%;
    height: auto;
    margin-bottom: 4px;
    animation: gc-bounce 2s infinite ease-in-out;
}

.gc-fab-brand {
    font-size: 10px;
    font-weight: bold;
    color: #000;
    margin-top: -2px;
    white-space: nowrap;
    direction: ltr;
}

@keyframes gc-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@keyframes gc-spin-rev {
    from { transform: rotate(360deg); }
    to   { transform: rotate(0deg); }
}

@keyframes gc-bounce {
    0%, 100% { transform: scale(.9); }
    50%      { transform: scale(1.1); }
}

/* כפתור המזעור שמופיע על הבועה ב-hover — עיגול כהה עם מקף לבן, בפינה.
   ילד של הבועה ולא אח שלה: hover על אח היה מפעיל mouseleave על הבועה ומייצר
   לופ הופעה/היעלמות. */
.gc-minhint {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #505050;
    cursor: pointer;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gc-minhint::before {
    content: '';
    width: 8px;
    height: 2px;
    background: #fff;
}

/* --------------------------------------------------------------------------
   הלשונית של מצב ממוזער — מוצמדת לקצה השמאלי, פינות מעוגלות בצד הפנימי
   -------------------------------------------------------------------------- */

.gc-minitab {
    position: fixed;
    width: 30px;
    height: 40px;
    background: var(--gc-bg);
    border: 1.5px solid #ff8c50;
    border-left: 0;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.gc-minitab::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--gc-orange);
}

.gc-minitab img {
    width: 20px;
    height: 20px;
    margin-left: 2px;
}

/* --------------------------------------------------------------------------
   החלון המורחב
   -------------------------------------------------------------------------- */

.gc-panel {
    position: fixed;
    display: flex;
    flex-direction: column;
    background: var(--gc-bg);
    border-radius: 16px;
    border-left: 2px solid var(--gc-edge-border);
    border-right: 2px solid var(--gc-edge-border);
    box-shadow: 0 8px 28px rgba(28, 28, 45, .18);
    overflow: hidden;
    color: var(--gc-text-main);
}

/* סרגל צד מוצמד לקצה השמאלי: קצוות ישרים, וגבול רק בקצה הפנימי */
.gc-panel--dock {
    border-radius: 0;
    border-left: 0;
    border-right: 2px solid var(--gc-edge-border);
}

.gc-panel--full {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
}
/* פסי הצבע הנעים בראש ובתחתית — גרדיאנט של חמשת צבעי המותג שזז שמאלה */
.gc-stripe {
    position: relative;
    flex: 0 0 3px;
    height: 3px;
    overflow: hidden;
}

.gc-stripe::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    width: 400%;
    /* שתי חזרות של רצף חמשת הצבעים, ותזוזה של 50% — כך המעבר מתמשך בלי קפיצה,
       כמו span = width * 2 של PaintStripe בדסקטופ. */
    background: linear-gradient(90deg,
        var(--gc-orange) 0%, var(--gc-gold) 12.5%, var(--gc-green) 25%, var(--gc-blue) 37.5%,
        var(--gc-orange) 50%, var(--gc-gold) 62.5%, var(--gc-green) 75%, var(--gc-blue) 87.5%,
        var(--gc-orange) 100%);
    animation: gc-stripe-move 5s linear infinite;
}

@keyframes gc-stripe-move {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

/* ---------------------------------- כותרת ---------------------------------- */

.gc-header {
    position: relative;
    flex: 0 0 64px;
    height: 64px;
    display: flex;
    direction: ltr;
    align-items: center;
    padding: 0 4px;
    background: var(--gc-bg);
    border-bottom: 1px solid var(--gc-border);
    cursor: move;
    user-select: none;
}

.gc-panel--full .gc-header,
.gc-panel--dock .gc-header {
    cursor: default;
}

.gc-hbtns {
    display: flex;
    flex: 0 0 auto;
}

.gc-glyph {
    width: 26px;
    height: 26px;
    margin-left: 4px;
    padding: 0;
    border: 1px solid var(--gc-glyph-border);
    border-radius: 7px;
    background: var(--gc-bg);
    color: var(--gc-text-dim);
    cursor: pointer;
    font-family: "Segoe UI Symbol", "Segoe UI", sans-serif;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gc-hbtns .gc-glyph:first-child {
    margin-left: 0;
}

.gc-glyph--close    { font-size: 9pt; font-weight: bold; }
.gc-glyph--settings { font-size: 12pt; }
.gc-glyph--new      { font-size: 12pt; }

.gc-htext {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 6px;
    direction: rtl;
    text-align: right;
    overflow: hidden;
}

.gc-htitle {
    font-size: 13pt;
    font-weight: bold;
    color: var(--gc-text-main);
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gc-hsub {
    font-size: 9pt;
    color: var(--gc-text-dim);
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* קופסת הלוגו בכותרת — מלבן מעוגל בגוון כתום שקוף עם הלוגו בתוכו */
.gc-hlogo {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 9px;
    background: rgba(255, 110, 64, .157);
    border: 1px solid rgba(255, 110, 64, .314);
    display: flex;
    align-items: center;
    justify-content: center;
}

.gc-hlogo img {
    width: 32px;
    height: 32px;
}

/* תפריטים נפתחים (הגדרות / העתקה) */
.gc-menu {
    position: absolute;
    min-width: 150px;
    background: var(--gc-bg);
    border: 1px solid var(--gc-border);
    box-shadow: 0 4px 14px rgba(28, 28, 45, .16);
    padding: 3px 0;
    z-index: 20;
    direction: rtl;
}

.gc-menu button {
    display: block;
    width: 100%;
    text-align: right;
    background: none;
    border: 0;
    padding: 5px 14px;
    font-size: 9pt;
    color: var(--gc-text-main);
    cursor: pointer;
    white-space: nowrap;
}

.gc-menu button:hover:not(:disabled) {
    background: var(--gc-msg-bg);
}

.gc-menu button:disabled {
    color: #a9aebd;
    cursor: default;
}

/* תפריט ההגדרות נפתח מתחת לגלגל השיניים, בהצמדה לקצה השמאלי שלו */
.gc-menu--settings {
    top: 46px;
    left: 34px;
}

/* ------------------------------ אזור ההודעות ------------------------------ */

.gc-msgwrap {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    margin: 6px 8px;
    background: var(--gc-msg-bg);
    border: 1.5px solid var(--gc-border);
    border-radius: 10px;
    overflow: hidden;
}

.gc-msglist {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px;
}

/* צ'יפ התאריך של תחילת השיחה */
.gc-datechip {
    text-align: center;
    margin-top: 6px;
}

.gc-datechip span {
    display: inline-block;
    height: 22px;
    line-height: 20px;
    padding: 0 12px;
    border-radius: 11px;
    background: var(--gc-bubble-ai);
    border: 1px solid var(--gc-border);
    font-size: 7.5pt;
    color: var(--gc-text-dim);
}

/* מסך הפתיחה: לוגו עם הילה "נושמת", כותרת, כותרת משנה, וצ'יפים של שאלות */
.gc-welcome {
    text-align: center;
}

.gc-halowrap {
    position: relative;
    height: 64px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gc-halo {
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 110, 64, .35) 0%, rgba(255, 110, 64, 0) 70%);
    animation: gc-halo 3.6s ease-in-out infinite;
}

.gc-halo--paused {
    animation-play-state: paused;
}

@keyframes gc-halo {
    0%, 100% { transform: scale(1); opacity: .61; }
    50%      { transform: scale(1.18); opacity: 1; }
}

.gc-halowrap img {
    position: relative;
    width: 44px;
    height: 44px;
}

.gc-wtitle {
    font-size: 12pt;
    font-weight: bold;
    color: var(--gc-text-main);
    padding: 4px 0;
}

.gc-wsub {
    font-size: 9pt;
    color: var(--gc-text-dim);
    padding-bottom: 10px;
}

.gc-chips {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gc-chip {
    height: 28px;
    max-width: calc(100% - 16px);
    margin-bottom: 8px;
    padding: 0 16px;
    border-radius: 14px;
    background: var(--gc-chip-bg);
    border: 1px solid var(--gc-chip-border);
    color: var(--gc-cite-text);
    font-size: 9pt;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gc-chip:hover {
    background: var(--gc-chip-hover);
}

/* ---------------------------------- בועות --------------------------------- */

.gc-row {
    display: flex;
    direction: ltr;
    padding: 4px;
    align-items: flex-start;
}

.gc-row--ai   { justify-content: flex-start; }
.gc-row--user { justify-content: flex-end; }

.gc-avatar {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    margin-right: 6px;
    border-radius: 50%;
    background: var(--gc-bubble-ai);
    border: 1px solid var(--gc-border);
    display: flex;
    align-items: center;
    justify-content: center;
}

.gc-avatar img {
    width: 18px;
    height: 18px;
}

.gc-bwrap {
    max-width: 78%;
    min-width: 0;
}

.gc-bwrap--wide {
    width: 78%;
}

/* אותם מרווחים של הדסקטופ: ה-RichTextBox יושב ב-(BubbleX+6, 4) ברוחב BubbleWidth-12 */
.gc-bubble {
    direction: rtl;
    text-align: right;
    padding: 4px 6px 8px;
    font-size: calc(var(--gc-fs) * 1pt);
    line-height: 1.35;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* פינת ה"זנב" בקצה החיצוני: אצל המשתמש למטה-מימין, אצל התשובה למטה-משמאל */
.gc-bubble--user {
    background: var(--gc-orange);
    color: #fff;
    border-radius: 14px 14px 0 14px;
}

.gc-bubble--ai {
    background: var(--gc-bubble-ai);
    color: var(--gc-text-main);
    border: 1px solid var(--gc-border);
    border-radius: 14px 14px 14px 0;
    min-width: 96px;
}

.gc-bubble--error {
    background: var(--gc-err-bg);
    color: var(--gc-err-text);
    border: 1px solid var(--gc-err-border);
    border-radius: 14px 14px 14px 0;
}

.gc-bubble--plain {
    white-space: pre-wrap;
}

/* הרצועה שמתחת לבועה: השעה בקצה החיצוני, אייקון ההעתקה בקצה הנגדי */
/* גובה הרצועה נגזר מגופן השעה, כמו בדסקטופ (timeSize.Height + 14) — ולכן הוא גדל בזום */
.gc-meta {
    display: flex;
    direction: ltr;
    align-items: center;
    padding: 3px 4px 6px;
    line-height: 1.2;
    font-size: calc((var(--gc-fs) - 2) * 1pt);
    color: var(--gc-text-dim);
}

.gc-meta--ai   { justify-content: space-between; }
.gc-meta--user { justify-content: flex-end; }

.gc-copy {
    color: var(--gc-text-dim);
    cursor: pointer;
    line-height: 1;
}

.gc-copy:hover {
    color: var(--gc-cite-text);
}

/* ------------------------- רינדור התשובה (Markdown) ------------------------ */

.gc-bubble p {
    margin: 0;
    min-height: .55em;
}

.gc-bubble h1,
.gc-bubble h2,
.gc-bubble h3 {
    margin: 0;
    font-weight: bold;
    line-height: 1.3;
}

.gc-bubble h1 { font-size: calc((var(--gc-fs) + 4) * 1pt); }
.gc-bubble h2 { font-size: calc((var(--gc-fs) + 2) * 1pt); }
.gc-bubble h3 { font-size: calc((var(--gc-fs) + 1) * 1pt); }

.gc-bubble .gc-li {
    display: flex;
    direction: rtl;
    padding-right: 12px;
}

.gc-bubble .gc-li--sub {
    padding-right: 26px;
}

.gc-bubble .gc-mark {
    flex: 0 0 auto;
    min-width: 14px;
}

.gc-bubble .gc-hr {
    color: var(--gc-text-dim);
    letter-spacing: 1px;
}

.gc-bubble code {
    font-family: "Courier New", monospace;
    font-size: calc(var(--gc-fs) * 1pt);
    background: none;
    padding: 0;
    color: inherit;
    direction: rtl;
}

.gc-bubble pre {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    font-family: "Courier New", monospace;
    font-size: calc(var(--gc-fs) * 1pt);
    color: inherit;
    white-space: pre;
    overflow-x: auto;
    direction: ltr;
    text-align: left;
}

/* טבלאות: בדסקטופ ה-RichTextBox מצייר שורות צינור בפונט מונו; בדפדפן זו טבלה
   אמיתית באותם צבעים וגופנים של הבועה. */
.gc-bubble table {
    border-collapse: collapse;
    width: 100%;
    margin: 4px 0;
    font-size: calc((var(--gc-fs) - 1) * 1pt);
    direction: rtl;
}

.gc-bubble th,
.gc-bubble td {
    border: 1px solid var(--gc-border);
    padding: 3px 6px;
    text-align: right;
    vertical-align: top;
}

.gc-bubble th {
    background: var(--gc-msg-bg);
    font-weight: bold;
}

/* מרקר ציטוט בתוך הטקסט */
.gc-cite {
    color: var(--gc-cite-text);
    background: var(--gc-cite-bg);
}

/* ------------------------------ אזור המקורות ------------------------------ */

.gc-sources {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--gc-border);
}

.gc-sources-label {
    font-size: calc((var(--gc-fs) - 2) * 1pt);
    color: var(--gc-text-dim);
    margin-bottom: 4px;
}

.gc-src {
    display: flex;
    direction: rtl;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
    width: fit-content;
    margin: 0 0 8px auto;
    padding: 2px 8px;
    background: var(--gc-src-chip-bg);
    border: 1px solid var(--gc-border);
    border-radius: 6px;
    color: var(--gc-src-chip-text);
    font-size: 9pt;
    overflow: hidden;
}

.gc-src-doc {
    flex: 0 0 8px;
    margin-left: 6px;
}

.gc-src-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gc-src-page {
    flex: 0 0 auto;
    margin-right: 6px;
    padding: 0 4px;
    background: var(--gc-cite-bg);
    color: var(--gc-cite-text);
    font-size: calc((var(--gc-fs) - 2) * 1pt);
}

/* ---------------------------- אינדיקטור הקלדה ---------------------------- */

.gc-typing {
    display: flex;
    direction: ltr;
    align-items: flex-start;
    padding: 4px 4px 8px;
}

.gc-typing-bubble {
    width: 48px;
    height: 28px;
    background: var(--gc-bubble-ai);
    border: 1px solid var(--gc-border);
    border-radius: 14px 14px 14px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gc-dot {
    width: 6px;
    height: 6px;
    margin: 0 2px;
    border-radius: 50%;
    background: rgb(150, 156, 172);
    opacity: .353;
    animation: gc-dot 1.05s steps(1, end) infinite;
}

.gc-dot:nth-child(2) { animation-delay: .35s; }
.gc-dot:nth-child(3) { animation-delay: .7s; }

@keyframes gc-dot {
    0%              { opacity: 1; }
    33.333%, 100%   { opacity: .353; }
}

/* ---------------------------- "חזרה למטה" ---------------------------- */

.gc-pill {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 118px;
    height: 26px;
    padding: 0;
    border-radius: 13px;
    background: var(--gc-bubble-ai);
    border: 1px solid var(--gc-border);
    color: var(--gc-src-chip-text);
    font-size: 8.5pt;
    cursor: pointer;
    z-index: 6;
}

/* ------------------------------- אזור הקלט ------------------------------- */

/* 8 + 44 + 16 + 8 = 76px — גובה הבסיס של אזור הקלט בדסקטופ. גדל עם שדה הקלט. */
.gc-input {
    flex: 0 0 auto;
    background: var(--gc-bg);
    border-top: 1px solid var(--gc-border);
    padding: 8px 10px;
}

.gc-inputrow {
    display: flex;
    direction: ltr;
    align-items: stretch;
}

.gc-send {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--gc-user-grad-1), var(--gc-user-grad-2));
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gc-send:disabled {
    background: linear-gradient(135deg, #bdc3cd, #a0a6b2);
    cursor: default;
}

/* החץ מוצג במראה-מוּפָּך — כיוון השליחה ב-RTL הוא שמאלה */
.gc-send span {
    font-family: "Segoe UI Symbol", "Segoe UI", sans-serif;
    font-size: 13pt;
    line-height: 1;
    transform: scaleX(-1);
}

.gc-inputwrap {
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 0;
    background: var(--gc-surface);
    border: 1.5px solid var(--gc-edge-border);
    border-radius: 8px;
    padding: 3px 6px;
    display: flex;
    align-items: center;
}

.gc-inputwrap textarea {
    width: 100%;
    border: 0;
    outline: none;
    resize: none;
    overflow-y: auto;
    background: transparent;
    color: var(--gc-text-main);
    direction: rtl;
    text-align: right;
    font-family: inherit;
    font-size: calc(var(--gc-fs) * 1pt);
    line-height: 1.3;
}

.gc-inputwrap textarea::placeholder {
    color: #9aa1b0;
}

.gc-disclaimer {
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 7pt;
    color: var(--gc-text-dim);
}

/* ---------------------------- ידיות שינוי גודל ---------------------------- */

.gc-rz {
    position: absolute;
    z-index: 8;
}

.gc-rz-l  { left: 0; top: 0; bottom: 0; width: 6px; cursor: ew-resize; }
.gc-rz-r  { right: 0; top: 0; bottom: 0; width: 6px; cursor: ew-resize; }
.gc-rz-t  { left: 0; right: 0; top: 0; height: 6px; cursor: ns-resize; }
.gc-rz-b  { left: 0; right: 0; bottom: 0; height: 6px; cursor: ns-resize; }
.gc-rz-tl { left: 0; top: 0; width: 10px; height: 10px; cursor: nwse-resize; z-index: 9; }
.gc-rz-tr { right: 0; top: 0; width: 10px; height: 10px; cursor: nesw-resize; z-index: 9; }
.gc-rz-bl { left: 0; bottom: 0; width: 10px; height: 10px; cursor: nesw-resize; z-index: 9; }
.gc-rz-br { right: 0; bottom: 0; width: 10px; height: 10px; cursor: nwse-resize; z-index: 9; }

/* מסך מחסום גלובלי בזמן גרירה/שינוי גודל — מונע בחירת טקסט ואיבוד העכבר */
.gc-dragmask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
}

/* --------------------------------------------------------------------------
   הדפסה: הווידג'ט אינו חלק מהתוכן
   -------------------------------------------------------------------------- */

@media print {
    .gc-root { display: none !important; }
}

/* דיאלוג "תשובה מיידית מ-Gilboa.AI" במסך פנייה כללית.
   פלט ה-Markdown (מחלקות gc-*) מעוצב כאן בתחום .grai-answer בלבד —
   בלי תלות ב-.gc-root של הווידג'ט הצף. */

/* רוחב הדיאלוג עצמו: 820px ולא המחלקה wide (1400px) — אורך שורה קריא לפרוזה */
.ngdialog.grai-modal .ngdialog-content {
    width: 820px;
    max-width: 96%;
    background: #f2f4f8;
}

.ngdialog.grai-modal {
    padding-top: 60px;
}

.grai-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 8px;
    margin-bottom: 12px;
    border-bottom: 3px solid #e3e7ee;
    border-image: linear-gradient(90deg, #ff6e40, #ffebd2, #22c55e, #3b82f6) 1;
}

.grai-logo { width: 36px; height: 36px; }

.grai-title { margin: 0; font-weight: bold; }

.grai-disclaimer { color: #697084; }

.grai-loading { padding: 24px 0; }
/* לוודר ה-AI המשותף מגיע מ-angular-busy (התבנית gilboa-ai-busy.html ב-$templateCache
   והעיצוב ב-Vendor/angular-busy/angular-busy.css, שנטען ב-bundles/appStyles).
   .ai-loader-outer-wrapper הוא position:absolute עם inset 0, ולכן הוא חייב מיכל ממוקם
   בגובה מוגדר - בלעדיו הוא נפרש על כל הדיאלוג ומכסה את כפתור ההמשך. */
.grai-loading-host {
    position: relative;
    min-height: 180px;
    overflow: hidden;
}

/* ללוודר אין תוכן אינטראקטיבי, ו-z-index שלו יוצר הקשר ערימה: בלי זה טקסט מצב שיגלוש
   מחוץ למיכל היה חוסם קליקים על כפתור ההמשך שמתחתיו, בלי שום סימן לתקלה. */
.grai-loading .ai-loader-outer-wrapper {
    pointer-events: none;
}

.grai-answer {
    background: #f8f9fa;
    border: 1px solid #e3e7ee;
    border-radius: 8px;
    padding: 12px 16px;
    max-height: 45vh;
    overflow-y: auto;
    overflow-x: auto;
    overflow-wrap: break-word;
}

.grai-plain { white-space: pre-wrap; }

.grai-answer p { margin: 0 0 6px; }

/* הכתיבות של ChatMarkdownService: h1-h3, code, gc-li/gc-mark ו-gc-hr. בלי הכללים
   האלה בוטסטראפ תופס אותן — כותרת 36px מפוצצת את הקופסה, ו-code מקבל ורוד-על-ורוד
   עם Consolas שאין בו גליפים עבריים. */
.grai-answer h1,
.grai-answer h2,
.grai-answer h3 {
    margin: 0 0 4px;
    font-weight: bold;
    line-height: 1.3;
}

.grai-answer h1 { font-size: 1.15em; }
.grai-answer h2 { font-size: 1.1em; }
.grai-answer h3 { font-size: 1.05em; }

.grai-answer code {
    font-family: "Courier New", monospace;
    background: none;
    padding: 0;
    color: inherit;
    direction: rtl;
}

/* התו של התבליט והטקסט נצמדים בפלט (אין רווח ביניהם), ולכן min-width על התו
   הוא מה שיוצר את עמודת הסימון ואת התלייה של שורה שנשברת. */
.grai-answer .gc-li {
    display: flex;
    direction: rtl;
    margin: 0 0 4px;
    padding-inline-start: 12px;
}

.grai-answer .gc-li--sub { padding-inline-start: 26px; }

.grai-answer .gc-mark {
    flex: 0 0 auto;
    min-width: 14px;
    font-weight: bold;
}

/* gc-hr הוא פסקה שיש בה גם את תווי המקף עצמם, ולכן היא מעומעמת ולא קו גרפי */
.grai-answer .gc-hr {
    color: #697084;
    letter-spacing: 1px;
}

.grai-answer .gc-cite {
    color: #b44415;
    background: #fff3ec;
    border-radius: 4px;
    padding: 0 4px;
    font-size: 0.85em;
}

.grai-answer pre {
    direction: ltr;
    text-align: left;
    background: #fff;
    border: 1px solid #e3e7ee;
    border-radius: 6px;
    padding: 8px;
    overflow-x: auto;
}

.grai-answer table {
    border-collapse: collapse;
    margin: 6px 0;
}

.grai-answer th,
.grai-answer td {
    border: 1px solid #cbd1dd;
    padding: 4px 8px;
}

.grai-answer th { background: #f2f4f8; }

.grai-sources { margin-top: 10px; }

.grai-sources h5 { margin: 0 0 6px; font-weight: bold; }

.grai-source {
    display: inline-block;
    background: #fff7f3;
    border: 1px solid #f5c9b2;
    border-radius: 12px;
    padding: 2px 10px;
    margin: 0 0 4px;
    margin-inline-end: 6px;
    font-size: 0.85em;
}