/* Professional dispute submission flow. */
html body:not(.wp-admin):has(.wjportal-dispute-page) #content{
  padding-top:56px!important;
}
html body:not(.wp-admin):has(.wjportal-dispute-page) .wjportal-main-up-wrapper{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 24px 48px!important;
}
html body:not(.wp-admin) .wjportal-main-wrapper.wjportal-dispute-page{
  display:block!important;
  float:none!important;
  width:100%!important;
  max-width:880px!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#293782!important;
}
body:not(.wp-admin) .wjportal-dispute-page>.wjportal-page-header{
  display:block!important;
  float:none!important;
  width:100%!important;
  margin:0 0 16px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.wp-admin) .wjportal-dispute-page>.wjportal-page-header h2{
  margin:0 0 5px!important;
  color:#293782!important;
  font-size:30px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
body:not(.wp-admin) .wjportal-dispute-page>.wjportal-page-header p{
  margin:0!important;
  color:#69788c!important;
  font-size:13px!important;
}
body:not(.wp-admin) .wjportal-dispute-context{
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:18px!important;
  border:1px solid #dce7ee!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(41,55,130,.055)!important;
}
body:not(.wp-admin) .wjportal-dispute-context-icon{
  display:grid!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  place-items:center!important;
  border-radius:11px!important;
  background:#e9f7fc!important;
  color:#0796cf!important;
  font-size:20px!important;
  font-weight:800!important;
}
body:not(.wp-admin) .wjportal-dispute-context span{
  display:block!important;
  margin-bottom:3px!important;
  color:#0796cf!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
body:not(.wp-admin) .wjportal-dispute-context h3{
  margin:0!important;
  color:#293782!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.3!important;
}
body:not(.wp-admin) .wjportal-dispute-context p{
  margin:3px 0 0!important;
  color:#69788c!important;
  font-size:12px!important;
}
body:not(.wp-admin) .wjportal-dispute-guidance,
body:not(.wp-admin) .wjportal-dispute-existing{
  margin:0 0 14px!important;
  padding:14px 16px!important;
  border:1px solid #cfe5ee!important;
  border-radius:12px!important;
  background:#eef8fc!important;
}
body:not(.wp-admin) .wjportal-dispute-guidance strong,
body:not(.wp-admin) .wjportal-dispute-existing strong{
  color:#293782!important;
  font-size:13px!important;
}
body:not(.wp-admin) .wjportal-dispute-guidance p,
body:not(.wp-admin) .wjportal-dispute-existing p{
  margin:4px 0 0!important;
  color:#596b80!important;
  font-size:12px!important;
  line-height:1.55!important;
}
body:not(.wp-admin) .wjportal-dispute-form{
  display:block!important;
  width:100%!important;
  padding:22px!important;
  border:1px solid #dce7ee!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(41,55,130,.07)!important;
}
body:not(.wp-admin) .wjportal-dispute-field{
  margin:0 0 19px!important;
}
body:not(.wp-admin) .wjportal-dispute-label-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
body:not(.wp-admin) .wjportal-dispute-field label{
  display:block!important;
  margin:0!important;
  color:#293782!important;
  font-size:13px!important;
  font-weight:800!important;
}
body:not(.wp-admin) .wjportal-dispute-label-row span{
  color:#d65353!important;
  font-size:10px!important;
  font-weight:750!important;
  text-transform:uppercase!important;
}
body:not(.wp-admin) .wjportal-dispute-label-row span.is-optional{
  color:#718095!important;
}
body:not(.wp-admin) .wjportal-dispute-field>p{
  margin:5px 0 8px!important;
  color:#718095!important;
  font-size:11px!important;
  line-height:1.45!important;
}
body:not(.wp-admin) .wjportal-dispute-field textarea{
  display:block!important;
  width:100%!important;
  min-height:130px!important;
  margin:0!important;
  padding:13px 14px!important;
  border:1px solid #d5e2ea!important;
  border-radius:10px!important;
  background:#f8fafb!important;
  color:#34465d!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.55!important;
  resize:vertical!important;
  box-shadow:none!important;
}
body:not(.wp-admin) .wjportal-dispute-field textarea:focus{
  outline:0!important;
  border-color:#0796cf!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(7,150,207,.12)!important;
}
body:not(.wp-admin) .wjportal-dispute-upload{
  display:flex!important;
  position:relative!important;
  align-items:center!important;
  gap:12px!important;
  min-height:82px!important;
  padding:15px!important;
  border:1px dashed #a9ccd9!important;
  border-radius:11px!important;
  background:#f5fafc!important;
  cursor:pointer!important;
  transition:.15s ease!important;
}
body:not(.wp-admin) .wjportal-dispute-upload:hover,
body:not(.wp-admin) .wjportal-dispute-upload.is-dragging{
  border-color:#0796cf!important;
  background:#eef8fc!important;
}
body:not(.wp-admin) .wjportal-dispute-upload-icon{
  display:grid!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  place-items:center!important;
  border-radius:10px!important;
  background:#e2f3f9!important;
  color:#0796cf!important;
  font-size:20px!important;
  font-weight:800!important;
}
body:not(.wp-admin) .wjportal-dispute-upload strong{
  display:block!important;
  color:#293782!important;
  font-size:13px!important;
}
body:not(.wp-admin) .wjportal-dispute-upload small{
  display:block!important;
  margin-top:3px!important;
  color:#718095!important;
  font-size:11px!important;
  font-weight:500!important;
}
body:not(.wp-admin) .wjportal-dispute-upload input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
}
body:not(.wp-admin) .wjportal-dispute-image-error{
  margin-top:7px!important;
  color:#c74242!important;
  font-size:11px!important;
  font-weight:650!important;
}
body:not(.wp-admin) .wjportal-dispute-image-error[hidden],
body:not(.wp-admin) .wjportal-dispute-image-preview[hidden]{
  display:none!important;
}
body:not(.wp-admin) .wjportal-dispute-image-preview{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:10px!important;
  padding:10px!important;
  border:1px solid #dce7ee!important;
  border-radius:10px!important;
  background:#fff!important;
}
body:not(.wp-admin) .wjportal-dispute-image-preview img{
  width:64px!important;
  height:64px!important;
  border-radius:8px!important;
  object-fit:cover!important;
}
body:not(.wp-admin) .wjportal-dispute-image-preview>div{
  min-width:0!important;
}
body:not(.wp-admin) .wjportal-dispute-image-name{
  display:block!important;
  max-width:420px!important;
  overflow:hidden!important;
  color:#405168!important;
  font-size:12px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body:not(.wp-admin) .wjportal-dispute-image-remove{
  margin:5px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#c74242!important;
  font-size:11px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
body:not(.wp-admin) .wjportal-dispute-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  margin:4px -22px -22px!important;
  padding:16px 22px!important;
  border-top:1px solid #e3eaef!important;
  border-radius:0 0 16px 16px!important;
  background:#f8fbfc!important;
}
body:not(.wp-admin) .wjportal-dispute-actions a,
body:not(.wp-admin) .wjportal-dispute-actions button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:120px!important;
  min-height:40px!important;
  margin:0!important;
  padding:8px 15px!important;
  border-radius:9px!important;
  font-size:13px!important;
  font-weight:750!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
body:not(.wp-admin) .wjportal-dispute-actions a{
  border:1px solid #cbd9e3!important;
  background:#fff!important;
  color:#405168!important;
}
body:not(.wp-admin) .wjportal-dispute-actions button{
  border:1px solid #0796cf!important;
  background:#0796cf!important;
  color:#fff!important;
}
body:not(.wp-admin) .wjportal-dispute-actions button:hover{
  border-color:#293782!important;
  background:#293782!important;
}
@media(max-width:640px){
  html body:not(.wp-admin):has(.wjportal-dispute-page) .wjportal-main-up-wrapper{
    padding:12px 14px 36px!important;
  }
  body:not(.wp-admin) .wjportal-dispute-form{
    padding:18px!important;
  }
  body:not(.wp-admin) .wjportal-dispute-actions{
    align-items:stretch!important;
    flex-direction:column-reverse!important;
    margin:4px -18px -18px!important;
    padding:14px 18px!important;
  }
  body:not(.wp-admin) .wjportal-dispute-actions a,
  body:not(.wp-admin) .wjportal-dispute-actions button{
    width:100%!important;
  }
}

/* The theme already reserves space for the fixed header. */
html body:not(.wp-admin):has(.wjportal-dispute-page) #content{
  padding-top:0!important;
}
html body:not(.wp-admin):has(.wjportal-dispute-page) .wjportal-main-up-wrapper{
  padding-top:12px!important;
}