/* MAJAPP_DATETIME_PICKER_V427E — isolated reusable component */
.majDateTimeInputV427{
  cursor:pointer;
  caret-color:transparent;
  user-select:none;
  -webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;
}
/* Battle date fields stay neutral in every state; no red border/outline. */
html body #dateFrom.majDateTimeInputV427,
html body #dateTo.majDateTimeInputV427{
  border:1px solid rgba(15,23,42,.14) !important;
  outline:none !important;
  box-shadow:none !important;
}
html body #dateFrom.majDateTimeInputV427:focus,
html body #dateFrom.majDateTimeInputV427:focus-visible,
html body #dateFrom.majDateTimeInputV427:active,
html body #dateTo.majDateTimeInputV427:focus,
html body #dateTo.majDateTimeInputV427:focus-visible,
html body #dateTo.majDateTimeInputV427:active{
  border-color:rgba(15,23,42,.24) !important;
  outline:none !important;
  box-shadow:0 0 0 3px rgba(15,23,42,.05) !important;
}
.majDateTimeOverlayV427{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:12px;
  background:rgba(15,23,42,.42);
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.majDateTimeOverlayV427[hidden]{display:none !important;}
.majDateTimePanelV427{
  box-sizing:border-box;
  width:min(430px,100%);
  max-height:92vh;
  overflow:auto;
  border:1px solid rgba(15,23,42,.12);
  border-radius:20px;
  background:#fff;
  color:#0f172a;
  box-shadow:0 18px 60px rgba(15,23,42,.22);
  padding:14px;
  font-family:inherit;
}
@supports (height:100dvh){
  .majDateTimePanelV427{max-height:calc(100dvh - 24px);}
}
@media (min-width:640px){
  .majDateTimeOverlayV427{align-items:center;padding:20px;}
}
.majDateTimeHeadV427{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:2px 2px 10px;
}
.majDateTimeHeadTextV427{min-width:0;}
.majDateTimeEyebrowV427{font-size:10px;font-weight:850;color:#94a3b8;letter-spacing:.08em;}
.majDateTimeDialogTitleV427{margin-top:2px;font-size:18px;font-weight:950;color:#0f172a;}
.majDateTimeIconBtnV427,
.majDateTimeNavBtnV427,
.majDateTimeDayV427,
.majDateTimeTimePartV427,
.majDateTimeTimeChoiceV427,
.majDateTimeTextBtnV427,
.majDateTimeCancelBtnV427,
.majDateTimeConfirmBtnV427{
  font:inherit;
  -webkit-tap-highlight-color:transparent;
}
.majDateTimeIconBtnV427{
  width:36px;height:36px;border:0;border-radius:12px;background:#f8fafc;color:#475569;font-size:24px;line-height:1;cursor:pointer;
}
.majDateTimeMonthNavV427{
  display:grid;
  grid-template-columns:42px 1fr 42px;
  align-items:center;
  gap:8px;
  padding:6px 0 10px;
}
.majDateTimeNavBtnV427{
  height:38px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#0f172a;font-size:25px;line-height:1;cursor:pointer;
}
.majDateTimeMonthCenterV427{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.majDateTimePartWrapV427{
  min-width:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:2px;
}
.majDateTimePartTitleV427{
  box-sizing:border-box;
  min-width:68px;
  height:36px;
  padding:0 8px;
  border:1px solid #cbd5e1;
  border-radius:9px;
  background:#fff;
  text-align:center;
  font-size:15px;
  font-weight:950;
  color:#0f172a;
  cursor:text;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
  touch-action:manipulation;
  box-shadow:none;
}
.majDateTimePartTitleV427[data-edit-part="month"]{min-width:44px;}
.majDateTimePartTitleV427:focus,
.majDateTimePartTitleV427:focus-visible{
  outline:none;
  border-color:#94a3b8;
  background:#fff;
  box-shadow:0 0 0 3px rgba(15,23,42,.05);
}
.majDateTimePartTitleV427.is-pressing{
  border-color:#64748b;
  background:#f8fafc;
}
.majDateTimePartSuffixV427{
  flex:0 0 auto;
  color:#475569;
  font-size:14px;
  font-weight:900;
  user-select:none;
  -webkit-user-select:none;
}
.majDateTimePartEditorInputV427{
  width:64px;
  min-width:0;
  height:34px;
  box-sizing:border-box;
  padding:0 6px;
  border:1px solid #cbd5e1;
  border-radius:8px;
  outline:none;
  background:#fff;
  color:#0f172a;
  text-align:center;
  font:inherit;
  font-size:15px;
  font-weight:950;
  box-shadow:none;
  caret-color:#0f172a;
}
.majDateTimePartEditorInputV427[data-edit-part="month"]{width:42px;}
.majDateTimePartEditorInputV427:focus,
.majDateTimePartEditorInputV427.is-error{
  border-color:#94a3b8 !important;
  box-shadow:0 0 0 3px rgba(15,23,42,.05) !important;
}
.majDateTimePartEditorInputV427[hidden]{display:none !important;}

.majDateTimeWeekV427,
.majDateTimeCalendarV427{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;}
.majDateTimeWeekV427{padding:0 0 5px;}
.majDateTimeWeekV427>div{text-align:center;color:#94a3b8;font-size:11px;font-weight:850;line-height:24px;}
.majDateTimeDayV427{
  aspect-ratio:1/1;
  min-height:36px;
  border:1px solid transparent;
  border-radius:12px;
  background:#fff;
  color:#0f172a;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
}
.majDateTimeDayV427.is-outside{color:#cbd5e1;font-weight:700;}
.majDateTimeDayV427.is-today{border-color:#cbd5e1;color:#be123c;}
.majDateTimeDayV427.is-selected{background:#e11d48;color:#fff;border-color:transparent;}
.majDateTimeDayV427.is-disabled{opacity:.32;cursor:not-allowed;text-decoration:line-through;}
.majDateTimeTimeBoxV427{margin-top:12px;padding-top:12px;border-top:1px solid #eef2f7;}
.majDateTimeTimeLabelV427{font-size:11px;color:#64748b;font-weight:850;margin-bottom:8px;}
.majDateTimeTimeRowV427{display:flex;align-items:center;justify-content:center;gap:10px;}
.majDateTimeTimePartWrapV427{width:82px;height:46px;flex:0 0 82px;display:block;}
.majDateTimeTimePartV427{
  width:82px;height:46px;border:1px solid #cbd5e1;border-radius:14px;background:#fff;color:#0f172a;font-size:20px;font-weight:950;cursor:pointer;
  user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;
}
.majDateTimeTimePartV427:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 3px rgba(15,23,42,.05);}
.majDateTimeTimePartV427.is-pressing{border-color:#64748b;background:#f8fafc;}
.majDateTimeTimeEditorInputV427{
  box-sizing:border-box;width:82px;height:46px;padding:0 8px;border:1px solid #cbd5e1;border-radius:14px;outline:none;background:#fff;color:#0f172a;text-align:center;font:inherit;font-size:20px;font-weight:950;caret-color:#0f172a;box-shadow:none;
}
.majDateTimeTimeEditorInputV427:focus,.majDateTimeTimeEditorInputV427.is-error{border-color:#94a3b8!important;box-shadow:0 0 0 3px rgba(15,23,42,.05)!important;}
.majDateTimeTimeEditorInputV427[hidden]{display:none!important;}
.majDateTimeTimeSepV427{font-size:22px;font-weight:950;color:#64748b;}
.majDateTimeTimeGridV427{
  margin-top:10px;
  max-height:190px;
  overflow:auto;
  padding:8px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#f8fafc;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:6px;
}
.majDateTimeTimeGridV427[hidden]{display:none !important;}
.majDateTimeTimeChoiceV427{
  min-height:34px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#334155;font-size:12px;font-weight:850;cursor:pointer;
}
.majDateTimeTimeChoiceV427.is-selected{background:#e11d48;border-color:transparent;color:#fff;}
.majDateTimeFooterV427{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #eef2f7;
}
.majDateTimeFooterLeftV427,.majDateTimeFooterRightV427{display:flex;align-items:center;gap:8px;}
.majDateTimeTextBtnV427{height:36px;padding:0 9px;border:0;background:transparent;color:#64748b;font-size:12px;font-weight:900;cursor:pointer;}
.majDateTimeCancelBtnV427,.majDateTimeConfirmBtnV427{height:38px;padding:0 16px;border-radius:12px;font-size:13px;font-weight:950;cursor:pointer;}
.majDateTimeCancelBtnV427{border:1px solid #e2e8f0;background:#fff;color:#334155;}
.majDateTimeConfirmBtnV427{border:1px solid transparent;background:#e11d48;color:#fff;}
@media (max-width:390px){
  .majDateTimePanelV427{padding:11px;border-radius:18px;}
  .majDateTimeDayV427{min-height:34px;border-radius:10px;}
  .majDateTimeFooterV427{align-items:stretch;flex-direction:column;}
  .majDateTimeFooterLeftV427,.majDateTimeFooterRightV427{justify-content:space-between;}
  .majDateTimeFooterRightV427>*{flex:1 1 0;}
}
@media (prefers-reduced-motion:reduce){
  .majDateTimeOverlayV427,.majDateTimePanelV427{scroll-behavior:auto !important;}
}