/* Cut Schedule — Shop › Tools (public/js/tools/cut-schedule.js, Spec 155).
 * Board (Safar) and Saw station (operators). Only what the shared .ras-*
 * layer does not already give; tokens only. */

#cutScheduleModal .ship-modal-content { max-width: 1240px; width: 96vw; }
#cutScheduleModal .ship-modal-header { background: var(--ras-green-deep); color: var(--ras-on-dark); }
#cutScheduleModal .ship-modal-title,
#cutScheduleModal .ship-modal-close { color: var(--ras-on-dark); }
#cutScheduleModal .ship-modal-subtitle { color: var(--ras-on-dark-muted); }
#cutScheduleModal .cs-header-icon { color: var(--ras-on-dark); flex: none; }
#cutScheduleModal .ship-modal-body { background: var(--ras-paper); }

.cs-shell { position: relative; }
.cs-chiprow { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.cs-icon-btn {
    border: none; background: transparent; cursor: pointer; color: var(--ras-muted);
    font-size: var(--ras-fs-base); line-height: 1; padding: 4px 6px; border-radius: var(--ras-radius);
}
.cs-icon-btn:hover { background: var(--ras-green-softer); color: var(--ras-green-deep); }
.cs-inline-select { width: auto; height: 32px; padding: 0 8px; }

/* ---------- head ---------- */
.cs-head { display: flex; align-items: center; justify-content: space-between; gap: var(--ras-space-3); flex-wrap: wrap; margin-bottom: var(--ras-space-3); }
.cs-head-title { font-size: var(--ras-fs-lg); font-weight: 700; color: var(--ras-ink); }
.cs-head-actions { display: flex; align-items: center; gap: var(--ras-space-2); flex-wrap: wrap; }
.cs-mode > button { font-size: var(--ras-fs-xs); padding: 5px 10px; }

/* ---------- saw strip ---------- */
.cs-saws { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ras-space-3); margin-bottom: var(--ras-space-4); }
.cs-saw-card {
    display: flex; flex-direction: column; gap: 4px; text-align: left; cursor: pointer;
    padding: var(--ras-space-3) var(--ras-space-4); border: 1px solid var(--ras-line); border-radius: var(--ras-radius);
    background: var(--ras-surface); font-family: var(--ras-font); color: var(--ras-text);
}
.cs-saw-card:hover { border-color: var(--ras-green); }
.cs-saw-name { font-size: var(--ras-fs-xs); font-weight: 700; color: var(--ras-muted); text-transform: uppercase; letter-spacing: .04em; }
.cs-saw-next { font-size: var(--ras-fs-md); color: var(--ras-ink); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.cs-saw-clear { color: var(--ras-green-deep); font-weight: 700; }

/* ---------- bulk bar ---------- */
.cs-bulk {
    display: flex; align-items: center; gap: var(--ras-space-2); flex-wrap: wrap;
    padding: 8px var(--ras-space-3); margin-bottom: var(--ras-space-3);
    border: 1px solid var(--ras-green); border-radius: var(--ras-radius); background: var(--ras-green-softer);
}

/* ---------- lanes ---------- */
.cs-lanes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ras-space-4); align-items: start; }
.cs-lane {
    display: flex; flex-direction: column; border: 1px solid var(--ras-line); border-radius: var(--ras-radius);
    background: var(--ras-paper-2); min-height: 160px; transition: border-color .12s, background .12s;
}
.cs-lane-head { padding: var(--ras-space-3) var(--ras-space-3) var(--ras-space-2); border-bottom: 1px solid var(--ras-line); background: var(--ras-surface); border-radius: var(--ras-radius) var(--ras-radius) 0 0; display: flex; flex-direction: column; gap: 6px; }
.cs-lane-title { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.cs-lane-title > span:first-child { font-size: var(--ras-fs-lg); font-weight: 700; color: var(--ras-ink); }
.cs-lane-body { display: flex; flex-direction: column; gap: 6px; padding: var(--ras-space-2); }
.cs-lane-empty { padding: var(--ras-space-4); text-align: center; color: var(--ras-muted); font-size: var(--ras-fs-sm); border: 1px dashed var(--ras-line-strong); border-radius: var(--ras-radius); }
.cs-bar { height: 6px; border-radius: var(--ras-radius-pill); background: var(--ras-line); overflow: hidden; }
.cs-bar-fill { height: 100%; background: var(--ras-green); }
.cs-setup-line { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: var(--ras-fs-xs); color: var(--ras-muted); }
.cs-setup-chip { padding: 2px 8px; border-radius: var(--ras-radius-pill); background: var(--ras-paper-2); border: 1px solid var(--ras-line); }
.cs-setup-chip b { color: var(--ras-ink); margin-right: 2px; }
.cs-done-toggle {
    border: none; background: transparent; cursor: pointer; text-align: left; padding: 6px 4px;
    color: var(--ras-muted); font-family: var(--ras-font); font-size: var(--ras-fs-sm); font-weight: 600;
}
.cs-drop-ready { border-style: dashed; border-color: var(--ras-green-line); }
.cs-drop-over { border-color: var(--ras-green); background: var(--ras-green-softer); }

/* ---------- bundle card ---------- */
.cs-bcard { border: 1px solid var(--ras-line); border-radius: var(--ras-radius); background: var(--ras-surface); }
.cs-bcard[draggable="true"] { cursor: grab; }
.cs-bcard.is-open { border-color: var(--ras-green); box-shadow: var(--ras-shadow-card); }
.cs-bcard.is-selected { border-color: var(--ras-green); background: var(--ras-green-softer); }
.cs-bcard.is-done { opacity: .65; }
.cs-bcard-row { display: flex; align-items: center; gap: var(--ras-space-2); padding: 8px 10px; cursor: pointer; }
.cs-bcard-check { margin: 0; width: 16px; height: 16px; flex: none; }
.cs-bcard-main { flex: 1; min-width: 0; }
.cs-bcard-label { font-weight: 700; color: var(--ras-ink); font-size: var(--ras-fs-base); }
.cs-pills { display: flex; gap: 4px; flex: none; }
.cs-pill {
    font-size: var(--ras-fs-xs); font-weight: 700; padding: 2px 7px; border-radius: var(--ras-radius-pill);
    background: var(--ras-paper-3); color: var(--ras-text); white-space: nowrap;
}
.cs-pill--done { background: var(--ras-green-soft); color: var(--ras-green-deep); }
.cs-pill--off { background: transparent; color: var(--ras-muted-soft); text-decoration: line-through; }
.cs-pill--custom { box-shadow: inset 0 0 0 1px var(--ras-warn); }
.cs-pill--partial { background: var(--ras-warn-soft); color: var(--ras-warn-strong); }

.cs-detail { border-top: 1px solid var(--ras-line-soft); padding: 8px 10px 10px; display: flex; flex-direction: column; gap: 6px; cursor: default; }
.cs-detail-row { display: grid; grid-template-columns: 84px 1fr 28px; align-items: center; gap: 8px; font-size: var(--ras-fs-sm); }
.cs-detail-row:has(.cs-task-editor) { display: block; }
.cs-detail-saw { font-weight: 700; color: var(--ras-ink); }
.cs-detail-types { color: var(--ras-text); display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; }
.cs-mark { font-size: var(--ras-fs-sm); color: var(--ras-muted); white-space: nowrap; }
.cs-mark.is-done { color: var(--ras-green-deep); font-weight: 700; }
.cs-detail-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding-top: 4px; }
.cs-status { font-size: var(--ras-fs-xs); font-weight: 700; color: var(--ras-muted); white-space: nowrap; }
.cs-status--done { color: var(--ras-green-deep); }
.cs-status--off { font-weight: 400; color: var(--ras-muted-soft); }
.cs-custom-badge {
    font-size: var(--ras-fs-micro); font-weight: 700; padding: 1px 6px; border-radius: var(--ras-radius-pill);
    background: var(--ras-warn-soft); color: var(--ras-warn-strong);
}
.cs-task-editor { display: flex; flex-direction: column; gap: 6px; padding: 8px; border-radius: var(--ras-radius); background: var(--ras-green-softer); }
.cs-type-chip { cursor: pointer; background: var(--ras-surface); font-family: var(--ras-font); font-size: var(--ras-fs-xs); padding: 3px 8px; }
.cs-type-chip:not(.ras-chip--active) { color: var(--ras-muted); border-style: dashed; }

