.fq-viewers-card{background:var(--fq-white);border:1px solid var(--fq-border);border-radius:12px;margin-bottom:16px;padding:14px 14px 10px}.fq-viewers-title{color:var(--fq-purple-dark);text-align:center;margin:0 0 10px;font-size:14px;font-weight:800}.fq-viewers-empty{color:var(--fq-text-muted);margin:0;font-size:13px}.fq-viewers-list{scrollbar-width:none;flex-direction:column;gap:8px;max-height:376px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.fq-viewers-list::-webkit-scrollbar{display:none}.fq-viewers-list:hover{scrollbar-width:thin;scrollbar-color:var(--fq-border) transparent}.fq-viewers-list:hover::-webkit-scrollbar{width:4px;display:block}.fq-viewers-list:hover::-webkit-scrollbar-thumb{background:var(--fq-border);border-radius:999px}.fq-viewers-list:hover::-webkit-scrollbar-track{background:0 0}.fq-viewers-name-row{align-items:baseline;gap:6px;min-width:0;display:flex}.fq-viewers-when{color:var(--fq-text-muted);flex-shrink:0;margin-left:auto;font-size:11px;font-weight:600}.fq-viewers-sentinel{text-align:center;color:var(--fq-text-muted);padding:6px 0;font-size:11px}.fq-viewers-row{background:linear-gradient(135deg,#fdfcff 0%,#faf8ff 100%);border:1px solid #ece8f5;border-radius:12px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;box-shadow:0 1px 2px #110c2e0a}.fq-viewers-row:hover{background:linear-gradient(135deg,#faf8ff 0%,#f5efff 100%);border-color:#ede9fe;transform:translateY(-1px);box-shadow:0 4px 10px #7c3aed1a}.fq-viewers-link{color:inherit;align-items:center;gap:10px;padding:6px 8px;text-decoration:none;display:flex}.fq-viewers-avatar{object-fit:cover;background:#e5e7eb;border-radius:50%;flex-shrink:0;width:40px;height:40px}.fq-viewers-avatar--initials{color:var(--fq-text);justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.fq-viewers-meta{flex:1;min-width:0}.fq-viewers-name{color:var(--fq-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:700;overflow:hidden}.fq-viewers-actions{gap:8px;margin-top:6px;display:flex}.fq-viewers-sub,.fq-viewers-loc{color:var(--fq-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:12px;overflow:hidden}.fq-connections-btn-accept,.fq-connections-btn-decline,.fq-connections-btn-folio{cursor:pointer;white-space:nowrap;text-align:center;border-radius:6px;flex:1;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-block}.fq-connections-btn-accept{background:var(--fq-white);color:var(--fq-purple);border:1.5px solid var(--fq-purple)}.fq-connections-btn-accept:hover:not(:disabled){background:var(--fq-purple);color:#fff}.fq-connections-btn-decline{background:var(--fq-white);color:var(--fq-text-secondary);border:1.5px solid var(--fq-border)}.fq-connections-btn-decline:hover:not(:disabled){color:var(--fq-text);border-color:var(--fq-text-secondary);background:#f9fafb}.fq-connections-btn-folio{background:var(--fq-white);color:var(--fq-purple);border:1.5px solid var(--fq-purple)}.fq-connections-btn-folio:hover{background:var(--fq-purple);color:#fff}.fq-connections-btn-accept:disabled,.fq-connections-btn-decline:disabled{opacity:.5;cursor:not-allowed}.fq-connections-btn-decline--withdrawn{color:#fff;background:#16a34a;border-color:#16a34a}.fq-connections-btn-decline--withdrawn:hover:not(:disabled){color:#fff;background:#15803d;border-color:#15803d}