/* "Send in a message" picker (assets/js/send_card.js). */
.sbsc-backdrop { position: fixed; inset: 0; z-index: 10050; background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center; padding: 16px; }
.sbsc-backdrop[hidden] { display: none; }
.sbsc-sheet { width: 100%; max-width: 420px; max-height: 90vh; display: flex; flex-direction: column; gap: 10px; background: var(--sb-surface, #fff); color: var(--sb-text, #222); border-radius: 14px; padding: 16px; box-shadow: 0 12px 40px rgba(0,0,0,.25); }
.sbsc-head { display: flex; align-items: center; justify-content: space-between; }
.sbsc-head h4 { margin: 0; font-weight: 700; }
.sbsc-x { background: none; border: 0; font-size: 26px; line-height: 1; color: inherit; opacity: .6; cursor: pointer; }
.sbsc-list { overflow-y: auto; min-height: 120px; max-height: 46vh; display: flex; flex-direction: column; }
.sbsc-label { font-size: .75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; opacity: .6; margin: 4px 0; }
.sbsc-row { display: flex; align-items: center; gap: 10px; padding: 8px; border: 0; border-radius: 10px; background: none; color: inherit; text-align: left; cursor: pointer; }
.sbsc-row:hover, .sbsc-row:focus-visible { background: var(--sb-surface-2, #f3f4f8); }
.sbsc-row img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.sbsc-name { flex: 1; min-width: 0; display: flex; flex-direction: column; font-weight: 600; }
.sbsc-name small { font-weight: 400; opacity: .6; }
.sbsc-check { width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--sb-border, #ccc); color: transparent; display: flex; align-items: center; justify-content: center; font-size: 12px; }
.sbsc-row.is-on .sbsc-check { background: var(--sb-accent, #2f80ed); border-color: var(--sb-accent, #2f80ed); color: #fff; }
.sbsc-empty { padding: 24px 8px; text-align: center; opacity: .65; }
.sbsc-chosen { font-size: .85rem; opacity: .8; min-height: 1em; }
.sbsc-actions { display: flex; justify-content: flex-end; gap: 8px; }
@media (max-width: 480px) {
    .sbsc-backdrop { align-items: flex-end; padding: 0; }
    .sbsc-sheet { max-width: none; border-radius: 14px 14px 0 0; }
}