/* Follow-up schedules per channel (web/ladders.js). Builds on the schedule styles of sales.css. */
.ldr .ldr-tabs { margin: 4px 0 14px; }
.ldr .ldr-tabs button { position: relative; gap: 6px; flex-wrap: wrap; text-align: center; line-height: 1.2; padding-block: 6px; }
.ldr .ldr-n { font-size: 12.5px; }
.ldr .ldr-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--amber); flex: none; }
.ldr .sx-presets { margin: 16px 0 14px; }
.ldr .sx-presets .lbl, .ldr .ldr-copy .lbl { display: block; margin: 0 2px 6px; font-size: 13.5px; color: var(--ink-3); }
.ldr .ldr-copy { margin-top: 10px; }
.ldr .ldr-copy .chip svg { margin-right: 2px; }
.ldr .ldr-own { flex: none; min-height: 32px; gap: 4px; padding: 0 8px; color: var(--ink-3); }
.ldr .ldr-own.on { color: var(--cobalt-ink); font-weight: 600; }
.ldr .ldr-text { margin: -2px 0 2px 76px; padding-right: 2px; }
.ldr .ldr-text textarea { min-height: 96px; font-size: 15px; }
.ldr .ldr-text .foot { margin: 4px 2px 0; }
.ldr .ldr-end .lbl > .seg { display: flex; flex-wrap: wrap; margin: 8px 0 4px; }
.ldr .ldr-end .lbl > .seg button { flex: 1 1 auto; white-space: normal; text-align: center; min-height: 36px; padding: 4px 10px; line-height: 1.2; }
.ldr .ldr-words code { display: inline-block; margin: 2px 2px; padding: 1px 6px; border-radius: 6px; background: var(--sunk); font: 500 12.5px ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--ink-2); }
.ldr .ldr-cal-row .t { display: flex; align-items: center; gap: 8px; }
.ldr .ldr-cal-row .when { margin-left: auto; color: var(--ink-2); }
.ldr [data-ldr-unit] { min-height: 36px; width: auto; }
.ldr-person-act { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 10px; margin-top: 6px; }
.ldr-date { display: flex; flex-direction: column; gap: 3px; font-size: 13px; color: var(--ink-3); flex: 0 1 190px; }
.ldr-date .inp { min-height: 36px; font-size: 15px; }
.ldr .ldr-text { position: relative; z-index: 1; }
.ldr .ldr-step .lbl, .ldr .ldr-end .lbl { min-width: 150px; }
@media (max-width: 520px) {
  .ldr .ldr-text { margin-left: 0; }
  .ldr .sx-rung { flex-wrap: wrap; row-gap: 4px; }
  .ldr .ldr-step .ldr-own { margin-left: auto; }
  .ldr .ldr-tabs button { font-size: 13.5px; padding-inline: 6px; }
}

/* who does each step: by itself / waits for my OK / I do it myself (web/ladders.js, server/sales/modes.py) */
.ldr-who { grid-column: 1 / -1; margin: 2px 0 0 44px; }
.ldr-mode { max-width: 100%; min-height: 34px; font-size: 14px; }
.ldr-modes-help { margin: 8px 0 0; line-height: 1.7; }
.ldr-modewhy { color: var(--amber-ink); }
.ldr-modetag { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; border-radius: 11px; background: var(--sunk); color: var(--ink-2); font-size: 12px; font-weight: 650; white-space: nowrap; margin-right: 6px; }
.ldr-hold.on { box-shadow: inset 3px 0 0 var(--amber-ink); }

/* the automation level by tag (web/ladders.js, server/sales/modes.py) */
.tagm-row { align-items: center; gap: 10px; }
.tagm-row .t { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.tagm-row .when { color: var(--ink-3); font-size: 13px; }
.tagm-sel { flex: none; min-height: 36px; font-size: 14px; max-width: 48%; }