/* Tab buttons (styled outside Tailwind for the active underline) */
.tab-btn {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  color: rgb(71 85 105);
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  background: transparent;
  cursor: pointer;
  transition: color 120ms ease, border-color 120ms ease;
}
.tab-btn:hover {
  color: rgb(15 23 42);
}
.tab-btn.active {
  color: rgb(37 99 235);
  border-bottom-color: rgb(37 99 235);
  font-weight: 600;
}

/* System font stack — Google-like feel without shipping a font */
html, body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Calendar cells */
.cal-cell {
  min-height: 3.25rem;
  background: white;
  transition: background 120ms ease;
}
.cal-cell:hover {
  background: rgb(248 250 252);
}

/* Auth page tabs (Sign In / Create Account) */
.auth-tab {
  color: rgb(100 116 139);
  background: transparent;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: color 120ms ease, border-color 120ms ease;
}
.auth-tab:hover {
  color: rgb(15 23 42);
}
.auth-tab.active {
  color: rgb(37 99 235);
  border-bottom-color: rgb(37 99 235);
}

/* Notify button active state (green ring when enabled) */
#notifyBtn.is-on {
  color: rgb(22 163 74);
  background: rgb(220 252 231);
}