/* ---------- line setup editor (inside a lane head) ---------- */
.cs-setup-editor { display: flex; flex-direction: column; gap: 8px; padding: 8px; border-radius: var(--ras-radius); background: var(--ras-paper-2); }
.cs-setup-table { width: 100%; border-collapse: collapse; font-size: var(--ras-fs-sm); }
.cs-setup-table th { font-weight: 600; color: var(--ras-muted); font-size: var(--ras-fs-xs); padding: 4px; text-align: center; }
.cs-setup-table tbody th { text-align: left; color: var(--ras-text); font-size: var(--ras-fs-sm); }
.cs-setup-table td { text-align: center; padding: 4px; border-top: 1px solid var(--ras-line-soft); }
.cs-setup-table td.cs-setup-na { color: var(--ras-muted-soft); }

/* ✓ / ✗ switch: ✓ = the saw cuts it, ✗ = it doesn't. */
.cs-tog {
    width: 32px; height: 32px; border-radius: var(--ras-radius); cursor: pointer;
    font-family: var(--ras-font); font-size: var(--ras-fs-md); font-weight: 800; line-height: 1;
    display: inline-flex; align-items: center; justify-content: center; transition: background .1s, border-color .1s;
}
.cs-tog.is-on { background: var(--ras-green); border: 1px solid var(--ras-green); color: var(--ras-on-dark); }
.cs-tog.is-off { background: var(--ras-surface); border: 1px solid var(--ras-line-strong); color: var(--ras-danger); }
.cs-tog.is-off:hover:not(:disabled) { border-color: var(--ras-green); }
.cs-tog:disabled { opacity: .55; cursor: default; }
.cs-togrow { display: flex; flex-wrap: wrap; gap: 10px; }
.cs-togcell { display: inline-flex; align-items: center; gap: 6px; font-size: var(--ras-fs-sm); }
.cs-bypass { display: flex; flex-direction: column; gap: 8px; }

