.po-engineer-dispatch{max-width:1500px;margin:0 auto;padding:28px}.po-dispatch-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.po-dispatch-hero h1{margin:.2rem 0}.po-dispatch-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.po-dispatch-stats>div{background:#fff;border:1px solid #e6eaf0;border-radius:14px;padding:18px}.po-dispatch-stats strong{display:block;font-size:28px}.po-dispatch-stats span{color:#687386}.po-dispatch-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #dde3ea;margin-bottom:18px}.po-dispatch-tabs button{border:0;background:none;padding:12px 16px;font-weight:700;cursor:pointer}.po-dispatch-tabs button.is-active{border-bottom:3px solid currentColor}.po-table-wrap{overflow:auto;background:#fff;border:1px solid #e3e8ef;border-radius:14px}.po-table-wrap table{width:100%;border-collapse:collapse;min-width:900px}.po-table-wrap th,.po-table-wrap td{text-align:left;padding:14px;border-bottom:1px solid #edf0f4;vertical-align:top}.po-table-wrap td>strong,.po-table-wrap td>small{display:block}.po-chip-list{display:flex;flex-wrap:wrap;gap:6px}.po-chip-list span{background:#eef4f8;border-radius:999px;padding:5px 9px;font-size:12px}.po-load>div{height:8px;background:#e9edf2;border-radius:999px;overflow:hidden;margin:6px 0}.po-load i{display:block;height:100%;background:currentColor}.po-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.po-dispatch-job{background:#fff;border:1px solid #e3e8ef;border-radius:14px;padding:18px}.po-dispatch-job header{display:flex;justify-content:space-between;gap:12px}.po-dispatch-job h3{margin:4px 0}.po-suggestions{padding-left:22px}.po-suggestions li{margin:10px 0}.po-suggestions span{display:block;color:#687386;font-size:13px}.po-dispatch-notice{padding:12px 16px;border-radius:10px;margin-bottom:16px}.po-dispatch-notice.is-success{background:#e9f8ef}.po-dispatch-notice.is-error{background:#fff0f0}.po-engineer-dispatch dialog{width:min(820px,calc(100% - 30px));border:0;border-radius:16px;padding:24px}.po-engineer-dispatch dialog::backdrop{background:rgba(11,20,32,.55)}.po-engineer-dispatch dialog label{display:block;margin:10px 0}.po-engineer-dispatch input,.po-engineer-dispatch select,.po-engineer-dispatch textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #ccd5df;border-radius:8px}.po-skill-option{display:grid!important;grid-template-columns:26px 1fr 170px 120px;align-items:center;gap:8px;border-bottom:1px solid #edf0f4;padding:8px 0}.po-skill-option input{width:auto}.po-form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.po-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.po-small{padding:7px 10px!important;font-size:12px!important}@media(max-width:900px){.po-dispatch-stats{grid-template-columns:1fr 1fr}.po-job-grid{grid-template-columns:1fr}.po-dispatch-hero{display:block}.po-form-two{grid-template-columns:1fr}.po-skill-option{grid-template-columns:26px 1fr}.po-engineer-dispatch{padding:16px}}

/* Engineer profile modal */
.po-engineer-dispatch .po-dispatch-dialog{width:min(760px,calc(100% - 32px));max-height:min(88vh,820px);padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.28);overflow:hidden}
.po-engineer-dispatch .po-dispatch-dialog form{display:flex;flex-direction:column;max-height:min(88vh,820px);margin:0}
.po-engineer-dispatch .po-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 26px 20px;border-bottom:1px solid #e7ebf1;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)}
.po-engineer-dispatch .po-dialog-header h2{margin:3px 0 6px!important;font-size:26px!important;line-height:1.2!important;letter-spacing:-.02em;color:#102a54}
.po-engineer-dispatch .po-dialog-header p{margin:0;color:#667085;font-size:14px;line-height:1.5}
.po-engineer-dispatch .po-dialog-eyebrow{display:block;color:#5570a6;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.po-engineer-dispatch .po-dialog-x{flex:0 0 auto;width:38px;height:38px;border:1px solid #dce3ec;border-radius:10px;background:#fff;color:#526175;font-size:25px;line-height:1;cursor:pointer}
.po-engineer-dispatch .po-dialog-x:hover{background:#f5f7fa;color:#102a54}
.po-engineer-dispatch .po-dialog-body{padding:22px 26px;overflow-y:auto;background:#f8fafc}
.po-engineer-dispatch .po-dialog-section{margin:0 0 16px;padding:18px;background:#fff;border:1px solid #e3e8ef;border-radius:14px;box-shadow:0 4px 14px rgba(15,23,42,.035)}
.po-engineer-dispatch .po-dialog-section:last-child{margin-bottom:0}
.po-engineer-dispatch .po-dialog-section-heading{margin-bottom:14px}
.po-engineer-dispatch .po-dialog-section-heading h3{margin:0 0 3px;font-size:16px;line-height:1.3;color:#172b4d}
.po-engineer-dispatch .po-dialog-section-heading p{margin:0;color:#78869a;font-size:13px;line-height:1.45}
.po-engineer-dispatch .po-dispatch-dialog label{margin:0;font-size:14px;font-weight:650;color:#26364d}
.po-engineer-dispatch .po-dispatch-dialog input,.po-engineer-dispatch .po-dispatch-dialog select,.po-engineer-dispatch .po-dispatch-dialog textarea{margin-top:7px;min-height:44px;padding:10px 12px;border:1px solid #d6dee9;border-radius:10px;background:#fff;color:#172b4d;box-shadow:none}
.po-engineer-dispatch .po-dispatch-dialog input:focus,.po-engineer-dispatch .po-dispatch-dialog select:focus,.po-engineer-dispatch .po-dispatch-dialog textarea:focus{outline:0;border-color:#365f9d;box-shadow:0 0 0 3px rgba(54,95,157,.12)}
.po-engineer-dispatch .po-dispatch-dialog .po-form-two{gap:14px;margin-bottom:14px}
.po-engineer-dispatch .po-territory-editor{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.po-engineer-dispatch .po-territory-editor>label{display:flex;align-items:center;gap:9px;margin:0;padding:11px 12px;border:1px solid #e1e6ed;border-radius:10px;background:#fbfcfe;font-weight:600}
.po-engineer-dispatch .po-territory-editor input{width:auto;min-height:0;margin:0}
.po-engineer-dispatch .po-skill-editor:empty,.po-engineer-dispatch .po-territory-editor:empty{display:none}
.po-engineer-dispatch .po-field-help{font-size:12px;font-weight:500;color:#8995a7}
.po-engineer-dispatch .po-dispatch-dialog>.po-dialog-actions,.po-engineer-dispatch .po-dispatch-dialog form>.po-dialog-actions{margin:0;padding:16px 26px;border-top:1px solid #e7ebf1;background:#fff}
.po-engineer-dispatch .po-dispatch-dialog .po-dialog-actions .po-button{min-width:122px;min-height:44px;border-radius:10px;font-weight:750}
.po-engineer-dispatch .po-dispatch-dialog .po-dialog-actions .po-button--secondary{border:1px solid #cfd8e5;background:#fff;color:#27364c}
@media(max-width:640px){.po-engineer-dispatch .po-dispatch-dialog{width:calc(100% - 20px);max-height:92vh}.po-engineer-dispatch .po-dispatch-dialog form{max-height:92vh}.po-engineer-dispatch .po-dialog-header{padding:20px}.po-engineer-dispatch .po-dialog-header h2{font-size:22px!important}.po-engineer-dispatch .po-dialog-body{padding:14px}.po-engineer-dispatch .po-dialog-section{padding:15px}.po-engineer-dispatch .po-territory-editor{grid-template-columns:1fr}.po-engineer-dispatch .po-dispatch-dialog form>.po-dialog-actions{padding:14px;display:grid;grid-template-columns:1fr 1fr}.po-engineer-dispatch .po-dispatch-dialog .po-dialog-actions .po-button{min-width:0;width:100%}}

/* Keep the engineer modal controls permanently visible while its content scrolls. */
.po-engineer-dispatch .po-engineer-profile-dialog{
  height:min(88vh,820px);
}
.po-engineer-dispatch .po-engineer-profile-dialog form{
  height:100%;
  min-height:0;
  overflow:hidden;
}
.po-engineer-dispatch .po-engineer-profile-dialog .po-dialog-header,
.po-engineer-dispatch .po-engineer-profile-dialog .po-dialog-actions{
  flex:0 0 auto;
  position:relative;
  z-index:2;
}
.po-engineer-dispatch .po-engineer-profile-dialog .po-dialog-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.po-engineer-dispatch .po-engineer-profile-dialog .po-dialog-actions{
  box-shadow:0 -8px 22px rgba(15,23,42,.06);
}
@media(max-width:640px){
  .po-engineer-dispatch .po-engineer-profile-dialog{height:92vh}
}

/* 59.7.49: guarantee the engineer modal header and action bar stay on screen. */
.po-engineer-dispatch dialog.po-engineer-profile-dialog[open]{
  position:fixed!important;
  inset:50% auto auto 50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(920px,calc(100vw - 32px))!important;
  height:min(88vh,780px)!important;
  max-height:calc(100vh - 32px)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.po-engineer-dispatch dialog.po-engineer-profile-dialog[open] > form{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  min-height:0!important;
  overflow:hidden!important;
}
.po-engineer-dispatch .po-engineer-profile-dialog .po-dialog-header{
  grid-row:1!important;
  position:relative!important;
  top:auto!important;
  display:flex!important;
  visibility:visible!important;
}
.po-engineer-dispatch .po-engineer-profile-dialog .po-dialog-body{
  grid-row:2!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.po-engineer-dispatch .po-engineer-profile-dialog footer.po-dialog-actions{
  grid-row:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  position:relative!important;
  bottom:auto!important;
  visibility:visible!important;
  min-height:76px!important;
  margin:0!important;
  padding:15px 26px!important;
  background:#fff!important;
  border-top:1px solid #e1e7ef!important;
  box-shadow:0 -10px 24px rgba(15,23,42,.08)!important;
  z-index:20!important;
}
.po-engineer-dispatch .po-engineer-profile-dialog .po-dialog-x{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
}
@media(max-width:640px){
  .po-engineer-dispatch dialog.po-engineer-profile-dialog[open]{
    width:calc(100vw - 16px)!important;
    height:calc(100vh - 16px)!important;
    max-height:calc(100vh - 16px)!important;
  }
  .po-engineer-dispatch .po-engineer-profile-dialog footer.po-dialog-actions{
    min-height:70px!important;
    padding:12px 14px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
}