/* Build 420 — customer contract ordering, edit-next-visit and A4 preview */

.guard-contract-picker-proxy-v420{display:none!important}

.guard-signed-contracts-section-v420 .guard-signed-contracts-body-v420{
  padding:10px 12px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--card)!important;
}
.guard-signed-contracts-section-v420 label{
  display:grid!important;
  grid-template-columns:145px minmax(190px,1fr)!important;
  gap:10px!important;
  align-items:center!important;
}
.guard-signed-contracts-section-v420 label>span{
  font-size:9px!important;
  font-weight:850!important;
  color:var(--muted)!important;
}
.guard-signed-contract-select-v420{
  min-height:32px!important;
  height:32px!important;
  border:1px solid #bfdbfe!important;
  border-radius:999px!important;
  background:#dbeafe!important;
  color:#1d4ed8!important;
  padding:0 12px!important;
  font-size:9px!important;
  font-weight:850!important;
}

.guard-contract-actions-v419 #cust-gen-visits[data-guard-edit-next-visit-v420]{white-space:nowrap!important}

.guard-submodal-overlay-v420,
.guard-a4-preview-overlay-v420{
  position:fixed!important;
  inset:0!important;
  z-index:10050!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(21,37,31,.56)!important;
  backdrop-filter:blur(3px)!important;
}
.guard-submodal-card-v420{
  width:min(560px,calc(100vw - 30px))!important;
  border-radius:18px!important;
  border:1px solid #d8e2dc!important;
  background:#fff!important;
  box-shadow:0 28px 70px rgba(24,40,34,.28)!important;
  padding:20px!important;
}
.guard-submodal-head-v420{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:16px!important;
}
.guard-submodal-head-v420 span,
.guard-a4-preview-head-v420 span{
  display:block!important;
  color:#24604f!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:1.6px!important;
}
.guard-submodal-head-v420 h2{margin:3px 0 0!important;font-size:22px!important}
.guard-submodal-head-v420>button{
  width:32px!important;
  height:32px!important;
  border:1px solid var(--line)!important;
  border-radius:9px!important;
  background:#fff!important;
  font-size:18px!important;
}
.guard-visit-help-v420{margin:10px 0 0!important;color:var(--muted)!important;font-size:10px!important}

.guard-a4-preview-card-v420{
  width:min(930px,calc(100vw - 26px))!important;
  height:min(96vh,1180px)!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:18px!important;
  border:1px solid #d8e2dc!important;
  background:#eef1ef!important;
  box-shadow:0 30px 80px rgba(18,36,29,.34)!important;
  overflow:hidden!important;
}
.guard-a4-preview-head-v420{
  min-height:62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:10px 16px!important;
  background:#fff!important;
  border-bottom:1px solid #d8e2dc!important;
}
.guard-a4-preview-head-v420 strong{display:block!important;margin-top:2px!important;font-size:18px!important}
.guard-a4-preview-head-v420>div:last-child{display:flex!important;gap:8px!important}
.guard-a4-preview-frame-v420{
  flex:1!important;
  min-height:0!important;
  padding:14px!important;
  display:flex!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.guard-a4-preview-frame-v420 iframe{
  width:min(794px,100%)!important;
  height:100%!important;
  border:0!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(25,39,33,.18)!important;
}

#modal .modal.guard-contract-history-modal-v418{
  width:min(880px,calc(100vw - 28px))!important;
  max-width:880px!important;
}
#modal .guard-contract-history-screen-v418{
  width:min(794px,100%)!important;
  margin:0 auto!important;
  padding:18px!important;
  border:1px solid #dce5e0!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(25,39,33,.08)!important;
}

@media(max-width:700px){
  .guard-signed-contracts-section-v420 label{grid-template-columns:1fr!important}
  .guard-a4-preview-overlay-v420{padding:7px!important}
  .guard-a4-preview-card-v420{width:100%!important;height:98vh!important;border-radius:12px!important}
  .guard-a4-preview-frame-v420{padding:7px!important}
  #modal .guard-contract-history-screen-v418{padding:10px!important}
}