/* Conversation surfaces only: preserve artifact and account layouts. */
.app .chat .conversation-intro{margin:18px auto 0;font-size:18px;line-height:1.55;color:var(--ink);text-align:center;text-wrap:balance}
.app .chat .conversation-guide{max-width:510px;margin:9px auto 0;font-size:13px;line-height:1.7;color:var(--ink-2);text-align:center;text-wrap:pretty}
.app .unified-chat .chat-empty>.welcome{margin-top:clamp(30px,16dvh,150px);padding-bottom:18px}
.app .unified-chat .starter-disclosure{display:block;width:min(100%,656px);margin:8px auto 20px;padding:0 24px}
.app .unified-chat .starter-disclosure>summary{font-size:12px;color:var(--ink-2);min-height:32px}
.app .unified-chat .chat-empty .starters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0;padding:0;max-width:none}
.app .unified-chat .chat-empty .starters .chip{min-height:46px;padding:10px 12px;font-size:12px;border:1px solid var(--line-soft);background:var(--bg);border-radius:12px;text-align:left;white-space:normal;justify-content:flex-start;color:var(--ink-2)}
.app .unified-chat .chat-empty .starters .chip:hover{background:var(--surface-2);border-color:var(--line);color:var(--ink)}
.app .unified-chat .chat-empty .starters .starter-chevron{display:none}
.app .chat .thread-inner{max-width:800px;padding-bottom:28px}
.app .chat .msg.ai{padding-block:20px}
.app .chat .msg.ai .prose{line-height:1.8;overflow-wrap:anywhere}
.app .chat .msg.ai .prose p{margin-block:0 1em}
.app .chat .msg.ai .prose :is(h2,h3){line-height:1.4;margin-top:1.5em;margin-bottom:.65em}
.app .chat .msg.user .bubble{padding:13px 18px;border-radius:20px 20px 6px 20px;line-height:1.7;background:var(--surface-2);border:1px solid var(--line-soft)}
.app .unified-chat .composer{border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 20px #00000006}
.app .unified-chat .composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}
.app .chat .conversation-task-hint{max-width:704px;margin:4px auto;padding:8px 24px;color:var(--ink-2);font-size:12px;line-height:1.6;text-align:center}
.app .cowork-completion{display:flex;gap:12px;padding:18px 20px;border:1px solid var(--line-soft);background:var(--surface-2);border-radius:16px;margin:20px 0}
.app .cowork-completion-icon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;color:var(--accent);background:var(--bg)}
.app .cowork-completion strong{font-size:14px}.app .cowork-completion p{margin:5px 0;font-size:13px;overflow-wrap:anywhere}.app .cowork-completion small{color:var(--ink-2);font-size:12px;line-height:1.6}
@media(max-width:900px){
 .app .unified-chat .chat-empty>.welcome{margin-top:0;padding:26px 20px 14px}
 .app .chat .conversation-intro{font-size:16px;margin-top:14px}
 .app .chat .conversation-guide{font-size:12px;max-width:340px}
 .app .unified-chat .starter-disclosure{padding:0 18px;margin-bottom:12px}
 .app .unified-chat .chat-empty .starters{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .app .unified-chat .chat-empty .starters .chip{font-size:11px;padding:9px;min-height:44px}
 .app .chat .msg.user .bubble{max-width:92%;padding:12px 15px}
 .app .chat .msg.ai .prose{line-height:1.75}
 .app .cowork-completion{padding:15px;gap:10px}
}
@media(max-height:650px){.app .unified-chat .chat-empty>.welcome{margin-top:12px}.app .chat .conversation-guide{display:none}}

.app .chat-empty .welcome .conversation-intro{display:block}.app .unified-chat .chat-empty .starters{display:grid!important}
@media(max-width:900px){.app .unified-chat .chat-empty{overflow-y:auto;justify-content:flex-start}.app .unified-chat .chat-empty>.welcome{flex-shrink:0}.app .unified-chat .chat-empty>.welcome+div{flex-shrink:0}}

.app .cowork-recovery{margin:14px 0;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:10px}
.app .cowork-recovery strong{font-size:13px;color:var(--ink)}
.app .cowork-recovery p,.app .cowork-error-detail p{margin:6px 0 0;font-size:12px;line-height:1.7;color:var(--ink-2);overflow-wrap:anywhere}
.app .cowork-error-detail{margin:10px 0;font-size:12px}.app .cowork-error-detail summary{cursor:pointer;padding-block:8px;color:var(--ink-2)}
.app .cowork-task-error .btn{margin:8px 0;display:block}
