/* 2.91.0: the Service center's special lists (public/sc-special.js): spam and missed-call WhatsApp drafts */
.scx { display: flex; flex-direction: column; min-height: 0; }
.scx-head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.scx-n { min-width: 20px; padding: 0 6px; border-radius: 999px; background: var(--sunk); color: var(--muted); font-size: 12px; line-height: 20px; text-align: center; }
.scx-why { flex: 1 1 220px; min-width: 0; }
.scx-tools { display: inline-flex; gap: 12px; margin-inline-start: auto; }
.scx-bulk { display: flex; align-items: center; gap: 10px; padding: 6px 12px; background: var(--accent-soft); border-bottom: 1px solid var(--line); }
.scx-bulk[hidden] { display: none; }
.scx-list { list-style: none; margin: 0; padding: 0; }
.scx-row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px 10px; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.scx-row:hover { background: var(--sunk); }
.scx-check { margin-top: 3px; flex: none; }
.scx-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.scx-l1 { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.scx-title { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.scx-time { flex: none; }
.scx-l2, .scx-l3 { min-width: 0; overflow-wrap: anywhere; }
.scx-l3 { color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.scx-text { width: 100%; box-sizing: border-box; margin-top: 4px; resize: vertical; min-height: 52px; }
.scx-acts { display: flex; flex-wrap: wrap; gap: 6px; width: 100%; justify-content: flex-end; }
.scx-empty { padding: 24px 12px; text-align: center; }