:root{color-scheme:light;--canvas:#fbfaf7;--ink:#10192b;--teal:#087c72;--line:#d6d7d4;--muted:#53616b;font:16px/1.5 system-ui,sans-serif;color:var(--ink);background:var(--canvas)}
*{box-sizing:border-box}
body{margin:0}
header{display:flex;align-items:center;justify-content:space-between;min-height:80px;padding:16px clamp(20px,4vw,48px);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:16px;text-decoration:none;font-size:28px;font-weight:780;color:var(--ink);letter-spacing:-.04em}
.brand span{color:var(--teal);padding-right:16px;border-right:1px solid var(--line);font-weight:900}
a{color:var(--teal)}
h1,h2,p{margin:0 0 12px}
h1{font-size:clamp(32px,5vw,46px);line-height:1.12;letter-spacing:-.04em}
h2{font-size:26px;line-height:1.2;letter-spacing:-.025em}
p{max-width:70ch}
button,.secondary{font:inherit;font-weight:650;border:1px solid transparent;border-radius:7px;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-block;background:none;color:inherit}
button:hover,.secondary:hover{background:#e8eeeb}
:focus-visible{outline:3px solid #006adc;outline-offset:3px}
.primary{color:white;background:var(--teal);width:100%}
.primary:hover{background:#06675f}
.quiet{color:var(--teal)}
.secondary{border-color:#8f9899}
.login{width:min(680px,calc(100% - 40px));margin:clamp(48px,12vw,150px) auto 48px clamp(20px,5vw,72px);border:1px solid var(--line);border-radius:12px;padding:clamp(24px,5vw,48px)}
.login p{font-size:18px}
.login form{margin:24px 0 18px}
.login .fine{font-size:15px;color:var(--muted);margin-bottom:0}
.layout{display:grid;grid-template-columns:minmax(208px,24%) minmax(0,1fr);min-height:calc(100vh - 81px)}
aside{border-right:1px solid var(--line);padding:32px}
aside h2{font-size:22px}
nav{display:grid;gap:5px;margin:20px 0 30px}
nav a{display:block;padding:10px 12px;color:var(--ink);text-decoration:none;border-left:4px solid transparent;border-radius:5px;overflow-wrap:anywhere}
nav a[aria-current]{background:#e0efeb;border-left-color:var(--teal);font-weight:700}
main:not(.login){padding:36px clamp(24px,4vw,50px)}
.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:25px}
.workspace-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.workspace-tabs a{border:1px solid var(--line);padding:8px 14px}
.workspace-tabs a[aria-current]{border-color:var(--teal)}
.workspace-tabs + .agent-settings{margin-top:0}
section{border-top:1px solid var(--line);padding-top:24px}
table{width:100%;border-collapse:collapse;margin:22px 0 34px;text-align:left}
th,td{padding:12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
tbody th{font-weight:500}
th:last-child,td:last-child{width:145px}
.switch{display:inline-flex;align-items:center;gap:8px;padding:4px 6px}
.track{position:relative;background:#687477;border-radius:16px;width:44px;height:24px}
.track::after{content:"";position:absolute;top:3px;left:3px;border-radius:50%;width:18px;height:18px;background:white}
.switch[aria-checked=true] .track{background:var(--teal)}
.switch[aria-checked=true] .track::after{left:23px}
.notice{padding:10px 14px;background:#e0efeb;border-radius:6px;margin:12px 0}
.agent-settings{margin:24px 0 28px}
.agent-settings form{display:grid;gap:8px;max-width:620px}
.agent-settings label{font-weight:650}
.agent-settings p[id]{color:var(--muted);font-size:14px;margin:0}
.agent-settings textarea,.agent-settings select{font:inherit;color:inherit;background:#fff;border:1px solid #8f9899;border-radius:7px;padding:8px 10px;width:100%;margin-bottom:10px}
.agent-settings textarea{resize:vertical}
.agent-settings .primary{justify-self:start;width:auto}
.channel-instructions{margin:4px 0 0}
.channel-instructions summary{color:var(--teal);cursor:pointer;font-size:14px;width:fit-content}
.channel-instructions form{margin-top:12px}
.channel-instructions .secondary{justify-self:start}
tbody td{vertical-align:top}
.disconnect{color:var(--muted)}
@media(max-width:650px){.layout{display:block}aside{border-right:0;border-bottom:1px solid var(--line);padding:22px}nav{margin:12px 0}.brand{font-size:22px}.login{margin-right:auto;margin-left:auto}main:not(.login){padding-top:24px}}