/* The scroll-panel package (COMMAND-1461, public/scroll-panel): a header that stays, the content the only part that
   scrolls, a footer that stays at the bottom. The panel fills the height its parent gives it (a flex column, such as the
   Threads window). Loaded by index.html after app.css. */

.scroll-panel { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.scroll-panel-header { flex: none; }
.scroll-panel-content { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.scroll-panel-footer {
  flex: none; display: flex; gap: 10px;
  margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--line);
}
/* The footer's buttons share its width and are big enough for a thumb (they win over icon-button's small shapes). */
.scroll-panel > .scroll-panel-footer > .btn { flex: 1 1 0; min-width: 0; min-height: 52px; font-size: 1rem; }
.scroll-panel > .scroll-panel-footer > .btn.icon-only { width: auto; min-height: 52px; }
.scroll-panel > .scroll-panel-footer > .btn svg.lucide { width: 26px; height: 26px; }