/* V21.50: more room to read, same chat and operational pages. */
#view-brain .chat-card{padding:20px;min-width:0;background:#fff;color:#111}
#view-brain .chat-messages{height:clamp(430px,66dvh,980px);background:#fff;padding:16px;scrollbar-gutter:stable;overscroll-behavior:contain;overflow-x:hidden}
#view-brain .chat-messages .bubble{width:100%;max-width:100%;padding:16px 20px;margin:12px 0;line-height:1.85}
#view-brain .chat-messages .bubble.mine{width:fit-content;max-width:92%;background:#f2f4f5;color:#111;border:1px solid #e1e5e7}
#view-brain .chat-messages .bubble.other{background:#fff;color:#111}
#view-brain .message-body{font-size:16px;overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}
#view-brain .message-body:has(p){white-space:normal}
#view-brain .message-body p{white-space:pre-wrap;margin:0 0 12px;line-height:1.9}
#view-brain .message-body h3{font-size:1.08em;margin:16px 0 8px;line-height:1.65}
#view-brain .message-body ul,#view-brain .message-body ol{padding-inline-start:26px;margin:8px 0 14px;white-space:normal}
#view-brain .message-body li{margin:4px 0}
#view-brain .message-body pre{white-space:pre;direction:ltr;text-align:left;overflow:auto;background:#f6f7f8;border-radius:10px;padding:12px;max-width:100%}
#view-brain .message-body code{font-size:.9em}
#view-brain .message-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;opacity:1;color:#67737d;margin-bottom:10px;font-size:12px}
#view-brain .message-meta .message-label{font-weight:700;color:#333}
#view-brain .message-meta time{margin-inline-start:auto;direction:rtl}
#view-brain .message-copy{padding:4px 10px;min-height:30px;font-size:12px}
#view-brain .chat-table-scroll{overflow:auto;max-width:100%;margin:12px 0;white-space:normal}
#view-brain .chat-table-scroll table{width:100%;border-collapse:collapse;min-width:400px}
#view-brain .chat-table-scroll th,#view-brain .chat-table-scroll td{padding:10px;border:1px solid #e1e5e7;text-align:start}
#view-brain .chat-table-scroll th{background:#f5f7f8}
#view-brain .chat-view-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
#view-brain .chat-view-controls button{font-size:13px;min-height:38px;padding:8px 12px}
#view-brain #chatTurnTiming{font-size:12px;color:#52646d;margin-inline-start:auto}
#view-brain #chatInput{min-height:76px;max-height:170px;resize:vertical;line-height:1.6}
#view-brain .chat-toolbar{gap:6px;flex-wrap:wrap;margin-top:8px}
#view-brain .chat-toolbar button{min-height:40px}
#view-brain .chat-card.chat-focus{position:fixed;inset:10px;z-index:1000;margin:0;display:flex;flex-direction:column;overflow:auto;border-radius:16px;padding:16px}
#view-brain .chat-focus .chat-messages{flex:1 1 auto;height:auto;min-height:100px;margin-bottom:8px}
#view-brain .chat-focus>.section-title{flex-shrink:0;margin:0}
#view-brain .chat-focus>textarea{flex:0 0 74px;min-height:60px;max-height:120px}
#view-brain .chat-focus>#brainContextCards,#view-brain .chat-focus>#chatInlineTools{max-height:15dvh;overflow:auto;flex-shrink:0}
#view-brain .chat-focus>.sahm-voice-player{max-height:160px;overflow:auto;flex-shrink:0}
#view-brain .chat-focus>#sahmBrainServices{flex-shrink:0;margin:4px 0}
#view-brain .chat-focus>#chatStatus{margin-top:4px;flex-shrink:0}
#view-brain .chat-focus>.chat-toolbar,#view-brain .chat-focus>.chat-recovery-actions,#view-brain .chat-focus>.chat-view-controls{flex-shrink:0}
body.sahm-chat-focused{overflow:hidden}
@media(min-width:1100px){body:has(#view-brain.active) .content{max-width:1580px;width:100%;padding:18px 24px}}
@media(max-width:700px){#view-brain .chat-card{padding:12px}#view-brain .chat-messages{height:62dvh;min-height:330px;padding:8px}#view-brain .chat-messages .bubble{padding:12px;margin:8px 0}#view-brain .message-body{font-size:15px}#view-brain .chat-toolbar button{font-size:12px;padding:8px 10px}#view-brain .chat-card.chat-focus{inset:0;border-radius:0;padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom));height:100dvh}#view-brain .chat-focus .chat-messages{min-height:80px}#view-brain .chat-view-controls{gap:5px}#view-brain .chat-view-controls button{padding:6px 8px}#view-brain #chatTurnTiming{width:100%;font-size:11px}#view-brain .message-copy{min-height:38px}}

@media(max-width:700px){body:has(#view-brain.active) .topbar{height:auto;min-height:68px;padding:8px 10px;gap:8px;flex-wrap:wrap}body:has(#view-brain.active) .userbox{gap:5px;flex-wrap:wrap;max-width:100%}body:has(#view-brain.active) .userbox a{padding:7px 9px}}
body.sahm-founder-chat #view-brain.active{display:flex;flex-direction:column}
body.sahm-founder-chat #view-brain>.hero{order:-2}
body.sahm-founder-chat #view-brain>.chat-card{order:-1}

/* V21.80 — canonical file object inside customer/engineering chat. */
.attachment-message-v2180{width:100%}
.chat-file-card-v2180{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #d8e5e1;border-radius:14px;padding:12px;background:#fff;min-width:min(520px,100%)}
.chat-file-icon-v2180{width:48px;height:48px;border-radius:12px;background:#eef6f3;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.82rem;color:#145f52}
.chat-file-info-v2180{display:flex;flex-direction:column;gap:4px;min-width:0}
.chat-file-info-v2180 strong{overflow-wrap:anywhere}
.chat-file-info-v2180 small{color:#687a76}
.chat-file-source-v2180{font-weight:700;color:#176b5d!important}
.chat-file-actions-v2180{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.chat-file-actions-v2180 a,.chat-file-actions-v2180 button{white-space:nowrap}
@media(max-width:760px){.chat-file-card-v2180{grid-template-columns:auto 1fr}.chat-file-actions-v2180{grid-column:1/-1;justify-content:stretch}.chat-file-actions-v2180>*{flex:1;text-align:center}}