.rel-context{margin:0 0 16px;padding:16px;background:var(--surface,#f5faf6);border:1px solid #bdd1c4;color:#123e2c}.rel-context>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.rel-context h3{margin:4px 0}.rel-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#486751}.rel-hint{font-size:13px;line-height:1.6;color:#526a5b}.rel-context>details{border-top:1px solid #d5e3d8;padding:12px 0}.rel-context summary{cursor:pointer;min-height:32px;line-height:1.5;font-weight:650}.rel-context summary>span{display:inline-block;min-width:22px;text-align:center;background:#e1efd5;font-size:12px;margin-left:8px}.rel-list{display:grid;gap:8px;margin:8px 0}.rel-list article{padding:10px 12px;background:#fff;border-left:3px solid #afc2b6;overflow-wrap:anywhere;transition:background-color .18s,border-color .18s}.rel-list article:hover{background:#f5fbe9;border-left-color:#8eb822}.rel-connection[data-state=confirmed]{border-left-color:#2c8d63}.rel-connection[data-state=suggested]{border-left-color:#c78c2e}.rel-connection[data-state=ended],.rel-connection[data-state=rejected]{border-left-color:#98a49d;background:#f1f4f1}.rel-list p{margin:6px 0}.rel-list small{display:block;line-height:1.6;color:#627268}.rel-state{font-size:11px;padding:3px 6px;background:#edf4e8;display:inline-block;margin:4px}.rel-source{white-space:pre-wrap;font-size:13px}.rel-field{display:grid;gap:6px;margin:0 0 12px}.rel-field>span{font-size:13px;font-weight:600}.rel-field input,.rel-field textarea,.rel-field select{width:100%;min-width:0;box-sizing:border-box}.rel-form .form-grid>*{min-width:0}.rel-lead-contacts{padding:12px 0;border-top:1px solid #d5e3d8}.rel-lead-contacts small{display:block;margin-top:8px;color:#627268}.rel-context .button,.rel-lead-contacts .button{white-space:normal;overflow-wrap:anywhere;text-align:left;max-width:100%}@media(max-width:520px){.rel-context{padding:12px}.rel-form .form-grid{grid-template-columns:1fr}.rel-context>header>.button{width:100%}.rel-list article{padding:9px}.rel-context .button{min-height:44px}}@media(prefers-reduced-motion:reduce){.rel-list article{transition:none}}