/* =========================================================
       ЧАТ — лента сообщений

       Общий файл: та же лента показывается и в личном кабинете
       (у игроков), и в админке на странице модерации. Если бы стили
       лежали в двух местах, чат в админке выглядел бы «почти так же» —
       а он должен выглядеть ровно так же.

       Подключён в обоих layout: в публичном после site.css,
       в админском после admin.css.
       ========================================================= */

    /* ---------- лента ---------- */

    .chat-feed {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;

        min-height: 12rem;
        max-height: 26rem;
        overflow-y: auto;

        padding: 0.5rem;

        background: rgba(0, 0, 0, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.06);
    }

    .chat-empty {
        margin: auto;

        color: var(--mu-muted);
        font-size: 0.82rem;
    }

    .chat-message {
        display: flex;
        gap: 0.45rem;
        align-items: baseline;

        padding: 0.15rem 0.25rem;

        font-size: 0.84rem;
        line-height: 1.4;
    }

    .chat-time {
        flex: 0 0 auto;

        color: #5f5f68;
        font-size: 0.72rem;
    }

    .chat-author {
        flex: 0 0 auto;

        color: var(--mu-gold-bright);
        font-weight: 700;
    }

    .chat-text {
        color: var(--mu-text);
        word-break: break-word;
    }

    /* Сообщения администрации — заметно, но без крика */
    .chat-message--admin .chat-author,
    .chat-message--admin .chat-text {
        color: var(--mu-lime);
    }

    /* Свои сообщения — приглушённо: их и так видно */
    .chat-message--mine .chat-author {
        color: var(--mu-muted);
    }

    /* Кому (у личных сообщений в админке) */
    .chat-recipient {
        color: var(--mu-muted);
        font-size: 0.74rem;
    }

    /* ---------- поле ввода и кнопки ---------- */

    .chat-form {
        display: flex;
        gap: 0.4rem;

        margin: 0;
    }

    .chat-input {
        flex: 1 1 auto;
        min-width: 0;

        padding: 0.4rem 0.5rem;

        color: var(--mu-text);
        background: rgba(0, 0, 0, 0.35);
        border: 1px solid rgba(255, 255, 255, 0.1);

        font-size: 0.85rem;
    }

    .chat-input:focus {
        border-color: var(--mu-gold);
        outline: none;
    }

    .chat-send {
        padding: 0.4rem 0.8rem;

        color: #1a1a1a;
        background: var(--mu-gold);
        border: 1px solid var(--mu-gold);

        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;

        cursor: pointer;
    }

    .chat-send:hover {
        background: var(--mu-gold-bright);
        border-color: var(--mu-gold-bright);
    }

    .chat-refresh {
        padding: 0.32rem 0.7rem;

        color: var(--mu-text);
        background: transparent;
        border: 1px solid rgba(255, 255, 255, 0.18);

        font-size: 0.74rem;

        cursor: pointer;
    }

    .chat-refresh:hover {
        color: var(--mu-gold-bright);
        border-color: var(--mu-gold);
    }

    .chat-hint {
        color: var(--mu-muted);
        font-size: 0.72rem;
    }

    /* Запрет писать: читать можно, писать нет */
    .chat-ban {
        margin: 0;
        padding: 0.4rem 0.55rem;

        color: #e2b3a6;
        background: rgba(138, 28, 28, 0.18);
        border: 1px solid rgba(138, 28, 28, 0.5);

        font-size: 0.8rem;
    }