/* ---------- not-assigned tray ---------- */
.cs-tray { margin-top: var(--ras-space-4); border: 1px solid var(--ras-warn); border-radius: var(--ras-radius); background: var(--ras-warn-soft); padding: var(--ras-space-3); display: flex; flex-direction: column; gap: 8px; }
.cs-tray-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: var(--ras-warn-strong); }
.cs-tray-items { display: flex; flex-direction: column; gap: 6px; }
.cs-tray-item { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 6px 8px; border-radius: var(--ras-radius); background: var(--ras-surface); border: 1px solid var(--ras-line); }
.cs-tray-item > span { flex: 1; min-width: 160px; }
.cs-tray-item[draggable="true"] { cursor: grab; }
.cs-tray-item.is-selected { border-color: var(--ras-green); background: var(--ras-green-softer); }

.cs-empty-board { text-align: center; padding: var(--ras-space-6) var(--ras-space-4); border: 1px dashed var(--ras-line-strong); border-radius: var(--ras-radius); display: flex; flex-direction: column; gap: 10px; align-items: center; background: var(--ras-surface); }
.cs-empty-title { font-size: var(--ras-fs-lg); font-weight: 700; color: var(--ras-ink); }

/* ---------- pills shared ---------- */
.cs-line-badge {
    display: inline-block; padding: 1px 8px; border-radius: var(--ras-radius-pill);
    font-size: var(--ras-fs-xs); font-weight: 700; background: var(--ras-paper-3); color: var(--ras-text); white-space: nowrap;
}
.cs-line-badge--1 { background: var(--ras-green-soft); color: var(--ras-green-deep); }
.cs-line-badge--2 { background: var(--ras-info-soft); color: var(--ras-info); }
.cs-badges { display: flex; flex-wrap: wrap; gap: 4px; }
.cs-type-badge { font-size: var(--ras-fs-xs); font-weight: 700; padding: 2px 8px; border-radius: var(--ras-radius-pill); background: var(--ras-info-soft); color: var(--ras-info); }
.cs-badges--lg .cs-type-badge { font-size: var(--ras-fs-base); padding: 4px 12px; }

