:root{--ink:#14242c;--muted:#5d6d72;--paper:#f3f2ed;--panel:#fff;--line:#c9d0cf;--blue:#17657a;--blue-dark:#0d4555;--amber:#d99614;--green:#2d715d;--red:#a44138}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.agent-shell{min-height:100vh}
.agent-hero{padding:clamp(2rem,6vw,5.5rem) max(1rem,calc((100vw - 1180px)/2));background:linear-gradient(120deg,#102b35 0%,#164858 68%,#c48313 68%,#d89a24 100%);color:#fff}
.brand-link{display:inline-block;margin-bottom:3rem;color:#fff;text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.16em}
.eyebrow{margin:0 0 .8rem;color:#cce1e6;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:800}
.agent-hero h1{max-width:850px;margin:0;color:#fff;font-size:clamp(2.4rem,7vw,5.3rem);line-height:.95;letter-spacing:-.055em}
.lead{max-width:780px;margin:1.5rem 0 0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.65;color:#e4edef}
.boundary{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:-1.5rem auto 2rem;background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px #17343d20}
.boundary div{padding:1.1rem 1.25rem;border-right:1px solid var(--line)}
.boundary div:last-child{border-right:0}.boundary strong,.boundary span{display:block}.boundary strong{font-size:.82rem}.boundary span{margin-top:.25rem;color:var(--muted);font-size:.82rem}
.message{max-width:1180px;min-height:1.5rem;margin:0 auto 1rem;padding:0 1rem;color:var(--muted)}.message.success{color:var(--green)}.message.error{color:var(--red);font-weight:700}
.agent-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:1.2rem;max-width:1180px;margin:0 auto;padding:0 1rem 3rem}
.panel{background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 30px #17343d10}
.panel-head{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--line)}.panel-head p,.panel-head h2{margin:0}.panel-head p{font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.panel-head h2{font-size:1.25rem}
.step{display:grid;place-items:center;width:2.5rem;height:2.5rem;background:var(--ink);color:#fff;font-weight:800}
.status-pill,.state-pill{margin-left:auto;padding:.45rem .65rem;border-radius:999px;background:#fff1ce;color:#805607;font-size:.76rem;font-weight:800}.state-pill{background:#e1edf0;color:var(--blue-dark)}
.metrics{display:grid;grid-template-columns:1fr 1fr;margin:0}.metrics div{padding:1rem 1.25rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics div:nth-child(2n){border-right:0}.metrics dt{color:var(--muted);font-size:.75rem}.metrics dd{margin:.3rem 0 0;font-weight:800}
.evidence-note{margin:1.25rem;padding:1rem;border-left:4px solid var(--amber);background:#fff8e7}.evidence-note p{margin:.35rem 0 0;color:var(--muted);line-height:1.55}
button{font:inherit}.primary-action,.secondary-action{min-height:3.15rem;padding:.85rem 1.1rem;border:0;font-weight:800;cursor:pointer}.primary-action{margin:0 1.25rem 1.25rem;background:var(--blue);color:#fff}.primary-action:hover{background:var(--blue-dark)}.primary-action:disabled,.secondary-action:disabled{opacity:.55;cursor:not-allowed}
.empty-state{padding:3rem 1.5rem;color:var(--muted);line-height:1.7}.summary-text{margin:0;padding:1.25rem;font-size:1.05rem;line-height:1.65;border-bottom:1px solid var(--line)}
.draft-columns{display:grid;grid-template-columns:1fr 1fr}.draft-columns section{padding:1.1rem 1.25rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.draft-columns section:nth-child(2n){border-right:0}.draft-columns h3{margin:0 0 .65rem;font-size:.9rem}.draft-columns ul{margin:0;padding-left:1.1rem;color:var(--muted);line-height:1.55}.draft-columns li+li{margin-top:.45rem}
.decision-box{padding:1.25rem}.decision-box label{display:flex;gap:.65rem;align-items:flex-start;font-weight:700;line-height:1.4}.decision-box input{width:1.2rem;height:1.2rem}.decision-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1rem}.decision-actions .primary-action{margin:0}.secondary-action{background:#e9eceb;color:var(--ink)}
.agent-footer{display:flex;justify-content:space-between;gap:2rem;max-width:1180px;margin:0 auto;padding:1.5rem 1rem 3rem;border-top:1px solid var(--line);color:var(--muted);line-height:1.55}.agent-footer p{max-width:820px;margin:0}.agent-footer a{color:var(--blue-dark);font-weight:800}
@media(max-width:800px){.agent-hero{background:linear-gradient(135deg,#102b35,#17657a)}.brand-link{margin-bottom:2rem}.boundary{grid-template-columns:1fr 1fr;margin:-1rem 1rem 1.5rem}.boundary div:nth-child(2){border-right:0}.boundary div:nth-child(-n+2){border-bottom:1px solid var(--line)}.agent-grid{grid-template-columns:1fr}.draft-columns{grid-template-columns:1fr}.draft-columns section{border-right:0}.agent-footer{display:block}.agent-footer a{display:inline-block;margin-top:1rem}}
@media(max-width:480px){.metrics{grid-template-columns:1fr}.metrics div{border-right:0}.boundary{grid-template-columns:1fr}.boundary div{border-right:0;border-bottom:1px solid var(--line)}.decision-actions{display:grid}.decision-actions button{width:100%}.panel-head{align-items:flex-start;flex-wrap:wrap}.state-pill,.status-pill{margin-left:3.5rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}