# src/ui/styles.py

CSS = """
/* Темная тема фона */
body, .gradio-container {
    background-color: #212121 !important;
}

/* Прозрачный фон самого чата */
#chatbot {
    background-color: transparent !important;
    border: none !important;
}

/* Пузырь пользователя (справа, с рамкой) */
.user {
    background-color: #2f2f2f !important;
    border: 1px solid #3c3c3c !important;
    border-radius: 20px 20px 4px 20px !important;
    color: #ffffff !important;
}

/* Текст бота (без фона, как в ChatGPT) */
.bot {
    background-color: transparent !important;
    color: #ececec !important;
}

/* Поле ввода */
textarea {
    background-color: #2f2f2f !important;
    border: 1px solid #424242 !important;
    border-radius: 1.5rem !important;
    color: #ffffff !important;
    padding: 12px 18px !important;
}
textarea:focus {
    border-color: #676767 !important;
}

/* Кнопка отправки */
.gr-button-primary {
    border-radius: 1.5rem !important;
    background-color: #ececec !important;
    color: #171717 !important;
    font-weight: bold !important;
}
.gr-button-primary:hover {
    background-color: #ffffff !important;
}

/* Скрываем подвал с логотипом Gradio */
footer { display: none !important; }
"""