/*
** persian-datepicker - v1.2.0
** Reza Babakhani <babakhani.reza@gmail.com>
** http://babakhani.github.io/PersianWebToolkit/docs/datepicker
** Under MIT license 
*/ 

.datepicker-plot-area{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn{transition:all 100ms ease}.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,.datepicker-plot-area .datepicker-year-view .year-item-disable,.datepicker-plot-area .datepicker-month-view .month-item-disable{border-radius:0}.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn{border-radius:0;border-top-left-radius:0;border-top-right-radius:0}.datepicker-plot-area .datepicker-time-view .down-btn{border-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.datepicker-plot-area,.datepicker-plot-area .datepicker-time-view>.time-segment{border-radius:0}.datepicker-plot-area .datepicker-day-view .table-days td span,.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item,.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{border-radius:0}.datepicker-plot-area{box-shadow:0 5px 10px rgba(0,0,0,0.2)}.datepicker-plot-area .datepicker-day-view .table-days td span,.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item,.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,.datepicker-plot-area .datepicker-year-view .year-item-disable,.datepicker-plot-area .datepicker-month-view .month-item-disable,.datepicker-plot-area .datepicker-time-view>.time-segment,.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn,.datepicker-plot-area .datepicker-time-view input,.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev,.datepicker-plot-area .toolbox .pwt-btn-submit,.datepicker-plot-area .toolbox .pwt-btn-calendar,.datepicker-plot-area .toolbox .pwt-btn-today{cursor:pointer}.datepicker-plot-area .datepicker-day-view .table-days td span,.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item{font:14px;background-color:#fff;color:#333;border:0;text-shadow:none}.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,.datepicker-plot-area .datepicker-year-view .year-item-disable,.datepicker-plot-area .datepicker-month-view .month-item-disable{background-color:#f1f1f1;color:#ccc;border:none;text-shadow:none;cursor:default}.datepicker-plot-area .datepicker-day-view .table-days td.today span{background-color:#333;color:#fff;border:0;text-shadow:none}.datepicker-plot-area .datepicker-day-view .table-days td span.other-month{background-color:"";color:#ccc;border:none;text-shadow:none}.datepicker-plot-area .datepicker-day-view .table-days td.selected span,.datepicker-plot-area .datepicker-year-view .year-item.selected,.datepicker-plot-area .datepicker-month-view .month-item.selected{background-color:#005299;color:#fff;border:none;text-shadow:1px 1px 1px #000}.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover,.datepicker-plot-area .datepicker-day-view .table-days td span:hover,.datepicker-plot-area .datepicker-year-view .year-item:hover,.datepicker-plot-area .datepicker-month-view .month-item:hover{background-color:#007be6;color:#fff;border:0;text-shadow:none}.datepicker-container{display:block;position:absolute;z-index:100000;top:0;direction:ltr}.datepicker-container.pwt-hide{display:none}.datepicker-plot-area{box-sizing:border-box;overflow:hidden;min-height:70px;display:block;width:200px;min-width:200px;padding:3px;position:absolute;font:12px tahoma;border:1px solid #ccc;background-color:#fff}.datepicker-plot-area.datepicker-state-only-time{padding:0}.datepicker-plot-area table,.datepicker-plot-area th,.datepicker-plot-area td{border:0;background:none}.datepicker-plot-area *{text-align:center;color:#333}.datepicker-plot-area .datepicker-day-view,.datepicker-plot-area .datepicker-month-view,.datepicker-plot-area .datepicker-year-view{display:block;width:100%;float:left;min-height:200px;margin:0}.datepicker-plot-area-inline-view{display:block;width:100%;position:static;float:left}.datepicker-plot-area .datepicker-time-view{display:block;float:left;width:100%;padding:5px;background:#f9f9f9;border-top:1px solid #f1f1f1}.datepicker-plot-area .datepicker-time-view>.time-segment{display:block;width:22%;float:left;overflow:hidden}.datepicker-plot-area .datepicker-time-view>.time-segment:hover .down-btn,.datepicker-plot-area .datepicker-time-view>.time-segment:hover .up-btn{font-weight:bold}.datepicker-plot-area .datepicker-time-view .divider{display:block;width:3%;height:60px;line-height:60px;float:left;overflow:hidden;font:12px bold}.datepicker-plot-area .datepicker-time-view .divider span{height:60px;line-height:60px}.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn{display:block;float:left;width:100%;margin:0;height:20px;line-height:22px;color:#ccc}.datepicker-plot-area .datepicker-time-view .down-btn:hover,.datepicker-plot-area .datepicker-time-view .up-btn:hover{background-color:rgba(250,250,250,0.3);color:#807f7f}.datepicker-plot-area .datepicker-time-view input{display:block;width:90%;margin:0 5%;height:20px;padding:0;outline:none;border:none;background:transparent}.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view{padding:0 5px;margin:0}.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view>.time-segment,.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view>.divider{padding:5px 0}.datepicker-plot-area.datepicker-state-no-meridian .datepicker-time-view>.time-segment{width:31.33%}.datepicker-plot-area.datepicker-state-no-meridian .datepicker-time-view>.meridian-divider{display:none}.datepicker-plot-area.datepicker-state-no-second .datepicker-time-view>.time-segment{width:31.33%}.datepicker-plot-area.datepicker-state-no-second .datepicker-time-view>.second-divider{display:none}.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view>.time-segment{width:48%}.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view>.second-divider,.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view>.meridian-divider{display:none}.datepicker-plot-area .datepicker-day-view .table-days{width:100%;float:left;direction:rtl}.datepicker-plot-area .datepicker-day-view .table-days td{width:14.2%;height:26px;padding:0;margin:0;position:relative}.datepicker-plot-area .datepicker-day-view .table-days td .alter-calendar-day{font-style:normal;position:absolute;font-size:8.5px;bottom:0;right:2px;color:#f1f1f1}.datepicker-plot-area .datepicker-day-view .table-days td span{display:block;width:100%;height:26px;line-height:26px;padding:0;margin:0}.datepicker-plot-area .datepicker-day-view .month-grid-box{display:block;width:100%;float:right;min-height:180px;margin:8px 0}.datepicker-plot-area .datepicker-day-view .month-grid-box .header{display:block;width:100%;float:left;padding-bottom:8px}.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row{display:block;width:100%;height:25px;float:left}.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell{display:block;width:14.2%;height:25px;float:right;line-height:25px;font:11px;font-weight:bold;color:#333}.datepicker-plot-area .datepicker-year-view,.datepicker-plot-area .datepicker-month-view{padding-top:10px}.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item{display:block;width:33.333333%;margin:2px 0 0;float:right;height:42px;line-height:42px}.datepicker-plot-area .datepicker-navigator{display:block;width:100%;float:left}.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{display:block;float:left;height:28px;line-height:28px;font-weight:bold;background-color:rgba(250,250,250,0.1);color:#333}.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover{background-color:rgba(250,250,250,0.3)}.datepicker-plot-area .datepicker-navigator .pwt-btn-next{display:block;width:15%;float:left}.datepicker-plot-area .datepicker-navigator .pwt-btn-switch{display:block;width:66%;margin:0 2%;float:left}.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{display:block;width:15%;float:left}.datepicker-plot-area .toolbox{display:block;float:left;width:100%;margin-top:5px}.datepicker-plot-area .toolbox .pwt-btn-submit,.datepicker-plot-area .toolbox .pwt-btn-calendar,.datepicker-plot-area .toolbox .pwt-btn-today{background-color:rgba(250,250,250,0.1);float:right;display:block;font-weight:bold;font-size:11px;height:24px;line-height:24px;white-space:nowrap;margin:0 auto;margin-left:5px;padding:0 5px;min-width:50px}.datepicker-plot-area .toolbox .pwt-btn-submit:hover,.datepicker-plot-area .toolbox .pwt-btn-calendar:hover,.datepicker-plot-area .toolbox .pwt-btn-today:hover{background-color:rgba(250,250,250,0.3)}.datepicker-plot-area .datepicker-navigator{display:block;width:100%;float:left}.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{display:block;float:left;height:28px;line-height:28px;font-weight:bold;background-color:rgba(250,250,250,0.1);color:#333}.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover{background-color:rgba(250,250,250,0.3)}.datepicker-plot-area .datepicker-navigator .pwt-btn-next{display:block;width:15%;float:left}.datepicker-plot-area .datepicker-navigator .pwt-btn-switch{display:block;width:66%;margin:0 2%;float:left}.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{display:block;width:15%;float:left}.datepicker-container.pwt-mobile-view{position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;overflow:hidden;transition:all 1s}.datepicker-container.pwt-mobile-view.pwt-hide{top:100vh;height:0}.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .pwt-btn-submit{color:#fff;background:#ccc}.datepicker-container.pwt-mobile-view .datepicker-plot-area{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0}.datepicker-container.pwt-mobile-view .datepicker-plot-area .table-days td,.datepicker-container.pwt-mobile-view .datepicker-plot-area .table-days td span{height:44px;line-height:44px;font-size:14px}.datepicker-container.pwt-mobile-view .datepicker-plot-area .datepicker-year-view .year-item,.datepicker-container.pwt-mobile-view .datepicker-plot-area .datepicker-month-view .month-item{height:70px;line-height:70px}.datepicker-container.pwt-mobile-view .datepicker-plot-area [class*='pwt-btn']{height:48px;line-height:48px}.datepicker-container.pwt-mobile-view .datepicker-plot-area .pwt-btn-today{float:left}.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time{background:rgba(0,0,0,0.7);border:0;padding-top:60%}.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .pwt-btn-submit{margin-right:5px}.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view input{height:40px;line-height:40px;font-size:24px;margin:5px 0}.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .divider,.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .divider span{font-size:16px;display:block;height:144px;line-height:144px}.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .down-btn,.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .up-btn{height:48px;line-height:48px}.datepicker-container.pwt-mobile-view .datepicker-time-view input{height:32px;line-height:34px;font-size:18px}.datepicker-container.pwt-mobile-view .datepicker-time-view .divider,.datepicker-container.pwt-mobile-view .datepicker-time-view .divider span{height:120px;line-height:120px}.datepicker-container.pwt-mobile-view .datepicker-time-view .down-btn,.datepicker-container.pwt-mobile-view .datepicker-time-view .up-btn{height:40px;line-height:40px}

/*# sourceMappingURL=persian-datepicker.min.css.map */

/* ======================================= */
/*  PREMIUM DARK-MODE SHAMSI DATEPICKER    */
/* ======================================= */
.datepicker-container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  direction: ltr !important; /* CRITICAL: Must be LTR so jQuery positioning calculations work perfectly! */
  z-index: 999999 !important;
  position: absolute !important; /* Position next to the input field */
}

.datepicker-container .datepicker-plot-area {
  direction: rtl !important; /* CRITICAL: The calendar contents must be RTL! */
  background: rgba(12, 18, 38, 0.95) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid rgba(33, 212, 253, 0.25) !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6), 
              0 0 20px rgba(33, 212, 253, 0.15) !important;
  font-family: 'Vazirmatn', system-ui, sans-serif !important;
  color: #f8fafc !important;
  padding: 14px 12px !important; /* Symmetrical internal padding */
  width: 275px !important; /* Perfectly proportioned card width to prevent cell overflow */
  box-sizing: border-box !important;
  position: absolute !important;
}

/* Header & Navigator Styling */
.datepicker-container .datepicker-plot-area .datepicker-navigator {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
  background: transparent !important;
  float: none !important;
}

.datepicker-container .datepicker-plot-area .datepicker-navigator .pwt-btn-switch {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-shadow: 0 0 8px rgba(33, 212, 253, 0.3) !important;
  background: transparent !important;
  border: none !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  height: auto !important;
  line-height: normal !important;
}

.datepicker-container .datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-container .datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #21d4fd !important;
  border-radius: 8px !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  float: none !important;
  line-height: normal !important;
  font-size: 14px !important;
}