/* ---------- station (operators) ---------- */
.cs-station { display: flex; flex-direction: column; gap: var(--ras-space-3); max-width: 880px; margin: 0 auto; }
.cs-station-saws > button { font-size: var(--ras-fs-base); padding: 8px var(--ras-space-4); }
.cs-hero { border: 2px solid var(--ras-green); border-radius: var(--ras-radius); background: var(--ras-surface); padding: var(--ras-space-3) var(--ras-space-4); box-shadow: var(--ras-shadow-card); }
.cs-hero--clear { border-color: var(--ras-line); box-shadow: none; text-align: center; }
.cs-hero-eyebrow { font-size: var(--ras-fs-xs); font-weight: 700; color: var(--ras-green-deep); text-transform: uppercase; letter-spacing: .06em; }
.cs-hero-main { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.cs-hero-label { font-size: 30px; line-height: 1.15; font-weight: 800; color: var(--ras-ink); word-break: break-word; }
.cs-hero-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: var(--ras-muted); font-size: var(--ras-fs-base); }
.cs-hero { display: flex; flex-direction: column; gap: var(--ras-space-3); }
.cs-typebtns { display: flex; flex-wrap: wrap; gap: 8px; }
.cs-typebtn {
    display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
    min-width: 120px; height: 44px; padding: 0 16px; border-radius: var(--ras-radius); cursor: pointer;
    border: 1px solid var(--ras-green); background: var(--ras-green); color: var(--ras-on-dark);
    font-family: var(--ras-font); font-size: var(--ras-fs-base); font-weight: 700;
}
.cs-typebtn:hover:not(:disabled) { background: var(--ras-green-hover); }
.cs-typebtn:disabled { opacity: .6; cursor: default; }
.cs-typebtn.is-done { background: var(--ras-green-soft); color: var(--ras-green-deep); border-color: var(--ras-green-line); cursor: default; }
.cs-typebtn small { font-size: var(--ras-fs-micro); font-weight: 600; }
.cs-typebtn--all { background: var(--ras-surface); color: var(--ras-green-deep); }
.cs-typebtn--all:hover:not(:disabled) { background: var(--ras-green-softer); }
.cs-typebtns--big .cs-typebtn { height: 56px; min-width: 160px; font-size: var(--ras-fs-lg); }
.cs-typebtns--big .cs-typebtn small { font-size: var(--ras-fs-xs); }

