/* ============================================================
   v28 report date range picker
   ============================================================ */

/* Старый календарный pseudo-icon на первом поле выключаем — теперь есть настоящая кнопка */
.reports-filter-grid .field:first-child::after{
  display:none!important;
}

.date-range-field{
  cursor:pointer!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 42px 0 14px!important;
  line-height:46px!important;
  border-radius:15px!important;
  background:#fff!important;
  user-select:none!important;
}

.range-cal-btn{
  position:absolute!important;
  right:13px!important;
  bottom:13px!important;
  width:20px!important;
  height:20px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#98a2b3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  z-index:5!important;
}

.range-cal-btn:hover{
  color:#2f6bff!important;
  background:#eef4ff!important;
}

/* Поповер диапазона */
.range-dp{
  position:absolute!important;
  width:330px!important;
  max-width:min(330px, calc(100vw - 36px))!important;
  padding:14px!important;
  border-radius:22px!important;
  border:1px solid #dbe5f2!important;
  background:#fff!important;
  box-shadow:0 24px 60px rgba(15,23,42,.18)!important;
  z-index:15000!important;
  color:#182033!important;
}

.range-dp-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px!important;
}

.range-dp-head strong{
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#243044!important;
}

.range-nav{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  border:1px solid #e4eaf3!important;
  background:#f8fbff!important;
  color:#667085!important;
  font-size:18px!important;
  font-weight:850!important;
  cursor:pointer!important;
}

.range-nav:hover{
  color:#1f4fd8!important;
  background:#eef4ff!important;
}

.range-dp-hint{
  margin-bottom:10px!important;
  color:#7b8494!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  font-weight:700!important;
}

.range-dp-grid{
  display:grid!important;
  grid-template-columns:repeat(7, 1fr)!important;
  gap:6px!important;
}

.range-wd{
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#98a2b3!important;
  font-size:11px!important;
  font-weight:850!important;
}

.range-day{
  height:34px!important;
  min-width:0!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#344054!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12.5px!important;
  font-weight:800!important;
  cursor:pointer!important;
  transition:.12s ease!important;
}

.range-day:hover{
  background:#eef4ff!important;
  color:#1f4fd8!important;
}

.range-day.is-muted{
  background:transparent!important;
  cursor:default!important;
}

.range-day.is-today{
  box-shadow:inset 0 0 0 1px #a9c0ff!important;
}

.range-day.is-in-range{
  background:#eef4ff!important;
  color:#1f4fd8!important;
  border-radius:9px!important;
}

.range-day.is-start,
.range-day.is-end{
  background:#2f6bff!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(47,107,255,.24)!important;
}

.range-dp-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-top:13px!important;
}

.range-dp-actions .btn{
  flex:1 1 0!important;
  min-height:36px!important;
}

/* Списки отчётов остаются кастомными */
.reports-filter-grid .custom-select__menu{
  z-index:14000!important;
}

@media(max-width:560px){
  .range-dp{
    left:0!important;
    width:100%!important;
  }
}