/* Styling for improved cleanup TUI */

#main {
    layout: vertical;
    padding: 1;
}

#header-section {
    height: auto;
    margin-bottom: 1;
}

#instructions {
    text-style: bold;
    color: $accent;
    padding-bottom: 1;
}

#status-bar {
    text-style: italic;
    color: $text-muted;
}

#empty {
    padding: 2;
    text-align: center;
    text-style: italic;
    color: $text-muted;
}

#branch-list {
    height: 1fr;
    border: solid $primary;
    margin: 1 0;
    max-width: 100%;
    width: 100%;
}

/* ListView styling */
ListView {
    width: 100%;
    max-width: 100%;
}

ListItem {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

/* Branch row layout */
.branch-row {
    layout: horizontal;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0 1;
}

/* Branch info (left column) - flexible width */
.branch-info {
    width: 1fr;
    min-width: 30;
    text-wrap: wrap;
    padding-right: 2;
}

/* Status info (middle column) - fixed narrow width */
.status-info {
    width: 15;
    max-width: 15;
    text-align: center;
    text-wrap: wrap;
    padding: 0 1;
}

/* Selection indicator (right column) - very narrow and clickable */
.selection-indicator {
    width: 5;
    max-width: 5;
    text-align: center;
    padding-left: 1;
}

.selection-indicator:hover {
    background: $primary 20%;
    text-style: bold;
}

.selection-indicator:focus {
    background: $primary 30%;
}

/* ListView cursor highlighting */
ListView > ListItem:hover {
    background: $primary 20%;
}

ListView > ListItem.-highlighted {
    background: $primary 30%;
}

ListView:focus > ListItem.-highlighted {
    background: $primary 50%;
}

#button-row {
    layout: horizontal;
    height: 3;
    align: center middle;
    margin-top: 1;
}

#button-row Button {
    margin: 0 2;
    min-width: 16;
}

Button#confirm {
    text-style: bold;
}

Button#cancel {
    text-style: bold;
}