/* C3PO TUI Stylesheet - Multi-device view */

Screen {
    background: $surface;
}

/* Header/Tab bar */
#tab-bar {
    height: 1;
    dock: top;
    background: $surface-darken-1;
}

/* Main content area */
#main-content {
    height: 1fr;
}

/* Left panel: all devices stacked */
#devices-panel {
    width: 1fr;
    min-width: 30;
}

#no-device-placeholder {
    width: 100%;
    height: 100%;
    content-align: center middle;
    color: $text-muted;
}

/* Right panel: global logs */
#global-log-container {
    width: 1fr;
    min-width: 30;
    border: solid $primary;
    border-title-color: $text;
    border-title-style: bold;
}

/* Input area */
#input-container {
    height: 3;
    dock: bottom;
    background: $surface-darken-1;
    border-top: solid $primary;
    padding: 0;
}

#command-input {
    width: 1fr;
    height: 1;
    margin: 0;
    padding: 0 1;
}

#shortcuts-bar {
    height: 1;
    width: 100%;
    background: $surface-darken-2;
    color: $text-muted;
    padding: 0 1;
}

/* Device containers - each device in its own bordered box */
DeviceContainer {
    height: 1fr;
    min-height: 5;
    border: solid $secondary;
    border-title-color: $text;
    border-title-style: bold;
    margin-bottom: 0;
}

/* Log pane inside device container */
DeviceLogPane {
    height: 100%;
    scrollbar-size: 1 1;
}

/* Global log pane */
GlobalLogPane {
    height: 100%;
    scrollbar-size: 1 1;
}

/* Log colors */
.log-system {
    color: cyan;
}

.log-device {
    color: yellow;
}

.log-error {
    color: red;
}

.log-command {
    color: blue;
}

.log-response {
    color: green;
}

/* Status indicator */
.status-connected {
    color: green;
}

.status-inactive {
    color: yellow;
}

.status-disconnected {
    color: red;
}