# file: autobyteus/autobyteus/cli/workflow_tui/app.css

Screen {
    layout: vertical;
}

#app-header {
    height: 3;
    background: $primary;
    color: $text;
    dock: top;
    content-align: center middle;
}

#main-container {
    layout: horizontal;
}

AgentListSidebar {
    width: 25%;
    min-width: 20;
    max-width: 40;
    border-right: heavy $primary;
    background: $surface;
    padding: 0 1;
}

/* Make the Tree fill available space, pushing the logo down. */
AgentListSidebar > Vertical > Tree {
    height: 1fr;
}

/* Style for the new Logo widget container */
Logo {
    height: auto;
    background: $surface-darken-1;
    width: 100%;
    margin-top: 1;
    padding: 1 0;
}

.logo-art {
    color: $text-muted;
    height: auto;
}

.logo-tagline {
    width: 100%;
    height: auto;
    content-align: center bottom;
    color: $text-muted;
    text-style: italic;
}

FocusPane {
    width: 75%;
    padding: 0 1;
}

#focus-pane-title {
    height: 1;
    margin: 1 0;
}

#focus-pane-log-container {
    background: $panel;
    border: round $primary;
}

#approval-buttons {
    height: auto;
    align: center middle;
    padding-top: 1;
}

#focus-pane-input {
    dock: bottom;
    margin-top: 1;
}

StatusBar {
    dock: bottom;
    height: 1;
}
