.hc-wrap{
  --navy:#102a4c;
  --blue:#1769aa;
  --green:#087a4b;
  --danger:#c92117;
  --line:#cbd6e2;
  --text:#17202a;
  box-sizing:border-box;
  width:100%;
  max-width:1080px;
  min-width:0;
  margin:0 auto;
  padding:14px;
  color:var(--text)!important;
  color-scheme:light;
  font-family:Tahoma,Arial,sans-serif;
  overflow-x:clip;
  font-size:14px;
  line-height:1.7;
}
.hc-wrap *{box-sizing:border-box;max-width:100%;min-width:0}
.hc-wrap button,.hc-wrap input,.hc-wrap select,.hc-wrap textarea{font:inherit}
.hc-head{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:92px;
  padding:18px 70px;
  border-radius:18px;
  color:#fff!important;
  background:linear-gradient(135deg,var(--navy),#225485);
  box-shadow:0 6px 24px #102a4c30;
  text-align:center;
}
.hc-head-titles{min-width:0}
.hc-head h1{margin:0;color:#fff!important;font-size:24px;line-height:1.35}
.hc-head h2{margin:3px 0 1px;color:#fff!important;font-size:19px;line-height:1.35}
.hc-head small{display:block;color:#fff!important;opacity:.86}
.hc-home,.hc-fullscreen{
  position:absolute;
  top:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin:0;
  padding:0;
  transform:translateY(-50%);
  border:2px solid #fff;
  border-radius:50%;
  background:#fff!important;
  color:var(--navy)!important;
  box-shadow:0 2px 9px #0005;
  text-decoration:none!important;
  cursor:pointer;
}
.hc-home{right:18px}
.hc-fullscreen{left:18px;font-size:24px;line-height:1}
.hc-home svg{width:25px;height:25px;fill:currentColor}
.hc-section,.hc-status{
  margin-top:15px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:17px;
  background:#fff!important;
  color:var(--text)!important;
  box-shadow:0 4px 18px #102a4c12;
}
.hc-complainant{background:#eef6ff!important;border-color:#b5cce5}
.hc-business{background:#f5f2ff!important;border-color:#cec5e8}
.hc-device{background:#eefaf4!important;border-color:#b8dcca}
.hc-description{background:#fff8e8!important;border-color:#ead6a4}
.hc-submit-section{background:#fff!important}
.hc-section h2{
  margin:0 0 15px;
  padding-bottom:9px;
  border-bottom:2px solid #ffffffaa;
  color:var(--navy)!important;
  font-size:18px;
}
.hc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.hc-wide{grid-column:1/-1}
.hc-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-weight:bold;color:var(--text)!important}
.hc-field>span{display:flex;align-items:center;gap:7px}
.hc-field em,.hc-image-title em,.hc-map-title em{margin-inline-start:10px;color:#687582!important;font-size:11px;font-style:normal;font-weight:normal}
.hc-required{margin-right:3px;color:var(--danger)!important}
.hc-field input,.hc-field select,.hc-field textarea,.hc-captcha input{
  display:block;
  width:100%;
  min-height:45px;
  border:1px solid #aebdca!important;
  border-radius:10px!important;
  padding:9px 11px!important;
  background:#fff!important;
  color:var(--text)!important;
  -webkit-text-fill-color:var(--text)!important;
  box-shadow:none!important;
}
.hc-field textarea{min-height:120px;resize:vertical}
.hc-field.hc-address textarea{min-height:90px}
.hc-field input:focus,.hc-field select:focus,.hc-field textarea:focus,.hc-captcha input:focus{
  outline:3px solid #76b8e755!important;
  border-color:#3780b8!important;
}
.hc-field.hc-invalid input,.hc-field.hc-invalid select,.hc-field.hc-invalid textarea,
.hc-image-field.hc-invalid,.hc-captcha.hc-invalid,.hc-consent.hc-invalid{
  border-color:var(--danger)!important;
  box-shadow:0 0 0 3px #c9211727!important;
}
.hc-field.hc-invalid input,.hc-field.hc-invalid select,.hc-field.hc-invalid textarea{background:#fff1f0!important}
.hc-counter{align-self:flex-end;color:#687582!important;font-weight:normal}
.hc-image-field{
  margin-top:13px;
  padding:13px;
  border:1px dashed #7892aa;
  border-radius:13px;
  background:#ffffffd9!important;
}
.hc-image-title{margin-bottom:9px}
.hc-image-empty,.hc-image-preview>div{display:flex;flex-wrap:wrap;gap:8px}
.hc-image-field button,.hc-map-values button,.hc-captcha button{
  min-height:42px;
  border:1px solid #aebdca;
  border-radius:10px;
  padding:8px 13px;
  background:#f4f7fa!important;
  color:var(--text)!important;
  cursor:pointer;
}
.hc-camera-button,.hc-primary{border-color:var(--blue)!important;background:var(--blue)!important;color:#fff!important}
.hc-camera-button{font-size:16px!important;font-weight:bold}
.hc-camera-button::first-letter{font-size:24px}
.hc-danger{border-color:#f1a7a3!important;background:#fff0ef!important;color:var(--danger)!important}
.hc-image-preview img{
  display:block;
  width:100%;
  max-height:330px;
  margin-bottom:10px;
  border-radius:10px;
  background:#1d2327!important;
  object-fit:contain;
  filter:none!important;
  opacity:1!important;
}
.hc-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.hc-conditional{margin-top:13px}
.hc-conditional[hidden]{display:none!important}
.hc-map-block{margin-top:14px;padding:12px;border:1px solid #c7bedf;border-radius:13px;background:#fff!important}
.hc-map-title{display:flex;gap:7px;align-items:center}
.hc-map-block p{margin:4px 0 9px;color:#586775!important;font-size:12px}
.hc-map-shell{position:relative;width:100%;overflow:hidden;border-radius:11px}
#hc-map{position:relative;width:100%;height:340px;min-height:340px;border:1px solid #aebdca;border-radius:11px;background:#dfe8ef;touch-action:pan-y;isolation:isolate}
#hc-map .leaflet-pane,#hc-map .leaflet-control{z-index:auto}
#hc-map .leaflet-top,#hc-map .leaflet-bottom{z-index:400}
.hc-map-controls{position:absolute;z-index:500;top:10px;right:10px;display:flex;flex-direction:column;gap:7px}
.hc-map-controls button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #8294a5;border-radius:9px;background:#fff!important;color:var(--navy)!important;box-shadow:0 2px 8px #0003;cursor:pointer}
.hc-map-controls #hc-map-north{font-size:14px;font-weight:bold}
.hc-map-controls #hc-map-north span{font-size:23px;line-height:1}
.hc-map-controls svg{width:29px;height:29px;fill:currentColor}
.hc-map-message{min-height:24px;margin-top:6px;color:#42576c!important;font-size:12px}
.hc-map-values{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;font-size:12px}
.hc-map-values button{margin-right:auto;min-height:34px;padding:4px 10px}
.hc-consent{
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:12px;
  border:1px solid #d3dce5;
  border-radius:11px;
  background:#f8fafc!important;
  cursor:pointer;
}
.hc-consent input{flex:0 0 20px;width:20px;height:20px;margin-top:3px}
.hc-captcha{
  display:grid;
  grid-template-columns:1fr 130px 46px;
  align-items:center;
  gap:9px;
  margin-top:13px;
  padding:12px;
  border:1px solid #d3dce5;
  border-radius:11px;
}
.hc-captcha strong{display:inline-block;min-width:105px;color:var(--navy)!important;font-size:18px}
.hc-captcha input{text-align:center;direction:ltr}
.hc-captcha button{font-size:23px;padding:0}
.hc-submit-actions{display:grid;grid-template-columns:minmax(0,5fr) minmax(84px,1fr);gap:9px;margin-top:14px}
.hc-submit{
  display:block;
  width:100%;
  min-height:53px;
  margin:0;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#087a4b,#0b9b60)!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:bold!important;
  cursor:pointer;
}
.hc-back{display:flex;align-items:center;justify-content:center;min-height:53px;border:0;border-radius:12px;background:#77828d!important;color:#fff!important;font-weight:bold;text-decoration:none!important}
.hc-submit:disabled{opacity:.58;cursor:wait}
.hc-draft-note{margin:8px 0 0;color:#647383!important;text-align:center;font-size:12px}
.hc-status{scroll-margin-top:10px}
.hc-progress-track{height:12px;overflow:hidden;border-radius:9px;background:#e5eaf0}
.hc-progress-track span{display:block;width:0;height:100%;background:#28a06b;transition:width .25s}
.hc-progress-text{margin-top:6px;text-align:center;font-weight:bold}
.hc-error{min-height:24px;margin-top:7px;color:var(--danger)!important;font-weight:bold;text-align:center}
.hc-success{margin-top:10px;padding:15px;border:1px solid #86d3ac;border-radius:12px;background:#ecfdf3!important;color:#05603a!important;font-size:16px;font-weight:bold;text-align:center}
.hc-previous-receipt{margin-top:15px;padding:18px;border:1px solid #86d3ac;border-radius:17px;background:#ecfdf3!important;color:#05603a!important;text-align:center;box-shadow:0 4px 18px #102a4c12}
.hc-previous-receipt h2{margin:0 0 8px;color:#05603a!important}
.hc-previous-receipt-text,#hc-previous-receipt-text{white-space:pre-line;font-weight:bold}
.hc-previous-receipt button{min-height:46px;margin-top:13px;border:0;border-radius:10px;padding:8px 18px;background:var(--blue)!important;color:#fff!important;font-weight:bold;cursor:pointer}
.hc-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.hc-modal{
  position:fixed;
  z-index:1000000;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  background:#000d!important;
}
.hc-modal[hidden],#hc-camera-preview[hidden],#hc-video[hidden]{display:none!important}
.hc-camera-box,.hc-crop-box{width:min(760px,100%);max-height:calc(100dvh - 20px);overflow:hidden;border-radius:14px;background:#111}
.hc-video-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:220px}
.hc-camera-box video,.hc-camera-box img{display:block;width:100%;max-height:72vh;object-fit:contain}
.hc-capture-guide{
  position:absolute;
  top:18%;
  right:7%;
  bottom:8%;
  left:7%;
  border:3px solid #fff;
  border-radius:8px;
  box-shadow:0 0 0 9999px #0003,0 0 10px #000;
  pointer-events:none;
}
.hc-capture-guide:before,.hc-capture-guide:after{content:"";position:absolute;width:38px;height:38px;border-color:#1ff078}
.hc-capture-guide:before{right:-3px;top:-3px;border-right:6px solid #1ff078;border-top:6px solid #1ff078}
.hc-capture-guide:after{left:-3px;bottom:-3px;border-left:6px solid #1ff078;border-bottom:6px solid #1ff078}
.hc-capture-guide span{
  position:absolute;
  top:8px;
  right:50%;
  transform:translateX(50%);
  padding:5px 9px;
  border-radius:7px;
  background:#000a!important;
  color:#fff!important;
  font-size:12px;
  white-space:nowrap;
}
.hc-camera-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;background:#fff!important;direction:rtl}
.hc-camera-actions button{min-height:48px;border:0;border-radius:10px;padding:9px 7px;background:#e9eef3!important;color:var(--text)!important;font-size:16px;font-weight:bold;cursor:pointer}
.hc-camera-actions [data-camera="shoot"]{font-size:18px!important}
.hc-camera-actions [data-camera="close"]{grid-column:1/-1}
.hc-camera-actions.preview-mode [data-camera="right"]{grid-column:1}
.hc-camera-actions.preview-mode [data-camera="accept"]{grid-column:2}
.hc-camera-actions.preview-mode [data-camera="left"]{grid-column:3}
.hc-camera-actions .hc-primary{background:var(--blue)!important;color:#fff!important}
.hc-crop-stage{height:min(72dvh,650px);background:#111}
.hc-crop-stage img{display:block;max-width:100%}
.hc-crop-actions{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px;padding:10px;background:#fff!important}
.hc-crop-actions button{min-height:48px;border:0;border-radius:10px;padding:8px;background:#e9eef3!important;color:var(--text)!important;font-size:15px;font-weight:bold;cursor:pointer}
.hc-notice-modal{z-index:1000002}
.hc-notice-box{width:min(520px,100%);padding:22px;border-radius:15px;background:#fff!important;color:var(--text)!important;text-align:center;box-shadow:0 12px 45px #0008}
.hc-notice-box h2{margin:0 0 14px;color:var(--navy)!important}
.hc-notice-box p{margin:8px 0;font-size:16px;font-weight:bold}
.hc-notice-box button{min-width:150px;min-height:46px;margin-top:16px;border:0;border-radius:10px;background:var(--blue)!important;color:#fff!important;font-weight:bold;cursor:pointer}
.hc-notice-box button:disabled{opacity:.48;cursor:wait}
.hc-image-open,.hc-image-open body{overflow:hidden!important}
.hc-wrap:fullscreen{width:100%;max-width:none;height:100%;overflow:auto;padding:14px;background:#f1f5f9!important}

@media(max-width:700px){
  .hc-wrap{padding:7px;margin:0;width:100%;max-width:100%;overflow-x:hidden}
  .hc-head{min-height:82px;padding:13px 55px;border-radius:13px}
  .hc-head h1{font-size:19px}
  .hc-head h2{font-size:16px}
  .hc-home,.hc-fullscreen{width:36px;height:36px}
  .hc-home{right:11px}.hc-fullscreen{left:11px}
  .hc-home svg{width:22px;height:22px}
  .hc-section,.hc-status{padding:13px;border-radius:13px;margin-top:10px}
  .hc-section h2{font-size:16px}
  .hc-grid,.hc-image-grid{grid-template-columns:1fr}
  .hc-wide{grid-column:auto}
  .hc-image-field{margin-top:10px}
  .hc-image-grid .hc-image-field{margin-top:0}
  #hc-map{height:300px;min-height:300px}
  .hc-captcha{grid-template-columns:1fr 95px 43px;padding:9px}
  .hc-captcha strong{min-width:auto;font-size:16px}
  .hc-camera-actions button{font-size:15px}
  .hc-submit-actions{grid-template-columns:minmax(0,5fr) minmax(68px,1fr);gap:6px}
  .hc-back{font-size:13px}
  .hc-modal{padding:5px}
  .hc-camera-box,.hc-crop-box{max-height:calc(100dvh - 10px);border-radius:10px}
}

@media(max-width:420px){
  .hc-head h1{font-size:18px}
  .hc-head small{font-size:11px}
  .hc-captcha{grid-template-columns:1fr 82px 40px;gap:5px}
  .hc-captcha>div>span{display:none}
  .hc-image-empty,.hc-image-preview>div{display:grid;grid-template-columns:1fr 1fr}
  .hc-image-preview .hc-danger{grid-column:1/-1}
}
