/* v11.3 – Bảng chọn màu nhân viên */
.staff-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px; vertical-align: middle; box-shadow: 0 0 0 2px var(--panel); }
#staffColors .sc-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
#staffColors .sc-row:last-child { border-bottom: 0; }
#staffColors .sc-av { width: 36px; height: 36px; border-radius: 50%; color: #fff; font-weight: 700; display: grid; place-items: center; flex: 0 0 36px; }
#staffColors .sc-sw { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
#staffColors .sc-dot { width: 24px; height: 24px; border-radius: 50%; border: 0; cursor: pointer; box-shadow: 0 0 0 2px var(--panel), 0 0 0 3px transparent; }
#staffColors .sc-dot.on { box-shadow: 0 0 0 2px var(--panel), 0 0 0 4px var(--text); }
#staffColors .sc-custom { width: 28px; height: 28px; border-radius: 50%; overflow: hidden; border: 2px dashed var(--line); display: grid; place-items: center; cursor: pointer; }
#staffColors .sc-custom input { width: 40px; height: 40px; padding: 0; border: 0; cursor: pointer; opacity: .9; }
@media (max-width: 760px) { #staffColors .sc-sw { width: 100%; padding-left: 48px; } }