/* Ilay's agents hub: the parts the moov dashboard doesn't have (agent cards, the "yes" list, studio jobs, the brief). */
.laptop { display: inline-flex; align-items: center; gap: .375rem; }
.laptop .dot { display: inline-block; }
.dot.bad { background: var(--bad); }
.row-btn.static { cursor: default; }
.agent { display: grid; gap: .5rem; width: 100%; border: 0; color: var(--ink); text-align: start; cursor: pointer; font: inherit; }
.agent-head { display: flex; align-items: center; gap: .75rem; }
.agent-last { font-size: .875rem; color: var(--ink-2); padding-inline-start: 1.25rem; }
.agent-go { font-size: .8125rem; color: var(--mark); padding-inline-start: 1.25rem; }
.waits { display: grid; gap: .875rem; }
.wait { display: flex; gap: .75rem; align-items: center; justify-content: space-between; transition: opacity 200ms ease; }
.wait.gone { opacity: 0; pointer-events: none; }
.wait-text { display: grid; gap: .125rem; font-size: .9375rem; min-width: 0; }
.wait-text .warn { color: var(--warn); }
.wait-btns { display: flex; gap: .375rem; flex: none; }
.shots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; margin: .75rem 0; }
.shot { width: 100%; border-radius: var(--r-sm); background: var(--surface-2); display: block; }
.shot.slide { grid-column: span 2; }
.outline { margin: 0 0 .75rem; padding-inline-start: 1.25rem; display: grid; gap: .375rem; font-size: .9375rem; }
.thread { display: grid; gap: .5rem; margin: 1rem 0 .75rem; }
.say { margin: 0; padding: .625rem .875rem; border-radius: var(--r-md); font-size: .9375rem; max-width: 85%; white-space: pre-wrap; }
.say.ilay { background: var(--brand); color: var(--on-brand); justify-self: start; }
.say.agent { background: var(--surface-2); justify-self: end; }
.ask-row { display: flex; gap: .5rem; align-items: center; }
.ask-row .field { flex: 1; min-width: 0; }
.ask-row .btn { flex: none; }
.brief-para { font-size: 1.125rem; line-height: 1.7; }
details > summary { cursor: pointer; padding: .25rem; }
.brief-text { white-space: pre-wrap; font-size: .9375rem; line-height: 1.65; }
.brief-text h2, .brief-text h3 { font-size: 1.0625rem; margin: 1rem 0 .375rem; }
.brief-text ul, .brief-text ol { margin: 0 0 .5rem; padding-inline-start: 1.25rem; white-space: normal; }
.kind-pick { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
@media (prefers-reduced-motion: reduce) { .wait { transition: none; } }