/* Projektkalender page overrides */
.calendar-controls{display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:10px}
.month-label{font-weight:800; letter-spacing:.3px; font-size:14px}
.calendar-grid{display:grid; grid-template-columns: repeat(7, minmax(0,1fr)); gap:8px}
.calendar-grid .dow{font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:.4px; padding:2px 4px}
.calendar-grid .day{
  min-height:100px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:6px;
  background:rgba(0,0,0,.16);
  display:flex;
  flex-direction:column;
  gap:4px;
}
.calendar-grid .day.other{opacity:.5}
.calendar-grid .day.today{border-color:rgba(95,163,255,.65); box-shadow: inset 0 0 0 1px rgba(95,163,255,.35)}
.calendar-grid .date{font-weight:700; font-size:12px; color:#d7e6ff}
.calendar-grid .evt{font-size:11px; color:#e8f0ff; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.calendar-grid .evt .t{color:#a9c7ff; margin-right:4px}
.calendar-grid .more{font-size:11px; color:var(--muted)}

.day-details{margin-top:12px; border-top:1px solid rgba(255,255,255,.08); padding-top:10px}
.day-details h3{margin:0 0 6px; font-size:14px}
.day-details .slot{padding:6px 0; border-bottom:1px dashed rgba(255,255,255,.08)}
.day-details .slot:last-child{border-bottom:none}
.day-details .slot .time{font-weight:700; margin-right:8px}

@media (max-width: 900px){
  .calendar-grid{grid-template-columns: repeat(2, minmax(0,1fr))}
}

.calendar-grid .day.selected{border-color:rgba(170,210,255,.9); box-shadow: inset 0 0 0 1px rgba(170,210,255,.45)}

/* UI refresh 2026-02 */
.calendar-grid .day{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(120,160,220,.22);
}
.calendar-grid .date{color:#dbe7ff}
.calendar-grid .evt{color:#e8f0ff}
.calendar-grid .evt .t{color:var(--accent-2)}
.calendar-grid .day.today{
  border-color:rgba(95,163,255,.65);
  box-shadow: inset 0 0 0 1px rgba(95,163,255,.35);
}
.calendar-grid .day.selected{
  border-color:rgba(170,210,255,.75);
  box-shadow: inset 0 0 0 1px rgba(170,210,255,.35);
}
.day-details{border-top:1px solid rgba(120,160,220,.22)}
.day-details .slot{border-bottom:1px dashed rgba(120,160,220,.22)}


#calendar-feed-url{margin-top:4px; word-break:break-all}
#calendar-feed-url a{color:var(--accent-2)}