/* ─────────────────────────────────────────────────────────────
   Expression evaluation live log panel
   Shown on the async loading screen (expressions + spells) while
   the worker streams PSR-3 log records over Mercure.
   Styling conventions: no shading, no rounded edges.
   ───────────────────────────────────────────────────────────── */

.expression-log {
    margin-top: 1.5rem;
    border: 1px solid var(--color-border, #333);
    background: var(--color-bg-muted, #111);
}

.expression-log__title {
    margin: 0;
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--color-border, #333);
}

.expression-log__list {
    list-style: none;
    margin: 0;
    padding: 0.5rem 0.75rem;
    max-height: 24rem;
    overflow-y: auto;
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace);
    font-size: 0.8rem;
    line-height: 1.45;
}

.expression-log__line {
    display: block;
    white-space: pre-wrap;
    word-break: break-word;
    padding: 0.1rem 0;
    border: none;
}

.expression-log__time {
    color: var(--color-text-muted, #888);
    margin-right: 0.5rem;
}

.expression-log__level {
    display: inline-block;
    min-width: 4.5rem;
    margin-right: 0.5rem;
    font-weight: 600;
}

.expression-log__context {
    color: var(--color-text-muted, #888);
}

/* level color mapping — foreground only, no backgrounds (no shading rule) */
.expression-log__line--debug .expression-log__level    { color: var(--color-text-muted, #888); }
.expression-log__line--info .expression-log__level     { color: var(--color-accent, #4ea1ff); }
.expression-log__line--notice .expression-log__level   { color: var(--color-accent, #4ea1ff); }
.expression-log__line--warning .expression-log__level  { color: var(--color-warning, #d99a00); }
.expression-log__line--error .expression-log__level,
.expression-log__line--critical .expression-log__level,
.expression-log__line--alert .expression-log__level,
.expression-log__line--emergency .expression-log__level { color: var(--color-danger, #d94646); }