/* Add from MiTek, step 3 */
.cs-run-line { display: flex; flex-direction: column; gap: 4px; padding: 8px; border: 1px solid var(--ras-line); border-radius: var(--ras-radius); background: var(--ras-surface); }
.cs-run-line-title { font-weight: 700; color: var(--ras-ink); }
.cs-save-setup { display: flex; align-items: center; gap: 8px; font-size: var(--ras-fs-sm); cursor: pointer; }
.cs-section-title { font-size: var(--ras-fs-xs); font-weight: 700; color: var(--ras-muted); text-transform: uppercase; letter-spacing: .06em; margin-top: var(--ras-space-2); }
.cs-scard { display: flex; align-items: center; justify-content: space-between; gap: var(--ras-space-3); padding: var(--ras-space-3) var(--ras-space-4); border: 1px solid var(--ras-line); border-radius: var(--ras-radius); background: var(--ras-surface); }
.cs-scard--done { background: var(--ras-paper-2); }
.cs-scard-main { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cs-scard-label { font-size: var(--ras-fs-lg); font-weight: 700; color: var(--ras-ink); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cs-scard--done .cs-scard-label { color: var(--ras-muted); }
.cs-cut-btn { min-width: 120px; flex: none; }

/* ---------- Add from MiTek: full screen, 4 steps ---------- */
.cs-add { display: flex; flex-direction: column; gap: var(--ras-space-4); min-height: 60vh; }
.cs-add-head { display: flex; align-items: center; justify-content: space-between; gap: var(--ras-space-3); }
.cs-stepper { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.cs-stepper li button {
    width: 100%; display: flex; align-items: center; gap: 8px; padding: 8px 10px; cursor: pointer;
    border: none; border-bottom: 3px solid var(--ras-line); background: transparent;
    font-family: var(--ras-font); font-size: var(--ras-fs-sm); font-weight: 600; color: var(--ras-muted); text-align: left;
}
.cs-stepper li button:disabled { cursor: default; }
.cs-stepper li.is-current button { border-bottom-color: var(--ras-green); color: var(--ras-ink); }
.cs-stepper li.is-done button { border-bottom-color: var(--ras-green-line); color: var(--ras-green-deep); }
.cs-stepper-num {
    flex: none; width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
    font-size: var(--ras-fs-xs); font-weight: 700; background: var(--ras-paper-3); color: var(--ras-text);
}
.cs-stepper li.is-current .cs-stepper-num { background: var(--ras-green); color: var(--ras-on-dark); }
.cs-stepper li.is-done .cs-stepper-num { background: var(--ras-green-soft); color: var(--ras-green-deep); }
.cs-add-body { flex: 1; }
.cs-add-section { display: flex; flex-direction: column; gap: var(--ras-space-3); max-width: 1000px; }
.cs-add-title { margin: 0; font-size: var(--ras-fs-lg); color: var(--ras-ink); }
.cs-paste.cs-paste--big { min-height: 280px; }
.cs-line-choice--big { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.cs-line-choice--big .cs-line-option { padding: 14px 16px; }
.cs-line-choice--big .cs-line-option.is-active { padding: 13px 15px; }
.cs-preview-list.cs-preview-list--wide { max-height: none; overflow: visible; display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); }
.cs-preview-list--wide .cs-preview-item { border-top: 1px solid var(--ras-line-soft); }
.cs-preview-list--wide .cs-preview-all { grid-column: 1 / -1; border-top: none; }
.cs-run-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: var(--ras-space-3); }
.cs-review { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--ras-space-3); }
.cs-review-card { display: flex; flex-direction: column; gap: 8px; padding: var(--ras-space-3); border: 1px solid var(--ras-line); border-radius: var(--ras-radius); background: var(--ras-surface); }
.cs-review-card--none { border-color: var(--ras-warn); background: var(--ras-warn-soft); }
.cs-review-head { display: flex; justify-content: space-between; align-items: baseline; font-size: var(--ras-fs-md); }
.cs-review-head span { color: var(--ras-muted); font-size: var(--ras-fs-sm); }
.cs-review-labels { display: flex; flex-wrap: wrap; gap: 4px; }
.cs-review-labels span { font-size: var(--ras-fs-xs); font-weight: 700; padding: 2px 6px; border-radius: var(--ras-radius); background: var(--ras-paper-2); }
.cs-add-foot {
    position: sticky; bottom: calc(-1 * var(--ras-space-4)); z-index: 2;
    display: flex; justify-content: space-between; align-items: center; gap: var(--ras-space-3);
    padding: var(--ras-space-3) 0; border-top: 1px solid var(--ras-line); background: var(--ras-paper);
}

/* ---------- History side panel ---------- */
.cs-scrim { position: fixed; inset: 0; background: rgba(0, 0, 0, .25); z-index: 1150; }
.cs-panel {
    position: fixed; top: 0; right: 0; bottom: 0; width: min(560px, 100vw); z-index: 1160;
    background: var(--ras-paper); box-shadow: var(--ras-shadow-drawer); display: flex; flex-direction: column;
}
.cs-panel-head { display: flex; align-items: center; justify-content: space-between; padding: var(--ras-space-3) var(--ras-space-4); border-bottom: 1px solid var(--ras-line); background: var(--ras-surface); font-size: var(--ras-fs-md); }
.cs-panel-body { flex: 1; overflow-y: auto; padding: var(--ras-space-4); }

.cs-paste { min-height: 110px; font-family: ui-monospace, Consolas, monospace; font-size: var(--ras-fs-xs); white-space: pre; }
.cs-line-choice { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
.cs-line-option {
    display: flex; flex-direction: column; gap: 2px; text-align: left; cursor: pointer; padding: 10px 12px;
    border: 1px solid var(--ras-line-strong); border-radius: var(--ras-radius); background: var(--ras-surface);
    font-family: var(--ras-font); color: var(--ras-text);
}
.cs-line-option span { font-size: var(--ras-fs-xs); color: var(--ras-muted); }
.cs-line-option.is-active { border: 2px solid var(--ras-green); background: var(--ras-green-softer); padding: 9px 11px; }
.cs-preview-list { display: flex; flex-direction: column; border: 1px solid var(--ras-line); border-radius: var(--ras-radius); background: var(--ras-surface); max-height: 300px; overflow-y: auto; }
.cs-preview-item { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-top: 1px solid var(--ras-line-soft); }
.cs-preview-item:first-child { border-top: none; }
.cs-preview-name { flex: 1; min-width: 0; }
.cs-line-select { width: auto; min-width: 96px; height: 30px; padding: 0 6px; }

.cs-history { display: flex; flex-direction: column; border: 1px solid var(--ras-line); border-radius: var(--ras-radius); background: var(--ras-surface); }
.cs-hist-row { display: grid; grid-template-columns: 20px 1fr auto; gap: var(--ras-space-2); align-items: start; padding: 8px var(--ras-space-3); border-top: 1px solid var(--ras-line-soft); font-size: var(--ras-fs-sm); }
.cs-hist-row:first-child { border-top: none; }
.cs-hist-time { color: var(--ras-muted); font-size: var(--ras-fs-xs); white-space: nowrap; text-align: right; }
.cs-hist-icon { text-align: center; color: var(--ras-muted); }
.cs-hist-row--cut .cs-hist-icon { color: var(--ras-green); font-weight: 700; }
.cs-hist-row--undo .cs-hist-icon { color: var(--ras-danger); }
.cs-hist-row--setup { background: var(--ras-green-softer); }

/* ---------- small screens ---------- */
@media (max-width: 860px) {
    .cs-lanes { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .cs-saws { grid-template-columns: 1fr; gap: 6px; }
    .cs-saw-card { padding: 8px 12px; }
    .cs-bcard-row { flex-wrap: wrap; }
    .cs-pills { width: 100%; justify-content: flex-end; }
    .cs-detail-row { grid-template-columns: 72px 1fr 28px; }
    .cs-hero { padding: var(--ras-space-3); }
    .cs-hero-label { font-size: 26px; }
    .cs-typebtns { flex-direction: column; }
    .cs-typebtn, .cs-typebtns--big .cs-typebtn { width: 100%; }
    .cs-scard { flex-direction: column; align-items: stretch; }
    .cs-cut-btn { width: 100%; }
    .cs-head-actions { width: 100%; }
    .cs-stepper { grid-template-columns: repeat(4, auto); overflow-x: auto; }
    .cs-stepper li button span:last-child { display: none; }
    .cs-stepper li.is-current button span:last-child { display: inline; }
    .cs-preview-list.cs-preview-list--wide { grid-template-columns: 1fr; }
    .cs-run-grid, .cs-review { grid-template-columns: 1fr; }
    .cs-paste.cs-paste--big { min-height: 180px; }
}

/* Step 2: "Some to each line" is the less common answer — a quieter option. */
.cs-some-each {
    align-self: flex-start; padding: 8px 12px; cursor: pointer; border-radius: var(--ras-radius);
    border: 1px dashed var(--ras-line-strong); background: transparent;
    font-family: var(--ras-font); font-size: var(--ras-fs-sm); color: var(--ras-muted);
}
.cs-some-each:hover { border-color: var(--ras-green); color: var(--ras-green-deep); }
.cs-some-each.is-active { border-style: solid; border-color: var(--ras-green); background: var(--ras-green-softer); color: var(--ras-green-deep); font-weight: 600; }