/* Lead form layout + validation + phone country picker (see sr-forms.js) */
.modal.sr-lead-modal{max-width:640px}
#leadForm.sr-lead{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:16px}
#leadForm.sr-lead>*{grid-column:1/-1;min-width:0}
#leadForm.sr-lead label[for=lfName]{grid-column:1/4;grid-row:3}
#leadForm.sr-lead #lfName{grid-column:1/4;grid-row:4}
#leadForm.sr-lead label[for=lfCompany]{grid-column:4/7;grid-row:3}
#leadForm.sr-lead #lfCompany{grid-column:4/7;grid-row:4}
#leadForm.sr-lead .sr-cc{grid-column:1/3}
#leadForm.sr-lead #lfPhone{grid-column:3/7}

/* label + note (error, hint or counter) on one line */
#leadForm.sr-lead label{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#leadForm.sr-lead label::after{content:attr(data-note);margin-left:auto;font-size:13px;font-weight:500;color:var(--dim)}
#leadForm.sr-lead label.sr-err::after{color:var(--red)}
#leadForm.sr-lead .txt.sr-invalid{border-color:var(--red);box-shadow:0 0 0 4px rgba(196,18,47,.08)}

/* phone country picker */
.sr-cc{position:relative}
.sr-cc-btn{display:flex;align-items:center;gap:8px;width:100%;height:48px;padding:0 12px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--text);font:inherit;font-size:17px;cursor:pointer;white-space:nowrap}
.sr-cc-btn:focus-visible,.sr-cc-btn[aria-expanded=true]{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px var(--blue-soft)}
.sr-cc-btn img{width:24px;height:18px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:none}
.sr-cc-btn i{margin-left:auto;font-style:normal;font-size:12px;color:var(--dim)}
.sr-cc-pop{position:absolute;z-index:5;top:calc(100% + 6px);left:0;width:min(340px,calc(100vw - 64px));background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px -12px rgba(0,0,0,.25);padding:8px}
.sr-cc-search{width:100%;height:40px;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:15px;margin-bottom:6px}
.sr-cc-search:focus{border-color:var(--blue);outline:none}
.sr-cc-pop ul{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto}
.sr-cc-pop li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:15px}
.sr-cc-pop li:hover,.sr-cc-pop li:focus{background:var(--bg2);outline:none}
.sr-cc-pop li[aria-selected=true]{background:var(--blue-soft)}
.sr-cc-pop li img{width:22px;height:16px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:none}
.sr-cc-pop li .n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-cc-pop li .d{color:var(--dim);font-variant-numeric:tabular-nums}
.sr-cc-pop li.sep{height:1px;background:var(--line);margin:6px 4px;padding:0;cursor:default}
.sr-cc-pop li.none{color:var(--dim);cursor:default}

@media (max-width:600px){
  #leadForm.sr-lead label[for=lfName],#leadForm.sr-lead #lfName,
  #leadForm.sr-lead label[for=lfCompany],#leadForm.sr-lead #lfCompany{grid-column:1/-1}
  #leadForm.sr-lead label[for=lfCompany]{grid-row:5}
  #leadForm.sr-lead #lfCompany{grid-row:6}
  .sr-cc-btn{font-size:16px;padding:0 10px}
}

/* honeypot: off-screen for people, still "fillable" for bots */
.sr-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}