.chat-extra { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; }
.memory-shelf { display: flex; flex-wrap: wrap; gap: 8px; }
.memory-shelf button { border: 1px solid #92b6d8; border-radius: 10px; background: #f1f8ff; color: #315d89; padding: 8px 12px; font-size: 12px; }
.memory-shelf button[aria-pressed=true] { background: #175b97; color: #fff; border-color: #175b97; }
.memory-pin-badge { color: #7757a8; font-weight: 600; }
.memory-buttons { flex-wrap: wrap; gap: 5px; }
.memory-buttons .pin-memory[aria-pressed=true] { background: #f0e9fb; color: #684293; }
.memory-buttons .archive-memory { color: #27689b; border-color: #98bde3; }
.memory-assist, .conversation-settings { background: #f6f7ef; border: 1px solid #dce5d5; border-radius: 16px; padding: 18px; margin: 16px 0; }
.memory-assist p, .conversation-settings p, .memory-description, #context-description { font-size: 12px; line-height: 1.8; color: #687b66; }
.memory-assist .check-label { font-weight: 600; }
.conversation-settings { display: grid; gap: 10px; }
.conversation-settings h2 { font-size: 17px; margin: 0 0 5px; }
.conversation-settings label { font-size: 12px; color: #596e53; }
.conversation-settings input, .conversation-settings select { font: inherit; padding: 12px; width: 100%; min-width: 0; border: 1px solid #d1ddca; border-radius: 10px; background: white; }
.conversation-settings button { justify-self: start; }
.conversation-settings p { margin: 0; }
#suggestions-dialog, #context-dialog { width: min(560px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow-y: auto; overscroll-behavior: contain; }
#suggestions-dialog h2, #context-dialog h2 { font-size: 20px; }
.suggestion-card { padding: 16px; border: 1px solid #dce5d5; background: #f9faf5; border-radius: 14px; margin: 12px 0; overflow-wrap: anywhere; }
.suggestion-content, .context-item { font-size: 14px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
.suggestion-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 12px; }
.memory-origin { font-size: 11px; color: #6b7b65; margin: 10px 0; }
.memory-origin summary { cursor: pointer; padding: 4px 0; }
.memory-origin blockquote, .memory-origin p { white-space: pre-wrap; overflow-wrap: anywhere; margin: 8px 0; padding-left: 12px; border-left: 2px solid #b8c9ae; line-height: 1.8; }
#suggestion-status { font-size: 12px; line-height: 1.8; color: #536f48; }
#pending-memory-count { font-size: 11px; color: #68855b; margin-left: 10px; }
.context-item { padding: 12px; background: #f4f7ef; border-radius: 10px; }
@media (max-width: 600px) {
  .suggestion-actions button { min-height: 44px; }
  #suggestions-dialog, #context-dialog { padding: 18px; }
  #suggestions-dialog h2, #context-dialog h2 { font-size: 17px; }
  .floating-mode .chat-extra .text-button { font-size: 10px; }
}