.conversation-actions { display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:8px 12px; border-bottom:1px solid var(--border); }
.conversation-actions[hidden] { display:none; }
.conversation-icon { display:inline-flex; align-items:center; justify-content:center; flex:none; width:40px; height:40px; padding:8px; border:1px solid var(--border); border-radius:6px; background:transparent; color:var(--text); cursor:pointer; }
.conversation-icon svg { width:20px; height:20px; }
.conversation-icon:hover { background:var(--panel, #263343); }
.conversation-icon:focus-visible { outline:2px solid #36b9e8; outline-offset:2px; }
.conversation-icon:disabled { opacity:.45; cursor:default; }
.conversation-action-status { font-size:13px; overflow-wrap:anywhere; flex:1; min-width:120px; }
.message-bubble > .conversation-icon { display:flex; margin-top:10px; }
.message-bubble pre { white-space:pre-wrap; overflow-wrap:anywhere; }
.message-bubble p { margin:0 0 12px; }
.message-bubble table { display:block; max-width:100%; overflow-x:auto; }
.message-bubble h1,.message-bubble h2,.message-bubble h3 { font-size:1.1em; }
.conversation-print-frame { position:fixed; width:1px; height:1px; bottom:0; left:0; border:0; }
.conversation-share-dialog{width:min(760px,calc(100% - 32px));max-height:85dvh;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;padding:20px;background:var(--surface,#101820);color:var(--text);overflow:auto}
.conversation-share-dialog::backdrop{background:#0009}
.conversation-share-dialog h2{font-size:20px;margin-top:0}
.conversation-share-dialog a{display:block;overflow-wrap:anywhere;color:#54c8f5}
.conversation-share-dialog [hidden]{display:none}
.conversation-share-preview section{padding:12px 0;border-top:1px solid var(--border)}
.conversation-share-preview label{display:flex;gap:10px;align-items:center}
.conversation-share-preview textarea{display:block;box-sizing:border-box;width:100%;min-height:110px;margin-top:8px;resize:vertical;background:transparent;color:inherit;border:1px solid var(--border);border-radius:4px;padding:8px;font:inherit}
.conversation-share-footer{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.conversation-share-dialog button,.conversation-share-dialog select{padding:8px;min-height:40px;background:transparent;color:inherit;border:1px solid var(--border);border-radius:4px}
@media (max-width:960px) {
  .page[data-view="app"] #screenApp { overflow-y:auto; }
  #appShell { height:auto; min-height:100%; flex:0 0 auto; }
  #appShell .app-sidebar { height:auto; min-height:180px; max-height:280px; }
  #appShell .chat-area { min-height:520px; }
  #messageLog { min-height:180px; }
}
