/* One response card, with chronological text segments and action grids. */
#messages .message.assistant.assistant-turn,
body.admin #messages .message.assistant.assistant-turn,
#superMessages .assistant-turn{display:block;min-width:0;width:100%;box-sizing:border-box;padding:18px;border:1px solid #34343b;border-radius:14px;background:#19191c;margin:0 0 18px;overflow-wrap:anywhere}
.assistant-turn .ai-segment{min-width:0;padding:0;margin:0}
.assistant-turn .ai-segment+.ai-segment{margin-top:22px;padding-top:18px;border-top:1px solid #ffffff0d}
.assistant-turn .ai-segment>.role{display:block;margin:0 0 10px;color:#bcbcc4;font:11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.04em}
#messages .assistant-turn .inline-activities,
body.admin #messages .assistant-turn .inline-activities,
#superMessages .assistant-turn .inline-activities{display:block;margin:12px 0;padding:0;white-space:normal}
.assistant-turn .inline-activities .activity-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
:is(#messages,#superMessages) .assistant-turn .inline-activities .activity-card{display:flex;width:100%;min-width:0;max-width:100%;min-height:38px;box-sizing:border-box;margin:0;padding:9px 10px;align-items:center;gap:8px;background:#ffffff03;border:1px solid #ffffff12;border-radius:7px}
.assistant-turn .activity-body{display:block;min-width:0;margin:0;padding:0;overflow-wrap:anywhere}
.assistant-turn .activity-label{display:block;margin:0;padding:0;font:11px/18px 'IBM Plex Mono',monospace;letter-spacing:0}
.assistant-turn .activity-icon{display:flex;align-items:center;justify-content:center;align-self:center;flex:0 0 14px;width:14px;height:14px;margin:0;padding:0;line-height:0}
.assistant-turn .activity-icon>svg{width:14px;height:14px}
#messages .assistant-turn .projected-turn{border:0;background:transparent;padding:0;margin:14px 0}
#attachmentChips,#superAttachments{display:flex;flex-wrap:wrap;gap:10px;max-width:100%;padding:0;margin:0 0 12px}
#attachmentChips:empty,#superAttachments:empty{display:none}
#attachmentChips .attachment-preview,#superAttachments .attachment-preview{position:relative;display:flex;flex:0 1 250px;align-items:center;justify-content:normal;gap:4px;width:250px;height:auto;max-width:100%;min-width:0;overflow:visible;box-sizing:border-box;margin:0;padding:8px;border:1px solid #44444b;border-radius:10px;background:#242429}
#attachmentChips .attachment-preview>a,#superAttachments .attachment-preview>.super-file{display:flex;flex:1;align-items:center;gap:10px;min-width:0;max-width:100%;padding:0;margin:0;background:transparent;border:0;color:#eee;text-decoration:none;text-align:left;white-space:normal}
.attachment-thumbnail{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 54px;width:54px;height:54px;overflow:hidden;border-radius:7px;background:#34343c}
.attachment-thumbnail img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.attachment-file-icon{font:10px 'IBM Plex Mono',monospace;color:#c5c5ce}
.attachment-thumbnail.has-preview .attachment-file-icon{visibility:hidden}
.attachment-info{display:block;min-width:0;flex:1;font:12px/1.5 Inter,sans-serif}
.attachment-preview .attachment-name{display:block;position:static;padding:0;background:transparent;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attachment-info small{display:block;margin-top:4px;font-size:10px;color:#aaaab4}
#attachmentChips .attachment-preview>button,#superAttachments .attachment-preview>button:last-child{flex:0 0 32px;min-width:32px;width:32px;height:36px;min-height:36px;padding:0;border:0;border-radius:6px;background:transparent;color:#c6c6cf;font-size:20px}
#attachmentChips .attachment-preview>button:hover,#superAttachments .attachment-preview>button:last-child:hover{background:#ffffff12;color:#fff}
@media(max-width:800px){
 .assistant-turn .inline-activities .activity-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 #messages .message.assistant.assistant-turn,body.admin #messages .message.assistant.assistant-turn,#superMessages .assistant-turn{padding:14px}
 :is(#messages,#superMessages) .assistant-turn .inline-activities .activity-card{padding:9px 8px;gap:7px}
 #attachmentChips .attachment-preview,#superAttachments .attachment-preview{width:100%;flex-basis:100%}
}