.task-editor-card .editor-field .ant-picker.task-schedule-range {
  width: min(100%, 720px) !important;
  max-width: 100%;
  padding-inline: 15px;
  background: #fff;
}
.task-editor-card .task-schedule-range .ant-picker-input { min-width: 0; }
.task-editor-card .task-schedule-range .ant-picker-input input { overflow: hidden; text-overflow: ellipsis; }
.task-editor-card .task-schedule-range .task-range-separator {
  display: inline-flex;
  width: 48px;
  flex: 0 0 48px;
  justify-content: center;
  color: #78909a;
}

body .task-schedule-range-popup.ant-picker-dropdown .ant-picker-panel-container {
  width: auto !important;
  border: 1px solid #dce5e8;
  border-radius: 8px;
  box-shadow: 0 14px 36px rgb(27 54 65 / 16%);
}
body .task-schedule-range-popup .ant-picker-date-panel,
body .task-schedule-range-popup .ant-picker-month-panel,
body .task-schedule-range-popup .ant-picker-year-panel,
body .task-schedule-range-popup .ant-picker-decade-panel {
  width: 328px;
  flex-basis: 328px;
}
body .task-schedule-range-popup .ant-picker-header {
  min-height: 48px;
  padding-inline: 12px;
  color: #294654;
  border-bottom: 1px solid #e7edef;
}
body .task-schedule-range-popup .ant-picker-body { padding: 10px 12px; }
body .task-schedule-range-popup .ant-picker-content th {
  height: 32px;
  background: #f2f6f7;
  color: #607984;
  font-weight: 600;
}
body .task-schedule-range-popup .ant-picker-content td { height: 38px; }
body .task-schedule-range-popup .ant-picker-cell-inner {
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  border-radius: 4px;
}
body .task-schedule-range-popup .ant-picker-datetime-panel .ant-picker-time-panel {
  width: 132px;
  min-width: 132px;
  border-inline-start: 1px solid #e7edef;
}
body .task-schedule-range-popup .ant-picker-time-panel-column { width: 66px; flex: 1 0 66px; }
body .task-schedule-range-popup .ant-picker-time-panel-column > li .ant-picker-time-panel-cell-inner {
  padding-inline: 12px;
  text-align: center;
}
body .task-schedule-range-popup .ant-picker-footer { border-top: 1px solid #e7edef; }
body .task-schedule-range-popup .ant-picker-ok .ant-btn {
  min-width: 58px;
  border-radius: 4px;
  background: #2592a0;
  border-color: #2592a0;
}

@media (max-width: 560px) {
  .task-editor-card .editor-field .ant-picker.task-schedule-range { padding-inline: 9px; }
  .task-editor-card .task-schedule-range .ant-picker-input input { font-size: 12px; }
  .task-editor-card .task-schedule-range .task-range-separator { width: 24px; flex-basis: 24px; }
  body .task-schedule-range-popup.ant-picker-dropdown {
    max-width: calc(100vw - 16px);
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
  }
  body .task-schedule-range-popup .ant-picker-panel-container {
    max-height: calc(100vh - 32px);
    overflow-y: auto;
  }
  body .task-schedule-range-popup .ant-picker-datetime-panel { flex-direction: column; }
  body .task-schedule-range-popup .ant-picker-date-panel,
  body .task-schedule-range-popup .ant-picker-month-panel,
  body .task-schedule-range-popup .ant-picker-year-panel,
  body .task-schedule-range-popup .ant-picker-decade-panel {
    width: min(328px, calc(100vw - 32px));
    flex-basis: auto;
  }
  body .task-schedule-range-popup .ant-picker-datetime-panel .ant-picker-time-panel {
    width: 100%;
    min-width: 0;
    border-inline-start: 0;
    border-top: 1px solid #e7edef;
  }
  body .task-schedule-range-popup .ant-picker-time-panel .ant-picker-content { height: 140px; }
}