/* Custom calendar with week numbers */
.wk-cal-wrap { position: relative; display: inline-flex; align-items: center; gap: 6px; }
.wk-cal-display {
  font-size: 14px; color: #d4d4d4; cursor: pointer;
  padding: 3px 8px; border: 1px solid #555; border-radius: 4px;
  background: #2d2d2d; white-space: nowrap;
  transition: border-color 0.15s;
}
.wk-cal-display:hover { border-color: #4ec9b0; color: #fff; }
.wk-cal-overlay {
  position: absolute; top: calc(100% + 4px); left: 0; z-index: 100000;
  background: #1e1e1e; border: 1px solid #555; border-radius: 6px;
  padding: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.5); user-select: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  min-width: 280px;
}
.wk-cal-header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 8px; color: #d4d4d4; font-size: 14px; font-weight: 600;
}
.wk-cal-header button {
  background: none; border: none; color: #d4d4d4; cursor: pointer;
  font-size: 16px; padding: 2px 8px; border-radius: 4px;
}
.wk-cal-header button:hover { background: #333; }
.wk-cal-grid {
  display: grid; grid-template-columns: 36px repeat(7, 1fr);
  gap: 1px; font-size: 12px; text-align: center;
}
.wk-cal-grid .wk-hdr { color: #888; font-weight: 600; padding: 4px 0; }
.wk-cal-grid .wk-num {
  color: #4ec9b0; font-weight: 700; font-size: 11px;
  display: flex; align-items: center; justify-content: center;
  padding: 2px 0; border-radius: 3px; cursor: pointer;
}
.wk-cal-grid .wk-num:hover { background: #2a4a3a; }
.wk-cal-grid .wk-day {
  color: #d4d4d4; padding: 5px 2px; border-radius: 4px; cursor: pointer;
}
.wk-cal-grid .wk-day:hover { background: #333; }
.wk-cal-grid .wk-day.other-month { color: #555; }
.wk-cal-grid .wk-day.today { outline: 1px solid #4ec9b0; }
.wk-cal-grid .wk-day.selected { background: #264f78; color: #fff; font-weight: 700; }