/* QA1081: editable production duration inside the schedule confirmation review. */
.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-duration-editor{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  text-align:right;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-duration-control{
  display:inline-grid;
  grid-template-columns:28px 42px 28px;
  align-items:center;
  gap:4px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-duration-control button{
  width:28px;
  height:28px;
  min-width:28px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #365b78;
  border-radius:999px;
  background:#0a1926;
  color:#ff9a32;
  box-shadow:none;
  cursor:pointer;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-duration-control button:hover,
.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-duration-control button:focus-visible{
  border-color:#ff9a32;
  outline:2px solid #ff9a32;
  outline-offset:1px;
  background:#1b150f;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-duration-control button svg{
  width:14px!important;
  height:14px!important;
  color:inherit!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-duration-control input{
  width:42px;
  min-width:0;
  height:30px;
  padding:2px 3px;
  border:0!important;
  border-bottom:1px solid #ff8a1f!important;
  border-radius:0!important;
  background:transparent!important;
  color:#ff9a32!important;
  box-shadow:none!important;
  font:inherit;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:center;
  appearance:textfield;
  -moz-appearance:textfield;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-duration-control input::-webkit-outer-spin-button,
.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-duration-control input::-webkit-inner-spin-button{
  margin:0;
  appearance:none;
  -webkit-appearance:none;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-duration-control input:focus-visible{
  border-bottom-color:#ffc07a!important;
  outline:2px solid #ffc07a!important;
  outline-offset:2px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-duration-editor>[data-job-confirm-duration]{
  color:#f4f8fb!important;
  font-size:13px!important;
  font-weight:700!important;
  white-space:nowrap;
}

@media(max-width:420px){
  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-duration-editor{
    justify-content:flex-start;
    text-align:left;
  }
}