/* 06-components/_tuiframe.css */
/* ── c-tuiframe — a faux loom-monitor window for the gallery (sprint rail + activity + pill) */
.c-tuiframe { border: var(--bw) solid var(--line-strong); background: var(--field); font-size: var(--text-xs); line-height: var(--lh-code); }
.c-tuiframe__bar { display: flex; justify-content: space-between; padding: var(--space-2xs) var(--space-sm); border-bottom: var(--bw) solid var(--line); color: var(--text-dim); }
.c-tuiframe__pill { color: var(--accent); }
.c-tuiframe__body { display: grid; grid-template-columns: 22ch 1fr; min-height: 16ch; }
.c-tuiframe__rail { border-right: var(--bw) solid var(--line); padding: var(--space-xs); }
.c-tuiframe__feed { padding: var(--space-xs); }
.c-tuiframe__sprint { color: var(--text-muted); padding: var(--space-3xs) 0; }
.c-tuiframe__sprint--done::before { content: "✓ "; color: var(--good); }
.c-tuiframe__sprint--run  { color: var(--accent); }
.c-tuiframe__sprint--run::before { content: "▸ "; color: var(--accent); }
.c-tuiframe__sprint--pending::before { content: "· "; color: var(--text-dim); }
.c-tuiframe__card { color: var(--text); padding: var(--space-3xs) 0; }
@media (max-width: 40rem) { .c-tuiframe__body { grid-template-columns: 1fr; } .c-tuiframe__rail { border-right: 0; border-bottom: var(--bw) solid var(--line); } }