#profileConnect { white-space: nowrap; gap:6px; }
.lfl-connect-icon {
  width:18px; height:18px; flex:0 0 18px; display:inline-block; vertical-align:middle; overflow:visible;
}

.sidebar-item .lfl-connect-icon,
.sidebar-toggle .lfl-connect-icon {
  width:16px; height:16px; flex:0 0 16px;
}
.profile-network-stat .lfl-connect-icon {
  width:16px; height:16px; flex:0 0 16px; margin-right:3px;
}
@media (max-width:760px) {
  #profileConnect { min-width:35px; padding-left:8px; padding-right:8px; justify-content:center; }
  .profile-connect-label { display:none; }
}
.lfl-connect-dialog { width:min(560px,calc(100vw - 24px)); border:0; padding:0; border-radius:16px; background:transparent; color:inherit; }
.lfl-connect-dialog::backdrop { background:rgba(0,0,0,.72); }
.lfl-connect-dialog-card { background:var(--lfl-surface,#151923); color:var(--lfl-text,#eef2ff); border:1px solid var(--lfl-border,#343b4d); border-radius:16px; padding:18px; box-shadow:0 20px 70px rgba(0,0,0,.45); }
.lfl-connect-dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:12px; }
.lfl-connect-dialog-person { opacity:.78; font-size:.92rem; margin-top:3px; }
.lfl-connect-close { border:0; background:transparent; color:inherit; font-size:1.8rem; line-height:1; cursor:pointer; }
.lfl-connect-warning { line-height:1.5; padding:12px; border-radius:12px; background:var(--lfl-amber-wash,rgba(243,182,63,.12)); border:1px solid var(--lfl-amber-border,rgba(243,182,63,.4)); color:var(--lfl-text,#eef2ff); }
.lfl-connect-status { min-height:1.35em; margin:12px 0; }
.lfl-connect-status[data-kind="error"] { color:var(--lfl-red-text,#ff8f8f); }
.lfl-connect-status[data-kind="ok"] { color:var(--lfl-green-text,#8ee6a4); }
.lfl-connect-dialog-actions { display:flex; gap:9px; flex-wrap:wrap; margin-top:12px; }
.lfl-connect-dialog-actions button { min-height:40px; border-radius:10px; border:1px solid var(--lfl-border,#3a4356); padding:8px 12px; cursor:pointer; }
.lfl-connect-create { background:#1479e8; color:white; border-color:#1479e8!important; font-weight:700; }
.lfl-connect-webln { background:var(--lfl-surface-soft,#20283a); color:inherit; }
.lfl-connect-cancel { background:transparent; color:inherit; }
.lfl-connect-card { min-width:0; }
.lfl-connect-details { display:grid; gap:6px; margin:0; padding:10px 0 0; border-top:1px solid var(--lfl-border,rgba(255,255,255,.09)); }
.lfl-connect-detail-row { display:grid; grid-template-columns:1fr; gap:1px; align-items:start; }
.lfl-connect-detail-row dt { margin:0; opacity:.68; font-size:.82rem; }
.lfl-connect-detail-row dd { margin:0; min-width:0; font-size:.9rem; font-weight:600; overflow-wrap:anywhere; }
.lfl-connect-state { align-self:flex-start; border:1px solid var(--lfl-border,#374159); border-radius:999px; padding:4px 9px; font-size:.82rem; font-weight:700; }
.lfl-connect-card-actions { margin-top:auto; }
.lfl-connect-decline { border-color:var(--lfl-red-border,#81505a)!important; color:var(--lfl-red-text,inherit); }
.lfl-connect-request-toolbar { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:10px 12px; border:1px solid var(--lfl-border,#30394d); border-radius:12px; background:var(--lfl-surface-soft,#20283a); }
.lfl-connect-request-summary { font-size:.88rem; opacity:.82; line-height:1.4; }
.lfl-connect-request-filters { display:flex; gap:6px; flex-wrap:wrap; }
.lfl-connect-request-filters button { min-height:34px; border:1px solid var(--lfl-border,#3a4356); border-radius:999px; padding:6px 10px; background:var(--lfl-surface,#151923); color:inherit; cursor:pointer; }
.lfl-connect-request-filters button.active { border-color:#1479e8; box-shadow:0 0 0 1px #1479e8 inset; }
.lfl-connect-request-empty { grid-column:1 / -1; }
@media (max-width:520px) {
  .lfl-connect-request-toolbar { align-items:flex-start; }
  .lfl-connect-request-filters { width:100%; }
  .lfl-connect-request-filters button { flex:1 1 auto; }
  .lfl-connect-detail-row dd { font-size:.92rem; }
}

.lfl-connect-info-dialog .lfl-connect-info-message {
  margin: 0;
  line-height: 1.55;
}

.lfl-connect-own-relationship { border-color:var(--lfl-blue,#1479e8); }
.lfl-connect-own-heading { margin:0; font-size:1rem; overflow-wrap:anywhere; }