.tp-portal .ui-datepicker{z-index:999999 !important;background:#fff;border:1px solid #ddd;border-radius:12px;padding:10px;box-shadow:0 12px 40px rgba(0,0,0,.15);}
.tp-portal .ui-datepicker .ui-datepicker-header{background:#f6f7f8;border:1px solid #eee;border-radius:10px;padding:6px 8px;margin-bottom:8px;}
.tp-portal .ui-datepicker table{width:100%;}
.tp-portal .ui-datepicker td a{display:block;padding:6px;border-radius:8px;text-align:center;text-decoration:none;}
.tp-portal .ui-datepicker td a:hover{background:#eef3ff;}
.tp-portal .ui-datepicker .ui-state-active{background:#0b57d0;color:#fff;}


/* Force datepicker header layout (fix Astra/Theme overrides) */
.ui-datepicker .ui-datepicker-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  position:relative !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
  position:static !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  float:none !important;
  width:92px !important;
  min-width:92px !important;
  padding:6px 10px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  text-align:center !important;
  box-sizing:border-box !important;
}

.ui-datepicker .ui-datepicker-title{
  flex:1 1 auto !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:6px !important;
  margin:0 !important;
  padding:0 !important;
}

.ui-datepicker .ui-datepicker-title select{
  font-size:12px !important;
  padding:4px 6px !important;
  height:auto !important;
}



/* Datepicker prev/next labels (jQuery UI uses icon-only links) */
.ui-datepicker .ui-datepicker-prev span.ui-icon,
.ui-datepicker .ui-datepicker-next span.ui-icon{
  display:none !important;
}


/* Ensure the link boxes size correctly for the text */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  height:auto !important;
  min-height:32px !important;
}


/* Use chevron icons for prev/next */
.ui-datepicker .ui-datepicker-prev::before{
  content:"‹";
  font-size:18px;
  line-height:1;
  font-weight:700;
}
.ui-datepicker .ui-datepicker-next::before{
  content:"›";
  font-size:18px;
  line-height:1;
  font-weight:700;
}

/* Align header items */
.ui-datepicker .ui-datepicker-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:8px 10px !important;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
  width:44px !important;
  min-width:44px !important;
  height:34px !important;
  border-radius:8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
}

/* Center numbers in day cells */
.ui-datepicker td a,
.ui-datepicker td span{
  text-align:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:36px !important;
  padding:0 !important;
}


/* Header row: align prev, title (month/year), next on one line */
.ui-datepicker .ui-datepicker-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

/* Center month/year inline */
.ui-datepicker .ui-datepicker-title{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  line-height:1 !important;
}

/* Make prev/next icons always visible and black */
.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before{
  color:#000 !important;
}

/* Ensure buttons vertically centered */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}


/* Lower prev/next arrows to align with month/year dropdowns */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
  margin-top:4px !important;
}

/* Ensure header items sit on same baseline */
.ui-datepicker .ui-datepicker-header{
  align-items:flex-end !important;
}