.selection-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 22px 16px;padding:12px 14px;background:rgba(255,255,255,.6);border:1px solid rgba(80,95,82,.12);border-radius:16px;box-shadow:0 8px 24px rgba(56,65,48,.04)}
.selection-summary{display:grid;gap:2px}
.selection-summary strong{font:700 13px var(--sans);letter-spacing:-.01em}
.selection-summary small{color:var(--muted);font-size:11px}
#selectionHint{font-size:10px;letter-spacing:.03em;color:var(--sage-dark)}
.selection-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.selection-actions .quiet-button,.selection-actions .primary-button{padding:8px 11px;font-size:11px}
.selection-clear{width:30px;height:30px;border-radius:8px}
.verse.selected-range{background:rgba(139,157,131,.16);box-shadow:inset 0 0 0 1px rgba(83,108,89,.14)}
.verse.range-start{border-radius:12px 12px 0 0;margin-top:5px}
.verse.range-middle{border-radius:0}
.verse.range-end{border-radius:0 0 12px 12px}
.verse.range-single{border-radius:12px;margin-top:5px;border-top-color:transparent}
.note-context.selection-active{background:rgba(139,157,131,.12);border-color:rgba(83,108,89,.2)}
.note-context.selection-active .note-pin{background:var(--moss)}
.note-card .linked-verse{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.note-card .linked-verse.long{max-width:240px}
.note-card[data-note-range="range"] .note-kind:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-left:6px;vertical-align:middle;opacity:.7}
.note-card[data-note-count="many"] .linked-verse{font-variant-numeric:tabular-nums}
.verse-list{user-select:none;-webkit-user-select:none}
.verse{touch-action:manipulation}

@media (max-width:780px){
  .selection-bar{margin:0 0 16px;display:grid;justify-content:stretch}
  .selection-actions{justify-content:flex-start}
}