#dialog {
    height: 30;
    margin: 4 8;
    background: #1e1e2f;
    color: #e2e8f0;
    border: heavy #3b4252;
    border-title-color: #88c0d0;
    border-title-style: bold;
    padding: 1 3;
    grid-size: 2 3;
    grid-gutter: 1 2;
    grid-rows: auto 1fr auto;
    align: center middle;
}

#command {
    column-span: 2;
    height: auto;
    width: 1fr;
    content-align: center middle;
    background: #2e3440;
    border: solid #4c566a;
    border-title-color: #81a1c1;
    padding: 0 1;
    margin: 0 1;
}

#command:focus {
    border: solid #88c0d0;
    background: #3b4252;
}

#response {
    column-span: 2;
    height: 1fr;
    background: #2e3440;
    border: solid #4c566a;
    border-title-color: #a3be8c;
    padding: 1;
    margin: 0 1;
    scrollbar-background: #3b4252;
    scrollbar-color: #5e81ac;
}

Button {
    width: 100%;
    height: 3;
    margin: 0 1;
    background: #5e81ac;
    color: #eceff4;
    border: none;
    text-style: bold;
}

Button:hover {
    background: #81a1c1;
    text-style: bold;
}

Button.error {
    background: #bf616a;
}

Button.error:hover {
    background: #d08770;
}

#quit {
    background: #bf616a;
    border: solid #bf616a;
}

#quit:hover {
    background: #d08770;
    border: solid #ebcb8b;
}

#send {
    background: #a3be8c;
}

#send:hover {
    background: #8fbcbb;
}