.calendar-color-blue{--calendar-label-color:#356fc1;--calendar-chip-bg:#e8f0fe;--calendar-chip-ink:#24559a}
.calendar-color-purple{--calendar-label-color:#8060b1;--calendar-chip-bg:#efeafa;--calendar-chip-ink:#604290}
.calendar-color-pink{--calendar-label-color:#ba557f;--calendar-chip-bg:#fbe9f1;--calendar-chip-ink:#963557}
.calendar-color-red{--calendar-label-color:#c64c43;--calendar-chip-bg:#fce9e7;--calendar-chip-ink:#a1322b}
.calendar-color-orange{--calendar-label-color:#c17b2c;--calendar-chip-bg:#fff0df;--calendar-chip-ink:#8b4a0a}
.calendar-color-yellow{--calendar-label-color:#ba9d29;--calendar-chip-bg:#fff6ce;--calendar-chip-ink:#716000}
.calendar-color-green{--calendar-label-color:#38835a;--calendar-chip-bg:#e6f3e9;--calendar-chip-ink:#246344}
.calendar-color-teal{--calendar-label-color:#31867d;--calendar-chip-bg:#ddf3f0;--calendar-chip-ink:#1c6661}
.calendar-color-gray{--calendar-label-color:#727b89;--calendar-chip-bg:#eceef2;--calendar-chip-ink:#4c5564}
:root[data-color-mode=dark] .calendar-color-blue{--calendar-chip-bg:#283a58;--calendar-chip-ink:#bbd4ff;--calendar-label-color:#8eb6ee}
:root[data-color-mode=dark] .calendar-color-purple{--calendar-chip-bg:#3a2d50;--calendar-chip-ink:#dcc5f7;--calendar-label-color:#bd9ae9}
:root[data-color-mode=dark] .calendar-color-pink{--calendar-chip-bg:#4c2b3c;--calendar-chip-ink:#f4bfd7;--calendar-label-color:#e99cbc}
:root[data-color-mode=dark] .calendar-color-red{--calendar-chip-bg:#4c2d2c;--calendar-chip-ink:#ffcac3;--calendar-label-color:#eb9b92}
:root[data-color-mode=dark] .calendar-color-orange{--calendar-chip-bg:#493728;--calendar-chip-ink:#ffd1a6;--calendar-label-color:#e5b47a}
:root[data-color-mode=dark] .calendar-color-yellow{--calendar-chip-bg:#423c24;--calendar-chip-ink:#f3e3a3;--calendar-label-color:#d8c369}
:root[data-color-mode=dark] .calendar-color-green{--calendar-chip-bg:#253e30;--calendar-chip-ink:#b4e0c0;--calendar-label-color:#86c79b}
:root[data-color-mode=dark] .calendar-color-teal{--calendar-chip-bg:#213e3b;--calendar-chip-ink:#aee2db;--calendar-label-color:#78c8bc}
:root[data-color-mode=dark] .calendar-color-gray{--calendar-chip-bg:#333940;--calendar-chip-ink:#d4dbe6;--calendar-label-color:#abb5c3}
.workbench-ui :is(.calendar-event,.week-event).calendar-labelled{background:var(--calendar-chip-bg);color:var(--calendar-chip-ink);border-color:var(--calendar-label-color)}
.workbench-ui :is(.calendar-event,.week-event).calendar-labelled:hover{background:var(--calendar-chip-bg);outline:1px solid var(--calendar-label-color);outline-offset:-1px}
.calendar-label-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-bottom:1px solid var(--line)}.calendar-label-toolbar>form{display:flex;align-items:center;gap:10px;min-width:0}.calendar-label-toolbar label{margin:0;display:flex;color:var(--muted)}.calendar-label-toolbar select{min-width:160px;max-width:280px;font-size:14px}
.calendar-event-labels{display:flex!important;flex-wrap:wrap;gap:6px;white-space:normal!important;overflow:visible!important}.calendar-label-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;color:var(--calendar-chip-ink);background:var(--calendar-chip-bg);line-height:1.5;overflow-wrap:anywhere;max-width:100%}.calendar-label-chip>i,.calendar-selected-label i{width:8px;height:8px;border-radius:50%;background:var(--calendar-label-color);flex:none}
.agenda-event.calendar-labelled>time{color:var(--calendar-chip-ink)}
.calendar-label-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 8px;font-size:13px;font-weight:600}.calendar-label-selected{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.calendar-selected-label{display:inline-flex;align-items:center;border-radius:8px;background:var(--calendar-chip-bg);color:var(--calendar-chip-ink);max-width:100%}.calendar-selected-label>button{border:0;background:transparent;color:inherit;cursor:pointer;min-height:36px}.calendar-selected-label>button:first-child{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:13px;overflow-wrap:anywhere;text-align:left}.calendar-selected-label>button[aria-pressed=true]{font-weight:700;text-decoration:underline;text-underline-offset:4px}.calendar-label-remove{width:32px;padding:7px;flex:none}.calendar-label-remove .icon{width:16px;height:16px}
.calendar-label-hint{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 10px}.calendar-label-inline-manager{padding:16px 0;margin-top:14px;border-top:1px solid var(--line)}.calendar-label-manager-list{max-height:240px;overflow:auto;overscroll-behavior:contain}.calendar-label-manager-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.calendar-label-manager-row>.icon-button{margin-left:auto;flex:none}.calendar-label-editor{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.calendar-label-editor>label{display:grid;gap:8px;font-size:13px;font-weight:600}.calendar-label-palette{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.calendar-color-choice{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:8px;background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer}.calendar-color-choice>i{width:24px;height:24px;border-radius:50%;background:var(--calendar-label-color)}.calendar-color-choice[aria-pressed=true]{border-color:var(--accent-ink)}.calendar-color-choice>.icon{position:absolute;right:1px;bottom:1px;width:16px;height:16px;background:var(--surface);border-radius:50%;color:var(--ink);padding:1px}.calendar-label-editor-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.calendar-label-editor-actions>[data-label-delete]{margin-right:auto}.calendar-label-manager-error:empty{display:none}
[data-calendar-event-labels] [hidden],#calendar-label-manager [hidden]{display:none!important}
@media(max-width:760px){.calendar-label-toolbar{padding:12px 16px;gap:8px;flex-wrap:wrap}.calendar-label-toolbar>form{flex:1 1 100%}.calendar-label-toolbar select{width:100%;min-width:0;max-width:none;font-size:16px}.calendar-label-toolbar>.button{font-size:13px;margin-left:auto}.calendar-selected-label>button{min-height:44px}.calendar-label-remove{width:44px}.calendar-label-picker-heading{flex-wrap:wrap}.calendar-label-picker-heading>.button{font-size:13px}.calendar-label-manager-row>.icon-button{width:44px;height:44px}.calendar-label-chip{font-size:12px}}