/* LIT TUI - Minimal CSS that lets terminal colors show through */

/* Global reset - remove all possible borders and separators */
* {
    border: none;
    outline: none;
    box-sizing: border-box;
}

/* Don't specify colors at all - let Textual use terminal defaults */
Screen {
}

Footer {
    border: none;
}

Horizontal {
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    height: auto;
    align: left middle;
}

Vertical {
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
}

.sidebar {
    width: 25%;
    border: none;
    margin: 0;
    padding: 0;
}

.main-area {
    width: 75%;
    border: none;
    margin: 0;
    padding: 0;
}

.chat-area {
    height: 1fr;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.input-area {
    height: auto;
    border: none;
    margin: 0;
    padding: 1;
}

.input-container {
    layout: horizontal;
    height: auto;
    border: none;
    margin: 0;
    padding: 0;
}

.chat-input {
    width: 1fr;
    margin-right: 1;
    border: none;
    outline: none;
}

.send-button {
    width: auto;
    border: none;
    outline: none;
}

.status-bar {
    height: 1;
    text-align: left;
    border: none;
}

.sidebar-section {
    margin: 1 0;
    padding: 0;
    border: none;
}

.sidebar-title {
    margin-bottom: 1;
    border: none;
}

.model-info {
    padding: 0;
    margin: 1 0;
    border: none;
}

.session-list {
    height: 1fr;
    border: none;
}

.sidebar-button {
    width: 100%;
    margin: 1 0;
    border: none;
    outline: none;
}

.message-user {
    margin: 1 0;
    padding: 0;
    border: none;
}

.message-assistant {
    margin: 1 0;
    padding: 0;
    border: none;
}

.message-system {
    margin: 1 0;
    padding: 0;
    border: none;
}

Button {
    border: none;
    outline: none;
}

Button:hover {
    border: none;
    outline: none;
}

Button:focus {
    border: none;
    outline: none;
}

Input {
    border: none;
    outline: none;
}

Input:focus {
    border: none;
    outline: none;
}

Button,OptionList {
    border: none;
    background: transparent;
}

/* Aggressively override all OptionList internal classes */
.option-list--option {
}

.option-list--option-hover {
    text-style: underline;
}

.option-list--option-highlighted {
    text-style: bold;
}

.option-list--option-selected {
    text-style: bold underline;
}

MessageList {
    overflow-y: auto;
    height: 1fr;
    border: none;
}

Static {
    border: none;
}

Label {
    border: none;
}
