/* Inherit existing accessible dark/light variables. No independent color mode. */
.connections-page{max-width:1000px;margin:0 auto}.connections-tabs{display:flex;flex-wrap:wrap;gap:10px}.connections-tabs [aria-pressed=true]{background:var(--blue-soft);border-color:var(--blue);color:var(--ink)}.connections-list{display:grid;gap:12px;list-style:none;padding:0;margin:20px 0}.connection-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;overflow-wrap:anywhere}.connection-person-link{text-decoration:underline;text-underline-offset:3px}.connection-row>div{min-width:0}.connection-row>.button{flex-shrink:0}.connections-pagination{display:flex;gap:12px;flex-wrap:wrap}.connection-profile-button{margin-top:12px}.connections-dialog{max-width:580px;width:calc(100% - 32px)}.connections-dialog .dialog-actions{flex-wrap:wrap}.connections-dialog p a{text-decoration:underline}.connections-dialog [role=status]:empty{display:none}.site-header nav{gap:20px}@media(max-width:650px){.connection-row{align-items:flex-start;flex-direction:column}.connection-row>.button{width:100%}.connections-tabs>.button{flex:1 1 40%}.connections-dialog .dialog-actions>.button{flex:1 1 40%}.site-header nav{gap:14px}}
.connection-settings{padding:24px;margin-top:30px}.connection-settings form{max-width:720px}.connection-settings .form-field{display:flex;flex-direction:column;gap:8px}.connection-settings small{font-size:12px;font-weight:400;line-height:1.5;color:var(--muted)}.connection-settings [data-connection-settings-status]:empty{display:none}

/* Text labels identify attention independently of the small red indicator. */
.connection-attention-dot{display:inline-block;width:8px;height:8px;margin-inline-start:6px;flex:0 0 8px;border-radius:50%;background:#c62636;box-shadow:0 0 0 1px #fff;vertical-align:middle}
.connection-row-new{border-inline-start:4px solid #c62636}.connection-new-label{display:inline-block;margin-inline-start:9px;padding:3px 7px;border-radius:4px;background:#fff0f1;color:#a01524;font-size:11px;font-weight:700}.connection-row-actions{display:flex;gap:9px;flex-wrap:wrap;flex-shrink:0}
:root[data-appearance=dark] .connection-attention-dot{background:#ff6676;box-shadow:0 0 0 1px #24263a}:root[data-appearance=dark] .connection-new-label{background:#482632;color:#ffd7dc}
@media(max-width:650px){.connection-row-actions{width:100%}.connection-row-actions>.button{flex:1 1 auto}}