.agent-setup{max-width:1080px;margin:0 auto;padding:24px 18px 72px;color:#e8f2ed}
.agent-setup *{box-sizing:border-box}
.agent-setup-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:28px}
.agent-setup h1{font-size:clamp(27px,3.3vw,38px);letter-spacing:-.04em;margin:18px 0 9px}
.agent-setup h2{font-size:clamp(23px,2.5vw,29px);letter-spacing:-.03em;margin:10px 0 12px;outline-offset:6px}
.agent-setup h3{font-size:17px;margin:0 0 10px}
.agent-setup p{color:#b4c7be;line-height:1.65;margin:8px 0 18px}
.agent-setup a{color:#78e1b4}
.agent-setup .btn{white-space:normal;min-height:42px;line-height:1.4}
.agent-setup .btn:focus-visible,.agent-step-nav button:focus-visible,.agent-setup select:focus-visible{outline:2px solid #80efb5;outline-offset:4px}
.agent-step-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px}
.agent-step-nav button{display:flex;gap:10px;text-align:left;align-items:center;border:1px solid #2a4036;background:#102019;color:#b4c7be;border-radius:12px;padding:13px;font:inherit;font-size:13px;cursor:pointer}
.agent-step-nav button span{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:#213c2e;font-variant-numeric:tabular-nums}
.agent-step-nav [aria-current]{background:#173929;border-color:#75d6a6;color:#f0fff6}
.agent-setup-panel{border:1px solid #2c4238;border-radius:18px;background:linear-gradient(140deg,#15271e,#101b17 70%);padding:clamp(20px,4vw,40px);box-shadow:0 18px 50px #0003;overflow-wrap:anywhere}
.agent-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#8adbb4;font-weight:700}
.agent-setup .agent-status{font-size:12px;border-bottom:1px solid #2c4238;padding-bottom:15px;min-height:30px;color:#b4c7be}
.agent-setup label{display:block;margin:22px 0 8px;font-weight:600}
.agent-setup select{display:block;width:100%;max-width:620px;min-height:46px;border:1px solid #466052;border-radius:9px;background:#0b1711;color:#edf8f1;padding:10px;font:inherit}
.agent-setup .agent-hint{font-size:13px;color:#a3b8ab;max-width:760px}
.agent-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.agent-evidence{display:grid;gap:9px;padding:18px;border-left:3px solid #75d6a6;background:#09150e66;border-radius:0 9px 9px 0;margin:24px 0;font-size:14px}
.agent-evidence span{color:#bbcbc2}
.agent-instructions{padding-left:22px;line-height:1.7;color:#ccdbd2}
.agent-instructions li{padding:4px 0 10px}
.agent-endpoints{padding:18px;background:#0a160f;border:1px solid #30483a;border-radius:12px}
.agent-endpoints dt{font-size:12px;color:#a8bdb0;margin-bottom:8px}
.agent-endpoints dd{margin:0 0 16px;overflow-wrap:anywhere}
.agent-endpoints dd:last-child{margin-bottom:0}
.agent-endpoints code{font-size:13px}
.agent-consent{border:1px solid #3a5145;border-radius:12px;padding:20px;margin:20px 0}
.agent-tag{display:inline-block;border:1px solid #56614a;border-radius:100px;padding:6px 11px;color:#dddfad;background:#252d1d;font-size:11px;white-space:nowrap}
.agent-tag.observed{color:#a7ebc3;border-color:#39664b;background:#183123}
.agent-checklist{list-style:none;padding:0;display:grid;gap:12px}
.agent-checklist li{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #263d30;padding:12px 0}
.agent-checklist p{margin:7px 0 0;font-size:13px}
.agent-setup-footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:20px 2px;font-size:12px;color:#a3b8ab}
.agent-secret{background:#302c17;border:1px solid #a99c52;padding:18px;border-radius:12px;margin:20px 0}
.agent-secret code{display:block;overflow-wrap:anywhere;color:#fff6c7;margin:16px 0}
.agent-setup button:disabled{opacity:.55;cursor:wait}

@media(max-width:700px){.agent-setup{padding:16px 10px 75px}
.agent-setup-header{display:block}
.agent-setup-header>.agent-tag{margin-top:10px}
.agent-step-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
.agent-step-nav button{font-size:12px;padding:10px;gap:7px}
.agent-setup-panel{padding:20px 16px}
.agent-checklist li{display:block}
.agent-checklist .agent-tag{margin-bottom:10px}
.agent-actions .btn{flex:1 1 190px}
}


.agent-requirements{margin:22px 0;border:1px solid #3a5145;border-radius:12px;padding:18px}
.agent-requirements summary{cursor:pointer;font-weight:600;color:#d3eadd;line-height:1.6}
.agent-requirements summary:focus-visible{outline:2px solid #80efb5;outline-offset:5px}


html.site-neutral[data-page="app"] #view-connect-agent .agent-step-nav button[aria-current="step"]{background:#214b35;border-color:#8fe2b4;color:#f1fff6;box-shadow:inset 0 -3px 0 #8fe2b4}