/* Date: whole square opens the calendar (not only the native icon in the center). */
.task-date-ru{display:flex;flex-wrap:wrap;gap:8px;align-items:center;position:relative}
.task-date-ru #taskDateRu{flex:1 1 160px;min-height:43px}
.task-date-cal{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:43px;min-width:44px;min-height:43px;padding:0;box-sizing:border-box;
  border-radius:12px;border:1px solid #8fb89a;
  background:linear-gradient(180deg,#f6fff8,#e3f3e8);color:#1a4d3a;cursor:pointer;
  overflow:hidden;
}
.task-date-cal:hover,.task-date-cal:focus-visible{
  border-color:#2d6a4f;
  background:linear-gradient(180deg,#ecfff1,#cfead8);
  box-shadow:0 0 0 3px rgba(45,106,79,.22);
  outline:none;
}
.task-date-cal-icon{pointer-events:none;font-size:18px;line-height:1}
.task-date-native-hit{
  position:absolute;left:0;top:0;right:0;bottom:0;
  width:100%;height:100%;margin:0;padding:0;border:0;
  opacity:0;cursor:pointer;pointer-events:auto;
  -webkit-appearance:none;appearance:none;
}
.task-date-err{color:#8a3b2b;width:100%;margin:4px 0 0}