:root{color-scheme:light;--canvas:#f6f7f9;--paper:#fff;--subtle:#f1f3f6;--hover:#eef1f5;--ink:#172033;--muted:#667085;--faint:#98a2b3;--line:#e4e7ec;--strong:#d0d5dd;--primary:#3157c8;--primary-soft:#eef2ff;--orange-bg:#fff4e5;--orange:#9a5200;--red-bg:#fff0ef;--red:#b42318;--blue-bg:#edf4ff;--blue:#2456a6;--green-bg:#ecf8f1;--green:#18794e;--gray-bg:#f2f4f7;--gray:#596579;--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",sans-serif;--iconbar:68px;--list:320px;--drawer:340px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.55 var(--font);overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.app{height:100vh;display:grid;grid-template-columns:var(--iconbar) var(--list) minmax(0,1fr);min-width:0}.iconbar{display:flex;flex-direction:column;align-items:center;padding:14px 10px;background:#f2f3f6;border-right:1px solid var(--line)}.logo{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--primary);color:#fff;font-weight:750;margin-bottom:24px}.icons{display:grid;gap:8px;width:100%}.icon{position:relative;width:42px;height:42px;display:grid;place-items:center;margin:auto;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:18px}.icon:hover,.icon.active{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.dot{position:absolute;right:4px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px #f2f3f6}.account{margin-top:auto;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#dfe5f5;color:var(--primary);font-size:12px;font-weight:700}.conversation-list{min-width:0;background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column}.list-head{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.list-head h1{font-size:18px;margin:0}.new{width:30px;height:30px;border:0;border-radius:6px;background:var(--primary);color:white;font-size:18px}.search-wrap{padding:12px 14px}.search{width:100%;height:34px;border:1px solid var(--line);border-radius:7px;background:var(--subtle);padding:0 12px;color:var(--ink);outline:0}.search:focus{border-color:#aebce6;background:white}.notice{margin:0 14px 10px;padding:8px 10px;border-radius:7px;background:#fafafa;color:var(--muted);font-size:11px;border:1px solid var(--line)}.internal{display:inline-flex;align-items:center;padding:1px 6px;border-radius:999px;background:var(--orange-bg);color:var(--orange);font-weight:650;margin-right:5px}.conversations{overflow:auto;padding:0 8px 14px}.conversation{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:11px 10px;border-radius:8px}.conversation:hover{background:var(--hover)}.conversation.active{background:var(--primary-soft)}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#e8ecf5;color:#41506b;font-weight:700}.avatar.pinned{background:#e7edff;color:var(--primary)}.avatar.warn{background:var(--orange-bg);color:var(--orange)}.avatar.red{background:var(--red-bg);color:var(--red)}.conv-main{min-width:0}.conv-top{display:flex;align-items:center;gap:6px}.conv-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:620}.conv-preview{margin-top:4px;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-side{text-align:right;color:var(--faint);font-size:11px}.unread{display:grid;place-items:center;min-width:18px;height:18px;margin:8px 0 0 auto;padding:0 5px;border-radius:999px;background:var(--red);color:white;font-size:10px}.mini-status{display:inline-block;margin-top:7px;padding:1px 6px;border-radius:999px;background:var(--orange-bg);color:var(--orange);font-size:10px;font-weight:650}.chat{position:relative;min-width:0;display:flex;flex-direction:column;background:var(--canvas)}.chat.has-drawer{padding-right:var(--drawer)}.mobile-back{display:none}.chat-head{height:66px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;background:var(--paper);border-bottom:1px solid var(--line)}.chat-title{min-width:0}.chat-title h2{margin:0;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-meta{display:flex;align-items:center;gap:8px;margin-top:2px;color:var(--muted);font-size:11px}.badge{display:inline-flex;align-items:center;min-height:20px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:650;white-space:nowrap}.blue{background:var(--blue-bg);color:var(--blue)}.orange{background:var(--orange-bg);color:var(--orange)}.red{background:var(--red-bg);color:var(--red)}.gray{background:var(--gray-bg);color:var(--gray)}.head-actions{display:flex;gap:4px}.head-btn{height:32px;border:0;border-radius:6px;background:transparent;padding:0 10px;color:var(--muted);white-space:nowrap}.head-btn:hover,.head-btn.active{background:var(--subtle);color:var(--ink)}.messages{flex:1;overflow:auto;padding:24px clamp(20px,5vw,72px)}.day{text-align:center;color:var(--faint);font-size:11px;margin-bottom:20px}.message{display:flex;align-items:flex-start;gap:10px;margin:18px 0}.message.mine{flex-direction:row-reverse}.msg-avatar{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e9edf5;color:#475467;font-size:11px;font-weight:700}.message.agent .msg-avatar{background:#efeaff;color:#6b47b8}.bubble-wrap{max-width:min(680px,78%)}.sender{margin:0 0 5px;color:var(--muted);font-size:11px}.message.mine .sender{text-align:right}.agent-tag{display:inline-flex;align-items:center;margin-left:5px;padding:0 5px;border-radius:4px;background:#efeaff;color:#6941c6;font-size:9px;font-weight:700}.bubble{padding:10px 13px;border:1px solid var(--line);border-radius:4px 12px 12px 12px;background:var(--paper);overflow-wrap:anywhere}.mine .bubble{border-color:#d7e1ff;border-radius:12px 4px 12px 12px;background:#eaf0ff}.time{margin-top:4px;color:var(--faint);font-size:10px}.mine .time{text-align:right}.message-card{margin-top:8px;padding:11px 12px;border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:7px;background:var(--paper)}.message-card h3{font-size:13px;margin:0}.card-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.card-link{border:0;background:transparent;color:var(--primary);font-weight:650;font-size:12px;white-space:nowrap}.composer{padding:12px 20px 16px;background:var(--paper);border-top:1px solid var(--line)}.compose-box{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:end;padding:8px;border:1px solid var(--strong);border-radius:9px}.attach{width:32px;height:32px;border:0;background:transparent;color:var(--muted);font-size:19px}.compose-box textarea{width:100%;height:34px;max-height:90px;border:0;outline:0;resize:none;padding:6px;background:transparent}.send{height:32px;border:0;border-radius:6px;background:var(--primary);color:white;padding:0 14px;font-weight:650;white-space:nowrap}.compose-note{margin-top:5px;color:var(--faint);font-size:10px}.drawer{position:absolute;inset:0 0 0 auto;width:var(--drawer);display:flex;flex-direction:column;background:var(--paper);border-left:1px solid var(--line);z-index:3}.drawer-head{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:15px;margin:0}.close{width:30px;height:30px;border:0;background:transparent;border-radius:6px;color:var(--muted)}.drawer-body{overflow:auto;padding:16px}.drawer-section{margin-bottom:22px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-title h3{font-size:13px;margin:0}.task{padding:11px 0;border-top:1px solid var(--line)}.task:first-of-type{border-top:0}.task-title{font-weight:600;font-size:13px}.task-meta{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--muted);font-size:11px}.boundary{padding:10px;border-radius:7px;background:var(--subtle);color:var(--muted);font-size:11px}.list-only .chat{display:none}.list-only{grid-template-columns:var(--iconbar) minmax(0,1fr)}
@media(max-width:960px){:root{--list:280px;--drawer:310px}.chat.has-drawer{padding-right:0}.drawer{width:min(360px,85%);box-shadow:-12px 0 30px rgb(16 24 40 / 12%)}}
@media(max-width:680px){:root{--iconbar:0px}.app{display:block;width:100vw;max-width:100vw;overflow:hidden}.iconbar{display:none}.conversation-list{height:100vh;border:0}.list-head{padding-left:16px}.notice{line-height:1.5}.chat{width:100vw;max-width:100vw;height:100vh;overflow:hidden}.mobile-chat .conversation-list{display:none}.mobile-back{display:grid;flex:0 0 30px;place-items:center;width:30px;height:30px;border:0;border-radius:6px;background:var(--subtle);color:var(--ink)}.chat-head{padding:0 12px}.chat-title{flex:1;min-width:0;overflow:hidden}.head-actions{flex:0 0 auto}.head-actions .head-btn:not(.active){display:none}.messages{padding:18px 14px;overflow-x:hidden}.message{width:100%;min-width:0}.bubble-wrap{flex:0 1 calc(100vw - 120px);width:calc(100vw - 120px);min-width:0;max-width:calc(100vw - 120px);overflow:hidden}.bubble{max-width:100%;white-space:normal;word-break:break-all}.composer{width:100%;padding:10px 12px}.compose-box{position:relative;width:100%;display:flex;padding-right:70px}.compose-box textarea{flex:1;min-width:0;width:auto}.compose-box .send{position:absolute;right:8px;bottom:8px}.drawer{width:100%}}
/* Live v3 adapts the approved preview to real forms, permissions and mobile navigation. */
:root{--brand:var(--primary);--bg:var(--canvas);--muted: #667085;--line: #e4e7ec;--radius-card:8px}html,body,#app{width:100%;max-width:100%;height:100%;min-width:0}.app{height:100dvh;max-width:100%;overflow:hidden}.app>*,.chat>*,.drawer>*,.compose-box>*,.bubble-wrap>*,.head-actions{min-width:0}button{white-space:nowrap;max-width:100%;line-height:1.3;flex-shrink:0}button.secondary{min-height:32px;padding:5px 10px;border:1px solid var(--strong);border-radius:6px;background:var(--paper);color:var(--ink);font-size:12px}button.secondary:hover{background:var(--hover)}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #aebce6;outline-offset:2px}.iconbar{min-width:0}.icon{padding:0}.conversation{width:100%;border:0;background:transparent;text-align:left;color:var(--ink);white-space:normal;align-items:start}.conv-top,.conv-main,.conv-side{display:block;min-width:0}.conv-name,.conv-preview{display:block}.conv-top{display:flex}.conv-side{max-width:92px}.conv-side>.badge{display:inline-flex;margin-top:8px}.conversation-list .badge{font-size:10px}.list-boundary{font-size:11px;color:var(--muted);margin:0 14px 10px;padding-top:8px;border-top:1px solid var(--line)}.list-boundary p{margin:6px 0;white-space:normal}.list-boundary summary{cursor:pointer}.conversations{flex:1;min-height:0;overscroll-behavior:contain}.conversation-list .notice{line-height:1.5}.notice>span{min-width:0}.conversation-notice{background:var(--paper);border-bottom:1px solid var(--line);padding:6px 16px}.conversation-notice .notice{margin:0;padding:0;border:0;background:transparent;font-size:10px}.internal{white-space:nowrap;flex-shrink:0}.chat-head{flex:0 0 auto;min-height:66px;height:auto;padding-block:10px;min-width:0}.chat-title h2{white-space:normal;overflow-wrap:anywhere;line-height:1.4;font-weight:650}.chat-meta{flex-wrap:wrap}.head-actions{flex:0 0 auto}.chat{max-width:100%;overflow:hidden;height:100%;min-height:0}.messages{min-height:0;max-width:100%;overflow-x:hidden;overscroll-behavior:contain}.message,.bubble-wrap,.bubble,.message-card,.linked-items{min-width:0;max-width:100%}.message{width:100%}.bubble-wrap{flex:0 1 680px;max-width:calc(100% - 44px)}.bubble{white-space:pre-wrap;word-break:break-word}.message-card{overflow-wrap:anywhere}.message-card h3{line-height:1.5}.message-foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--faint);font-size:10px;margin-top:5px}.message-foot .card-link,.message-foot button.secondary{padding:0;min-height:20px;font-size:10px;border:0;background:transparent;font-weight:400}.message.mine .message-foot{justify-content:flex-end}.green{background:var(--green-bg);color:var(--green)}.badge{flex-shrink:0;max-width:100%}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.linked-items{margin:16px 0 16px 44px}.composer{flex:0 0 auto;max-width:100%}.compose-box{margin:0;max-width:100%;min-width:0}.compose-box textarea{min-height:34px;min-width:0;max-width:100%;line-height:1.5;overflow-wrap:anywhere}.reply-preview{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);padding:0 8px 8px;overflow-wrap:anywhere}.account-control{margin-top:auto;position:relative}.account-control>.account{border:0;cursor:pointer;margin:0}.account-popover{position:absolute;bottom:0;left:48px;width:240px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);z-index:30;box-shadow:0 10px 30px #17203318}.account-popover label{font-size:12px}.account-popover p{font-size:11px;color:var(--muted)}.mobile-account{display:none}.drawer{max-width:100%;min-width:0;box-shadow:none}.drawer-head{flex:0 0 auto}.drawer-body{min-width:0;min-height:0;overscroll-behavior:contain}.drawer-body>*{min-width:0;max-width:100%}.drawer section{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:16px}.drawer h3{margin:0 0 10px;font-size:13px}.drawer .grid,.drawer .task-workspace{display:block}.drawer .row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.drawer .section-heading{margin-bottom:12px}.drawer .section-heading h3{margin:0}.drawer p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.drawer .muted,.drawer small{color:var(--muted)}.drawer .task-list{padding:12px}.drawer .task-row{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;border-top:1px solid var(--line);padding:12px 0;min-height:0}.drawer .task-row>*,.drawer .task-row-main{min-width:0}.drawer .task-check{width:15px;height:15px;border:1px solid var(--strong);border-radius:50%;display:grid;place-items:center;color:var(--faint);font-size:9px;margin-top:3px}.drawer .task-row h3{font-size:12px;line-height:1.5;margin:0}.drawer .task-meta{display:block;font-size:10px;margin-top:5px;line-height:1.6;overflow-wrap:anywhere}.drawer .task-row .row{align-items:start}.drawer .issue-meta{display:grid;gap:6px;font-size:11px}.drawer .issue-meta>div{display:flex;justify-content:space-between;gap:8px}.drawer .issue-meta dt{color:var(--muted)}.drawer .issue-meta dd{margin:0;max-width:65%;text-align:right;overflow-wrap:anywhere}.drawer .issue-alert{font-size:11px;color:var(--red)}.drawer .role-note{padding:10px;background:var(--subtle);border-radius:6px;color:var(--muted);font-size:11px}.drawer .task-details,.drawer .issue-details,.drawer .permission-note{margin-top:8px}.drawer .count{font-size:11px;color:var(--muted);font-weight:400}.drawer details{padding:10px 0;border-top:1px solid var(--line)}.drawer summary{cursor:pointer;font-size:12px;color:var(--muted)}.drawer details[open]>summary{margin-bottom:10px}.drawer .stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.drawer .stat{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;font-size:11px}.drawer .stat strong{font-size:16px}.drawer .stat.zero{color:var(--faint);background:var(--canvas)}.drawer .project-goal{font-size:13px}.drawer .demo-settings{padding:12px;border:1px solid var(--line);border-radius:8px;margin-bottom:16px}.action-panel{margin:8px 0 12px}.action-panel>button{min-height:32px;padding:5px 10px;border:1px solid transparent;border-radius:6px;background:var(--primary);color:white;font-size:12px}.action-panel>button.secondary,.action-panel>button[aria-expanded=true]{border-color:var(--strong);background:var(--paper);color:var(--ink)}.compose-panel{min-width:0;padding:12px;margin-top:12px;border:1px solid var(--line);border-radius:6px;background:var(--canvas)}.compose-panel form{margin:0}.drawer form{margin:12px 0;min-width:0}.drawer form>button{min-height:32px;padding:5px 10px;border:1px solid var(--strong);border-radius:6px;background:var(--paper);color:var(--ink);font-size:12px}.drawer label{display:block;margin:10px 0;color:var(--muted);font-size:11px;min-width:0}.drawer input,.drawer select,.drawer textarea,.account-popover select,.mobile-account select{display:block;width:100%;min-width:0;max-width:100%;min-height:32px;margin-top:4px;border:1px solid var(--strong);border-radius:6px;padding:6px 8px;background:var(--paper);color:var(--ink);font:inherit;font-size:12px}.drawer textarea{min-height:72px;resize:vertical}.drawer .fields{display:block}.drawer .file-row{border-top:1px solid var(--line);padding:10px 0;min-width:0}.drawer .file-row p{word-break:break-word}.drawer .boundary{margin:14px 0}.drawer .agent-tag{font-size:10px}.utility-content{flex:1;overflow:auto;min-width:0;padding:24px}.utility-content .notice{margin:0 0 24px}.utility-content section{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:16px;margin-top:24px;min-width:0}.utility-content h3{font-size:14px;margin:0}.utility-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.utility-row>div{min-width:0}.utility-row h3,.utility-row p{overflow-wrap:anywhere}.utility-row p{font-size:12px;color:var(--muted);margin:6px 0}.utility-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--paper);border:1px solid var(--line);border-radius:8px}.utility-stats>div{padding:16px 20px}.utility-stats>div+div{border-left:1px solid var(--line)}.utility-stats span{display:block;color:var(--muted);font-size:12px}.utility-stats strong{font-size:24px}.welcome{text-align:center;margin:15vh 0;color:var(--muted)}.welcome h2{font-size:18px;color:var(--ink)}.welcome p{font-size:13px}.welcome-mark{font-size:48px;color:#c4ccdd}.empty{font-size:12px;color:var(--muted);padding:24px 12px;text-align:center}.new.hidden{display:none}#toast{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100% - 24px);border-radius:6px;background:var(--primary-soft);color:var(--ink);font-size:12px;overflow-wrap:anywhere}#toast:not(:empty){padding:10px 16px;box-shadow:0 4px 20px #17203315}dialog{max-width:calc(100vw - 24px);width:700px;max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:20px;color:var(--ink)}dialog::backdrop{background:#17203333}dialog h2{font-size:18px}dialog section{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:6px}dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#close{float:right}.drawer [hidden],[hidden]{display:none!important}
@media(max-width:1200px){:root{--list:280px}.chat.has-drawer{padding-right:0}.drawer{width:min(370px,90%);box-shadow:-10px 0 30px #17203318}.chat-head{gap:8px;padding-inline:14px}.head-btn{padding-inline:8px}}
@media(max-width:680px){html,body,#app{height:100dvh;max-width:100%;overflow:hidden}.app{display:flex;width:100%;height:100dvh;max-width:100%;overflow:hidden}.app>.conversation-list{display:flex;flex:1;width:100%;min-width:0;height:100%;max-width:100%}.app>.chat{display:none}.app.mobile-chat>.conversation-list{display:none}.app.mobile-chat>.chat{display:flex;flex:1;width:100%;min-width:0;max-width:100%;height:100%}.iconbar{display:none}.mobile-account{display:block;padding:8px 14px 12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.mobile-account label{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-account select{width:170px;margin:0}.chat-head{gap:6px;padding:10px;min-height:70px;align-items:center}.chat-title{flex:1;min-width:0;overflow:visible}.chat-title h2{font-size:12px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.chat-meta{font-size:10px;gap:4px}.head-actions{gap:0;flex:0 0 auto}.head-actions .head-btn,.head-actions .head-btn:not(.active){display:block;padding:0 5px;height:30px;font-size:11px}.mobile-back{flex:0 0 26px;width:26px;height:28px}.messages{width:100%;max-width:100%;padding:14px 10px;overflow-x:hidden}.message{gap:7px;width:100%;max-width:100%}.msg-avatar{flex:0 0 28px;width:28px;height:28px;font-size:10px}.bubble-wrap{flex:0 1 auto;width:auto;min-width:0;max-width:calc(100% - 35px);overflow:visible}.bubble{max-width:100%;white-space:pre-wrap;word-break:break-word;padding:9px 10px;font-size:13px}.message-card{padding:10px;max-width:100%;min-width:0}.message-card h3{font-size:12px}.card-row{gap:8px;flex-wrap:wrap}.message-foot{font-size:9px;gap:6px}.conversation-notice{padding:5px 10px}.conversation-notice .notice{font-size:9px;white-space:normal;line-height:1.5}.composer{width:100%;max-width:100%;padding:8px 10px 12px}.compose-box{position:static;display:grid;grid-template-columns:28px minmax(0,1fr) 56px;gap:4px;width:100%;max-width:100%;padding:6px;align-items:end}.compose-box textarea{display:block;width:100%;min-width:0;max-width:100%;padding:5px;height:34px;font-size:13px}.compose-box .send{position:static;right:auto;bottom:auto;width:56px;min-width:0;padding:0;height:32px;font-size:12px}.attach{width:28px;height:32px;padding:0}.compose-note{font-size:9px}.drawer{inset:0;width:100%;max-width:100%;box-shadow:none}.drawer-head{height:56px;min-height:56px}.drawer-body{padding:12px}.drawer section{padding:12px}.linked-items{margin-left:35px}.utility-content{padding:16px}.utility-stats>div{padding:12px}.utility-stats strong{font-size:20px}.account-popover{left:0}.reply-preview{font-size:10px}.list-boundary{flex:0 0 auto}}

/* Message tools stay available on demand; original records remain unchanged. */
.message-foot{visibility:hidden;pointer-events:none}.message:hover .message-foot,.message:focus-within .message-foot{visibility:visible;pointer-events:auto}.message:focus-visible{outline:2px solid #aebce6;outline-offset:3px;border-radius:8px}.synthetic-label{display:block;margin:6px 0 0 auto;padding:0 4px;border:0;border-radius:3px;background:var(--gray-bg);color:var(--faint);font-size:10px;line-height:1.5}.synthetic-label:hover{color:var(--muted);background:var(--hover)}
@media(max-width:680px),(hover:none){.message:hover .message-foot,.message:focus-within .message-foot{visibility:hidden;pointer-events:none}.message.actions-open .message-foot{visibility:visible;pointer-events:auto}}

/* Approved D professional indigo theme; color overrides only. */
:root{
  --canvas:#f7f8fa;
  --paper:#ffffff;
  --subtle:#f2f3f5;
  --hover:#eceef2;
  --ink:#1d2433;
  --muted:#6b7280;
  --faint:#9aa0aa;
  --line:#e6e8ec;
  --strong:#d4d7dd;
  --primary:#4c5fd5;
  --primary-soft:#eef0fd;
  --blue-bg:#eef3fb;
  --blue:#405f8a;
  --orange-bg:#fbf3e8;
  --orange:#8b6332;
  --red-bg:#faeeee;
  --red:#9b4a47;
  --green-bg:#edf5f0;
  --green:#48745a;
  --gray-bg:#f1f2f4;
  --gray:#616874;
}
.iconbar{background:#f1f2f4;border-right-color:var(--line)}
.logo{background:#4c5fd5;color:#fff}
.iconbar .icon{color:#737b88}
.iconbar .icon:hover,.iconbar .icon.active{background:#fff;color:#4c5fd5;box-shadow:inset 0 0 0 1px #e1e3e8}
.iconbar .dot{box-shadow:0 0 0 2px #f1f2f4}
.account{background:#e2e4e8;color:#454c58}
.conversation-list,.list-head{background:#fafbfc}
.search{background:#f2f3f5}
.conversation.active{background:#eef0fd;box-shadow:inset 3px 0 #4c5fd5}
.avatar,.avatar.pinned,.avatar.warn,.avatar.red,.msg-avatar,.message.agent .msg-avatar{background:#e9ebef;color:#4f5663}
.new,.send{background:#4c5fd5}
.new:hover,.send:hover{background:#3f51c4}
.head-btn{background:#fff;border-color:transparent}
.head-btn:hover{border-color:#dfe2e7;background:#fff}
.head-btn.active{background:#eef0fd;color:#4053c3;border-color:transparent}
.mine .bubble{background:#eef0fd;border-color:#d9def8}
.message.agent .msg-avatar{background:#e9ebef;color:#4f5663}
.agent-tag{background:#eeedf4;color:#625e77}
.message-card{border-left-color:#4c5fd5}
.card-link{color:#4053c3}
.internal{background:#fbf0df;color:#8d5d24}
.badge.blue{background:#eef3fb;color:#405f8a}
.badge.orange{background:#fbf3e8;color:#8b6332}
.badge.red{background:#faeeee;color:#9b4a47}
.badge.gray{background:#f1f2f4;color:#616874}

:root{--primary-hover:#3f51c4}

.create-project-button{flex-shrink:0}.list-head{gap:8px}.list-head .create-project-button{padding-inline:8px;font-size:12px}#detail form[data-action="create_project"]{display:grid;gap:16px}#detail form[data-action="create_project"] label{display:grid;gap:6px}#detail form[data-action="create_project"] input,#detail form[data-action="create_project"] textarea{width:100%;max-width:100%;padding:8px;border:1px solid var(--strong);border-radius:6px;font:inherit}#detail form[data-action="create_project"] textarea{min-height:90px;resize:vertical}#detail form[data-action="create_project"]>button{justify-self:end;padding:8px 16px;border:0;border-radius:6px;background:var(--primary);color:white}#create-project-error{margin:0;color:var(--red)}#create-project-error:empty{display:none}

.follow-tabs{display:flex;gap:4px;flex:0 0 auto;padding:5px 14px;border-bottom:1px solid var(--line);background:var(--paper);overflow-x:auto;max-width:100%}.follow-tabs .head-btn{font-size:12px}.follow-card{padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.follow-card h3{margin:0;font-size:13px}.follow-card .row{flex-wrap:wrap}.follow-card p{margin:8px 0}.follow-card details{margin-top:10px}.follow-compose{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:8px}.follow-compose summary{cursor:pointer;font-weight:600}.follow-actions{display:flex;align-items:start;gap:8px;flex-wrap:wrap;margin-top:12px}.follow-actions>form{margin:0}.follow-actions>details{flex:1 0 100%;margin:0}.follow-warning{color:var(--orange);background:var(--orange-bg);padding:8px;border-radius:6px}.follow-refresh{margin-bottom:8px}.follow-card .pre{font-size:12px}.drawer .follow-card>p .card-link{margin-right:6px}.follow-tabs button{flex-shrink:0}@media(max-width:680px){.follow-tabs{padding:4px 8px}.follow-tabs .head-btn{font-size:11px;padding-inline:8px}.message-foot .card-link{min-height:28px}}

/* Independent accounts and finger-sized controls; approved D tokens retained. */
.login-page{min-height:100dvh;height:auto!important;overflow:auto!important;display:grid;place-items:center;background:var(--canvas);padding:24px;box-sizing:border-box}
.login-card{width:100%;max-width:400px;min-width:0;padding:32px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-sizing:border-box}
.login-brand{width:40px;height:40px;display:grid;place-items:center;background:var(--primary);color:white;border-radius:8px;font-weight:700}
.login-card h1{font-size:22px;margin:24px 0 8px}.login-card .muted{font-size:13px;line-height:1.6;color:var(--muted)}
.login-card label,.utility-content form label,dialog form label{display:block;font-size:13px;margin:16px 0;min-width:0}
.login-card input,.utility-content form input,.utility-content form select,.utility-content form textarea,dialog form input{display:block;width:100%;box-sizing:border-box;min-width:0;max-width:100%;min-height:44px;margin-top:8px;padding:10px 12px;border:1px solid var(--strong);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit}
.login-card button,.utility-content form>button{min-height:44px;border:0;border-radius:6px;background:var(--primary);color:white;padding:10px 20px;font:inherit;cursor:pointer}.login-card button{width:100%}
#login-error{font-size:13px;color:var(--red);overflow-wrap:anywhere}.login-card .notice{margin:24px 0 0;font-size:10px;line-height:1.5}
.account-name{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.account-row{padding:16px 0;border-bottom:1px solid var(--line);min-width:0}.account-row p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.mobile-nav{display:flex;gap:8px;margin-top:8px}.utility-content table{display:block;overflow-x:auto;max-width:100%}
@media(max-width:680px){.login-page{padding:16px}.login-card{padding:24px}.login-card input,.utility-content input,.drawer input,.drawer select,.drawer textarea,dialog input,dialog textarea,dialog select{font-size:16px;min-height:44px}.account-row .account-actions button,.mobile-account button,.utility-content button,.drawer button,.head-actions .head-btn,.follow-tabs .head-btn,.mobile-back,.attach,.compose-box .send,dialog button{min-height:44px}.mobile-back{min-width:32px}.head-actions{display:flex;flex-wrap:wrap;max-width:45%}.chat-head{min-height:76px}.mobile-account{padding:10px 14px}.mobile-nav button{flex:1}.utility-row{gap:8px;align-items:flex-start}.utility-row h3{font-size:14px}.account-control .account-popover{max-width:calc(100vw - 32px)}.compose-box{grid-template-columns:32px minmax(0,1fr) 56px}.compose-box textarea{min-height:44px;font-size:16px}.compose-box .send{height:44px}.message-foot button{min-height:32px!important}.follow-tabs{flex-wrap:wrap;min-height:44px}.utility-content form{max-width:100%}}
@media(max-width:680px){.create-project-button,summary,.file-row a,.account{min-height:44px}.create-project-button{padding:8px 12px!important}summary{display:flex;align-items:center}.file-row a{display:inline-flex;align-items:center}.message-foot button{min-height:44px!important}}
/* Account-scoped group chat and review use the existing product tokens. */
.group-nav{display:flex;gap:8px;padding:0 16px 8px}.group-nav button{flex:1}.group-chat,.group-chat>*{min-width:0}.group-draft-strip{display:flex;gap:8px;flex-wrap:wrap;padding:8px 16px;border-bottom:1px solid var(--border,#e5e7eb)}.group-photo{display:block;max-width:100%;max-height:280px;border-radius:8px;margin-top:8px;object-fit:contain}.group-source-id{font-size:11px;color:var(--muted,#667085)}.group-send{display:flex;align-items:center;gap:8px;min-width:0}.group-send textarea{min-width:0;flex:1;resize:vertical;min-height:48px;max-height:160px}.group-image-pick{position:relative;display:block;font-size:12px;white-space:nowrap;margin:0}.group-image-pick input{display:block;max-width:88px;font-size:10px}.group-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.group-members label,.check-row{display:flex;gap:8px;align-items:center}.group-members input,.check-row input{width:auto}.draft-field{padding:12px 0;border-bottom:1px solid var(--border,#e5e7eb)}.source-references{font-size:12px;overflow-wrap:anywhere}.source-references details{margin:8px 0}.source-references p{white-space:pre-wrap}.group-share-note{padding:12px;background:var(--surface-subtle,#f6f7f9);border-radius:8px;font-size:12px;overflow-wrap:anywhere}.group-error{color:#b42318}.group-origin{overflow-wrap:anywhere}.group-origin p{margin:8px 0}.group-chat .bubble-wrap{min-width:0;max-width:85%}.group-chat .bubble{overflow-wrap:anywhere}.group-chat .chat-head button{flex-shrink:0}fieldset{min-width:0}#dialog .group-error:empty{display:none}@media(max-width:680px){.group-members{grid-template-columns:minmax(0,1fr)}.group-send{gap:6px}.group-image-pick input{max-width:72px}.group-chat .chat-head{padding:12px}.group-chat .chat-title h2{overflow-wrap:anywhere}.group-chat .bubble-wrap{max-width:85%}}
.group-chat .chat-head>[data-group-draft],.group-chat .chat-head>[data-group-new],#group-send>button,#group-create>button,#group-confirm>button{min-height:36px;padding:8px 14px;border:0;border-radius:6px;background:var(--primary);color:white;font-size:13px;font-weight:600}.group-send textarea,#group-create input:not([type=checkbox]),#group-confirm input,#group-confirm textarea{display:block;width:100%;max-width:100%;padding:10px 12px;border:1px solid var(--strong);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit}.group-send textarea{outline:0;resize:vertical}.group-send textarea:focus,#group-confirm textarea:focus{border-color:var(--primary)}#group-create label,#group-confirm label{display:grid;gap:8px;margin:0;font-size:13px}#group-create{display:grid;gap:16px}#group-create fieldset{border:1px solid var(--line);border-radius:8px;padding:12px}#group-create .group-members label,#group-create .check-row{display:flex;gap:8px;margin:0;align-items:center}#group-create input[type=checkbox]{display:inline-block;width:16px;min-height:16px;height:16px;margin:0;accent-color:var(--primary)}#group-confirm textarea{min-height:68px;resize:vertical}#group-create>button,#group-confirm>button{justify-self:end}#group-confirm>button{position:sticky;bottom:0;display:block;margin-left:auto;box-shadow:0 0 0 8px var(--paper)}.group-image-pick{max-width:110px;padding:8px;border:1px solid var(--strong);border-radius:6px;color:var(--muted);font-size:12px;cursor:pointer}.group-image-pick span{display:block;max-width:90px;overflow:hidden;text-overflow:ellipsis}.group-image-pick input{position:absolute;width:1px;height:1px;min-height:0;opacity:0;pointer-events:none}.group-chat .chat-title p{margin:2px 0 0;font-size:11px}.group-chat .group-draft-strip:empty{display:none}.draft-field{padding:12px 0}.source-references details{padding:8px 10px;border-radius:6px;background:var(--subtle)}#dialog:has(#group-confirm),#dialog:has(#group-create){width:min(700px,calc(100vw - 24px));max-height:90dvh;overflow:auto}.group-chat .bubble.pre{white-space:normal}.group-chat .bubble.pre{white-space:pre-wrap}.group-photo{margin-top:8px}.group-share-note{background:var(--subtle)}@media(max-width:680px){.group-chat .chat-head>[data-group-draft],#group-send>button,#group-create>button,#group-confirm>button{min-height:44px}.group-send textarea,#group-confirm textarea,#group-confirm input{font-size:16px}.group-image-pick{max-width:74px;min-height:44px;padding:12px 6px}.group-image-pick span{max-width:60px}.group-photo{max-height:190px}}
.group-photo{width:100%;height:220px;object-fit:contain;background:var(--subtle)}@media(max-width:680px){.group-photo{height:170px}}
.login-card .registration-link{background:transparent;color:var(--primary);border:1px solid var(--strong);margin-top:12px}.login-card #registration-panel h2{font-size:18px;margin:24px 0 8px}.login-card #registration-panel textarea{display:block;width:100%;max-width:100%;margin-top:8px;min-height:80px;padding:10px 12px;border:1px solid var(--strong);border-radius:6px;color:var(--ink);font:inherit;resize:vertical}.login-card #registration-panel p{overflow-wrap:anywhere}#registration-error{color:var(--red);font-size:13px}#registration-result{color:var(--green);font-size:13px}.application-section{margin-bottom:24px}.application-card{padding:16px 0;border-top:1px solid var(--line);min-width:0;overflow-wrap:anywhere}.application-card h3{font-size:14px;margin:0}.application-card p{font-size:12px;color:var(--muted)}.application-card form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.application-card form label{margin:8px 0}.application-card form>button{margin-bottom:8px}.application-card details form{display:block}.application-card details{margin-top:8px}@media(max-width:680px){.application-card form{grid-template-columns:minmax(0,1fr)}.login-card #registration-panel textarea{font-size:16px}}

/* Draft actions occupy their own row; sources scroll above, never underneath. */
.group-nav{padding-top:12px}
#dialog[open]:has(#group-confirm){display:flex;flex-direction:column;height:min(880px,90dvh);padding:20px;overflow:hidden}
#dialog:has(#group-confirm)>#close{position:absolute;top:20px;right:20px;float:none;z-index:2}
#dialog:has(#group-confirm)>#detail{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
#dialog:has(#group-confirm) #detail>h2{flex:none;padding-right:60px;margin:12px 0 16px}
#dialog:has(#group-confirm) #detail>p{flex:none}
#group-confirm{display:flex;flex:1;flex-direction:column;min-height:0;margin:0}
.draft-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 8px 24px 0}
.draft-footer{flex:none;display:flex;justify-content:flex-end;padding:12px 0 0;margin:0;border-top:1px solid var(--line);background:var(--paper)}
.draft-footer>button{position:static;min-height:36px;margin:0;padding:8px 14px;border:0;border-radius:6px;box-shadow:none;background:var(--primary);color:white;font-size:13px;font-weight:600}
@media(max-width:680px){.draft-footer>button{min-height:44px}.draft-scroll{padding-right:4px}}

/* Mixed conversations keep type markers compact and the single entry clear. */
.conversation-kind{font-size:12px;border-radius:8px}.group-kind{background:var(--paper);color:var(--primary)}.project-kind{background:var(--paper);color:var(--muted)}
.list-head [data-group-new],.group-chat .chat-head [data-group-project]{border:0;border-radius:6px;min-height:36px;padding:8px 12px;background:var(--primary);color:#fff;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.group-chat .chat-head button:disabled{opacity:.5;cursor:default}

#model-settings-form label{display:block;margin:16px 0 8px;font-size:12px;color:var(--muted)}#model-settings-form select{display:block;width:100%;min-height:44px;margin-top:8px;padding:8px 10px;border:1px solid var(--strong);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit}#model-settings-form button:not(.secondary){border:0;border-radius:6px;padding:8px 16px;background:var(--primary);color:#fff;font:inherit}#model-result{font-size:13px;overflow-wrap:anywhere}

.model-settings-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}