.calendar-tags-bar { display:flex;align-items:center;gap:9px;min-height:31px;height:31px;margin-bottom:9px; }
.calendar-tags-bar .calendar-legend { flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin:0;height:100%;gap:12px;scrollbar-width:thin;scrollbar-color:#c0d2c5 transparent; }
.calendar-tags-bar .calendar-legend > span { flex-shrink:0;max-width:190px;overflow:hidden;text-overflow:ellipsis; }
.manage-event-tags { display:flex;align-items:center;gap:5px;background:white;border-radius:18px;min-height:28px;padding:6px 10px;font-size:10px;color:#71917e;flex-shrink:0; }
.manage-event-tags svg { width:13px;height:13px; }
.manage-event-tags:hover { background:var(--soft);color:var(--green); }
.year-agenda-heading { gap:6px;flex-wrap:wrap; }
.year-agenda-heading h2 { flex:1;white-space:nowrap;font-size:11px; }
.sidebar-settings-button { display:flex;align-items:center;gap:3px;padding:5px 6px;border-radius:12px;font-size:9px;color:#7d9386;background:var(--wash); }
.sidebar-settings-button svg { width:12px;height:12px; }
.sidebar-settings-button:hover,.sidebar-settings-button.filtered { background:var(--soft);color:var(--green); }
.sidebar-filter-caption { margin:0 5px 9px;color:#80a08c;font-size:10px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0; }
.event-type-line { color:var(--event-text,var(--event-color)); }
.sidebar-all-option,.sidebar-tag-option { display:flex;align-items:center;gap:10px;cursor:pointer; }
.sidebar-all-option { padding:12px;background:var(--soft);border-radius:13px;font-size:12px;margin-top:0; }
.sidebar-tag-option { margin:0;padding:10px 3px;font-weight:400;border-bottom:1px solid var(--line); }
.sidebar-tag-option:last-child { border-bottom:0; }
.sidebar-tag-options { display:flex;flex-direction:column;margin:8px 0;max-height:330px;overflow-y:auto;overscroll-behavior:contain; }
.sidebar-all-option input,.sidebar-tag-option input { width:16px;height:16px;flex-shrink:0;accent-color:var(--green);margin:0; }
#event-tag-preview .task-label { max-width:220px; }
#event-tag-palette { margin-top:10px; }
#event-tag-form input#event-tag-name { font-size:13px; }
@media(max-width:820px) {
  .calendar-tags-bar { height:32px;min-height:32px;margin-bottom:7px;gap:6px; }
  .calendar-tags-bar .calendar-legend { font-size:9px;gap:9px; }
  .manage-event-tags { min-height:30px;padding:7px 8px;font-size:9px; }
  .sidebar-settings-button { font-size:11px;min-height:32px;padding:6px 9px; }
  .sidebar-settings-button svg { width:14px;height:14px; }
  .year-agenda-heading h2 { font-size:12px; }
  #event-tag-form input#event-tag-name { font-size:16px; }
  .sidebar-tag-option { min-height:46px; }
}
@media(max-height:480px) and (max-width:820px) { .calendar-tags-bar { height:28px;min-height:28px;margin-bottom:4px; } }