/* Lead selection gives way to the draft on small screens. Desktop stays split. */
.closer-picker-toggle { display: none; }
.closer-picker-content { display: flex; flex-direction: column; min-height: 0; flex: 1; }
@media (max-width: 700px) {
  .closer-layout { overflow: hidden; }
  .closer-sidebar { min-height: 0; max-height: min(360px, 50dvh); overflow-y: auto; overscroll-behavior: contain; }
  .closer-sidebar:has(.closer-preferences[open]) { max-height: min(420px, 55dvh); }
  .closer-picker-toggle { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 52px; padding: 12px 18px; border: 0; background: #f6f6f1; color: #25272b; text-align: left; font-size: 14px; }
  .closer-picker-toggle > span:first-child { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .closer-picker-toggle > span:last-child { flex: none; }
  .closer-sidebar[data-expanded="false"] .closer-picker-content { display: none; }
  .closer-sidebar[data-expanded="true"] .closer-picker-content { display: flex; }
  .closer-sidebar-head { padding-top: 2px; }
  .closer-sidebar-head h2, .closer-lead-count { display: none; }
  .closer-leads { display: block; min-height: 0; max-height: 175px; overflow: auto; padding: 0 10px 8px; }
  .closer-lead { width: 100%; padding: 10px; }
  .closer-lead strong { font-size: 14px; }
  .closer-preferences { flex: none; }
  .closer-editor { min-height: 0; overflow-y: auto; flex: 1; padding-top: 20px; }
  .closer-welcome { margin-top: 0; }
  .closer-footer { padding-block: 8px; }
  .closer-header { padding-block: 12px; }
  .closer-header h1 { font-size: 19px; }
}