/*
 * QA823 simplified production scheduling flow.
 *
 * This layer is intentionally scoped to the Jobs Calendar right rail.
 * It preserves the approved calendar layout, near-black background,
 * typography, and semantic bright-outline icon system.
 */
.premium-app .ironflow-production-calendar-page .job-schedule-flow-card{
  border-color:#2a4054!important;
  background:#07111c!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  outline:2px solid transparent;
  outline-offset:-2px;
  transition:border-color .14s ease,outline-color .14s ease,box-shadow .14s ease!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-card:hover,
.premium-app .ironflow-production-calendar-page .job-schedule-flow-card:focus-within{
  border-color:#ff7a00!important;
  outline-color:#ff7a00!important;
  box-shadow:inset 0 0 0 1px rgba(255,122,0,.26),0 0 16px rgba(255,122,0,.12)!important;
  transform:none!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-card :where(strong,span,small,dt,dd,button){
  filter:none!important;
  opacity:1!important;
  text-shadow:none!important;
  font-synthesis:none;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-facts{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  margin:0;
  padding:9px 0 0;
  border-top:1px solid #24384b;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-facts>div{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:7px;
  border:1px solid #263d52;
  border-radius:7px;
  background:#081622;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-facts dt{
  display:flex;
  align-items:center;
  gap:5px;
  color:#9fb0bf!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.2!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-facts dd{
  min-width:0;
  margin:0;
  color:#f4f8fb!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-align:right;
  overflow-wrap:anywhere;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-facts svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px;
  color:currentColor!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-facts [data-flow-tone="schedule"] dt{
  color:#42c5ff!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-facts [data-flow-tone="crew"] dt{
  color:#31d579!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-facts [data-flow-tone="weather"] dt{
  color:#ffc122!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-launch{
  width:100%;
  min-height:42px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) 18px;
  align-items:center;
  gap:7px;
  padding:9px 11px;
  border:1px solid #31516b;
  border-radius:8px;
  background:#0a1926;
  color:#f4f8fb;
  box-shadow:none;
  font:inherit;
  font-size:13px;
  font-weight:750;
  text-align:left;
  cursor:pointer;
  transition:border-color .14s ease,outline-color .14s ease,background-color .14s ease,color .14s ease;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-launch>svg:first-child{
  width:20px;
  height:20px;
  color:#42c5ff!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-launch>svg:last-child{
  width:17px;
  height:17px;
  color:#ff8a1f!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-launch:hover,
.premium-app .ironflow-production-calendar-page .job-schedule-flow-launch:focus-visible{
  border-color:#ff7a00!important;
  outline:2px solid #ff7a00!important;
  outline-offset:1px;
  background:#21160d!important;
  color:#fff!important;
}

.premium-app .ironflow-production-calendar-page .production-calendar-rail:has(.job-schedule-flow-panel){
  grid-template-rows:auto!important;
  align-content:start!important;
  overflow:visible!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-panel{
  width:100%!important;
  max-width:620px;
  overflow:visible!important;
  border-color:#2a4054!important;
  background:#050d16!important;
  box-shadow:none!important;
  color:#f5f8fb!important;
  filter:none!important;
  opacity:1!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-panel :where(
  button,
  input,
  select,
  label,
  span,
  strong,
  small,
  h2,
  h3,
  p
){
  filter:none!important;
  opacity:1!important;
  text-shadow:none!important;
  font-synthesis:none;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-head,
.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-head{
  min-height:78px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px;
  padding:14px!important;
  border-bottom:1px solid #2a4054!important;
  background:#07111c!important;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-head,.job-schedule-confirmation-head)>div{
  min-width:0;
  display:grid;
  gap:3px;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-head,.job-schedule-confirmation-head) .eyebrow{
  margin:0!important;
  color:#ff8a1f!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-head,.job-schedule-confirmation-head) h2{
  margin:0!important;
  color:#f7fafc!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1.15!important;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-head,.job-schedule-confirmation-head)>div>span{
  color:#a9bac8!important;
  font-size:11.5px!important;
  font-weight:600!important;
  line-height:1.35!important;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-close,.job-schedule-confirm-close){
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid #344b60!important;
  border-radius:8px!important;
  background:#0a1722!important;
  color:#d8e4ed!important;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-close,.job-schedule-confirm-close) svg{
  width:18px!important;
  height:18px!important;
  color:inherit!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-close,.job-schedule-confirm-close):hover,
.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-close,.job-schedule-confirm-close):focus-visible{
  border-color:#ff7a00!important;
  outline:2px solid #ff7a00!important;
  outline-offset:1px;
  color:#ff9c3d!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-progress{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:12px 14px;
  border-bottom:1px solid #2a4054;
  background:#06101a;
  list-style:none;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-progress li{
  position:relative;
  display:flex;
  align-items:center;
  gap:7px;
  color:#7f93a4;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-progress li:not(:last-child)::after{
  content:"";
  height:1px;
  flex:1;
  margin-right:8px;
  background:#30475a;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-progress li>span{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  flex:0 0 23px;
  border:1px solid #40586a;
  border-radius:50%;
  color:#9fb0bf!important;
  font-size:10px!important;
  font-weight:800!important;
}

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

.premium-app .ironflow-production-calendar-page .job-schedule-flow-progress li.is-active>span{
  border-color:#ff8a1f;
  color:#ff9c3d!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-progress li.is-active>strong{
  color:#f4f8fb!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-progress li.is-complete::after{
  background:#ff8a1f;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-body{
  display:grid!important;
  gap:12px!important;
  padding:12px!important;
  background:#050d16!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-identity{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:11px;
  border:1px solid #263d52;
  border-radius:9px;
  background:#081622;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-identity>span{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid #21c7e8;
  border-radius:50%;
  background:#07141e;
  color:#22d9f2!important;
  font-size:12px!important;
  font-weight:800!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-identity>div{
  min-width:0;
  display:grid;
  gap:3px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-identity strong{
  color:#f4f8fb!important;
  font-size:14px!important;
  font-weight:750!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-identity small{
  color:#9fb0bf!important;
  font-size:11px!important;
  font-weight:550!important;
  line-height:1.35!important;
  overflow-wrap:anywhere;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-section{
  display:grid;
  gap:9px;
  padding:11px;
  border:1px solid #2a4054;
  border-radius:9px;
  background:#07131e;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-section-head>div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-section-head h3{
  margin:0!important;
  color:#f3f7fa!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.25!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-section-head>small{
  color:#8fa2b2!important;
  font-size:10px!important;
  font-weight:600!important;
  text-align:right;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-section-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 30px;
  border:1px solid currentColor;
  border-radius:50%;
  background:#07141e;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-section-icon.tone-schedule{
  color:#42c5ff!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-section-icon.tone-crew{
  color:#31d579!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-section-icon svg{
  width:16px!important;
  height:16px!important;
  color:inherit!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-options{
  display:grid;
  gap:7px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option{
  position:relative;
  width:100%;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:start;
  gap:8px;
  min-height:76px;
  padding:10px;
  border:1px solid #31516b;
  border-radius:8px;
  background:#081622;
  color:#eaf2f8;
  box-shadow:none;
  text-align:left;
  cursor:pointer;
  transition:border-color .14s ease,outline-color .14s ease,background-color .14s ease,box-shadow .14s ease;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option.is-selected{
  border-color:#405d74;
  box-shadow:inset 3px 0 0 #ff7a00;
  background:#0a1926;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option:hover,
.premium-app .ironflow-production-calendar-page .job-schedule-flow-option:focus-visible{
  border-color:#ff7a00!important;
  outline:2px solid #ff7a00!important;
  outline-offset:1px;
  background:#1b150f!important;
  box-shadow:inset 3px 0 0 #ff7a00,0 0 12px rgba(255,122,0,.12)!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-radio{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  margin-top:1px;
  border:1px solid #537086;
  border-radius:50%;
  color:#ff8a1f!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option.is-selected .job-schedule-flow-radio{
  border-color:#ff8a1f;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-radio svg{
  width:13px!important;
  height:13px!important;
  color:inherit!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option-copy{
  min-width:0;
  display:grid;
  gap:3px;
}

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

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option-copy>small{
  color:#b3c1cc!important;
  font-size:10.5px!important;
  font-weight:550!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option-copy>span{
  display:flex;
  flex-wrap:wrap;
  gap:5px 9px;
  margin-top:3px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option-copy em{
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#9fb0bf!important;
  font-size:9.5px!important;
  font-style:normal;
  font-weight:600!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option-copy em.is-clear{
  color:#31d579!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option-copy em:first-child{
  color:#31d579!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option-copy em:last-child{
  color:#ffc122!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option-copy em svg{
  width:12px!important;
  height:12px!important;
  color:inherit!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-option mark{
  padding:3px 6px;
  border:1px solid #17704a;
  border-radius:999px;
  background:#0a2b20;
  color:#47e796!important;
  font-size:8.5px!important;
  font-weight:800!important;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom{
  overflow:hidden;
  border:1px solid #31516b;
  border-radius:8px;
  background:#081622;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom>summary{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:9px 10px;
  color:#eaf2f8;
  cursor:pointer;
  list-style:none;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom>summary::-webkit-details-marker{
  display:none;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom>summary>span{
  display:flex;
  align-items:center;
  gap:7px;
  color:#eaf2f8!important;
  font-size:11.5px!important;
  font-weight:700!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom>summary svg{
  width:16px!important;
  height:16px!important;
  color:#42c5ff!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom>summary:hover,
.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom>summary:focus-visible{
  outline:2px solid #ff7a00;
  outline-offset:-2px;
  background:#1b150f;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom[open]>summary{
  border-bottom:1px solid #2a4054;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom[open]>summary>svg:last-child{
  transform:rotate(180deg);
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-fields{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:9px;
  padding:10px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-fields label,
.premium-app .ironflow-production-calendar-page .job-schedule-flow-crew label{
  display:grid;
  gap:5px;
  color:#c7d3de!important;
  font-size:10.5px!important;
  font-weight:700!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-date{
  position:relative;
  display:block;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-date>svg{
  position:absolute;
  z-index:1;
  left:9px;
  top:50%;
  width:16px!important;
  height:16px!important;
  color:#42c5ff!important;
  transform:translateY(-50%);
  pointer-events:none;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-date input,
.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-fields select,
.premium-app .ironflow-production-calendar-page .job-schedule-flow-crew select{
  width:100%;
  border:1px solid #365b78!important;
  border-radius:7px!important;
  background:#06111b!important;
  color:#f4f8fb!important;
  color-scheme:dark;
  box-shadow:none!important;
  font:inherit;
  font-size:11.5px!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-date input{
  min-height:40px;
  padding:8px 7px 8px 32px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-date input:hover,
.premium-app .ironflow-production-calendar-page .job-schedule-flow-date input:focus{
  border-color:#ff8a1f!important;
}

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

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-fields select[size]{
  height:126px;
  padding:4px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#4b7898 #06111b;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-fields select[size] option{
  min-height:26px;
  padding:6px 7px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-crew select{
  min-height:40px;
  padding:7px 30px 7px 9px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-review{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0 10px 10px;
  padding:8px 10px;
  border:1px solid #31516b;
  border-radius:7px;
  background:#0a1926;
  color:#f4f8fb;
  font:inherit;
  font-size:11.5px;
  font-weight:750;
  cursor:pointer;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-review svg{
  width:16px!important;
  height:16px!important;
  color:#42c5ff!important;
  stroke:currentColor!important;
}

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

.premium-app .ironflow-production-calendar-page .job-schedule-flow-crew p{
  display:flex;
  align-items:flex-start;
  gap:6px;
  margin:0!important;
  padding:8px;
  border:1px solid #176544;
  border-radius:7px;
  background:#071e18;
  color:#bfead5!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:1.4!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-crew p svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px;
  color:#31d579!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-actions,
.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-actions{
  display:grid!important;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important;
  gap:8px!important;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-actions,.job-schedule-confirmation-actions) button{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:8px!important;
  box-shadow:none!important;
  font-size:12.5px!important;
  font-weight:750!important;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-actions,.job-schedule-confirmation-actions) button svg{
  width:16px!important;
  height:16px!important;
  color:inherit!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-actions,.job-schedule-confirmation-actions) .primary{
  border:1px solid #ff9a32!important;
  background:#ff7a00!important;
  color:#101820!important;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-actions,.job-schedule-confirmation-actions) .primary:hover,
.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-actions,.job-schedule-confirmation-actions) .primary:focus-visible{
  border-color:#ffc07a!important;
  outline:2px solid #ffc07a!important;
  outline-offset:2px;
  background:#ff9a32!important;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-actions,.job-schedule-confirmation-actions) .btn{
  border:1px solid #344b60!important;
  background:#0b1823!important;
  color:#e5edf3!important;
}

.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-actions,.job-schedule-confirmation-actions) .btn:hover,
.premium-app .ironflow-production-calendar-page :is(.job-schedule-flow-actions,.job-schedule-confirmation-actions) .btn:focus-visible{
  border-color:#ff7a00!important;
  outline:2px solid #ff7a00!important;
  outline-offset:1px;
  color:#ffae5a!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts dt{
  display:flex;
  align-items:center;
  gap:6px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts dt svg{
  width:16px!important;
  height:16px!important;
  color:#42c5ff!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts .is-ready dt svg{
  color:#31d579!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-notify{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:start;
  gap:9px;
  padding:11px;
  border:1px solid #2a4054;
  border-radius:8px;
  background:#081622;
  cursor:pointer;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-notify input{
  width:17px;
  height:17px;
  margin:1px 0 0;
  accent-color:#ff7a00;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-notify>span{
  display:grid;
  gap:2px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-notify strong{
  color:#f4f8fb!important;
  font-size:12.5px!important;
  font-weight:750!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-flow-notify small{
  color:#9fb0bf!important;
  font-size:10.5px!important;
  font-weight:550!important;
  line-height:1.35!important;
}

@media(max-width:1150px){
  .premium-app .ironflow-production-calendar-page .production-calendar-rail:has(.job-schedule-flow-panel){
    justify-items:start!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-flow-panel{
    position:static!important;
  }
}

@media(max-width:760px){
  .premium-app .ironflow-production-calendar-page .job-schedule-flow-panel{
    max-width:none;
    scroll-margin-top:82px;
    scroll-margin-bottom:128px;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-flow-head{
    min-height:72px!important;
    padding:12px!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-flow-body{
    padding:11px 11px 112px!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-fields{
    grid-template-columns:1fr;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-flow-custom-fields select[size]{
    height:142px;
  }
}

@media(max-width:420px){
  .premium-app .ironflow-production-calendar-page .job-schedule-queue-facts{
    grid-template-columns:1fr;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-flow-option{
    grid-template-columns:22px minmax(0,1fr);
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-flow-option mark{
    grid-column:2;
    justify-self:start;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-flow-section-head{
    align-items:flex-start;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-flow-section-head>small{
    max-width:120px;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-flow-actions,
  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-actions{
    grid-template-columns:1fr!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .premium-app .ironflow-production-calendar-page .job-schedule-flow-card,
  .premium-app .ironflow-production-calendar-page .job-schedule-flow-option,
  .premium-app .ironflow-production-calendar-page .job-schedule-flow-launch,
  .premium-app .ironflow-production-calendar-page .job-schedule-flow-custom>summary svg{
    transition:none!important;
  }
}