
.ui-agenda-list { display: grid; gap: 18px; min-width: 0; margin: 0; padding: 0; list-style: none; font: 14px/1.4 var(--ui-font); color: var(--ui-fg); }
.ui-agenda-list-day { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 0 14px; }
.ui-agenda-list-date { display: grid; justify-items: center; align-content: start; gap: 1px; padding-top: 2px; color: var(--ui-muted); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }
.ui-agenda-list-date b { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: var(--ui-fg); font-size: 18px; font-weight: 600; letter-spacing: 0; }
.ui-agenda-list-today .ui-agenda-list-date b { background: var(--ui-accent); color: var(--ui-accent-fg); }
.ui-agenda-list-today .ui-agenda-list-date { color: var(--ui-accent); }
.ui-agenda-list-events { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.ui-agenda-list-title { grid-column: 2; margin: 0 0 6px; font-size: 13px; font-weight: 600; }
.ui-agenda-list-title span { color: var(--ui-muted); font-weight: 400; }
.ui-agenda-list-event {
  display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: start; gap: 10px; width: 100%; padding: 8px 10px; border: 0; border-radius: var(--ui-radius-sm);
  background: var(--ui-subtle); color: var(--ui-fg); font: inherit; text-align: left; text-decoration: none; --t: var(--ui-accent);
}
a.ui-agenda-list-event, button.ui-agenda-list-event { cursor: pointer; }
a.ui-agenda-list-event:hover, button.ui-agenda-list-event:hover { background: color-mix(in srgb, var(--t) 12%, var(--ui-subtle)); }
a.ui-agenda-list-event:focus-visible, button.ui-agenda-list-event:focus-visible { outline: none; box-shadow: var(--ui-focus); }
.ui-agenda-list-time { display: flex; align-items: center; gap: 8px; color: var(--ui-muted); font-size: 13px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ui-agenda-list-time::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--t); }
.ui-agenda-list-what { display: grid; gap: 1px; min-width: 0; }
.ui-agenda-list-what b { font-weight: 600; }
.ui-agenda-list-place { color: var(--ui-muted); font-size: 13px; }
.ui-agenda-list-success { --t: var(--ui-success); }
.ui-agenda-list-warning { --t: var(--ui-warning); }
.ui-agenda-list-danger { --t: var(--ui-danger); }
.ui-agenda-list-info { --t: var(--ui-info); }
.ui-agenda-list-neutral { --t: var(--ui-strong); }
.ui-agenda-list-none { padding: 8px 10px; color: var(--ui-muted); font-size: 13px; }
.ui-agenda-list-empty { margin: 0; color: var(--ui-muted); }
@media (max-width: 480px) { .ui-agenda-list-event { grid-template-columns: 1fr; gap: 2px; } }

