/* Account & Safety modal (report / block / privacy settings) */
.sf-body { display: flex; flex-direction: column; gap: 18px; max-height: 70vh; overflow-y: auto; }
.sf-sec h3 { font-size: 15px; font-weight: 800; margin: 0 0 6px; display: flex; align-items: center; gap: 8px; }
.sf-sub { font-size: 13px; color: var(--muted); margin: 0 0 10px; line-height: 1.5; }
.sf-fine { font-size: 12px; color: var(--muted2); margin-top: 4px; }
.sf-fine a, .sf-sub a { color: var(--accent); }
.sf-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.sf-btn { font-size: 13px; font-weight: 700; color: var(--text); background: var(--card); border: 1px solid var(--border);
	border-radius: 9px; padding: 9px 14px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 6px;
	transition: background .12s, border-color .12s, transform .12s; }
.sf-btn:hover { background: var(--card-hover); transform: translateY(-1px); }
.sf-btn.primary { background: var(--accent); border-color: var(--accent); color: var(--ink); }
.sf-btn.primary:hover { background: var(--accent-hover); }
.sf-btn.danger { background: #b3261e; border-color: #b3261e; color: #fff; }
.sf-btn.danger:hover { background: #cf2f26; }
.sf-btn.sm { padding: 6px 11px; font-size: 12px; }
.sf-ta { width: 100%; min-height: 96px; resize: vertical; background: var(--bg); color: var(--text);
	border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; font: inherit; font-size: 14px; outline: none; }
.sf-ta:focus, .sf-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.sf-input { width: 100%; height: 40px; background: var(--bg); color: var(--text); border: 1px solid var(--border);
	border-radius: 10px; padding: 0 12px; font: inherit; font-size: 14px; outline: none; letter-spacing: 1px; }
.sf-list { display: flex; flex-direction: column; gap: 8px; }
.sf-li { display: flex; align-items: center; gap: 10px; }
.sf-li img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; background: var(--bg); flex: 0 0 auto; }
.sf-li span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; font-size: 14px; }
.sf-badge { font-size: 11px; font-weight: 700; color: var(--ink); background: var(--accent); border-radius: 999px; padding: 2px 9px; }
.sf-reports { display: flex; flex-direction: column; gap: 10px; }
.sf-report { border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; background: var(--bg); }
.sf-report.open { border-color: #b3261e55; }
.sf-rmeta { font-size: 11.5px; color: var(--muted2); margin-bottom: 4px; }
.sf-rreason { font-size: 13.5px; }
.sf-rctx { font-size: 12px; color: var(--muted); margin-top: 3px; }
.sf-report .sf-btn { margin-top: 8px; }
/* Small inline "report" link reused on reviews/chat/cards */
.report-link { font-size: 11.5px; color: var(--muted2); cursor: pointer; background: none; border: none; padding: 0; }
.report-link:hover { color: #f2555a; text-decoration: underline; }
.rsafety { margin-top: 6px; display: flex; gap: 6px; align-items: center; }
.usr-safety { margin-top: 6px; display: flex; gap: 6px; justify-content: center; align-items: center; }