
.vreception{font-family:Inter,Roboto,Arial,sans-serif;color:#17304f}
.vreception *{box-sizing:border-box}
.vr-hero{margin-bottom:22px}
.vr-hero>span{display:block;margin-bottom:5px;color:#397056;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:850}
.vr-hero h1{margin:0;color:#0d3c69;font-size:clamp(1.8rem,3vw,2.55rem)}
.vr-hero p{max-width:780px;margin:8px 0 0;color:#6e7e8f;line-height:1.55}
.vr-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.vr-form,.vr-side,.vr-track-form,.vr-status-card,.vr-success-card{border:1px solid #dce5ee;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(20,55,90,.04)}
.vr-form{padding:24px}
.vr-form h2{margin:0 0 18px;color:#103b68}
.vr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vr-span-2{grid-column:1/-1}
.vr-field>span{display:block;margin-bottom:6px;color:#24435f;font-size:.82rem;font-weight:750}
.vr-field b,.vr-consent b{color:#b42318}
.vr-field input,.vr-field select,.vr-field textarea,.vr-track-form input{width:100%;border:1px solid #d5e0e9;border-radius:10px;background:#fff;color:#17304f;padding:11px 12px;font:inherit;outline:none}
.vr-field input:focus,.vr-field select:focus,.vr-field textarea:focus,.vr-track-form input:focus{border-color:#7ca1c2;box-shadow:0 0 0 3px rgba(23,74,125,.08)}
.vr-field textarea{resize:vertical}
.vr-field small{display:block;margin-top:6px;color:#788697;font-size:.73rem}
.vr-consent{display:flex;align-items:flex-start;gap:9px;margin-top:18px;color:#66788a;font-size:.82rem;line-height:1.45}
.vr-consent input{margin-top:3px}
.vr-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.vr-actions button,.vr-actions a,.vr-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:0;border-radius:10px;background:#174a7d;color:#fff;text-decoration:none;font:inherit;font-weight:800;cursor:pointer}
.vr-actions a:not(.vr-primary){background:#eef3f7;color:#174a7d}
.vr-side{padding:22px;position:sticky;top:80px}
.vr-side h3{margin:0 0 12px;color:#103b68}
.vr-side ol{margin:0;padding-left:20px;color:#68798b;line-height:1.6}
.vr-side li+li{margin-top:8px}
.vr-note{margin-top:18px;padding:12px;border-radius:10px;background:#f5f8fa;color:#69798a;font-size:.78rem;line-height:1.45}
.vr-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.vr-track-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding:18px;margin-bottom:18px}
.vr-track-form label span{display:block;margin-bottom:6px;font-size:.78rem;font-weight:750;color:#24435f}
.vr-track-form button{height:43px;border:0;border-radius:10px;padding:0 18px;background:#174a7d;color:#fff;font-weight:800;cursor:pointer}
.vr-status-card{padding:22px}
.vr-status-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.vr-status-head small{display:block;color:#7a8998;font-size:.72rem}
.vr-status-head strong{display:block;color:#103b68;font-size:1.05rem}
.vr-status{padding:7px 10px;border-radius:999px;background:#eaf2f8;color:#174a7d;font-size:.78rem;font-weight:800}
.vr-status-card h2{margin:18px 0 5px;color:#103b68}
.vr-muted{color:#778697;font-size:.8rem}
.vr-reply{margin-top:18px;padding:16px;border-radius:12px;background:#f3f8f4}
.vr-reply strong{color:#2f6a50}.vr-reply p{margin:8px 0 0;line-height:1.6}
.vr-history{margin-top:20px}.vr-history h3{color:#103b68}
.vr-history>div{display:grid;grid-template-columns:130px 170px 1fr;gap:10px;padding:10px 0;border-top:1px solid #e3e9ef;font-size:.8rem}
.vr-history time{color:#7c8996}.vr-history span{color:#6d7b89}
.vr-not-found{padding:16px;border:1px solid #efd0cc;border-radius:12px;background:#fff4f2;color:#9f2f25}
.vr-success{display:grid;place-items:center}.vr-success-card{max-width:760px;padding:30px;text-align:center}
.vr-success-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;background:#e8f5ec;color:#2f7d4f;font-size:1.7rem;font-weight:900}
.vr-success-card>span{color:#397056;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:850}
.vr-success-card h1{color:#103b68;font-size:1.7rem}.vr-success-card p{color:#6f7f8f}
.vr-credentials{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
.vr-credentials>div{padding:16px;border:1px solid #dce5ee;border-radius:12px;background:#f7f9fb}
.vr-credentials small{display:block;color:#7b8997;font-size:.72rem}.vr-credentials strong{display:block;margin-top:5px;color:#103b68;font-size:1.25rem;letter-spacing:.04em}
.vr-success .vr-actions{justify-content:center}
@media(max-width:900px){.vr-layout{grid-template-columns:1fr}.vr-side{position:static}.vr-track-form{grid-template-columns:1fr 1fr}.vr-track-form button{grid-column:1/-1}.vr-history>div{grid-template-columns:1fr}}
@media(max-width:620px){.vr-grid{grid-template-columns:1fr}.vr-span-2{grid-column:auto}.vr-form{padding:17px}.vr-track-form{grid-template-columns:1fr}.vr-credentials{grid-template-columns:1fr}.vr-actions>*{width:100%}}

/* VillageReception 1.1.0 — локальная CAPTCHA */
.vr-captcha{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:18px;
  padding:14px 15px;
  border:1px solid #dce5ee;
  border-radius:12px;
  background:#f7f9fb;
}
.vr-captcha strong{
  display:block;
  color:#103b68;
  font-size:.86rem;
}
.vr-captcha span{
  display:block;
  margin-top:4px;
  color:#6e7e8f;
  font-size:.79rem;
}
.vr-captcha input{
  width:86px;
  flex:0 0 86px;
  padding:10px 12px;
  border:1px solid #cfdbe5;
  border-radius:9px;
  background:#fff;
  color:#17304f;
  text-align:center;
  font:inherit;
  font-size:1rem;
  font-weight:800;
}
.vr-credentials--single{
  grid-template-columns:minmax(260px,420px);
  justify-content:center;
}
@media(max-width:620px){
  .vr-captcha{
    align-items:stretch;
    flex-direction:column;
  }
  .vr-captcha input{
    width:100%;
    flex-basis:auto;
  }
}
