.schedule-card, .free-now-card { border-radius: var(--radius-xl); padding: 22px; }
.schedule-list { margin-top: 18px; }
.schedule-item { display: flex; justify-content: space-between; gap: 14px; padding: 0 0 17px 15px; margin-bottom: 17px; border-bottom: 1px solid var(--border); position: relative; }
.schedule-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.schedule-item::before { content: ""; position: absolute; left: 0; top: 2px; width: 3px; height: 52px; border-radius: 999px; background: var(--purple); }
.schedule-item.blue::before { background: var(--blue); }
.schedule-item.green::before { background: var(--green); }
.schedule-item.pink::before { background: var(--pink); }
.schedule-item.orange::before { background: var(--orange); }
.schedule-item time { display: block; color: #707996; font-size: 13px; margin-bottom: 5px; }
.schedule-item strong { display: block; font-size: 15px; margin-bottom: 3px; }
.schedule-item p { color: var(--text-muted); font-size: 13px; }
.mini-avatars { display: flex; align-items: center; justify-content: flex-end; min-width: 80px; }
.mini-avatars img { width: 29px; height: 29px; border-radius: 50%; border: 2px solid white; }
.mini-avatars img + img { margin-left: -8px; }
.mini-avatars span:not(.online-dot) { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: #f0edff; color: var(--primary); font-size: 12px; font-weight: 800; margin-left: -8px; }
.mini-avatars .online-dot { margin-left: 7px; }
.free-users { display: flex; justify-content: space-between; gap: 10px; margin-top: 20px; }
.free-users div { position: relative; text-align: center; }
.free-users img { width: 48px; height: 48px; border-radius: 50%; }
.free-users .online-dot { position: absolute; right: 2px; bottom: 22px; }
.free-users p { margin-top: 8px; color: #4d5773; font-size: 12px; font-weight: 700; }
.empty-state { color: var(--text-muted); font-size: 14px; line-height: 1.5; padding: 8px 0; }