.detail-dialog.ai-workspace { width: min(1240px, calc(100vw - 40px)); height: var(--feedback-viewport-height, 100dvh); max-height: var(--feedback-viewport-height, 100dvh); top: var(--feedback-viewport-top, 0px); bottom: auto; overflow: hidden; }
.ai-workspace #detail-content { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.ai-workspace .detail-top { flex: 0 0 auto; position: relative; top: auto; padding: 10px 24px; }
.ai-workspace .detail-main { display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden; padding: 14px 24px 0; }
.ai-workspace .detail-title-row { flex: 0 0 auto; }
.ai-workspace .detail-title-row h2 { font-size: 20px; line-height: 1.45; }
.ai-workspace .detail-created { flex: 0 0 auto; margin: 4px 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ai-workspace .detail-navigation { flex: 0 0 auto; display: flex; gap: 10px; margin: 0 0 12px; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.detail-navigation button { flex: 0 0 auto; min-height: 44px; padding: 8px 10px; font-size: 13px; }
.detail-workspace.with-ai-chat { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 22px; flex: 1; min-height: 0; overflow: hidden; }
.with-ai-chat .detail-context, .with-ai-chat .detail-conversation { min-width: 0; min-height: 0; }
.with-ai-chat .detail-context { overflow: auto; padding-right: 8px; padding-bottom: 18px; overscroll-behavior: contain; }
.with-ai-chat .detail-conversation { display: flex; flex-direction: column; }
.with-ai-chat[data-detail-pane="chat"] #discussion { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.with-ai-chat:not([data-detail-pane="chat"]) { display: block; overflow: auto; overscroll-behavior: contain; padding-bottom: 16px; }
.with-ai-chat:not([data-detail-pane="chat"]) .detail-context { overflow: visible; }
.with-ai-chat:not([data-detail-pane="chat"]) .detail-conversation { display: block; }
.ai-chat { display: flex; flex-direction: column; flex: 1; min-height: 0; border: 2px solid #dfe5ec; border-radius: 12px; overflow: hidden; background: #fff; }
.ai-chat-heading { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 12px 14px 8px; }
.ai-chat-heading > div { min-width: 0; }
.ai-chat-heading h3 { font-size: 15px; }
.ai-chat-heading p { color: #737e8d; font-size: 11px; margin: 3px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ai-chat-avatar { background: #fff0e9; color: #b54e2d; flex: 0 0 auto; }
.ai-chat-status { margin-left: auto; white-space: nowrap; border-radius: 20px; background: #edf4ef; color: #39714c; padding: 4px 8px; font-size: 11px; }
.ai-chat-status.working { background: #fff2df; color: #855f22; }
.ai-chat-scope { flex: 0 0 auto; margin: 0 14px; padding: 0 0 8px; border-bottom: 1px solid #e7ebf0; font-size: 11px; color: #7b8593; }
.ai-chat-original { flex: 0 0 auto; margin: 8px 10px 0; border: 1px solid #c8d9f7; border-radius: 10px; background: #edf5ff; overflow: hidden; }
.ai-chat-original > summary { display: flex; align-items: center; gap: 9px; list-style: none; cursor: pointer; min-height: 48px; padding: 10px 14px; }
.ai-chat-original > summary::-webkit-details-marker { display: none; }
.ai-chat-original > summary::before { content: "▸"; color: #5575dc; font-size: 12px; transition: transform .15s ease; }
.ai-chat-original[open] > summary::before { transform: rotate(90deg); }
.ai-chat-original-title { flex: 0 0 auto; color: #315dcc; font-size: 14px; font-weight: 750; }
.ai-chat-original-preview { min-width: 0; flex: 1; overflow: hidden; color: #31466b; font-size: 14px; line-height: 1.6; text-overflow: ellipsis; white-space: nowrap; }
.ai-chat-original > summary b { flex: 0 0 auto; color: #5575a2; font-size: 11px; font-weight: 600; white-space: nowrap; }
.ai-chat-original-body { padding: 0 15px 15px; }
.ai-chat-original-text { color: #243a61; font-size: 15px; line-height: 1.85; white-space: pre-wrap; overflow-wrap: anywhere; }
.ai-chat-original-body dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; margin: 13px 0 0; padding-top: 11px; border-top: 1px solid #d5e2fa; }
.ai-chat-original-body dl div:last-child { grid-column: 1 / -1; }
.ai-chat-original-body dt { color: #6b83a8; font-size: 11px; margin-bottom: 3px; }
.ai-chat-original-body dd { margin: 0; color: #466087; font-size: 13px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.ai-chat-relation { flex: 0 0 auto; display: flex; align-items: baseline; gap: 8px; margin: 8px 14px 0; padding: 8px 12px; border: 1px solid #e0e7f2; border-radius: 9px; background: #fafcff; color: #63738b; font-size: 12px; line-height: 1.6; }
.ai-chat-relation strong { flex: 0 0 auto; color: #5575a2; font-size: 11px; }
.ai-chat-messages { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 6px 14px; overflow-wrap: anywhere; }
.ai-chat-messages .comment { padding: 12px 0; margin: 0; border-bottom: 1px solid #edf0f4; }
.ai-chat-messages .comment-main { min-width: 0; }
.ai-chat-messages .comment-meta { flex-wrap: wrap; gap: 5px; }
.ai-chat-messages .body-text { font-size: 14px; line-height: 1.75; }
.ai-chat-messages .review-turn { background: #f5f7fa; border: 1px solid #e6ebf1; border-radius: 10px; margin: 8px 0; padding: 10px; }
.ai-chat-messages details { margin-top: 8px; }
.ai-chat-plan > summary { list-style: none; }
.ai-chat-plan > summary::-webkit-details-marker { display: none; }
.ai-chat-messages summary { color: #637286; font-size: 12px; cursor: pointer; }
.ai-chat-messages .attachment-card img { max-height: 140px; object-fit: contain; }
.ai-chat-scroll-hint { position: relative; height: 0; flex: 0 0 auto; z-index: 1; }
.ai-chat-scroll-hint button { position: absolute; right: 12px; bottom: 8px; box-shadow: 0 3px 14px #25314418; min-height: 36px; }
.ai-chat-empty { padding: 18px 4px; }
.ai-chat-empty p { color: #7b8593; line-height: 1.8; margin: 8px 0 0; }
.ai-chat-activity { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 2px 12px; border-top: 1px solid #e7ebf0; }
.ai-chat-progress { flex: 1; min-width: 0; }
.ai-chat-progress p { display: none; margin: 3px 0; color: #6b7788; font-size: 11px; line-height: 1.5; }
.ai-chat-progress p:last-child { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ai-chat-progress time { color: #9aa3af; margin-right: 6px; font-variant-numeric: tabular-nums; }
.ai-chat-controls { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; margin-left: auto; }
.ai-chat-controls[hidden] { display: none; }
.ai-chat-controls .text-button { min-height: 44px; }
.ai-chat #comment-form { flex: 0 0 auto; margin: 0 10px; }
.ai-chat .comment-editor { margin-top: 0; border: 1.5px solid #dce2eb; }
.ai-chat .comment-editor textarea { min-height: 44px; max-height: 120px; resize: none; line-height: 1.6; padding: 9px 10px; font-size: 14px; }
.ai-chat .comment-editor-footer { min-height: 42px; padding: 4px 8px; gap: 8px; }
.ai-chat .comment-editor-footer .button, .ai-chat .comment-editor-footer .text-button { min-height: 44px; }
.ai-chat .comment-editor-footer .small-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-chat .comment-files { max-height: 72px; overflow: auto; }
.ai-chat-note { flex: 0 0 auto; margin: 6px 12px 9px; font-size: 11px; color: #838d9c; line-height: 1.5; }
#detail-development { flex: 0 0 auto; }
.development-dock { background: #fff; border-top: 1px solid #e5e9ef; padding: 8px 0 10px; margin-top: 10px; }
.development-dock p { margin: 0 0 6px; color: #778497; font-size: 11px; line-height: 1.5; }
.development-dock-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.development-dock .button { min-height: 44px; }
.development-dock .primary { flex: 1 1 150px; font-size: 14px; }
.development-dock .quiet { flex: 0 1 auto; max-width: 100%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 900px) {
  .detail-workspace.with-ai-chat { display: flex; flex-direction: column; gap: 0; }
  .with-ai-chat[data-detail-pane="chat"] .detail-context { display: none; }
  .with-ai-chat[data-detail-pane="chat"] .detail-conversation { flex: 1; width: 100%; }
  .ai-chat-scope, .ai-chat-note { display: none; }
  .ai-chat-original { margin: 7px 10px 0; }
  .ai-chat-original-preview { font-size: 13px; }
  .ai-chat-original-body { padding: 0 12px 13px; }
  .ai-chat-original-text { font-size: 14px; }
  .ai-chat-original-body dd { font-size: 12px; }
  .ai-chat-relation { margin: 7px 10px 0; padding: 7px 10px; font-size: 11px; }
  .ai-chat-original-body dl { grid-template-columns: minmax(0, 1fr); }
  .ai-chat-original-body dl div:last-child { grid-column: auto; }
  .development-dock { padding-bottom: calc(8px + env(safe-area-inset-bottom)); }
}
@media (max-width: 650px) {
  .detail-dialog.ai-workspace { width: 100%; border-radius: 0; }
  .ai-workspace .detail-top { padding: 5px 12px; gap: 8px; }
  .ai-workspace .detail-main { padding: 8px 10px 0; }
  .ai-workspace .detail-title-row h2 { font-size: 16px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; }
  .ai-workspace .detail-created { font-size: 11px; margin: 3px 0 6px; }
  .ai-workspace .detail-navigation { gap: 2px; margin-bottom: 8px; }
  .detail-navigation button { padding: 6px 8px; font-size: 13px; min-height: 44px; }
  .ai-chat-heading { padding: 9px 10px 7px; gap: 7px; }
  .ai-chat-heading .avatar { width: 27px; height: 27px; font-size: 10px; }
  .ai-chat-heading h3 { font-size: 14px; }
  .ai-chat-heading p { font-size: 10px; }
  .ai-chat-status { font-size: 10px; padding: 3px 6px; }
  .ai-chat-messages { padding: 4px 9px; }
  .ai-chat .comment-editor textarea { font-size: 16px; }
  .ai-chat .comment-editor-footer .button, .ai-chat .comment-editor-footer .text-button, .ai-chat-controls .text-button { min-height: 44px; font-size: 12px; }
  .ai-chat .comment-editor-footer .small-text { max-width: 65px; }
  .ai-chat-progress p { font-size: 11px; }
  .ai-chat-scroll-hint button { min-height: 44px; }
  .development-dock { margin-top: 8px; }
  .development-dock .quiet { font-size: 12px; }
}
@media (max-height: 650px) {
  .ai-workspace .detail-created, .ai-chat-heading p { display: none; }
  .ai-workspace .detail-main { padding-top: 5px; }
  .ai-workspace .detail-title-row h2 { -webkit-line-clamp: 1; font-size: 16px; }
  .ai-chat-heading { padding-top: 6px; padding-bottom: 6px; }
  .development-dock p { display: none; }
}

/* Local chat tools never submit a message on the user's behalf. */
.chat-message-actions { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 7px; }
.chat-message-actions button { min-height: 44px; min-width: 44px; padding: 7px 9px; color: #7b6858; background: transparent; font-size: 11px; border-radius: 7px; }
.chat-message-actions button:hover { background: #f2f0ed; color: #9b4b2d; }
.chat-message-selected { box-shadow: inset 0 0 0 2px #d9a679; border-radius: 9px; }
[data-chat-message] { scroll-margin-top: 78px; }
[data-chat-highlight], .chat-search-result mark { background: #ffedb6; color: #56401d; border-radius: 2px; }
.ai-chat-heading { padding-top: 4px; padding-bottom: 4px; }
.ai-chat-heading .chat-search-trigger { flex-shrink: 0; min-width: 44px; min-height: 44px; padding: 6px; font-size: 11px; }
.chat-tools-dialog { width: min(620px, calc(100% - 24px)); overflow: hidden; max-height: min(90dvh, var(--feedback-viewport-height, 90dvh)); }
.chat-tools-dialog > .dialog-inner { min-height: 0; max-height: min(90dvh, var(--feedback-viewport-height, 90dvh)); }
.chat-tools-dialog .dialog-header { flex-shrink: 0; padding: 16px 20px; align-items: flex-start; }
.chat-tools-dialog .dialog-header h2 { font-size: 18px; }
.chat-tools-dialog .dialog-header .icon-button { min-width: 44px; min-height: 44px; }
.chat-tools-dialog .dialog-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 12px 20px max(16px, env(safe-area-inset-bottom)); }
.chat-tools-note { font-size: 12px; color: #7e8897; line-height: 1.7; margin: 5px 0 0; }
#chat-quick-options { display: grid; gap: 9px; }
#chat-quick-options button { display: block; width: 100%; min-height: 64px; border: 1px solid #e4dfd9; border-radius: 9px; padding: 10px 12px; background: #fffdf9; text-align: left; }
#chat-quick-options strong { display: block; font-size: 14px; color: #775138; }
#chat-quick-options span { display: block; font-size: 12px; color: #7f7a72; line-height: 1.6; margin-top: 4px; }
.chat-search-input { flex: 0 0 auto; padding: 0 20px 8px; }
#chat-history-query { width: 100%; min-height: 44px; padding: 10px 12px; font-size: 16px; }
#chat-history-count { color: #87909e; font-size: 12px; line-height: 1.6; margin-top: 8px; }
.chat-search-result { display: block; width: 100%; border: 1px solid #e1e5eb; border-radius: 9px; background: #fff; padding: 11px 12px; margin-bottom: 10px; min-height: 44px; text-align: left; overflow-wrap: anywhere; }
.chat-search-result > span { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; color: #6b7788; }
.chat-search-result strong { font-size: 12px; font-weight: 600; }
.chat-search-result time { white-space: nowrap; font-size: 10px; color: #99a1ae; }
.chat-search-result > small { display: block; color: #a08772; font-size: 10px; margin-top: 4px; }
.chat-search-result p { font-size: 13px; line-height: 1.7; color: #445164; margin: 6px 0 0; }
.chat-search-empty { padding: 20px 0; color: #84909f; font-size: 13px; line-height: 1.8; }
#chat-history-more { min-height: 44px; width: 100%; }
@media (max-width: 650px) {
  .ai-chat-heading { padding-top: 3px; padding-bottom: 3px; gap: 6px; }
  .ai-chat-heading > div { flex: 1; }
  .chat-tools-dialog .dialog-header { padding: 12px 14px; }
  .chat-tools-dialog .dialog-body { padding-left: 14px; padding-right: 14px; }
  .chat-search-input { padding-left: 14px; padding-right: 14px; }
}
.feedback-keyboard-open .ai-workspace[data-detail-view="chat"] #chat-plan-slot { display: none; }
@media (max-height: 550px) { #ai-chat-elapsed { display: none; } }
@media (max-height: 450px) { .ai-workspace[data-detail-view="chat"] #chat-plan-slot { display: none; } }
@media (max-height: 550px) {
  .ai-workspace[data-detail-view="chat"] .detail-title-row,
  .ai-workspace[data-detail-view="chat"] .ai-chat-heading { display: none; }
}
.feedback-keyboard-open .ai-workspace[data-detail-view="chat"] .detail-navigation { display: none; }
.feedback-keyboard-open .development-dock { padding-bottom: 6px; }

/* Long answers remain readable while input and approvals stay in view. */
.ai-chat-messages .comment { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 8px; }
.ai-chat-messages .avatar { width: 22px; height: 22px; font-size: 9px; }
.ai-chat-messages .review-turn { background: #fafbfd; border: 1px solid #e1e6ed; padding: 12px 10px; }
.ai-chat-messages .comment-meta { font-size: 11px; color: #8791a0; margin-bottom: 7px; }
.ai-chat-messages .comment-meta strong { font-size: 12px; color: #5d6a7b; }
.chat-markdown, .chat-message-preview { color: #344153; font-size: 15px; line-height: 1.75; overflow-wrap: anywhere; white-space: normal; }
.chat-markdown p { margin: 0 0 10px; }
.chat-markdown p:last-child { margin-bottom: 0; }
.chat-markdown h4 { margin: 14px 0 7px; font-size: 15px; line-height: 1.6; color: #273343; }
.chat-markdown h4:first-child { margin-top: 0; }
.chat-markdown ul, .chat-markdown ol { padding-left: 22px; margin: 8px 0 12px; }
.chat-markdown li { padding-left: 2px; margin: 4px 0; }
.chat-markdown a { color: #9b4b2d; text-decoration: underline; }
.chat-markdown blockquote { border-left: 3px solid #d7dee8; padding: 2px 12px; color: #667488; margin: 10px 0; }
.chat-markdown code { border-radius: 4px; background: #edf0f4; color: #405166; padding: 1px 4px; font-size: 12px; }
.chat-code { max-width: 100%; margin: 10px 0; background: #f0f3f7; border: 1px solid #e1e5ec; border-radius: 8px; overflow: hidden; }
.chat-code > small { display: block; padding: 5px 10px 0; color: #7d899a; font-size: 10px; }
.chat-code pre { margin: 0; padding: 10px; max-width: 100%; overflow-x: auto; white-space: pre; font-size: 12px; line-height: 1.6; }
.chat-code code { background: none; padding: 0; }
.chat-table { overflow-x: auto; max-width: 100%; margin: 10px 0; }
.chat-table table { border-collapse: collapse; font-size: 13px; min-width: 100%; }
.chat-table th, .chat-table td { padding: 7px 9px; border: 1px solid #dde3eb; text-align: left; }
.chat-table th { background: #eff3f7; font-weight: 600; }
.chat-message-preview { margin: 0 0 7px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.chat-message-fold { margin: 0; }
.chat-message-fold summary { min-height: 44px; display: flex; gap: 3px; align-items: center; font-size: 13px; color: #815d47; }
.chat-message-fold summary small { font-size: 11px; color: #8993a1; }
.chat-message-fold .fold-open, .chat-message-fold[open] .fold-closed { display: none; }
.chat-message-fold[open] .fold-open { display: inline; }
.chat-readable:has(> .chat-message-fold[open]) > .chat-message-preview { display: none; }
.ai-chat-status.idle { background: #f0f2f5; color: #687586; }
.ai-chat-status.waiting { background: #fff3df; color: #8b631f; }
.ai-chat-status.working { background: #eaf1ff; color: #456fae; }
.ai-chat-status.replied { background: #edf5ef; color: #39714c; }
.ai-chat-status.failed { background: #fff0ec; color: #af543e; }
.chat-activity-copy { min-width: 0; flex: 1; }
#ai-chat-elapsed { color: #8c96a4; font-size: 10px; font-variant-numeric: tabular-nums; }
#ai-chat-elapsed:empty { display: none; }
#comment-draft-status { white-space: nowrap; font-size: 10px; }
#comment-draft-status.warning { color: #a35a26; }
#chat-plan-slot { flex: 0 1 auto; min-height: 44px; max-height: 36%; overflow-y: auto; overscroll-behavior: contain; margin: 0 10px 7px; border: 1px solid #e3d6cb; border-radius: 9px; background: #fffbf6; }
.ai-chat-plan > summary { display: block; position: sticky; top: 0; padding: 9px 11px; background: #fffbf6; cursor: pointer; min-height: 44px; }
.chat-plan-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.chat-plan-heading strong { font-size: 12px; color: #77563f; }
.chat-plan-arrow { display: inline-block; margin-left: 3px; }
.ai-chat-plan[open] .chat-plan-arrow { transform: rotate(180deg); }
.chat-plan-heading small { font-size: 10px; font-weight: 400; color: #847465; }
.chat-plan-heading small.stale { color: #9b6f25; }
.chat-plan-preview { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 4px; font-size: 12px; line-height: 1.6; color: #736557; }
.ai-chat-plan[open] .chat-plan-preview { display: none; }
.chat-plan-body { padding: 2px 11px 12px; font-size: 12px; line-height: 1.7; color: #566273; }
.chat-plan-body h4 { margin: 9px 0 4px; font-size: 12px; color: #6f5845; }
.chat-plan-body .chat-markdown { font-size: 13px; }
.chat-plan-body ul { padding-left: 18px; margin: 5px 0 9px; }
.chat-plan-body > small { display: block; margin-top: 6px; font-size: 10px; color: #8d8176; }
.chat-plan-body .button { margin-top: 10px; min-height: 44px; max-width: 100%; }
.chat-plan-state { color: #8e7257; font-size: 11px; }
.chat-plan-confidence { margin-top: 10px; font-weight: 600; }
@media (max-width: 650px) {
  .ai-chat-heading .ai-chat-avatar { width: 23px; height: 23px; font-size: 9px; }
  .ai-chat-messages .comment { grid-template-columns: 20px minmax(0, 1fr); gap: 6px; }
  .ai-chat-messages .review-turn { padding: 10px 8px; }
  .chat-markdown, .chat-message-preview { font-size: 15px; line-height: 1.75; }
  .ai-chat .comment-editor-footer .small-text { max-width: 84px; }
  .chat-plan-preview { -webkit-line-clamp: 1; }
}
@media (max-height: 650px) {
  .chat-plan-preview { display: none; }
  .ai-chat-plan > summary { padding-top: 8px; padding-bottom: 8px; }
  #chat-plan-slot { margin-bottom: 4px; max-height: 30%; }
}

/* Message tools stay out of the way on desktop: shown when the message is hovered or focused. */
@media (hover: hover) and (pointer: fine) {
  .chat-message-actions { opacity: 0; transition: opacity .15s; }
  [data-chat-message]:hover .chat-message-actions, [data-chat-message]:focus-within .chat-message-actions, .chat-message-selected .chat-message-actions { opacity: 1; }
  .chat-message-actions button { min-height: 30px; min-width: 0; padding: 4px 9px; }
}
dialog.detail-dialog.ai-workspace.as-page { width: auto; height: 100dvh; max-height: 100dvh; top: 0; }
.as-page.ai-workspace .detail-main { width: 100%; max-width: 1360px; margin: 0 auto; padding: 18px 32px 0; }

/* Phones: the chat runs edge to edge and the composer is a single rounded box, like a messaging app. */
@media (max-width: 650px) {
  .ai-chat { margin: 0 -10px; border: 0; border-top: 1px solid #e7ebf0; border-radius: 0; }
  .ai-chat-activity { padding: 0 12px; border-top: 0; }
  .ai-chat-progress p:last-child { -webkit-line-clamp: 1; }
  .ai-chat #comment-form { margin: 2px 10px 8px; }
  .ai-chat .comment-editor { border: 1px solid #d9e0e9; border-radius: 18px; box-shadow: 0 2px 10px #1f2a3a0d; }
  .ai-chat .comment-editor:focus-within { border-color: #c9b2a4; }
  .ai-chat .comment-editor textarea { padding: 11px 14px 2px; }
  .ai-chat .comment-editor-footer { flex-wrap: nowrap; gap: 4px; min-height: 0; padding: 0 6px 6px 4px; background: transparent; border-top: 0; }
  .ai-chat .comment-editor-footer [data-action=comment-files] { padding: 0 10px; color: #6b7788; font-size: 13px; }
  .ai-chat .comment-editor-footer .small-text { max-width: none; margin-left: auto; color: #a3acb9; }
  .ai-chat .comment-editor-footer .button.primary { min-height: 40px; padding: 0 16px; border-radius: 20px; font-size: 13px; box-shadow: none; }
  .detail-export summary { border: 0; padding: 6px 8px; background: none; color: #5d6b80; }
}