/* agent-loop widget layout */
.al-request { margin: 0 0 .9rem; font-size: 1rem; }
.al-top { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 1.1rem; align-items: start; }
.al-loop { padding: .4rem 0; }
.al-say { margin: 0; font-size: 1.02rem; line-height: 1.55; }
.al-decision { margin: .55rem 0 0; padding: .35rem .55rem; font: .84rem/1.45 var(--mono); background: var(--bg-elev); border: 1px solid var(--border); border-radius: 6px; overflow-wrap: anywhere; }
.al-choices { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .6rem; }
.al-panel { min-height: 13rem; }
.al-ctx-total { margin: 0 0 .5rem; font-size: .85rem; font-weight: 650; }
.al-ctx-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .3rem; font-size: .86rem; }
.al-ctx-list li { display: flex; gap: .4rem; align-items: baseline; margin: 0; }
.al-ctx-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-2); }
.al-ctx-tok { font-family: var(--mono); color: var(--text-3); }
.al-idle { margin: 0; font-size: .9rem; color: var(--text-2); }
@media (max-width: 760px) { .al-top { grid-template-columns: 1fr; } .al-panel { min-height: 0; } }
.al-stats { display: flex; flex-wrap: wrap; gap: .6rem; margin: .9rem 0; }
.al-stat { display: flex; align-items: baseline; gap: .45rem; padding: .4rem .75rem; border: 1px solid var(--border); border-radius: 999px; background: var(--bg); }
.al-stat-num { font-weight: 750; font-size: 1rem; }
.al-stat-label { font-size: .82rem; color: var(--text-2); }
.al-panel .w-kv { font-size: .82rem; }
.al-panel .w-log { font-size: .86rem; }