/* The conversation owns the available space; memory opens only when requested. */
#app .mobile-tools { display: flex; flex-shrink: 0; }
#app #memory-open { min-width: 100px; font-size: 12px; }
@media (min-width: 761px) {
  #app #companions-open { display: none; }
}
@media (min-width: 1151px) {
  #app .app-body { grid-template-columns: 258px minmax(340px, 1fr); }
  #app .app-body.memory-expanded { grid-template-columns: 258px minmax(340px, 1fr) 300px; }
  #app #memory-panel { display: none; }
  #app .memory-expanded #memory-panel { display: block; }
  #app .memory-expanded #memory-panel .drawer-close { display: inline-flex; }
  #app #memory-open { border-color: var(--line); }
}
@media (min-width: 1600px) {
  #app .app-body { grid-template-columns: 290px minmax(400px, 1fr); }
  #app .app-body.memory-expanded { grid-template-columns: 290px minmax(400px, 1fr) 330px; }
}