Screen {
    background: $surface;
    color: $text;
}

/* MainScreen layout */
MainScreen {
    layout: vertical;
}

#main-container {
    layout: horizontal;
    height: 1fr;
}

#sidebar-area {
    width: 30%;
    height: 100%;
    border-right: thick $accent;
}

#chat-area {
    width: 70%;
    height: 100%;
    layout: vertical;
}

#chat-view-area {
    height: 1fr;
}

#input-area {
    height: auto;
    min-height: 3;
    max-height: 8;
}

/* Status bar */
StatusBar {
    height: 1;
    padding: 0 1;
    background: $surface;
    color: $text;
}

/* Toast notifications */
Toast {
    height: 1;
    padding: 0 1;
}

Toast.warning {
    background: $warning;
}

Toast.error {
    background: $error;
}

Toast.info {
    background: $primary;
}

/* Message bubbles — use theme colors */
MessageBubble.message-own {
    color: $text;
}

MessageBubble.message-other {
    color: $text-muted;
}

/* ReactionBar */
ReactionBar {
    color: $text-disabled;
}