/* The app's own bits, on theme.css's tokens. */
[data-view]:not(.is-active) { display: none; }
main.frame { padding-bottom: 4rem; }
.band h2 { margin: 1.5rem 0 0.75rem; font-size: var(--font-size-lg); }
.status:empty, .notice[hidden] { display: none; }
.status { margin-top: 1rem; color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.form.inline { display: flex; gap: 0.5rem; margin-top: 0.75rem; }
.form.inline .field { flex: 1; min-width: 0; }
.mono, .terminal, .card code { font-family: var(--font-mono); }
.card { overflow-wrap: anywhere; }
.card .meta { color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.card .toolbar { margin-top: 0.75rem; }
.empty { color: var(--color-muted); font-size: var(--font-size-sm); }
.steps:empty { display: none; }
.chat { list-style: none; max-height: 60vh; overflow-y: auto; padding: 0.75rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.chat li { padding: 0.25rem 0; overflow-wrap: anywhere; }
.chat li .nick { font-weight: 600; margin-right: 0.5rem; }
.chat li.mine .nick { color: var(--color-brand-text); }
.chat li time { color: var(--color-muted); font-size: var(--font-size-xs); margin-left: 0.5rem; }
.terminal { min-height: 12rem; max-height: 60vh; overflow: auto; white-space: pre-wrap; word-break: break-word; font-size: var(--font-size-sm); }
.terminal .cmd { color: var(--color-brand-text); }
.terminal .err { color: var(--tone-deny); }
.quick .btn { white-space: nowrap; }
.toolbar select.field { max-width: 100%; }
#tile iframe { width: 100%; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: #fff; }
@media (max-width: 40rem) {
	.form-grid { grid-template-columns: 1fr; }
	.chat { max-height: 55vh; }
}