/* public/style.css — agent-download 同款暗色基调 */
body{font:14px system-ui;margin:2rem;background:#111;color:#eee}
h1{font-size:1.2rem;margin:0}h2{font-size:1.05rem;margin:1.6rem 0 .6rem;color:#9cf}
header{display:flex;align-items:center;gap:1rem}header h1{margin-right:auto}
header button{padding:.5rem 1rem;border-radius:4px;border:1px solid #555;background:#222;color:#eee;cursor:pointer}
table{border-collapse:collapse;width:100%;margin:.4rem 0}th,td{border:1px solid #333;padding:.4rem .5rem;text-align:left;vertical-align:middle}
th{color:#aaa;white-space:nowrap}
.badge{padding:2px 8px;border-radius:10px;white-space:nowrap}
.badge.mastra{background:#355}.badge.codex{background:#437}
.badge.exploring{background:#355}.badge.recording{background:#865}
.badge.done{background:#163}.badge.failed{background:#a33}.badge.queued{background:#444}
.cards{display:flex;gap:1rem;flex-wrap:wrap}
.card{min-width:9em;border:1px solid #333;border-radius:8px;padding:.7rem 1rem;background:#181818}
.card b{display:block;font-size:1.5rem}.card span{color:#999}
.card.agent{flex:1;min-width:20em}
.card.agent .row{display:flex;gap:.8rem;flex-wrap:wrap;margin:.3rem 0;font-size:12.5px;color:#999}
.card.agent .row b{font-size:inherit;color:#eee}
.card.login{max-width:320px;margin:4rem auto;display:flex;flex-direction:column;gap:1rem}
input,button,select,textarea{padding:.5rem;border-radius:4px;border:1px solid #555;background:#222;color:#eee;font:inherit}
button{cursor:pointer}
#task-form{display:flex;flex-direction:column;gap:.6rem}
#task-form textarea{width:100%;box-sizing:border-box}
#task-form .row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.err{color:#f88}.hint{color:#999;font-size:12.5px}
.kill{background:#511;border-color:#833;color:#fbb}
dialog{background:#181818;color:#eee;border:1px solid #444;border-radius:8px;padding:1.2rem 1.5rem;max-width:52em;width:90vw}
dialog::backdrop{background:#0008}
dialog video{width:100%;max-height:60vh;background:#000;border-radius:6px;margin:.6rem 0}
#r-steps{max-height:14em;overflow:auto}
#r-steps li{cursor:pointer;padding:.15rem .3rem;border-radius:4px}
#r-steps li:hover{background:#222}
pre{background:#111;border:1px solid #333;border-radius:6px;padding:.6rem .8rem;overflow:auto}
code{font:12.5px/1.55 ui-monospace,Menlo,Consolas,monospace;background:#222;border:1px solid #333;border-radius:4px;padding:0 .3em}
a{color:#9cf}