.section-nav{display:flex;gap:12px;margin:24px 0}.section-nav button[aria-pressed=false]{background:white;color:#194f90}.inbox-toolbar{display:flex;align-items:end;gap:20px;flex-wrap:wrap}.inbox-toolbar h3{flex:1}.inbox-toolbar label{min-width:200px}.inbox-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:24px;margin-top:24px}.conversation-list{border-right:1px solid #c9d0d7;padding-right:20px;max-height:650px;overflow:auto}.conversation-choice{display:block;width:100%;text-align:left;margin-bottom:10px;background:white;color:#17212b;overflow-wrap:anywhere;line-height:1.5}.conversation-choice:hover,.conversation-choice[aria-pressed=true]{background:#e9f1fa;color:#17212b}.conversation-choice small{display:block}#thread h3{margin-top:0;overflow-wrap:anywhere}.handoff-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.handoff-controls label{flex:1;min-width:160px}#thread-messages{list-style:none;margin:20px 0;padding:0;max-height:560px;overflow:auto}#thread-messages li{padding:14px 16px;background:#f3f5f7;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px}#thread-messages li[data-direction=out]{background:#e9f1fa}#thread-messages small{display:block;margin-top:8px}textarea{font:inherit;resize:vertical;border:1px solid #7a8998;border-radius:6px;padding:12px;width:100%}textarea:focus-visible{outline:3px solid #1a60ae;outline-offset:3px}.channel-connection{border-top:1px solid #c9d0d7;padding:18px 0}.channel-connection h4{margin:0 0 8px;overflow-wrap:anywhere}.channel-actions{display:flex;gap:10px;flex-wrap:wrap}.channel-qr{display:block;max-width:260px;width:100%;height:auto;margin:20px 0}.channel-feedback{overflow-wrap:anywhere}#inbox-notice{min-height:24px;overflow-wrap:anywhere}@media(max-width:720px){.inbox-layout{grid-template-columns:1fr}.conversation-list{max-height:300px;border-right:0;border-bottom:1px solid #c9d0d7;padding:0 0 20px}.handoff-controls{align-items:stretch;flex-direction:column}.section-nav{flex-wrap:wrap}.inbox-toolbar{align-items:stretch;flex-direction:column}}
:root{font-family:system-ui,sans-serif;color:#17212b;background:#f3f5f7;font-size:16px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;background:#fff;border-bottom:1px solid #c9d0d7;padding:20px max(24px,calc((100vw - 1080px)/2))}header strong{font-size:24px;color:#194f90}header button{margin-left:auto}main{max-width:1080px;margin:32px auto;padding:0 24px}h1{font-size:28px;line-height:1.2;margin:0 0 12px}h2{font-size:22px}h3{font-size:18px;margin-top:32px}p{line-height:1.6;max-width:72ch;color:#415160}section#login{max-width:440px;margin:64px auto}section#workspace{background:white;padding:32px}form{display:grid;gap:20px}label{display:grid;gap:8px;font-weight:600}input,select,button{font:inherit;border-radius:6px;padding:11px 14px;border:1px solid #7a8998;min-width:0}input,select{width:100%;background:white;color:#17212b}button{cursor:pointer;background:#194f90;border-color:#194f90;color:white;font-weight:600;width:fit-content}button:hover{background:#123c70}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1a60ae;outline-offset:3px}small{font-size:13px;font-weight:400;color:#415160}.title{display:flex;justify-content:space-between;align-items:center;gap:24px}.title label{min-width:260px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.check{display:flex;align-items:center;font-weight:400}.check input{width:20px;height:20px}#create-tenant{display:flex;align-items:end;margin:24px 0;padding-bottom:24px;border-bottom:1px solid #c9d0d7}#create-tenant label{flex:1}#notice{min-height:26px;color:#82251b;font-weight:600}#detail{border-top:1px solid #c9d0d7;margin-top:28px}.resource{border-top:1px solid #c9d0d7;padding:8px 0 24px;margin-top:32px}.resource form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.resource ul{padding-left:20px;line-height:1.8;overflow-wrap:anywhere}h2,#identity{overflow-wrap:anywhere}.resource button{align-self:end}footer{max-width:1080px;margin:40px auto;padding:0 24px;color:#415160;font-size:14px}[hidden]{display:none!important}@media(max-width:720px){.grid,.resource form{grid-template-columns:1fr}.title,#create-tenant{display:flex;flex-direction:column;align-items:stretch}.title label{min-width:0}section#workspace{padding:20px}header{padding:16px;gap:16px}header span{display:none}main{padding:0 12px;margin-top:20px}section#login{margin:40px auto}}