/* Terminal-component voor live-logging (revamp 20/8): block-navy achtergrond
   (dé donkere signatuurkleur van het DS), JetBrains Mono, pastels als
   syntaxkleuren. De logbestanden zelf blijven plain text met emoji-prefixen;
   term.js vertaalt die client-side naar glyphs + kleurklassen. */

.fw-term{background:var(--block-navy);border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column}

/* titelbalk: run-label links, LIVE-status rechts */
.fw-term-bar{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.09);font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;text-transform:uppercase}
.fw-term-bar .lbl{flex:1;color:rgba(255,255,255,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fw-term-live{display:inline-flex;align-items:center;gap:6px;color:var(--accent-magenta);font-weight:500;flex:none}
.fw-term-live .dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--accent-magenta);animation:fw-term-pulse 1.6s infinite}
.fw-term-live.klaar{color:rgba(255,255,255,.45)}
.fw-term-live.klaar .dot{background:rgba(255,255,255,.35);animation:none}
.fw-term-live.ok{color:var(--block-mint)}
.fw-term-live.ok .dot{background:var(--block-mint);animation:none}
.fw-term-live.fout{color:#ff7a7a}
.fw-term-live.fout .dot{background:#ff7a7a;animation:none}
@keyframes fw-term-pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* de regels */
.fw-term-body{padding:14px 18px;font-family:var(--font-mono);font-size:12.5px;line-height:1.85;color:rgba(255,255,255,.85);overflow-y:auto;white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.fw-term-body::-webkit-scrollbar{width:8px}
.fw-term-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:var(--radius-pill)}
.fw-term .tl{display:block;animation:fw-term-in 240ms ease}
.fw-term.stil .tl{animation:none} /* bulk-set (poll): geen fade-herspeling */
@keyframes fw-term-in{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}
.fw-term .tl .g{color:var(--accent-magenta)}          /* prompt-glyph ❯ */
.fw-term .tl.start{color:var(--accent-magenta)}       /* ▶ sessie gestart */
.fw-term .tl.tool .tn{color:var(--block-lilac);font-weight:500}  /* 🔧 toolnaam */
.fw-term .tl.res{color:rgba(255,255,255,.58);padding-left:16px}  /* ↳ resultaat */
.fw-term .tl.tekst{color:var(--block-cream)}          /* 💬 agent-tekst */
.fw-term .tl.fout{color:#ff7a7a}                      /* ⚠ fout/stderr */
.fw-term .tl.ok{color:var(--block-mint)}              /* ✅ run klaar */
.fw-term .tl.dood{color:#ff6b6b;font-weight:600}      /* ❌ run mislukt */

/* knipperende blokcursor zolang de run leeft */
.fw-term-cursor{display:inline-block;width:8px;height:15px;background:var(--accent-magenta);vertical-align:text-bottom;margin-left:1px;animation:fw-term-blink 1s steps(1) infinite}
@keyframes fw-term-blink{50%{opacity:0}}

/* compact: strips op Activiteit/Vandaag — geen chrome, geen cursor, 1-2 regels */
.fw-term.compact{border-radius:var(--radius-sm)}
.fw-term.compact .fw-term-body{padding:7px 14px;font-size:12px;line-height:1.7;overflow:hidden}
.fw-term.compact .tl{animation:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fw-term.compact .tl.res{padding-left:0}