.mobile-container {
    padding-bottom: 0px;
}

#chat-app {
    display: flex;
    flex-direction: column;
    /* height: 100vh; */
    height: 100%;
}

body #chat-messages{
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.chat-icon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.chat-dialog {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    /* background: var(--card); */
    overflow: hidden;
}

.chat-dialog-header {
    flex: 0 0 auto;
    width: 100%;
    /* max-width: 360px; */
    height: 65px;
    background: var(--panel);
    border-radius: 30px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin: 15px auto; */
    /* box-shadow: 0px 4px 10px rgba(0,0,0,0.5); */
    box-sizing: border-box;
    z-index: 10;
}



/* Сообщения пользователя - выравниваются справа */
.chat-message.user {
    background-color: #C0C0C0;
    color: #000000;
    margin-left: auto;
    border-radius: 15px 15px 0 15px;
}
.chat-message.user .message-time {
    font-size: 10px;
    margin-top: 5px;
    color: #1C1C1C;
}

/* Сообщения AI - выравниваются слева */
.chat-message.assistant {
    background-color: #3b3b3b;
    margin-right: auto;
    border-radius: 15px 15px 15px 0;
}
.chat-message.assistant .message-time {
    font-size: 10px;
    margin-top: 5px;
    color: #C0C0C0;
}

/* === Выравнивание по сторонам === */
.chat-message.assistant.image {
    margin-right: auto;
    margin-left: 0;
}
.chat-message.user.image {
    margin-left: auto;
    margin-right: 0;
}

/* === Контейнер «картинка + время» === */
.image-time-container {
    position: relative;
    display: block;        /* убираем inline-block и его whitespace */
    width: 100%;
    margin: 0;             /* сбрасываем любые внешние отступы */
    padding: 0;            /* сбрасываем внутренние отступы */
    overflow: hidden;      /* обрезаем лишнее за скруглением */
    border-radius: 12px;   /* скругление, как у картинки */
    line-height: 0;        /* убираем возможные межстрочные пробелы */
}
/* === Время для AI: правый нижний угол картинки === */
.chat-message.assistant.image .image-time-container .message-time {
    position: absolute;
    bottom: 10px;
    right: 8px;
    background-color: rgba(48,48,48,0.7);
    color: #CFCFCF;
    font-size: 10px;
    padding: 8px 6px;
    border-radius: 10px;
    pointer-events: none;
    z-index: 2;
}
/* === Время для тебя: левый нижний угол картинки === */
.chat-message.user.image .image-time-container .message-time {
    position: absolute;
    bottom: 10px;
    left: 8px;
    background-color: rgba(48,48,48,0.7);
    color: #CFCFCF;
    font-size: 10px;
    padding: 8px 6px;
    border-radius: 10px;
    pointer-events: none;
    z-index: 2;
}