.form-head h2{font-size:22px;margin-bottom:6px}
.form-head p{font-size:12.5px;color:var(--ink-3);margin-bottom:22px}
.form-head p b{color:var(--coral)}

.field{margin-bottom:16px}
.field label{
  display:block;margin-bottom:7px;
  font-size:10.5px;font-weight:600;letter-spacing:1.1px;
  color:var(--ink-2);text-transform:uppercase;
}
.field label i{color:var(--coral);font-style:normal}
.field input{
  width:100%;padding:13px 14px;
  font-size:14.5px;font-family:inherit;color:var(--ink);
  background:var(--paper);
  border:1.5px solid var(--line);border-radius:var(--r-sm);
  outline:none;transition:border-color .18s,background .18s,box-shadow .18s;
}
.field input::placeholder{color:#A9BCC2}
.field input:focus{
  background:#fff;border-color:var(--teal);
  box-shadow:0 0 0 3px rgba(46,184,160,.14);
}
.field input.invalid{border-color:var(--coral);background:#FFF6F3}

.err{display:block;min-height:15px;margin-top:5px;font-size:11.5px;color:var(--coral)}

.phone-row{display:flex;align-items:stretch}
.phone-cc{
  display:flex;align-items:center;padding:0 13px;
  font-size:14px;font-weight:600;color:var(--ink-2);
  background:#EDF3F4;border:1.5px solid var(--line);border-right:0;
  border-radius:var(--r-sm) 0 0 var(--r-sm);
}
.phone-row input{border-radius:0 var(--r-sm) var(--r-sm) 0}

.social-block{
  margin:26px 0 22px;padding-top:20px;
  border-top:1px solid var(--line);
}
.social-head{
  margin-bottom:16px;font-size:14px;font-weight:600;color:var(--ink);
}
.social-head span{font-weight:400;font-size:12.5px;color:var(--ink-3)}
.social-note{margin:-10px 0 16px;font-size:12px;line-height:1.5;color:var(--ink-3)}

.btn-main{
  width:100%;padding:16px;
  font-size:15.5px;font-weight:600;color:#fff;letter-spacing:.3px;
  background:linear-gradient(135deg,var(--teal-dk),var(--teal) 55%,var(--blue));
  border:0;border-radius:var(--r-sm);cursor:pointer;
  box-shadow:0 8px 22px rgba(46,184,160,.34);
  transition:transform .15s,box-shadow .15s,opacity .15s;
}
.btn-main:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(46,184,160,.42)}
.btn-main:active:not(:disabled){transform:translateY(0)}
.btn-main:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}

.form-note{
  margin-top:14px;text-align:center;
  font-size:11.5px;line-height:1.6;color:var(--ink-3);
}
.form-note b{color:var(--amber)}

/* ── Kênh khác (thu gọn) ── */
.more-channels{margin:4px 0 0;border:1.5px dashed var(--line);border-radius:var(--r-sm);padding:0 14px}
.more-channels[open]{padding-bottom:4px}
.more-channels summary{
  padding:12px 0;cursor:pointer;list-style:none;
  font-size:13px;font-weight:600;color:var(--ink-2);
}
.more-channels summary::-webkit-details-marker{display:none}
.more-channels summary::before{content:'+';display:inline-block;width:16px;color:var(--teal-dk);font-weight:700}
.more-channels[open] summary::before{content:'–'}
.more-channels summary span{font-weight:400;font-size:12px;color:var(--ink-3);margin-left:4px}

/* ── Bảng test ẩn ── */
.testpanel{
  position:fixed;right:14px;bottom:14px;z-index:80;width:230px;
  background:#14313A;color:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.28);
  font-size:13px;overflow:hidden;
}
.testpanel .tp-bar{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:rgba(255,255,255,.06)}
.testpanel .tp-bar button{
  width:24px;height:24px;border:0;border-radius:6px;cursor:pointer;
  background:rgba(255,255,255,.12);color:#fff;font-size:15px;line-height:1;
}
.testpanel .tp-inner{display:flex;flex-direction:column;gap:7px;padding:10px 12px 12px}
.testpanel.collapsed .tp-inner{display:none}
.testpanel select,.testpanel .tp-inner button{
  width:100%;padding:8px 10px;border-radius:8px;font:inherit;font-size:12.5px;cursor:pointer;
}
.testpanel select{border:1px solid rgba(255,255,255,.2);background:#1E434E;color:#fff}
.testpanel .tp-inner button{border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff}
.testpanel .tp-inner button.primary{background:var(--teal);border-color:var(--teal);font-weight:600}
.testpanel .tp-inner button.ghost{border-color:transparent;color:rgba(255,255,255,.6);font-size:11.5px}
@media print{.testpanel{display:none!important}}

.field-hint{display:block;margin-top:5px;font-size:11.5px;color:var(--ink-3);line-height:1.45}