.pp-cal {
  position: fixed;
  z-index: 10050;
  min-width: 175px;
  padding: 6px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.03),
      rgba(0, 0, 0, 0.70)
    ),
    rgba(20, 20, 22, 0.92);

  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.55),
    0 0 0 0.5px rgba(255, 255, 255, 0.02) inset;

  -webkit-backdrop-filter: blur(20px) saturate(1.25);
  backdrop-filter: blur(20px) saturate(1.25);

  color: rgba(245, 245, 247, 0.95);
}

.pp-cal[aria-hidden="true"] { display: none; }

.pp-cal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}

.pp-cal-title {
  font-size: 10px;
  font-weight: 700;
  opacity: .95;
  text-transform: capitalize;
  user-select: none;
}

.pp-cal-nav {
  width: 22px;
  height: 22px;
  border-radius: 8px;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: .9;
}

.pp-cal-nav:hover { background: rgba(255,255,255,0.08); }
.pp-cal-nav:active { background: rgba(255,255,255,0.12); }

.pp-cal-nav.is-disabled {
  opacity: .35;
  cursor: default;
}
.pp-cal-nav.is-disabled:hover,
.pp-cal-nav.is-disabled:active { background: transparent; }

.pp-cal-nav svg { width: 14px; height: 14px; display: block; }

.pp-cal-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  margin-bottom: 4px;
}

.pp-cal-wd {
  font-size: 9px;
  opacity: .62;
  text-align: center;
  user-select: none;
}

.pp-cal-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}

.pp-cal-day {
  height: 20px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.06);
  color: rgba(245,245,247,0.92);
  cursor: pointer;
  user-select: none;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pp-cal-day:hover { background: var(--accent, #0a84ff); }
.pp-cal-day.is-other { opacity: .45; }

.pp-cal-day.is-disabled,
.pp-cal-day:disabled {
  opacity: .25;
  cursor: default;
}

.pp-cal-day.is-disabled:hover,
.pp-cal-day:disabled:hover { background: rgba(255,255,255,0.06); }

.pp-cal-day.is-today { border-color: rgba(96, 165, 250, 0.55); }

.pp-cal-day.is-selected {
  background: var(--accent, #0a84ff);
  border-color: rgba(255,255,255,0.18);
}

.pp-cal-daynum {
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

/* Month mode: 12 months as 3x4 grid */
.pp-cal.is-month .pp-cal-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}

.pp-cal-mon {
  height: 26px;          /* под твой “-40%” вариант можно 22–26 */
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.06);
  color: rgba(245,245,247,0.92);
  cursor: pointer;
  user-select: none;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pp-cal-mon:hover { background: var(--accent, #0a84ff); }

.pp-cal-mon.is-disabled,
.pp-cal-mon:disabled {
  opacity: .25;
  cursor: default;
}

.pp-cal-mon.is-selected {
  background: var(--accent, #0a84ff);
  border-color: rgba(255,255,255,0.18);
}

.pp-cal-monname {
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
}