/* minimalist-layout.css - Minimalist layout-specific styles */

/* General minimalist layout adjustments */
.message.assistant {
    background: none; /* No box */
    color: var(--text-primary);
    align-self: flex-start;
    width: 100%;
    /* padding: 5px 10px; */
    font-size: 1em;
}

.message.user {
    background-color: var(--bg-message-user);
    align-self: flex-end;
    padding: 10px 15px;
    border-radius: 8px;
    max-width: 60%;
}

/* Markdown Support */
.message.assistant {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.message.assistant strong {
    font-weight: bold;
}

.message.assistant em {
    font-style: italic;
}

.message.assistant code {
    background-color: #f5f5f5;
    padding: 2px 4px;
    border-radius: 4px;
}

.message.assistant pre {
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 8px;
    overflow: auto;
}

/* Hide attach and voice buttons */
[data-theme-layout="minimalist-layout"] .form-container #uploadButton,
[data-theme-layout="minimalist-layout"] .form-container #voiceRecordButton {
    display: none !important;
}

/* Expand input field to fill the gap */
[data-theme-layout="minimalist-layout"] .form-container #userInput {
    width: calc(100% - 60px) !important;
}