.datepicker-container .datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,
.datepicker-container .datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover {
  background: rgba(33, 212, 253, 0.15) !important;
  border-color: rgba(33, 212, 253, 0.3) !important;
  color: #21d4fd !important;
  transform: scale(1.05) !important;
}

/* Days / Weeks Styling - Symmetrical Grid Layout */
.datepicker-container .datepicker-plot-area .datepicker-day-view .month-grid-box {
  margin: 4px 0 0 0 !important;
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
}

.datepicker-container .datepicker-plot-area .datepicker-day-view .month-grid-box .header {
  float: none !important;
  width: 100% !important;
  padding-bottom: 6px !important;
}

.datepicker-container .datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row {
  display: flex !important;
  width: 100% !important;
  justify-content: space-between !important;
  float: none !important;
  height: auto !important;
}

.datepicker-container .datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell {
  color: #94a3b8 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 4px 0 !important;
  text-transform: uppercase !important;
  float: none !important;
  width: 14.28% !important; /* Perfect 7-column split */
  text-align: center !important;
}

.datepicker-container .datepicker-plot-area .datepicker-day-view .table-days {
  width: 100% !important;
  border-collapse: collapse !important; /* Unified border collapse for symmetry */
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.datepicker-container .datepicker-plot-area .datepicker-day-view .table-days td {
  padding: 3px 0 !important; /* Symmetrical padding */
  width: 14.28% !important; /* Perfect 7-column split aligning with headers */
  height: auto !important;
  text-align: center !important;
  float: none !important;
}

.datepicker-container .datepicker-plot-area .datepicker-day-view .table-days td span {
  display: inline-flex !important; /* Centered inline-flex circles */
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  color: #cbd5e1 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: all 0.15s ease !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  line-height: normal !important;
  margin: 0 auto !important; /* Symmetrical horizontal centering */
}

/* Day Hover */
.datepicker-container .datepicker-plot-area .datepicker-day-view .table-days td span:hover {
  background: rgba(33, 212, 253, 0.1) !important;
  border-color: rgba(33, 212, 253, 0.2) !important;
  color: #21d4fd !important;
  cursor: pointer !important;
}

/* Other Month Days */
.datepicker-container .datepicker-plot-area .datepicker-day-view .table-days td span.other-month {
  color: #475569 !important;
  opacity: 0.4 !important;
  background: transparent !important;
}

/* Today Styling */
.datepicker-container .datepicker-plot-area .datepicker-day-view .table-days td.today span {
  border: 1px solid #21d4fd !important;
  color: #21d4fd !important;
  font-weight: 700 !important;
  background: rgba(33, 212, 253, 0.05) !important;
  box-shadow: 0 0 10px rgba(33, 212, 253, 0.2) !important;
}

/* Selected Day Styling */
.datepicker-container .datepicker-plot-area .datepicker-day-view .table-days td.selected span {
  background: linear-gradient(135deg, #21d4fd, #b388ff) !important;
  color: #070b16 !important;
  font-weight: 700 !important;
  border-color: transparent !important;
  box-shadow: 0 4px 14px rgba(33, 212, 253, 0.45) !important;
}

/* Month & Year Selection Grid View */
.datepicker-container .datepicker-plot-area .datepicker-month-view,
.datepicker-container .datepicker-plot-area .datepicker-year-view {
  padding-top: 6px !important;
  width: 100% !important;
  display: block !important;
}

.datepicker-container .datepicker-plot-area .datepicker-month-view .month-item,
.datepicker-container .datepicker-plot-area .datepicker-year-view .year-item {
  color: #cbd5e1 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border-radius: 10px !important;
  transition: all 0.15s ease !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  padding: 8px 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: right !important;
  width: 30% !important;
  margin: 4px 1.6% !important;
  height: 40px !important;
  line-height: normal !important;
}

.datepicker-container .datepicker-plot-area .datepicker-month-view .month-item:hover,
.datepicker-container .datepicker-plot-area .datepicker-year-view .year-item:hover {
  background: rgba(33, 212, 253, 0.1) !important;
  border-color: rgba(33, 212, 253, 0.2) !important;
  color: #21d4fd !important;
  cursor: pointer !important;
}

.datepicker-container .datepicker-plot-area .datepicker-month-view .month-item.selected,
.datepicker-container .datepicker-plot-area .datepicker-year-view .year-item.selected {
  background: linear-gradient(135deg, #21d4fd, #b388ff) !important;
  color: #070b16 !important;
  font-weight: 700 !important;
  border-color: transparent !important;
  box-shadow: 0 4px 12px rgba(33, 212, 253, 0.3) !important;
}

/* Footer / Toolbox Styling (Today button) */
.datepicker-container .datepicker-plot-area .toolbox {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-top: 10px !important;
  margin-top: 8px !important;
  display: flex !important;
  justify-content: center !important;
  float: none !important;
}

.datepicker-container .datepicker-plot-area .toolbox .pwt-btn-today {
  background: rgba(33, 212, 253, 0.1) !important;
  border: 1px solid rgba(33, 212, 253, 0.2) !important;
  color: #21d4fd !important;
  font-family: 'Vazirmatn', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 6px 16px !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  float: none !important;
  margin: 0 !important;
  height: auto !important;
  line-height: normal !important;
}

.datepicker-container .datepicker-plot-area .toolbox .pwt-btn-today:hover {
  background: linear-gradient(135deg, #21d4fd, #b388ff) !important;
  color: #070b16 !important;
  border-color: transparent !important;
  box-shadow: 0 4px 12px rgba(33, 212, 253, 0.3) !important;
}

/* Adjust font and general text colors */
.datepicker-plot-area * {
  color: #cbd5e1 !important;
}

/* Prevent page overflow and scrollbar when the datepicker is open - Commented out ruleset to prevent empty ruleset warnings and layout bugs on scroll */

/* ==========================================================================
   Light Theme Styling Overrides for Shamsi Datepicker
   ========================================================================== */
html[data-theme="light"] .datepicker-container .datepicker-plot-area {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(15, 23, 42, 0.15) !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.1), 
              0 0 20px rgba(15, 23, 42, 0.05) !important;
  color: #0f172a !important;
}

html[data-theme="light"] .datepicker-plot-area * {
  color: #1e293b !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-navigator {
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-navigator .pwt-btn-switch {
  color: #0f172a !important;
  text-shadow: none !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-navigator .pwt-btn-next,
html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
  background: rgba(15, 23, 42, 0.04) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  color: #0d9488 !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,
html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover {
  background: rgba(13, 148, 136, 0.15) !important;
  border-color: rgba(13, 148, 136, 0.3) !important;
  color: #0d9488 !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell {
  color: #475569 !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-day-view .table-days td span {
  color: #1e293b !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-day-view .table-days td span:hover {
  background: rgba(13, 148, 136, 0.1) !important;
  border-color: rgba(13, 148, 136, 0.2) !important;
  color: #0d9488 !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-day-view .table-days td span.other-month {
  color: #94a3b8 !important;
  opacity: 0.5 !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-day-view .table-days td.today span {
  border: 1px solid #0d9488 !important;
  color: #0d9488 !important;
  background: rgba(13, 148, 136, 0.05) !important;
  box-shadow: 0 0 10px rgba(13, 148, 136, 0.15) !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-day-view .table-days td.selected span {
  background: linear-gradient(135deg, #0d9488, #7c3aed) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(13, 148, 136, 0.3) !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-month-view .month-item,
html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-year-view .year-item {
  color: #1e293b !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-month-view .month-item:hover,
html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-year-view .year-item:hover {
  background: rgba(13, 148, 136, 0.1) !important;
  border-color: rgba(13, 148, 136, 0.2) !important;
  color: #0d9488 !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-month-view .month-item.selected,
html[data-theme="light"] .datepicker-container .datepicker-plot-area .datepicker-year-view .year-item.selected {
  background: linear-gradient(135deg, #0d9488, #7c3aed) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(13, 148, 136, 0.2) !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .toolbox {
  border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .toolbox .pwt-btn-today {
  background: rgba(13, 148, 136, 0.1) !important;
  border: 1px solid rgba(13, 148, 136, 0.2) !important;
  color: #0d9488 !important;
}

html[data-theme="light"] .datepicker-container .datepicker-plot-area .toolbox .pwt-btn-today:hover {
  background: linear-gradient(135deg, #0d9488, #7c3aed) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 4px 12px rgba(13, 148, 136, 0.2) !important;
}