/* Download Modal Screen Stylesheet */

Screen {
    background: $surface;
    overlay: screen;
}

#download_modal {
    width: 100%;
    height: 100%;
    border: heavy $primary;
    background: $boost;
}

#download_title {
    dock: top;
    height: 1;
    content-align: center middle;
    background: $primary;
    color: $text;
    text-style: bold;
    padding: 0 1;
}

/* Main horizontal layout: 2 columns left/right split */
#main_layout {
    width: 1fr;
    height: 1fr;
    layout: horizontal;
    padding: 1;
    border: none;
}

/* Left column */
#left_column {
    width: 2fr;
    height: 1fr;
    layout: vertical;
}

/* Right column */
#right_column {
    width: 1fr;
    height: 1fr;
    layout: vertical;
}

/* All containers styling */
.grid_container {
    width: 1fr;
    height: 1fr;
    padding: 1;
    layout: vertical;
    margin: 0 0 1 0;
}

#tags_container {
    border: mediumpurple;
}

#url_container {
    border: solid $accent;
}

#files_container {
    border: solid $accent;
}

#playlist_container {
    border: solid $accent;
    layout: vertical;
    height: 0;
}

#playlist_tree {
    width: 1fr;
    height: auto;
    border: none;
    padding: 0;
}

#playlist_input {
    width: 1fr;
    height: 1;
    border: none;
    padding: 0 1;
    margin: 1 0 0 0;
}

#playlist_input_row {
    width: 1fr;
    height: auto;
    layout: horizontal;
    margin: 1 0 0 0;
}

.section_title {
    width: 1fr;
    height: 1;
    text-align: left;
    color: $text-muted;
    text-style: bold;
    margin: 0 0 0 0;
    padding: 0;
}

/* TextArea widgets in containers */
#tags_textarea {
    width: 1fr;
    height: 1fr;
    border: none;
    padding: 0;
}

#paragraph_textarea {
    width: 1fr;
    height: 1fr;
    border: none;
    padding: 0;
}

/* Select widgets in containers */
#files_select {
    width: 1fr;
    height: 1fr;
    border: none;
}

/* Footer layout - horizontal: checkboxes left, source middle, buttons right */
#footer_layout {
    width: 1fr;
    height: auto;
    layout: horizontal;
    padding: 1;
    margin: 0;
    background: $boost;
}

#checkbox_row {
    width: auto;
    height: auto;
    layout: horizontal;
    align: left middle;
}

#source_select {
    width: 30;
    height: 1;
    border: none;
    padding: 0 1;
    margin: 0;
}

#button_row {
    width: auto;
    height: auto;
    layout: horizontal;
    align: right middle;
}

/* Progress bar - shown during download */
#progress_bar {
    width: 1fr;
    height: 0;
}

/* Checkbox and Button styling */
Checkbox {
    margin: 0 2 0 0;
}

Button {
    margin: 0 1 0 0;
    width: 12;
}

#cancel_btn {
    width: 12;
}

#submit_btn {
    width: 12;
}