/*
 * Jobs Calendar scheduling recommendations.
 * Scope stays inside the production queue so the approved Call Back Queue is unchanged.
 */

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel,
.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel :where(button,a,strong,span,small,time,p){
  text-shadow:none!important;
  filter:none!important;
  letter-spacing:0!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
  font-synthesis:none;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel{
  container-type:normal!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-queue-title-icon{
  width:44px!important;
  height:44px!important;
  flex-basis:44px!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-queue-title-icon svg{
  width:21px!important;
  height:21px!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-queue-body{
  gap:9px!important;
  padding:10px!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-help{
  display:none!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-queue-card{
  position:relative!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  padding:12px!important;
  border-radius:10px!important;
  transition:border-color 140ms ease,opacity 140ms ease;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-queue-card:hover{
  transform:none!important;
  box-shadow:none!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-queue-card.dragging{
  opacity:.58;
  border-color:#ff9a32!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-queue-drag-handle{
  position:absolute;
  top:8px;
  right:7px;
  width:20px;
  height:24px;
  display:grid;
  place-items:center;
  color:#ff9a32!important;
  pointer-events:none;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-queue-drag-handle svg{
  width:15px!important;
  height:15px!important;
  color:inherit!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-card-person{
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:10px!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-card-avatar{
  width:44px!important;
  height:44px!important;
  border-width:1px!important;
  font-size:17px!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-card-copy{
  min-width:0;
  padding-right:18px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-card-head{
  gap:2px!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-card-head strong{
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.22!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-queue-status{
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.25!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-meta{
  gap:4px 8px!important;
  margin-top:5px!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-meta span{
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.32!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-card-recommendations{
  display:grid;
  gap:8px;
  min-width:0;
  padding:10px 0 0;
  border:0;
  border-top:1px solid #29455f;
  border-radius:0;
  background:transparent;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-card-recommendations-label{
  display:grid;
  grid-template-columns:1fr;
  align-items:start;
  gap:4px;
  min-width:0;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-card-recommendations-label>span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-width:0;
  color:#dceeff!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-transform:none;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-card-recommendations-label svg{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px;
  color:#42bfff!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-card-recommendations-label>strong{
  max-width:none;
  padding:0 0 0 22px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#f5f8fb!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-align:left;
  white-space:normal;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-card-slots{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-card-slot{
  min-width:0;
  min-height:46px;
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto;
  grid-template-rows:1fr;
  align-content:center;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid #345573;
  border-radius:7px;
  background:#0b1a27;
  color:#dbe8f5;
  box-shadow:none;
  text-align:left;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-card-slot .job-schedule-slot-icon{
  grid-row:auto;
  width:17px!important;
  height:17px!important;
  color:#42c5ff!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-card-slot span{
  max-width:100%;
  overflow:visible;
  color:#eef5fb!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.25!important;
  text-overflow:clip;
  white-space:nowrap;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-card-slot strong{
  color:#f5f8fb!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.2!important;
  white-space:nowrap;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-card-slot:hover,
.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-card-slot:focus-visible{
  border-color:#4c9aff;
  outline:2px solid #4c9aff;
  outline-offset:1px;
  background:#102236;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-actions{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-card .lead-icon-action{
  min-height:44px!important;
  height:44px!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  padding:0!important;
  border:1px solid #314255!important;
  border-radius:9px!important;
  background:#09121b!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-card .lead-icon-action svg{
  box-sizing:border-box!important;
  width:27px!important;
  height:27px!important;
  padding:4px!important;
  border-width:1px!important;
  transform:none!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-card .lead-icon-action.is-disabled{
  opacity:.48;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-view-times{
  min-height:46px;
  display:grid;
  grid-template-columns:20px minmax(0,1fr) 16px;
  align-items:center;
  gap:8px;
  width:100%;
  padding:9px 11px;
  border:1px solid #42bfff;
  border-radius:8px;
  background:#0d2a40;
  color:#f4f9fd;
  box-shadow:none;
  text-align:left;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-view-times>span{
  color:#f4f9fd!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-view-times svg{
  width:18px!important;
  height:18px!important;
  color:#57c9ff!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-view-times>svg:last-child{
  width:15px!important;
  height:15px!important;
  justify-self:end;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-view-times:hover,
.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-view-times:focus-visible,
.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-view-times[aria-expanded="true"]{
  border-color:#8bddff;
  outline:2px solid #42bfff;
  outline-offset:1px;
  background:#123a57;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-recommendation-trigger[aria-expanded="true"]{
  border-color:#4c9aff!important;
  background:#102236!important;
  color:#75b5ff!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-recommendation-dialog{
  position:fixed;
  z-index:980;
  width:min(380px,calc(100vw - 24px));
  max-height:calc(100vh - 24px);
  display:grid;
  gap:11px;
  padding:14px;
  border:2px solid #42bfff;
  border-radius:10px;
  background:#07121c;
  color:#f4f8fb;
  box-shadow:none;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#365b78 transparent;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-recommendation-dialog[hidden]{
  display:none!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-head{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:start;
  gap:9px;
  padding-bottom:10px;
  border-bottom:1px solid #284057;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid #4c9aff;
  border-radius:50%;
  color:#4c9aff;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-icon svg{
  width:15px!important;
  height:15px!important;
  color:inherit!important;
  stroke:currentColor!important;
}

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

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-head>div>span{
  color:#beddff!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-transform:none;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-head>div>strong{
  color:#f5f8fb!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.3!important;
  white-space:normal;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-head>button{
  min-width:44px;
  min-height:44px;
  padding:5px 7px;
  border:1px solid #344b60;
  border-radius:7px;
  background:#0b1823;
  color:#cbd7e2;
  box-shadow:none;
  font-size:12px;
  font-weight:700;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-slots{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-slot{
  min-width:0;
  min-height:72px;
  display:grid;
  gap:5px;
  padding:9px;
  border:1px solid #304c65;
  border-radius:7px;
  background:#0a1824;
  color:#f4f8fb;
  box-shadow:none;
  text-align:left;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-slot>span{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:7px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-slot strong{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#f5f8fb!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-slot .job-schedule-slot-icon{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px;
  color:#35b9ff!important;
  stroke:currentColor!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-slot time{
  color:#f5f8fb!important;
  font-size:14px!important;
  font-weight:700!important;
  white-space:nowrap;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-slot small{
  color:#c3d0dc!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.35!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-slot:hover,
.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-slot:focus-visible{
  border-color:#4c9aff;
  outline:2px solid #4c9aff;
  outline-offset:1px;
  background:#102236;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel :is(.job-schedule-dialog-basis,.job-schedule-dialog-warning){
  margin:0;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.4!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-basis{
  color:#9fb0bf!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-warning{
  color:#ffb15c!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-custom-date{
  min-height:44px;
  border:1px solid #4c9aff;
  border-radius:7px;
  background:#102236;
  color:#75b5ff;
  box-shadow:none;
  font-size:13px;
  font-weight:700;
}

.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel :is(.job-schedule-dialog-head>button,.job-schedule-custom-date):hover,
.premium-app .ironflow-production-calendar-page .job-schedule-queue-panel :is(.job-schedule-dialog-head>button,.job-schedule-custom-date):focus-visible{
  border-color:#75b5ff;
  outline:2px solid #75b5ff;
  outline-offset:1px;
  background:#142a3f;
  color:#f5f8fb;
}

@media(max-width:760px),(pointer:coarse){
  .premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-queue-title-icon{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-queue-title-icon svg{
    width:19px!important;
    height:19px!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-card-person{
    grid-template-columns:44px minmax(0,1fr)!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-card-avatar{
    width:42px!important;
    height:42px!important;
    font-size:16px!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-queue-drag-handle{
    display:none;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-card-copy{
    padding-right:0;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .request-card .lead-icon-action svg{
    width:25px!important;
    height:25px!important;
    padding:4px!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-recommendation-dialog{
    position:static;
    width:100%!important;
    max-height:none;
    grid-column:1/-1;
    padding:12px;
    overflow:visible;
    scroll-margin-bottom:120px;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-head{
    grid-template-columns:28px minmax(0,1fr) auto;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-dialog-slots{
    grid-template-columns:1fr;
  }
}

@media(hover:hover) and (pointer:fine){
  .premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-queue-card[draggable="true"]{
    cursor:grab;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-queue-panel .job-schedule-queue-card.dragging{
    cursor:grabbing;
  }
}

@media(prefers-reduced-motion:reduce){
  .premium-app .ironflow-production-calendar-page .job-schedule-queue-panel *,
  .premium-app .ironflow-production-calendar-page .job-schedule-queue-panel *::before,
  .premium-app .ironflow-production-calendar-page .job-schedule-queue-panel *::after{
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important;
  }
}

/*
 * Recommended-slot confirmation.
 * The full production editor stays available through Adjust details.
 */

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

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-panel{
  width:100%!important;
  max-width:620px;
  overflow:visible!important;
  border-color:#2a4054!important;
  background:#050d16!important;
  box-shadow:none!important;
  color:#f5f8fb!important;
  scroll-margin-block:80px 124px;
  animation:jobScheduleConfirmReveal 160ms ease-out both;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-panel :where(
  button,
  input,
  select,
  textarea,
  label,
  span,
  strong,
  small,
  p,
  time,
  dt,
  dd,
  summary
){
  text-shadow:none!important;
  filter:none!important;
  letter-spacing:0!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
  font-synthesis:none!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-panel>.job-schedule-confirmation-head{
  min-height:72px;
  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 #24384b!important;
  background:#07121c!important;
}

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

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-head .eyebrow{
  margin:0!important;
  color:#ff9a32!important;
  font-size:12.5px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-transform:none!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-head h2{
  margin:0!important;
  color:#f8fbfd!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1.25!important;
  overflow-wrap:anywhere;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirm-close{
  width:auto!important;
  min-width:62px;
  max-width:max-content;
  min-height:44px;
  flex:0 0 auto;
  border:1px solid #344b60!important;
  border-radius:8px!important;
  background:#0b1823!important;
  color:#dce7ef!important;
  font-size:13px!important;
  font-weight:700!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirm-close:hover,
.premium-app .ironflow-production-calendar-page .job-schedule-confirm-close:focus-visible{
  border-color:#ff9a32!important;
  outline:2px solid #ff9a32!important;
  outline-offset:2px;
  background:#17130f!important;
  color:#ffffff!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-panel>.body{
  padding:14px!important;
  overflow:visible!important;
  background:#050d16!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirm-form{
  display:grid;
  gap:12px;
  min-width:0;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-summary{
  min-width:0;
  overflow:hidden;
  border:1px solid #2a4054;
  border-top:2px solid #ff8a1c;
  border-radius:10px;
  background:#081622;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-start{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:start;
  gap:11px;
  padding:14px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid #42c5ff;
  border-radius:50%;
  background:rgba(66,197,255,.06);
  color:#42c5ff!important;
}

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

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

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-start>div>span{
  color:#aebdca!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.3!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-start strong{
  color:#f8fbfd!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.28!important;
  overflow-wrap:anywhere;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-start time{
  margin-top:1px;
  color:#ffffff!important;
  font-size:22px!important;
  font-weight:700!important;
  line-height:1.15!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts{
  display:grid;
  margin:0;
  padding:0 14px 3px;
  border-top:1px solid #24384b;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts>div{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:3px 10px;
  align-items:baseline;
  padding:10px 0;
  border-bottom:1px solid #1e3142;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts>div:last-child{
  border-bottom:0;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts dt{
  color:#aebdca!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-transform:none!important;
}

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

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts small{
  grid-column:1/-1;
  color:#b7c5d1!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.4!important;
  text-align:right;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts .needs-attention dd,
.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts .needs-attention small{
  color:#ffb15c!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments{
  min-width:0;
  overflow:hidden;
  border:1px solid #2a4054;
  border-radius:9px;
  background:#07121c;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments>summary{
  min-height:58px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 20px;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  color:#f5f8fb!important;
  cursor:pointer;
  list-style:none;
}

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

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments>summary>span{
  min-width:0;
  display:grid;
  gap:2px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments>summary strong{
  color:#f5f8fb!important;
  font-size:14.5px!important;
  font-weight:700!important;
  line-height:1.3!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments>summary small{
  color:#aebdca!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.35!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments>summary svg{
  width:18px!important;
  height:18px!important;
  color:#ff9a32!important;
  stroke:currentColor!important;
  transition:transform 150ms ease;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments[open]{
  border-color:#3c5a73;
  background:#081622;
}

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

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

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments[open]>.job-edit-form-grid{
  animation:jobScheduleDetailsReveal 140ms ease-out both;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments>summary:hover,
.premium-app .ironflow-production-calendar-page .job-schedule-adjustments>summary:focus-visible{
  outline:2px solid #42c5ff;
  outline-offset:-2px;
  background:#0b1a27;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments .job-edit-form-grid{
  grid-template-columns:1fr!important;
  gap:12px!important;
  padding:13px!important;
  background:#081622;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments .job-edit-form-grid>.wide,
.premium-app .ironflow-production-calendar-page .job-schedule-adjustments .job-duration-advisor{
  grid-column:1!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments .job-edit-form-grid>label{
  min-width:0;
  color:#e8f0f6!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.35!important;
  text-transform:none!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments :where(input,select,textarea){
  min-width:0;
  width:100%!important;
  min-height:44px;
  margin-top:6px;
  border:1px solid #3a5064!important;
  border-radius:8px!important;
  background:#050d16!important;
  color:#f8fbfd!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.4!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments textarea{
  min-height:104px;
  resize:vertical;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments :where(input,select,textarea):focus-visible{
  border-color:#42c5ff!important;
  outline:2px solid #42c5ff!important;
  outline-offset:1px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments .job-duration-advisor{
  gap:10px!important;
  padding:12px!important;
  border:1px solid #5c421f!important;
  border-radius:8px!important;
  background:#11100f!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments .job-duration-advisor strong{
  color:#f8fbfd!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments .job-duration-advisor span{
  color:#ffb15c!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.45!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments .job-duration-advisor small{
  color:#bdc9d3!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.45!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments .job-duration-advisor .btn{
  min-height:44px;
  border-color:#3a5064!important;
  background:#0b1823!important;
  color:#f2f7fa!important;
  font-size:13px!important;
  font-weight:700!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments .job-notify-checkbox{
  min-height:52px;
  margin:0;
  padding:10px!important;
  border-color:#3a5064!important;
  background:#07121c!important;
  color:#e8f0f6!important;
  font-size:13px!important;
  line-height:1.4!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-adjustments .job-notify-checkbox input{
  width:20px!important;
  min-width:20px;
  height:20px!important;
  min-height:20px;
  margin:0!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-unsaved-note{
  margin:0;
  color:#c2ced8!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.45!important;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-actions button{
  width:100%;
  min-height:48px;
  border-radius:8px!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.2!important;
  transform:none!important;
}

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

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

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

.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-actions .btn:hover,
.premium-app .ironflow-production-calendar-page .job-schedule-confirmation-actions .btn:focus-visible{
  border-color:#42c5ff!important;
  outline:2px solid #42c5ff!important;
  outline-offset:2px;
  background:#0d2131!important;
  color:#ffffff!important;
}

@keyframes jobScheduleConfirmReveal{
  from{opacity:.01}
  to{opacity:1}
}

@keyframes jobScheduleDetailsReveal{
  from{opacity:.01}
  to{opacity:1}
}

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

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

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

  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-panel>.job-schedule-confirmation-head{
    min-height:68px;
    padding:12px!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-head h2{
    font-size:19px!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-panel>.body{
    padding:12px 12px 118px!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-start{
    padding:12px;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts{
    padding-inline:12px;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-adjustments .job-edit-form-grid{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-actions button{
    padding-inline:8px!important;
    font-size:13px!important;
    white-space:normal;
  }
}

@media(max-width:420px){
  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-start{
    grid-template-columns:38px minmax(0,1fr);
    gap:9px;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-icon{
    width:36px;
    height:36px;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-start strong{
    font-size:16px!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-start time{
    font-size:20px!important;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts>div{
    grid-template-columns:1fr;
  }

  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts dd,
  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-facts small{
    text-align:left;
  }
}

@media(prefers-reduced-motion:reduce){
  .premium-app .ironflow-production-calendar-page .job-schedule-confirmation-panel,
  .premium-app .ironflow-production-calendar-page .job-schedule-adjustments[open]>.job-edit-form-grid,
  .premium-app .ironflow-production-calendar-page .job-schedule-adjustments>summary svg{
    animation:none!important;
    transition:none!important;
  }
}