/* Redwood-style tokens (Oracle's design language), approximated for the booth demo. */
:root{
  --rw-bar:#312D2A; --rw-bar-ink:#FFFFFF; --rw-bg:#F1EFED; --rw-panel:#FFFFFF; --rw-ink:#161513; --rw-muted:#6F6964;
  --rw-line:#DFDCD8; --rw-soft:#F9F8F7; --rw-ocean:#227E9E; --rw-ocean-soft:#E6F2F6; --rw-pine:#4C825C; --rw-pine-soft:#EAF3EC;
  --rw-sienna:#AA643B; --rw-sienna-soft:#F8EEE7; --rw-red:#C74634; --rw-nimble:#5B5AE0; --rw-nimble-soft:#EFEFFD;
  --rw-radius:8px; --rw-shadow:0 1px 2px rgba(22,21,19,.06),0 6px 18px rgba(22,21,19,.06);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--rw-bg);color:var(--rw-ink);font:15px/1.5 Inter,"Helvetica Neue",Arial,sans-serif}
a{color:var(--rw-ocean)}
.rw-bar{display:flex;align-items:center;gap:14px;height:56px;padding:0 24px;background:var(--rw-bar);color:var(--rw-bar-ink)}
.rw-mark{width:30px;height:30px;border-radius:6px;background:linear-gradient(135deg,#C74634,#AA643B);display:grid;place-items:center;font:700 13px Inter,sans-serif;letter-spacing:.02em}
.rw-title{font-weight:600;font-size:16px}
.rw-crumb{font-size:13px;color:#CFC9C3;margin-left:6px}
.rw-crumb b{color:#fff;font-weight:500}
.rw-spacer{flex:1}
.rw-switch{display:flex;background:#4A4542;border-radius:6px;padding:3px}
.rw-switch a{color:#E8E4E0;text-decoration:none;font-size:13px;padding:5px 14px;border-radius:4px}
.rw-switch a.on{background:#fff;color:var(--rw-ink);font-weight:600}
.rw-band{height:6px;background:linear-gradient(90deg,#C74634 0%,#AA643B 30%,#D9A441 55%,#4C825C 78%,#227E9E 100%)}
.rw-pills{display:flex;gap:8px;flex-wrap:wrap}
.rw-pill{font-size:12px;padding:4px 10px;border-radius:100px;border:1px solid var(--rw-line);background:var(--rw-panel);color:var(--rw-muted);white-space:nowrap}
.rw-pill b{color:var(--rw-ink);font-weight:600}
.rw-pill.nimble{border-color:#D6D5F7;background:var(--rw-nimble-soft);color:var(--rw-nimble)}
.rw-pill.nimble b{color:var(--rw-nimble)}
.rw-panel{background:var(--rw-panel);border:1px solid var(--rw-line);border-radius:var(--rw-radius);box-shadow:var(--rw-shadow)}
.rw-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--rw-muted);font-weight:600}
.rw-btn{background:var(--rw-bar);color:#fff;border:0;border-radius:6px;padding:10px 22px;font:600 15px Inter,sans-serif;cursor:pointer}
.rw-btn:disabled{opacity:.45;cursor:default}
.rw-input{flex:1;border:0;resize:none;font:16px/1.5 Inter,sans-serif;color:var(--rw-ink);outline:none;background:transparent}
.rw-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;border:1px solid var(--rw-line);border-radius:100px;padding:2px 9px 2px 4px;background:var(--rw-soft);color:var(--rw-ink);text-decoration:none;white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.rw-chip img{width:14px;height:14px;border-radius:3px}
.rw-chip i{font-style:normal;color:var(--rw-muted)}
.rw-caption{background:var(--rw-bar);color:#fff;border-radius:var(--rw-radius);padding:12px 18px;font-size:17px}
.rw-caption:empty{display:none}
.rw-error{color:var(--rw-red);font-size:14px;white-space:pre-wrap}
/* agent steps */
.step{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--rw-line);opacity:.4;transition:opacity .25s}
.step:last-child{border-bottom:0}
.step.on{opacity:1}
.step .dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--rw-line);flex:none;margin-top:1px;display:grid;place-items:center;font-size:12px;color:#fff}
.step.run .dot{border-color:var(--rw-ocean);border-top-color:transparent;animation:rw-spin .8s linear infinite}
.step.ok .dot{background:var(--rw-pine);border-color:var(--rw-pine)}
.step.ok .dot::after{content:"✓"}
.step.err .dot{background:var(--rw-red);border-color:var(--rw-red)}
.step .label{font-weight:600}
.step .meta{font-size:13px;color:var(--rw-muted)}
.step .meta code{font:12px "JetBrains Mono",ui-monospace,monospace;background:var(--rw-soft);border:1px solid var(--rw-line);padding:0 6px;border-radius:4px;color:var(--rw-ink)}
.step .ms{margin-left:auto;font:500 13px "JetBrains Mono",ui-monospace,monospace;color:var(--rw-ocean);white-space:nowrap}
@keyframes rw-spin{to{transform:rotate(360deg)}}
.metrics{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:var(--rw-muted)}
.metrics b{color:var(--rw-ink);font:500 14px "JetBrains Mono",ui-monospace,monospace}