/* QA900: confirm every production-calendar drag and choose customer notification. */
.premium-app .job-calendar-move-backdrop{
  position:fixed;
  inset:0;
  z-index:10070;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(2,7,13,.82);
  backdrop-filter:blur(4px);
}

.premium-app .job-calendar-move-dialog{
  width:min(650px,100%);
  overflow:hidden;
  border:1px solid #405268;
  border-radius:14px;
  background:#08131f;
  color:#f4f8fb;
  box-shadow:0 28px 80px rgba(0,0,0,.58);
  font-family:Inter,Arial,sans-serif;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

.premium-app .job-calendar-move-dialog>header{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 40px;
  align-items:start;
  gap:14px;
  padding:20px;
  border-bottom:1px solid #2c4053;
  background:#0a1724;
}

.premium-app .job-calendar-move-dialog>header>span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid #42c5ff;
  border-radius:50%;
  background:rgba(66,197,255,.09);
  color:#67d4ff;
}

.premium-app .job-calendar-move-dialog>header>span svg{width:23px;height:23px;}
.premium-app .job-calendar-move-dialog>header>div{min-width:0;}

.premium-app .job-calendar-move-dialog>header small{
  display:block;
  margin-bottom:4px;
  color:#ff9a3d;
  font-size:13px;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}

.premium-app .job-calendar-move-dialog>header h2{
  margin:0;
  color:#f8fafc;
  font-size:23px;
  font-weight:700;
  line-height:1.2;
}

.premium-app .job-calendar-move-dialog>header p{
  margin:6px 0 0;
  color:#b8c5d2;
  font-size:14px;
  font-weight:500;
  line-height:1.45;
}

.premium-app .job-calendar-move-dialog>header>button{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #405268;
  border-radius:50%;
  background:#111f2d;
  color:#dbe5ef;
}

.premium-app .job-calendar-move-dialog>header>button:hover,
.premium-app .job-calendar-move-dialog>header>button:focus-visible{
  border-color:#42c5ff;
  outline:2px solid rgba(66,197,255,.28);
  outline-offset:2px;
}

.premium-app .job-calendar-move-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin:18px 20px 0;
}

.premium-app .job-calendar-move-summary>div{
  min-width:0;
  padding:14px;
  border:1px solid #31465a;
  border-radius:9px;
  background:#0b1926;
}

.premium-app .job-calendar-move-summary>div:last-child{
  border-color:#42c5ff;
  background:rgba(66,197,255,.08);
}

.premium-app .job-calendar-move-summary span,
.premium-app .job-calendar-move-summary strong{display:block;}
.premium-app .job-calendar-move-summary span{color:#9eb0c0;font-size:12px;font-weight:600;}
.premium-app .job-calendar-move-summary strong{margin-top:5px;color:#f5f8fb;font-size:15px;font-weight:700;line-height:1.35;}
.premium-app .job-calendar-move-summary>svg{width:20px;height:20px;color:#ff9a3d;}

.premium-app .job-calendar-move-note{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  margin:14px 20px 18px;
  padding:14px;
  border:1px solid #b85cff;
  border-radius:9px;
  background:rgba(184,92,255,.10);
}

.premium-app .job-calendar-move-note>svg{width:24px;height:24px;margin:2px auto;color:#d39aff;}
.premium-app .job-calendar-move-note strong{color:#ebccff;font-size:15px;font-weight:700;}
.premium-app .job-calendar-move-note p{margin:4px 0 0;color:#d8c8e3;font-size:13px;font-weight:500;line-height:1.45;}

.premium-app .job-calendar-move-dialog>footer{
  display:grid;
  grid-template-columns:auto minmax(180px,1fr) minmax(190px,1fr);
  gap:9px;
  padding:16px 20px 20px;
  border-top:1px solid #2c4053;
  background:#07111c;
}

.premium-app .job-calendar-move-dialog>footer button{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 13px;
  border-radius:8px;
  box-shadow:none;
  font:700 13px/1.25 Inter,Arial,sans-serif;
  cursor:pointer;
}

.premium-app .job-calendar-move-dialog>footer button svg{width:18px;height:18px;}
.premium-app .job-calendar-move-cancel{border:1px solid #405268!important;background:#111f2d!important;color:#e5edf3!important;}
.premium-app .job-calendar-move-without{border:1px solid #b85cff;background:rgba(184,92,255,.10);color:#ebccff;}
.premium-app .job-calendar-move-notify{border:1px solid #00d7ff;background:rgba(0,215,255,.10);color:#b9f5ff;}

.premium-app .job-calendar-move-without:hover,
.premium-app .job-calendar-move-without:focus-visible{
  border-color:#cc85ff;
  outline:2px solid rgba(184,92,255,.28);
  outline-offset:2px;
  background:rgba(184,92,255,.18);
  color:#fff;
}

.premium-app .job-calendar-move-notify:hover,
.premium-app .job-calendar-move-notify:focus-visible{
  border-color:#34e1ff;
  outline:2px solid rgba(0,215,255,.28);
  outline-offset:2px;
  background:rgba(0,215,255,.18);
  color:#fff;
}

.premium-app .job-calendar-move-dialog button:disabled{cursor:wait;opacity:.58;}

@media(max-width:660px){
  .premium-app .job-calendar-move-backdrop{align-items:end;padding:10px;}
  .premium-app .job-calendar-move-dialog>header{grid-template-columns:42px minmax(0,1fr) 38px;padding:16px;}
  .premium-app .job-calendar-move-dialog>header>span{width:40px;height:40px;}
  .premium-app .job-calendar-move-summary{grid-template-columns:1fr;margin:14px 14px 0;}
  .premium-app .job-calendar-move-summary>svg{transform:rotate(90deg);justify-self:center;}
  .premium-app .job-calendar-move-note{margin:12px 14px 14px;}
  .premium-app .job-calendar-move-dialog>footer{grid-template-columns:1fr;padding:14px;}
  .premium-app .job-calendar-move-cancel{order:3;}
}