.user-color-settings .helper{margin-bottom:12px}
[data-assignee-color]{--assignee-color:#94a3b8}
[data-assignee-color="#7c3aed"]{--assignee-color:#7c3aed}
[data-assignee-color="#2563eb"]{--assignee-color:#2563eb}
[data-assignee-color="#16a34a"]{--assignee-color:#16a34a}
[data-assignee-color="#ea580c"]{--assignee-color:#ea580c}
[data-assignee-color="#dc2626"]{--assignee-color:#dc2626}
[data-assignee-color="#db2777"]{--assignee-color:#db2777}
[data-assignee-color="#c026d3"]{--assignee-color:#c026d3}
[data-assignee-color="#4f46e5"]{--assignee-color:#4f46e5}
[data-assignee-color="#0284c7"]{--assignee-color:#0284c7}
[data-assignee-color="#0891b2"]{--assignee-color:#0891b2}
[data-assignee-color="#0d9488"]{--assignee-color:#0d9488}
[data-assignee-color="#15803d"]{--assignee-color:#15803d}
[data-assignee-color="#65a30d"]{--assignee-color:#65a30d}
[data-assignee-color="#ca8a04"]{--assignee-color:#ca8a04}
[data-assignee-color="#a16207"]{--assignee-color:#a16207}
[data-assignee-color="#64748b"]{--assignee-color:#64748b}
.user-color-current{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#4c4357;font-size:.875rem;font-weight:600}
.user-color-current-dot{display:inline-block;width:16px;height:16px;flex:0 0 16px;border-radius:50%;background:var(--user-color,#7c3aed)}
.user-color-grid{display:grid;grid-template-columns:repeat(8,minmax(44px,1fr));gap:8px;max-width:560px}
.user-color-button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-width:44px;min-height:76px;padding:6px 3px;border:2px solid transparent;border-radius:10px;background:transparent;color:#5b5365;font-size:.6875rem;line-height:1.25;cursor:pointer}
.user-color-button:hover:not(:disabled){background:#f5f0fc}
.user-color-button:focus-visible{outline:3px solid #183d70;outline-offset:2px}
.user-color-disc{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px solid #fff;border-radius:50%;background:var(--user-color);box-shadow:0 0 0 1px #ddd6e5;color:#fff}
.user-color-tick{font-size:21px;line-height:1;font-weight:800;text-shadow:0 1px 2px #0005}
.user-color-button.is-selected{border-color:var(--user-color);background:#f7f4fb;color:#30263d}
.user-color-button.is-in-use{cursor:default;color:#928b9c}
.user-color-button.is-in-use .user-color-disc{opacity:.45}
.user-color-use{font-size:.625rem;color:#867d91}
.user-color-settings.is-saving .user-color-button{cursor:wait}
.user-color-hint{margin:10px 0 0;color:#82778d;font-size:.75rem;line-height:1.5}
.user-color-notice{min-height:1.5em;margin:6px 0 0;color:#27714c;font-size:.8125rem;line-height:1.5}
.user-color-notice.is-error{color:#b53a39}
.task-card.has-assignee-color{border-left:4px solid var(--assignee-color,#7c3aed)}
.task-card.has-assignee-color .assignee-link::before{content:"";display:inline-block;width:8px;height:8px;margin-right:5px;vertical-align:1px;border-radius:50%;background:var(--assignee-color,#7c3aed)}
.store-assigned-row.has-assignee-color{border-left:4px solid var(--assignee-color,#7c3aed)}
.calendar-task-dot{display:flex;align-items:center;gap:3px;min-width:0;margin-top:3px;color:#62586d;font-size:.5625rem;font-weight:500;line-height:1.35;text-align:left}
.calendar-task-dot::before{content:"";display:inline-block;width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--assignee-color,#9e95aa)}
.calendar-task-dot span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calendar-task-dot.is-complete{color:#669276}
.calendar-task-dot.is-complete::before{background:var(--assignee-color,#94a3b8)}
.calendar-task-extra{display:block;margin-top:2px;color:#8f849b;font-size:.5625rem;line-height:1.25;text-align:left}
@media(max-width:640px){.user-color-grid{grid-template-columns:repeat(4,minmax(44px,1fr));max-width:360px}.user-color-button{min-height:76px}.calendar-task-dot{font-size:.5rem;gap:2px}.calendar-task-dot::before{width:4px;height:4px;flex-basis:4px}}
@media(prefers-reduced-motion:no-preference){.user-color-button{transition:background .15s,border-color .15s}}