#agendaContainer { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto; background:#f5f7fb; color:#111; height:100%; display:flex; flex-direction:column; }
.panel { background:#fff; border-radius:10px; box-shadow:0 6px 18px rgba(2,6,23,.04); padding:12px; }
.days { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:8px; }
.day-btn { padding:8px 10px; border-radius:8px; cursor:pointer; border:1px solid transparent; background:transparent; }
.day-btn.active { background:#0b78d1; color:white; }
.time-col { width:72px; flex:0 0 72px; padding-top:28px; position:sticky; left:0; z-index:20; background:#fff; border-right:1px solid rgba(0,0,0,.05); }
.time-cell { height:36px; border-bottom:1px solid rgba(0,0,0,.03); padding:4px; font-size:12px; color:#6b7280; }
.track { flex:1; min-width:140px; background:transparent; position:relative; border-left:1px solid rgba(0,0,0,.03); border-radius:6px; padding-bottom:20px; }
.track-header { position:sticky; top:0; background:transparent; text-align:center; font-weight:700; padding:8px 6px;background:#fff; z-index:10; }
.track-grid { position:relative; }
.event { position:absolute; padding:8px; border-radius:8px; color:white; box-shadow:0 8px 20px rgba(2,6,23,.12); cursor:pointer; font-size:13px; overflow:hidden; }
.ev-title { font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ev-sub { font-size:12px; opacity:.95; }
.time-line { position:absolute; left:0; right:0; height:2px; background:red; z-index:50; opacity:.85; display:none; pointer-events:none; }
.time-label { position:absolute; left:2px; top:-14px; background:red; color:white; font-size:11px; padding:1px 4px; border-radius:4px; white-space:nowrap; }
.event-tooltip { position:absolute; background:#fff; color:#111; padding:8px 12px; border-radius:8px; box-shadow:0 6px 18px rgba(0,0,0,.2); font-size:13px; max-width:300px; pointer-events:none; z-index:1000; display:none; word-break:break-word; }
@media (max-width: 900px) {
  #calendarFlex {
    flex-direction: column;
  }
  #daysPanel {
    width:100%;
    margin-right:0;
    margin-bottom:12px;
  }
  #calendarContainerWrapper {
    height: calc(100% - 60px); 
    overflow:auto;
  }
  #tracks .track {
    min-width:120px;
  }
}