/* QA824: Jobs Calendar scheduling readability and controlled time selection. */
.premium-app .ironflow-production-calendar-page :is(
  .job-schedule-flow-panel,
  .job-schedule-confirmation-panel,
  .job-schedule-queue-facts
){
  font-family:Inter,Arial,sans-serif!important;
  font-synthesis:none;
  filter:none!important;
  text-shadow:none!important;
  opacity:1!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-facts dt{
  font-size:12px!important;
  font-weight:600!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-facts dd{
  font-size:13px!important;
  font-weight:700!important;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-head,.job-schedule-confirmation-head) .eyebrow{
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-head,.job-schedule-confirmation-head) h2{
  font-size:21px!important;
  font-weight:700!important;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-head,.job-schedule-confirmation-head)>div>span{
  font-size:13px!important;
  font-weight:600!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-progress li>span{
  font-size:11px!important;
  font-weight:700!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-progress li>strong{
  font-size:13px!important;
  font-weight:600!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-identity>span{
  font-size:13px!important;
  font-weight:700!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-identity strong{
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.25!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-identity small{
  font-size:13px!important;
  font-weight:500!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-section-head h3{
  font-size:15px!important;
  font-weight:700!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-section-head>small{
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.35!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option-copy>strong{
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.3!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option-copy>small{
  font-size:12.5px!important;
  font-weight:500!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option-copy em{
  font-size:11.5px!important;
  font-weight:600!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option mark{
  font-size:10.5px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom>summary>span{
  font-size:13.5px!important;
  font-weight:700!important;
  line-height:1.3!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-fields label,
.premium-app .ironflow-production-calendar-page .job-schedule-flow-crew label{
  font-size:12.5px!important;
  font-weight:600!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-fields{
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-field{
  min-width:0;
  align-content:start;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-field-label{
  display:block;
  min-width:0;
  margin-bottom:2px;
  color:#cbd8e2!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  white-space:normal!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-date input,
.premium-app .ironflow-production-calendar-page .job-schedule-flow-crew select{
  box-sizing:border-box!important;
  min-inline-size:0!important;
  max-inline-size:100%!important;
  font-size:14px!important;
  font-weight:600!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-date input:hover,
.premium-app .ironflow-production-calendar-page .job-schedule-flow-date input:focus-visible{
  border-color:#ff8a1f!important;
  box-shadow:0 0 0 1px rgba(255,138,31,0.55)!important;
  outline:none!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-date input:focus-visible{
  outline:2px solid #ff8a1f!important;
  outline-offset:-1px!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-date{
  min-width:0;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-time-list{
  width:100%;
  /* Five complete touch rows: never leave a partly visible time at the edge. */
  height:196px;
  display:grid;
  align-content:start;
  gap:4px;
  padding:5px;
  overflow-y:auto;
  border:1px solid #365b78;
  border-radius:7px;
  background:#06111b;
  scrollbar-width:thin;
  scrollbar-color:#ff8a1f #06111b;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-time-field .job-schedule-flow-time-list{
  margin-top:2px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-time-list button{
  width:100%;
  min-height:34px;
  padding:7px 10px;
  border:1px solid transparent;
  border-radius:5px;
  background:#081622;
  color:#eef5fa;
  box-shadow:none;
  font:inherit;
  font-size:13px;
  font-weight:600;
  line-height:1.25;
  text-align:left;
  cursor:pointer;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-time-list button:hover,
.premium-app .ironflow-production-calendar-page .job-schedule-flow-time-list button:focus-visible{
  border-color:#ff7a00!important;
  outline:2px solid #ff7a00!important;
  outline-offset:-2px;
  background:#1b150f!important;
  color:#ffb15f!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-time-list button:is(.is-selected,[aria-selected="true"]){
  border-color:#ff7a00!important;
  outline:none!important;
  background:#26170c!important;
  color:#ffb15f!important;
  box-shadow:inset 3px 0 0 #ff7a00!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-review{
  font-size:13.5px!important;
  font-weight:700!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-crew p{
  font-size:12px!important;
  font-weight:500!important;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-actions,.job-schedule-confirmation-actions) button{
  font-size:14px!important;
  font-weight:700!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-notify strong{
  font-size:14px!important;
  font-weight:700!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-notify small{
  font-size:12px!important;
  font-weight:500!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts dt{
  font-size:13px!important;
  font-weight:600!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts dd{
  font-size:15px!important;
  font-weight:700!important;
}

@media(max-width:760px){
  .premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-fields{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media(max-width:420px){
  .premium-app .ironflow-production-calendar-page .job-schedule-flow-section-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-flow-section-head>small{
    max-width:none!important;
    padding-left:38px;
    text-align:left!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-flow-option{
    gap:10px;
    padding:11px;
  }
}