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;
}

#command-row {
    width: 100%;
    height: auto;
}

#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;
}

#cmd-suggestions {
    width: 100%;
    height: auto;
    max-height: 8;
    margin-top: 1;
    background: $surface;
    border: round $panel-darken-2;
}

#results-pane {
    width: 100%;
    height: 2fr;
    padding: 0 1 1 1;
    background: $panel;
    border: round $panel-darken-2;
    margin-top: 1;
}

#results-pane .section-title {
    margin-top: 0;
    margin-bottom: 0;
}

#results-layout {
    width: 100%;
    height: 1fr;
}

#results-list-pane {
    width: 2fr;
    height: 1fr;
    padding-right: 1;
}

#results-tags-pane {
    width: 1fr;
    height: 1fr;
    padding: 0 1;
    border-left: solid $panel-darken-2;
}

#results-meta-pane {
    width: 1fr;
    height: 1fr;
    padding-left: 1;
    border-left: solid $panel-darken-2;
}

#store-select {
    width: 24;
    margin-right: 2;
    height: 3;
}

#output-path {
    width: 1fr;
    height: 3;
}


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


#store-row {
    width: 100%;
    height: auto;
}

#logs-workers-row {
    width: 100%;
    height: 1fr;
    margin-top: 1;
}

#logs-pane,
#workers-pane {
    width: 1fr;
    height: 100%;
    padding: 0 1;
}

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

#log-output {
    height: 1fr;
}

#workers-table {
    height: 1fr;
}

#results-table {
    height: 1fr;
    border: solid #ffffff;
    background: #ffffff;
    color: #000000;
    padding: 0;
}

#results-table > .datatable--header {
    background: #ffffff;
    color: #000000;
    text-style: bold;
}

#inline-tags-output {
    height: 1fr;
    border: solid #ffffff;
    background: #ffffff;
    color: #000000;
}

#metadata-tree {
    height: 1fr;
    border: solid #ffffff;
    background: #ffffff;
    color: #000000;
}



.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;
}

#tags-button,
#actions-button,
#metadata-button,
#relationships-button {
    width: auto;
    min-width: 12;
    margin: 0 1;
}

#popup-title {
    width: 100%;
    height: 3;
    text-style: bold;
    content-align: center middle;
    border: round $panel-darken-2;
    background: $boost;
}

#popup-text,
#tags-editor {
    height: 1fr;
    border: round $panel-darken-2;
}

#tags-buttons {
    width: 100%;
    height: auto;
    margin-top: 1;
}

#actions-list {
    width: 100%;
    height: auto;
    margin-top: 1;
}

#actions-list Button {
    width: 100%;
    margin-bottom: 1;
}

#actions-footer {
    width: 100%;
    height: auto;
    margin-top: 1;
}

#tags-status {
    width: 1fr;
    height: 3;
    content-align: left middle;
}