:root{font-family:system-ui,sans-serif;color:#24312e;background:#eff2ef}*{box-sizing:border-box}body{margin:0}main{max-width:840px;margin:auto;padding:20px}header small{letter-spacing:.16em;color:#526961}h1{margin:5px 0;font-size:28px}p{margin:6px 0;color:#66706b;font-size:12px}.strip{background:#fff;border-radius:12px;padding:12px;margin:14px 0;font-size:13px;line-height:1.9}#agents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{background:white;padding:14px;border-radius:12px;border:1px solid #d9dfdb;min-height:137px}.card h2{font-size:16px;margin:0 0 8px}.lamp{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8b9390;margin-right:6px}.active .lamp{background:#31745f}.attention .lamp{background:#aa7023}.stale{color:#7b8380;background:#e7ebe8}.task{font-size:13px;margin:7px 0}.time,.state{font-size:11px;color:#68736d}progress{width:100%;height:5px;accent-color:#31745f}footer{font-size:11px;line-height:1.8;color:#68736d;margin:18px 0}@media(min-width:650px){#agents{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Compact resource panels; three existing theme colors only. */
#resources,#ai-services{padding:8px 12px;margin:8px 0;font-size:12px;line-height:1.6;color:#24312e;background:#eff2ef;border:1px solid #31745f}
#resources h2,#ai-services h2{font-size:13px;margin:0 0 3px}
@media(min-width:650px){#resources>div{display:inline-block;margin-right:16px}}