/* Cosmix app.css — OKLCH color scheme for DCS base.css */

/* Default dark scheme (ocean-inspired) */
:root, .dark {
    --bg-primary: oklch(0.15 0.01 250);
    --bg-secondary: oklch(0.19 0.01 250);
    --bg-tertiary: oklch(0.23 0.01 250);
    --fg-primary: oklch(0.9 0 0);
    --fg-secondary: oklch(0.7 0 0);
    --fg-muted: oklch(0.5 0.01 250);
    --accent: oklch(0.65 0.15 250);
    --accent-hover: oklch(0.6 0.17 250);
    --accent-fg: white;
    --accent-subtle: oklch(0.25 0.05 250);
    --border: oklch(0.3 0.01 250);
    --success: oklch(0.6 0.15 150);
    --danger: oklch(0.6 0.2 25);
    --warning: oklch(0.75 0.15 85);
}

.light {
    --bg-primary: oklch(0.97 0 0);
    --bg-secondary: oklch(0.93 0.005 250);
    --bg-tertiary: oklch(0.89 0.01 250);
    --fg-primary: oklch(0.2 0 0);
    --fg-secondary: oklch(0.4 0 0);
    --fg-muted: oklch(0.6 0.01 250);
    --accent: oklch(0.5 0.18 250);
    --accent-hover: oklch(0.45 0.2 250);
    --accent-fg: white;
    --accent-subtle: oklch(0.92 0.04 250);
    --border: oklch(0.82 0.01 250);
    --success: oklch(0.5 0.15 150);
    --danger: oklch(0.5 0.2 25);
    --warning: oklch(0.65 0.15 85);
}

/* Chat */
.page-chat {
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--topnav-height) - var(--space-8));
}

.chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-4);
}

.chat-input {
    display: flex;
    gap: var(--space-2);
    padding: var(--space-4);
    border-top: 1px solid var(--border);
}

.chat-input input {
    flex: 1;
}

/* Login */
.page-login {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}

.login-form {
    width: 100%;
    max-width: 400px;
}

.placeholder {
    color: var(--fg-muted);
    font-style: italic;
}

/* Agents */
.agent-form { margin-bottom: var(--space-4); }
.agent-output { margin-top: var(--space-4); }
.agent-run { border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-3); margin-bottom: var(--space-3); }
.agent-header { display: flex; justify-content: space-between; align-items: center; }
.agent-turn { font-size: var(--text-xs); color: var(--fg-muted); }
.agent-result pre { white-space: pre-wrap; max-height: 400px; overflow-y: auto; }
.agent-error pre { white-space: pre-wrap; color: var(--danger); }
.status-running { color: var(--accent); }
.status-completed { color: var(--success); }
.status-failed, .status-cancelled { color: var(--danger); }
.status-stuck { color: var(--warning); }

/* OpenBrane — Journal viewer */
.journal-content { padding: var(--space-4); }
.journal-meta { font-size: var(--text-xs); color: var(--fg-muted); margin-bottom: var(--space-2); }
.journal-back { margin-bottom: var(--space-4); }