/* CompanyHub — Stas-Clear. Inherits the host form typography and buttons. */
.ch-social-field { min-width: 0; }
.ch-social-links { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.ch-social-links .ch-social-link { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:36px; height:36px; padding:8px; box-sizing:border-box; max-width:100%; overflow-wrap:anywhere; border:1px solid #dfe4ea; border-radius:8px; background:#fff; text-decoration:none; transition:border-color .18s ease,background-color .18s ease,transform .18s ease; }
.ch-social-links .ch-social-link:hover { border-color:#b9c7d8; background:#f5f8fc; transform:translateY(-1px); }
.ch-social-links svg { display:block; width:18px; height:18px; flex:0 0 18px; }
.ch-social-links a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.ch-social-field .ch-social-row { display:grid; grid-template-columns:minmax(140px,.8fr) minmax(220px,1.8fr) minmax(150px,1fr) 38px; align-items:stretch; gap:8px; padding:6px 0; margin:0; }
.ch-social-field label { display:block; min-width:0; margin:0; }
.ch-social-field__label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.ch-social-field input, .ch-social-field select { box-sizing:border-box; width:100%; min-width:0; }
.ch-social-field button { white-space:nowrap; }
.ch-social-field .ch-social-remove { display:inline-flex; align-items:center; justify-content:center; width:38px; min-height:calc(1.5em + .75rem + 2px); padding:0; color:#fff; }
.ch-social-field .ch-social-remove svg { width:16px; height:16px; fill:currentColor; }
.ch-social-field .ch-social-add { margin-top:10px; }
.ch-social-field button:disabled { opacity: .65; }
.ch-social-field :focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
@media (max-width: 767.98px) {
    .ch-social-field .ch-social-row { grid-template-columns:minmax(0,1fr); gap:6px; padding:10px 0; border-bottom:1px solid #d7dce2; }
    .ch-social-field__label { position:static; width:auto; height:auto; margin:0 0 4px; overflow:visible; clip:auto; white-space:normal; display:block; }
    .ch-social-field .ch-social-remove { width:38px; justify-self:end; }
}