/* Thanh cuộn — MỘT hình dạng cho cả bốn mặt tiền (ISSUE-154 / BACKLOG-137); nạp SAU `ui.css` ở cả bốn trang.
   Tạo kiểu, KHÔNG giấu; vì sao tệp riêng và ba chỗ cố ý giấu: docs/60_fe-integration/styles.md#scroll-why */

/* `*` chứ không `:root` vì scrollbar-width không kế thừa; con trượt --muted, rãnh --line.
   Số đo tương phản: docs/60_fe-integration/styles.md#scroll-colors */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--muted) var(--line);
}

/* Bản dự phòng cho WebKit/Blink đời cũ: docs/60_fe-integration/styles.md#scroll-two-sets */
*::-webkit-scrollbar { width: var(--sp-2); height: var(--sp-2); }

*::-webkit-scrollbar-track { background: var(--line); }
*::-webkit-scrollbar-thumb { border-radius: var(--radius-pill); background: var(--muted); }

*::-webkit-scrollbar-thumb:hover { background: var(--ink); }