.calendar-month-title{appearance:none;border:0;background:transparent;color:var(--text,#172033);font:inherit;font-weight:900;cursor:pointer;border-radius:10px;padding:5px 9px;line-height:1.15;transition:.16s ease}
.calendar-month-title:hover,.calendar-month-title:focus-visible{background:#eef4ff;color:#175ee6;outline:none}
.calendar-month-title::after{content:'⌄';font-size:10px;margin-left:6px;color:#7f91ad;vertical-align:2px}
.calendar-head.calendar-head-centered{display:grid;grid-template-columns:minmax(126px,1fr) auto minmax(126px,1fr);align-items:center;gap:10px}
.calendar-head-centered .calendar-nav-left{justify-self:start;display:flex;align-items:center;gap:6px}
.calendar-head-centered .calendar-title-center{justify-self:center;text-align:center;min-width:0}
.calendar-head-centered .calendar-title-center small{display:block;margin-top:3px;color:var(--muted,#71809a)}
.calendar-head-centered .calendar-nav-right{justify-self:end;display:flex;align-items:center;gap:6px}
.calendar-picker-modal{max-width:590px}
.calendar-picker-selected{font-size:27px;font-weight:950;letter-spacing:-.04em;color:#1761e8}
.calendar-picker-section{margin-top:20px}
.calendar-picker-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.calendar-picker-section-head b{font-size:14px}
.calendar-picker-year-nav{display:flex;align-items:center;gap:7px}
.calendar-picker-year-nav span{min-width:92px;text-align:center;font-size:12px;font-weight:800;color:var(--muted,#71809a)}
.calendar-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.calendar-picker-year,.calendar-picker-month{border:1px solid #dce5f2;background:#f7f9fd;border-radius:11px;min-height:42px;padding:7px 5px;font-size:13px;font-weight:800;color:#34435d;cursor:pointer;transition:.15s ease}
.calendar-picker-year:hover,.calendar-picker-month:hover{border-color:#9dbdfd;background:#eef4ff;color:#175ee6}
.calendar-picker-year.active,.calendar-picker-month.active{border-color:#2f6ef1;background:#e8f0ff;color:#1555d6;box-shadow:0 0 0 2px rgba(47,110,241,.10)}
@media(max-width:760px){
  .calendar-head.calendar-head-centered{grid-template-columns:minmax(96px,1fr) auto minmax(52px,1fr);gap:5px}
  .calendar-head-centered .calendar-nav-left{gap:4px}
  .calendar-month-title{padding:4px 6px;font-size:16px}
  .calendar-picker-modal{width:calc(100vw - 18px);max-width:none}
  .calendar-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .calendar-picker-year,.calendar-picker-month{min-height:40px;font-size:12px}
}