Medios-Macina/TUI/tui.tcss

#app-shell {
    width: 100%;
    height: 100%;
    padding: 1 2;
    background: $surface;
    layout: vertical;
}

#command-pane {
    width: 100%;
    height: auto;
    background: $boost;
    padding: 1;
    border: round $primary;
}

#pipeline-input {
    width: 1fr;
    min-height: 3;
    padding: 0 1;
    background: $surface;
    color: $text;
    border: round $primary;
}

#pipeline-input:focus {
    border: double $primary;
    background: $surface;
}

#status-panel {
    width: auto;
    max-width: 25;
    height: 3;
    text-style: bold;
    content-align: center middle;
    padding: 0 1;
    border: solid $panel-darken-1;
}

#content-row {
    width: 100%;
    height: 1fr;
}

#left-pane,
#right-pane {
    width: 1fr;
    height: 100%;
    padding: 1;
    background: $panel;
    border: round $panel-darken-2;
}

#left-pane {
    max-width: 60;
}

.section-title {
    text-style: bold;
    color: $text-muted;
    margin-top: 1;
}

.preset-entry {
    padding: 1;
    border: tall $panel-darken-1;
    margin-bottom: 1;
}

#preset-list {
    height: 25;
    border: solid $secondary;
}

#log-output {
    height: 16;
}

#workers-table {
    height: auto;
}

#results-table {
    height: 1fr;
}

#metadata-tree {
    height: 1fr;
    border: round $panel-darken-1;
}

.status-info {
    background: $boost;
    color: $text;
}

.status-success {
    background: $success 20%;
    color: $success;
}

.status-error {
    background: $error 20%;
    color: $error;
}

#run-button {
    width: auto;
    min-width: 10;
    margin: 0 1;
}