/**
 * Совместимость с WebView Telegram: точечные правки поверх основной вёрстки (styles.css подключён после).
 * Держим селекторы в актуальной разметке (.brand-mark / .brand-lockup), без table-layout и без ширины 100% у кнопки бренда.
 */
:root {
    --ktema-accent: #007aff;
    --ktema-text-secondary: #86868b;
}

button.brand-block.brand-hit {
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    text-align: left !important;
    font: inherit !important;
    color: inherit !important;
}

.app-header button.brand-block.brand-hit {
    max-width: min(280px, 52vw) !important;
}

.brand-hit .brand-lockup {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: auto !important;
    max-width: 100% !important;
    line-height: 1 !important;
}

.brand-hit .brand-mark {
    flex-shrink: 0 !important;
}

/* Лендинг / общий чат: аватар у «пятки» пузыря (согласовано с мобильным блоком styles.css) */
.message .avatar {
    width: 30px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    align-self: flex-end !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 0 1px !important;
    color: var(--ktema-accent) !important;
}

.message .avatar-mark {
    width: 30px !important;
    height: auto !important;
    display: block !important;
}

.message.from-user .avatar {
    display: none !important;
}

@media (max-width: 640px) {
    .generator-chat-stream .message {
        align-items: flex-end !important;
    }
}