Screen {
    layout: vertical;
}

#body {
    height: 1fr;
}

#left {
    width: 44%;
    min-width: 34;
    border-right: solid $primary;
}

#left-title {
    padding: 0 1;
    background: $boost;
    color: $text;
    text-style: bold;
}

#devices {
    height: 1fr;
}

#right {
    width: 1fr;
}

#detail-scroll {
    height: auto;
    max-height: 62%;
    border-bottom: solid $primary;
    scrollbar-size-vertical: 1;
}

#detail {
    height: auto;
    padding: 1 2;
}

#stream-title {
    padding: 0 1;
    background: $boost;
    color: $text;
    text-style: bold;
}

#stream {
    height: 1fr;
    padding: 0 1;
    background: $surface;
}

/* Modal prompt for keys / file paths */
PromptScreen {
    align: center middle;
}

#dialog {
    width: 72;
    height: auto;
    border: thick $primary;
    background: $surface;
    padding: 1 2;
}

#dialog Label {
    margin-bottom: 1;
}