/* ── Logs tab outer shell ──────────────────────────────────────────────────── */
#logs-outer {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* ── Mode bar ──────────────────────────────────────────────────────────────── */
.logs-mode-bar {
    display: flex;
    gap: 4px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
    background: var(--surface);
}
.logs-mode-btn {
    background: none;
    border: 1px solid var(--border);
    color: var(--text-dim);
    padding: 4px 12px;
    font-family: var(--font);
    font-size: 11px;
    font-weight: 600;
    border-radius: var(--radius);
    cursor: pointer;
    transition: all 0.15s;
}
.logs-mode-btn:hover { border-color: var(--accent); color: var(--accent); }
.logs-mode-btn.active {
    background: var(--accent-dim);
    border-color: var(--accent);
    color: var(--accent);
}

/* ── File-mode pane ────────────────────────────────────────────────────────── */
.logs-files-pane { flex: 1; overflow: hidden; }

#logs-container  { display: flex; height: 100%; }
#logs-date-list  { width: 120px; }
#logs-file-list  { width: 230px; }

#log-content {
    flex: 1;
    overflow: auto;
    padding: 16px;
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-all;
}
#log-content.placeholder { color: var(--text-dim); font-style: italic; }

.log-size { font-size: 10px; color: var(--text-faint); float: right; }

.log-date-item, .log-file-item {
    padding: 6px 10px;
    cursor: pointer;
    font-size: 12px;
    border-radius: 4px;
    margin-bottom: 2px;
}
.log-date-item:hover,  .log-file-item:hover  { background: var(--surface2); }
.log-date-item.active, .log-file-item.active { background: var(--accent-dim); color: var(--accent); }

/* ── Docker-mode pane ──────────────────────────────────────────────────────── */
.logs-docker-pane {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.docker-logs-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
    gap: 10px;
    flex-wrap: wrap;
}
.docker-logs-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.docker-tail-label {
    font-size: 11px;
    color: var(--text-dim);
    display: flex;
    align-items: center;
    gap: 6px;
}
.docker-tail-select {
    background: var(--surface2);
    border: 1px solid var(--border);
    color: var(--text);
    padding: 3px 6px;
    font-family: var(--font);
    font-size: 11px;
    border-radius: var(--radius);
    cursor: pointer;
}
.docker-status {
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.docker-log-content {
    flex: 1;
    overflow: auto;
    padding: 14px 16px;
    font-size: 11px;
    line-height: 1.55;
    white-space: pre-wrap;
    word-break: break-all;
    background: var(--bg);
    color: var(--text);
    margin: 0;
}
.docker-log-content.placeholder {
    color: var(--text-dim);
    font-style: italic;
}