/* Чат поддержки (T-116): страница /support, панель на компьютере и кнопка в углу.
   Только переменные скелета (site.css) и темы зала — в каждом зале свои цвета.
   Загружается лишь там, где чат нужен: на /support и когда его открывают. */
.support-chat{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}
.support-chat__log{flex:1 1 auto;min-height:0;margin:0;padding:12px;overflow-y:auto;list-style:none;-webkit-overflow-scrolling:touch}
.support-msg{max-width:85%;margin:0 0 10px;padding:8px 12px;border-radius:14px;background:var(--surface-2);color:var(--text);white-space:pre-wrap;word-wrap:break-word}
.support-msg--theirs{margin-right:auto;border-bottom-left-radius:4px}
.support-msg--mine{margin-left:auto;border-bottom-right-radius:4px;background:var(--accent);color:var(--accent-text)}
.support-msg__who{display:block;font-size:13px;font-weight:bold;opacity:.75}
.support-msg__text{display:block}
.support-msg__time{display:block;margin-top:2px;font-size:12px;opacity:.7;text-align:right}
.support-chat__empty,.support-chat__sent{margin:0 12px 12px;color:var(--muted)}
.support-chat__form{position:relative;padding:10px 12px 12px;border-top:1px solid var(--line)}
.support-chat__form textarea,.support-chat__form input[type=text],.support-chat__form input[type=email]{display:block;width:100%;margin:4px 0 0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:16px/1.4 var(--body-font)}
.support-chat__form textarea{min-height:66px;resize:vertical}
.support-chat__contact{margin:0 0 8px;font-size:15px}
.support-chat__contact summary{min-height:32px;color:var(--link);cursor:pointer}
.support-chat__contact label{display:block;margin-top:6px}
.support-chat__hint{margin:6px 0 0;color:var(--muted);font-size:13px}
.support-chat__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.support-chat__send{display:flex;flex-wrap:wrap;align-items:center;margin-top:8px}
.support-chat__send .button{min-height:44px;margin-right:12px}
.support-chat__alt{color:var(--muted);font-size:14px}
.support-chat .form-error{margin:6px 0 0}

.support-page .support-chat__log{max-height:60vh;min-height:140px;padding:4px 0 8px}
.support-page .support-chat__form{padding:12px 0 0}
.support-page .support-chat__empty,.support-page .support-chat__sent{margin:0 0 12px}
.support-page__back{margin:0 0 8px}
.support-page__note{color:var(--muted)}

.support-panel{position:fixed;right:16px;bottom:16px;z-index:70;display:flex;flex-direction:column;width:380px;max-width:calc(100% - 32px);height:540px;max-height:calc(100% - 32px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 32px rgba(0,0,0,.45);color:var(--text)}
.support-panel__head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 4px 16px;border-bottom:1px solid var(--line)}
.support-panel__head b{color:var(--head);font-family:var(--head-font);font-size:19px}
.support-panel__close{width:44px;height:44px;padding:0;border:0;background:none;color:var(--muted);font-size:28px;line-height:44px;cursor:pointer}
.support-panel__close:hover{color:var(--text)}
.support-panel__body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:0}
.support-panel__body>a{margin:16px}

.support-fab{position:fixed;right:16px;bottom:16px;z-index:65;display:flex;align-items:center;min-height:44px;padding:8px 16px 8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:15px/1.2 var(--body-font);box-shadow:var(--shadow);cursor:pointer}
.support-fab:hover{border-color:var(--accent)}
.support-fab .ico{margin-right:6px;color:var(--accent);vertical-align:0}
.support-fab__dot{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border:2px solid var(--surface);border-radius:50%;background:#e5484d}

@media (max-width:599px){
.support-panel{right:0;bottom:0;width:100%;max-width:none;height:100%;max-height:none;border:0;border-radius:0}
.support-fab{right:12px;bottom:12px;padding:8px 12px}
.support-fab__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.support-fab .ico{margin-right:0}
}