:root{font:14px/1.6 Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#222831;background:#fff;color-scheme:light}
*{box-sizing:border-box}body{margin:0;max-width:1000px;margin-inline:auto;display:flex;flex-direction:column;height:100dvh;background:#fff;color:#222831;color-scheme:light}
button,input,select,textarea{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #d9dfe8;border-radius:7px;padding:7px 12px;color:inherit}button:disabled{cursor:default;opacity:.5}
.primary{background:#244d99;color:#fff;border-color:#244d99}input,select,textarea{padding:9px;border:1px solid #d9dfe8;border-radius:7px;background:white;color:inherit;min-width:0}textarea{resize:vertical}
:focus-visible{outline:2px solid #2655b6;outline-offset:2px}[hidden]{display:none!important}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e5e7eb}header strong{font-size:17px}small{font-size:11px;color:#687385}header p{font-size:12px;color:#626873;margin:0}
.environment-badge{display:inline-block;vertical-align:middle;margin-left:8px;padding:1px 7px;border:1px solid #fcd34d;border-radius:5px;background:#fef3c7;color:#92400e;font-size:12px;font-weight:700;line-height:1.6;white-space:nowrap}
#notice{font-size:12px;color:#4b5362;padding:0 18px;white-space:pre-wrap}#notice:not(:empty){padding-block:7px;background:#f1f5fb}#notice.error{color:#a12126;background:#fff1f1}
#login{padding:35px 24px;max-width:440px;align-self:center;width:100%}h1{font-size:22px}#login p,.hint{color:#626873}#login label{display:grid;gap:6px}#login form{display:grid;gap:16px}
#workspace{flex:1;min-height:0;display:flex;flex-direction:column}.toolbar{display:flex;gap:8px;padding:12px 16px}.toolbar select{flex:1}
#members{display:flex;gap:5px;flex-wrap:wrap;padding:0 16px 12px;border-bottom:1px solid #e5e7eb}.member{font-size:11px;padding:2px 7px;border-radius:5px;background:#eef0f3}.member.agent{background:#edf3ff;color:#2655b6}
#chat{flex:1;min-height:0;overflow:auto;padding:18px 16px;background:#fbfcfe}.empty{text-align:center;color:#626873;margin-top:50px}
.message{display:flex;gap:8px;margin-bottom:18px;align-items:flex-start}.mine{flex-direction:row-reverse}.avatar{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:8px;background:#e9eef6;color:#355984;font-size:11px}
.message-body{min-width:0;max-width:82%}.meta{font-size:11px;color:#626873;display:flex;gap:8px}.mine .meta{justify-content:flex-end}.bubble{margin-top:4px;border:1px solid #e0e5ed;background:#fff;border-radius:3px 10px 10px;padding:8px 11px;white-space:pre-wrap;overflow-wrap:anywhere}.mine .bubble{background:#edf3ff;border-color:#dce7ff;border-radius:10px 3px 10px 10px}
a{color:#2655b6}#send-form{display:flex;gap:8px;padding:12px 16px 0}#send-form textarea{flex:1}#send-form button{align-self:end}.hint{font-size:11px;margin:6px 16px 12px}
#pending{font-size:12px;max-height:100px;overflow:auto;padding-inline:16px}.pending-row{display:flex;gap:8px;align-items:center;justify-content:space-between;padding-top:6px}.pending-row span{overflow-wrap:anywhere}
dialog{max-width:540px;width:calc(100% - 32px);border:1px solid #d9dfe8;border-radius:12px;padding:20px;max-height:90dvh}dialog::backdrop{background:#18233566}.dialog-title{display:flex;justify-content:space-between;align-items:center}h2{font-size:18px;margin:0}h3{font-size:14px;margin:22px 0 8px}dialog form{display:flex;gap:7px;flex-wrap:wrap}dialog input{flex:1}#agent-secret textarea{width:100%;font-family:monospace;font-size:11px}.agent-row{padding:12px 0;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.agent-row span{flex:1}
@media(min-width:700px){body{border-inline:1px solid #e5e7eb}}

.file-card{display:block;margin-top:5px;color:#2655b6;max-width:100%;overflow-wrap:anywhere;text-align:left}.mine .file-card{margin-left:auto}

#oauth-consent{width:100%;max-width:480px;align-self:center;padding:36px 24px}#oauth-consent p{overflow-wrap:anywhere}#oauth-consent .hint{margin:8px 0 16px}#oauth-form{display:grid;gap:16px;margin:24px 0 12px}#oauth-form label{display:grid;gap:6px}#oauth-approve{min-height:42px}#oauth-cancel{width:100%}
#hall-launcher{padding:24px;max-width:440px;width:100%;align-self:center}#hall-launcher h1{margin:0 0 8px}#hall-launcher p{color:#626873;font-size:13px}#hall-open{width:100%;margin:8px 0;min-height:42px}#hall-surface{border:0;width:100%;flex:1;min-height:400px}#hall-panel-status{padding:12px 18px;font-size:13px;color:#626873}
#ui-update{padding:10px 16px;background:#edf3ff;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}#update-status{width:100%}.check-update{font-size:11px;align-self:flex-end;margin:0 16px 12px;padding:4px 8px;color:#626873}

#hall-launcher-frame{border:0;width:100%;height:300px;flex-shrink:0;background:white}#hall-shell-status{padding:12px 18px;font-size:13px;color:#626873}

#invitation-share textarea{width:100%;box-sizing:border-box;margin:8px 0;resize:vertical}#invitation-share{margin-bottom:16px}
