/* 输入框布局 */
.chat-compose__row{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}
.chat-compose__row>label.field{display:block!important;width:100%!important;margin-bottom:10px!important}
.chat-compose__row>label.field textarea{display:block!important;width:100%!important;min-height:80px!important;box-sizing:border-box!important}
.chat-compose__actions{display:flex!important;flex-direction:row!important;justify-content:flex-end!important;width:100%!important;padding-top:8px!important;border-top:1px solid #eee!important;margin-top:4px!important}

/* 思考过程切换按钮 - 定位到 health pill 后 */
.chat-thinking-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 8px!important;margin-left:8px!important;border:1px solid #ddd!important;border-radius:6px!important;background:#f8f9fa!important;cursor:pointer!important;transition:all 0.2s!important;vertical-align:middle!important}
.chat-thinking-toggle:hover{background:#e9ecef!important;border-color:#ccc!important}
.chat-thinking-toggle[aria-pressed="true"]{background:#e7f3ff!important;border-color:#0066cc!important;color:#0066cc!important}
.chat-thinking-toggle svg{width:16px!important;height:16px!important;fill:currentColor!important;display:block!important}

/* 在 health pill 后显示按钮 */
.pill+.chat-thinking-toggle{margin-left:8px!important}
.status-row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important}

/* 思考过程内容控制 */
.chat-thinking,.chat-reasoning,.agent-thinking,.thinking-block{display:none!important}
.chat-thinking.visible,.chat-reasoning.visible,.agent-thinking.visible,.thinking-block.visible{display:block!important}

/* 手机端聊天内容自适应 */
@media(max-width:767px){
/* 主内容区域 */
.content--chat{width:100%!important;max-width:100%!important;padding:0!important}
/* 聊天容器 */
.chat{width:100%!important;max-width:100%!important;border-radius:0!important}
/* 聊天主区域 */
.chat-main{width:100%!important;flex:1 1 100%!important;min-width:0!important}
/* 聊天线程 */
.chat-thread{width:100%!important;max-width:100%!important;padding:12px!important}
/* 消息组 */
.chat-group{width:100%!important;max-width:100%!important}
/* 消息气泡 */
.chat-bubble{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
/* 消息文本 */
.chat-text{width:100%!important;max-width:100%!important;word-wrap:break-word!important;overflow-wrap:break-word!important}
/* 头像 */
.chat-avatar{width:36px!important;height:36px!important;min-width:36px!important}
/* 头部控制栏 */
.chat-controls{flex-wrap:wrap!important;gap:8px!important}
/* 按钮在小屏幕上换行 */
.chat-controls .btn{flex:0 0 auto!important}
/* 输入框容器 */
.chat-compose{width:100%!important;max-width:100%!important;padding:12px!important;box-sizing:border-box!important}
/* 超小屏幕按钮拉伸 */
@media(max-width:375px){
.chat-compose__actions .btn{flex:1!important}
.chat-thread{padding:8px!important}
.chat-avatar{width:32px!important;height:32px!important;min-width:32px!important}
.chat-thinking-toggle{padding:6px!important;margin-left:4px!important}
.chat-thinking-toggle svg{width:14px!important;height:14px!important}
}
}

/* 深色模式适配 */
@media(prefers-color-scheme:dark){
.chat-compose__actions{border-top-color:#333!important}
.chat-thinking-toggle{border-color:#444!important;background:#2a2a2a!important}
.chat-thinking-toggle:hover{background:#333!important;border-color:#555!important}
.chat-thinking-toggle[aria-pressed="true"]{background:#1a3a52!important;border-color:#0066cc!important;color:#66b3ff!important}
}