/* CLINIC-SCOPE: shared */
/* ============================================================================
   Bổ sung cho ô chọn dùng chung (exComponent/03-dropdown.js + 03-dropdown-chontatca.js).
   1) Hiển thị «mã - tên» (opt-in data-ddma="1|2|3" trên <select>, xem ddMaRender).
   2) Dòng «Chọn tất cả / Bỏ chọn tất cả» ghim đầu bảng xổ đa-chọn (installMultiSelectAll).
   Bảng xổ nằm ở <body> nên mọi var() đều có giá trị dự phòng.
   ========================================================================== */
.ts-dropdown .dd-ma,
.ts-control .dd-ma { color: var(--muted-2, #5f6f86); font-variant-numeric: tabular-nums; }
.ts-dropdown .dd-ma-cot { display: inline-block; min-width: 3.4em; }
.ts-dropdown .dd-ma-noi,
.ts-control .dd-ma-noi { color: var(--muted-2, #5f6f86); }

.ts-dropdown .ts-ms-all {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    cursor: pointer;
    user-select: none;
    font-weight: 600;
    border-bottom: 1px solid var(--line, #e5e7eb);
    background: inherit;
    color: var(--brand, #2563eb);
}
.ts-dropdown .ts-ms-all:hover { background: var(--surface-hover, #f1f5f9); }
.ts-dropdown .ts-ms-all input[type=checkbox] { width: auto; margin: 0; pointer-events: none; accent-color: var(--brand, #2563eb); }