/* ===========================================================
   R-Finance – לוח תשואות. הכל ממודר תחת .rf-tshuat כדי לא
   להתנגש עם תבנית ה-WordPress.
   צבע המותג: המשתנה --rf-accent (החליפו לכחול המדויק של הלוגו).
   אסתטיקה: מוסדית, מאופקת, רציפה — בהשראת לוחות תשואה מקצועיים.
   =========================================================== */

.rf-tshuat {
	--rf-accent: #1c4e80;       /* כחול מותג — להחלפה לצבע הלוגו */
	--rf-accent-soft: #f1f5fa;
	--rf-ink: #15202b;
	--rf-muted: #64748b;
	--rf-faint: #94a3b8;
	--rf-line: #edf0f4;         /* קו שיער */
	--rf-line-strong: #dde3ea;
	--rf-tint: #f8fafc;         /* רקע עדין לשורת ממוצע / סקשן */
	--rf-pos: #0f7a43;
	--rf-neg: #b4232a;

	direction: rtl;
	text-align: right;
	color: var(--rf-ink);
	font-family: "Heebo", "Assistant", "Rubik", -apple-system, "Segoe UI", Arial, sans-serif;
	font-size: 15px;
	line-height: 1.55;
	max-width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}
.rf-tshuat *,
.rf-tshuat *::before,
.rf-tshuat *::after { box-sizing: border-box; }

/* ---------- כותרת ---------- */
.rf-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 8px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--rf-line-strong);
	margin-bottom: 4px;
}
.rf-title {
	font-size: 23px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--rf-ink);
	margin: 0;
}
.rf-subtitle { display: block; font-size: 14px; font-weight: 500; color: var(--rf-accent); margin-top: 3px; }
.rf-updated { font-size: 12.5px; color: var(--rf-faint); }
.rf-updated-val { font-weight: 600; color: var(--rf-muted); }

/* ---------- טאבים ---------- */
.rf-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	border-bottom: 1px solid var(--rf-line-strong);
	margin: 18px 0 22px;
}
.rf-tab {
	appearance: none;
	border: 0;
	background: transparent;
	color: var(--rf-muted);
	font: inherit;
	font-weight: 600;
	font-size: 14.5px;
	padding: 11px 16px 13px;
	cursor: pointer;
	position: relative;
	white-space: nowrap;
	transition: color .15s ease;
}
.rf-tab::after {
	content: "";
	position: absolute;
	inset-inline: 12px;
	bottom: -1px;
	height: 2px;
	background: var(--rf-accent);
	transform: scaleX(0);
	transition: transform .18s ease;
}
.rf-tab:hover { color: var(--rf-ink); }
.rf-tab.is-active { color: var(--rf-accent); }
.rf-tab.is-active::after { transform: scaleX(1); }

/* ---------- בקרה ---------- */
.rf-controls-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 22px;
}
.rf-search { flex: 1 1 240px; position: relative; }
.rf-search input,
.rf-mgr select {
	width: 100%;
	font: inherit;
	font-size: 14px;
	padding: 9px 13px;
	border: 1px solid var(--rf-line-strong);
	border-radius: 8px;
	background: #fff;
	color: var(--rf-ink);
	transition: border-color .15s, box-shadow .15s;
}
.rf-search input::placeholder { color: var(--rf-faint); }
.rf-search input:focus,
.rf-mgr select:focus {
	outline: none;
	border-color: var(--rf-accent);
	box-shadow: 0 0 0 3px var(--rf-accent-soft);
}
.rf-mgr { flex: 0 1 230px; }
.rf-count {
	margin-inline-start: auto;
	font-size: 13px;
	color: var(--rf-muted);
	white-space: nowrap;
}
.rf-count [data-rf="count"] { font-weight: 700; color: var(--rf-ink); }

/* ---------- אזור הסקשנים ---------- */
.rf-sections { position: relative; min-height: 120px; }

.rf-section { margin-bottom: 34px; }
.rf-section-head {
	display: flex;
	align-items: baseline;
	gap: 9px;
	margin-bottom: 10px;
	padding-inline-start: 11px;
	border-inline-start: 3px solid var(--rf-accent);
}
.rf-section-title { font-size: 16.5px; font-weight: 700; color: var(--rf-ink); margin: 0; }
.rf-section-count { font-size: 12.5px; color: var(--rf-faint); font-weight: 500; }

/* ---------- טבלה ---------- */
.rf-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--rf-line-strong); border-radius: 10px; }
.rf-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 640px;
	background: #fff;
	font-variant-numeric: tabular-nums;
}
.rf-table thead th {
	background: #fff;
	color: var(--rf-muted);
	font-weight: 600;
	font-size: 12.5px;
	letter-spacing: 0.01em;
	text-align: right;
	padding: 12px 14px;
	border-bottom: 1px solid var(--rf-line-strong);
	white-space: nowrap;
	user-select: none;
}
.rf-table th.rf-num, .rf-table td.rf-num { text-align: center; }
.rf-table th.rf-col-name { width: 42%; }
.rf-sortable { cursor: pointer; }
.rf-sortable:hover { color: var(--rf-accent); }
.rf-arrow { display: inline-block; width: 0; height: 0; margin-inline-start: 5px; vertical-align: middle; opacity: 0; }
.rf-sortable.is-sorted-asc  .rf-arrow { opacity: 1; border-inline: 4px solid transparent; border-bottom: 5px solid var(--rf-accent); }
.rf-sortable.is-sorted-desc .rf-arrow { opacity: 1; border-inline: 4px solid transparent; border-top: 5px solid var(--rf-accent); }

.rf-table tbody td {
	padding: 11px 14px;
	border-bottom: 1px solid var(--rf-line);
	font-size: 14px;
	vertical-align: middle;
}
.rf-table tbody tr:last-child td { border-bottom: 0; }
.rf-table tbody tr:hover { background: var(--rf-tint); }
.rf-col-name .rf-fund { display: block; font-weight: 600; color: var(--rf-ink); }
.rf-col-name .rf-track { display: block; color: var(--rf-faint); font-size: 12px; margin-top: 1px; }
.rf-name-wrap { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rf-name-txt { min-width: 0; }
.rf-logo {
	position: relative;
	flex: 0 0 auto;
	width: 30px; height: 30px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.2px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
}
.rf-logo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #fff; padding: 3px; box-sizing: border-box; }
.rf-logo-txt { position: relative; }
.rf-num { font-weight: 500; }
.rf-num.pos { color: var(--rf-pos); }
.rf-num.neg { color: var(--rf-neg); }
.rf-num.na  { color: var(--rf-faint); font-weight: 400; }

/* שורת ממוצע */
.rf-table tfoot td {
	padding: 11px 14px;
	background: var(--rf-tint);
	border-top: 1px solid var(--rf-line-strong);
	font-size: 13.5px;
	font-weight: 600;
}
.rf-avg-label { color: var(--rf-muted); font-weight: 600; }
.rf-table tfoot .rf-num { color: var(--rf-ink); font-weight: 600; }

.rf-empty { text-align: center; color: var(--rf-muted); padding: 40px 14px; font-size: 14px; }

/* ---------- ספינר ---------- */
.rf-spinner {
	position: absolute; inset: 0;
	display: flex; align-items: center; justify-content: center;
	background: rgba(255,255,255,.75); z-index: 2;
}
.rf-spinner[hidden] { display: none; }
.rf-spinner-dot {
	width: 30px; height: 30px;
	border: 3px solid var(--rf-accent-soft);
	border-top-color: var(--rf-accent);
	border-radius: 50%;
	animation: rf-spin .75s linear infinite;
}
@keyframes rf-spin { to { transform: rotate(360deg); } }

.rf-disclaimer { margin-top: 8px; font-size: 12px; color: var(--rf-faint); line-height: 1.65; }

/* ===== מובייל: כל שורה הופכת לכרטיס ===== */
@media (max-width: 720px) {
	.rf-title { font-size: 20px; }
	.rf-table { min-width: 0; }
	.rf-table-wrap { border: 0; border-radius: 0; overflow: visible; }
	.rf-table thead { display: none; }
	.rf-table, .rf-table tbody, .rf-table tfoot, .rf-table tr, .rf-table td { display: block; width: 100%; }
	.rf-table tbody tr {
		border: 1px solid var(--rf-line-strong);
		border-radius: 10px;
		margin-bottom: 10px;
		padding: 2px 16px;
	}
	.rf-table tbody tr:hover { background: #fff; }
	.rf-table tbody td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid var(--rf-line);
		text-align: left;
		padding: 10px 4px;
	}
	.rf-table tbody td:last-child { border-bottom: 0; }
	.rf-table tbody td::before {
		content: attr(data-label);
		font-weight: 600;
		color: var(--rf-muted);
		font-size: 12.5px;
		margin-inline-end: 12px;
	}
	.rf-table td.rf-col-name { flex-direction: column; align-items: flex-start; padding-top: 12px; }
	.rf-table td.rf-col-name::before { content: ""; margin: 0; }
	.rf-table tfoot tr {
		border: 1px solid var(--rf-line-strong);
		border-radius: 10px;
		padding: 2px 16px;
		margin-bottom: 10px;
	}
	.rf-table tfoot td { background: var(--rf-tint); border-bottom: 1px solid var(--rf-line); padding: 10px 4px; }
	.rf-table tfoot td:first-child { font-weight: 700; }
	.rf-table tfoot td:last-child { border-bottom: 0; }
	.rf-table tfoot td::before {
		content: attr(data-label);
		font-weight: 600; color: var(--rf-muted); font-size: 12.5px; margin-inline-end: 12px;
	}
	.rf-count { margin-inline-start: 0; }
}

/* ===== פאנל פרטי קופה ===== */
.rf-tshuat .rf-row { cursor: pointer; }
body.rf-noscroll { overflow: hidden; }

.rf-detail-ov {
	position: fixed; inset: 0; z-index: 99999;
	background: rgba(15, 23, 42, .55);
	display: flex; align-items: flex-start; justify-content: center;
	padding: 4vh 16px; overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.rf-detail {
	position: relative;
	width: 100%; max-width: 560px;
	background: #fff; color: var(--rf-ink, #1f2933);
	border-radius: 14px;
	box-shadow: 0 24px 60px rgba(0,0,0,.28);
	direction: rtl; text-align: right;
	font-family: inherit;
}
.rf-detail-x {
	position: absolute; inset-inline-end: 12px; top: 10px;
	width: 32px; height: 32px; border: 0; border-radius: 50%;
	background: var(--rf-tint, #f1f5f9); color: var(--rf-muted, #64748b);
	font-size: 22px; line-height: 1; cursor: pointer;
}
.rf-detail-x:hover { background: #e2e8f0; }
.rf-detail-body { padding: 22px 20px; }

.rf-d-head { display: flex; align-items: center; gap: 12px; padding-inline-end: 36px; margin-bottom: 16px; }
.rf-d-head .rf-logo { width: 42px; height: 42px; font-size: 14px; }
.rf-d-name { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.25; }
.rf-d-sub { color: var(--rf-muted, #64748b); font-size: 13px; margin-top: 3px; }

.rf-d-h { margin: 20px 0 9px; font-size: 13px; font-weight: 700; color: var(--rf-accent, #1c4e80); }

.rf-d-meta, .rf-d-grid { display: grid; gap: 1px; background: var(--rf-line, #eef2f6); border: 1px solid var(--rf-line, #eef2f6); border-radius: 10px; overflow: hidden; }
.rf-d-meta { grid-template-columns: repeat(2, 1fr); }
.rf-d-grid { grid-template-columns: repeat(3, 1fr); }
.rf-d-stat { background: #fff; padding: 10px 12px; display: flex; flex-direction: column; gap: 3px; }
.rf-d-k { font-size: 11.5px; color: var(--rf-muted, #64748b); }
.rf-d-v { font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; }
.rf-detail .rf-pos { color: var(--rf-pos, #0f7a43); }
.rf-detail .rf-neg { color: var(--rf-neg, #b4232a); }
.rf-detail .rf-na { color: var(--rf-faint, #94a3b8); }

/* חשיפות */
.rf-exp { display: flex; align-items: center; gap: 10px; margin: 7px 0; font-size: 13px; }
.rf-exp-k { flex: 0 0 46px; color: var(--rf-muted, #64748b); }
.rf-exp-bar { flex: 1 1 auto; height: 8px; background: var(--rf-tint, #f1f5f9); border-radius: 5px; overflow: hidden; }
.rf-exp-bar > span { display: block; height: 100%; background: var(--rf-accent, #1c4e80); border-radius: 5px; }
.rf-exp-v { flex: 0 0 48px; text-align: left; font-variant-numeric: tabular-nums; font-weight: 600; }

/* גרף היסטוריה */
.rf-d-loading { color: var(--rf-muted, #64748b); font-size: 13px; padding: 14px 0; }
.rf-chart { margin-top: 6px; }
.rf-chart svg { width: 100%; height: 120px; display: block; }
.rf-chart .rf-axis { stroke: var(--rf-line-strong, #dce3ea); stroke-width: 1; }
.rf-hbar.pos { fill: var(--rf-pos, #0f7a43); }
.rf-hbar.neg { fill: var(--rf-neg, #b4232a); }
.rf-chart-x { display: flex; justify-content: space-between; gap: 2px; margin-top: 4px; }
.rf-chart-x span { flex: 1 1 0; text-align: center; font-size: 9.5px; color: var(--rf-faint, #94a3b8); font-variant-numeric: tabular-nums; }

/* תשואה שנתית */
.rf-yr-list { margin-top: 14px; border: 1px solid var(--rf-line, #eef2f6); border-radius: 10px; overflow: hidden; }
.rf-yr { display: flex; justify-content: space-between; padding: 9px 12px; font-size: 13.5px; border-bottom: 1px solid var(--rf-line, #eef2f6); font-variant-numeric: tabular-nums; }
.rf-yr:last-child { border-bottom: 0; }
.rf-yr-head { background: var(--rf-tint, #f1f5f9); font-weight: 700; color: var(--rf-muted, #64748b); font-size: 12px; }

/* קופות דומות */
.rf-sim-list { display: flex; flex-direction: column; gap: 6px; }
.rf-sim { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; text-align: right; cursor: pointer; background: var(--rf-tint, #f1f5f9); border: 1px solid var(--rf-line, #eef2f6); border-radius: 8px; padding: 9px 11px; font: inherit; font-variant-numeric: tabular-nums; }
.rf-sim:hover { background: #e9eef4; }
.rf-sim-n { font-size: 13px; font-weight: 500; color: var(--rf-ink, #1f2933); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 720px) {
	.rf-detail-body { padding: 20px 14px; }
	.rf-d-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ===== מובילה במסלול (גביע + הדגשה אלגנטית) ===== */
.rf-tshuat .rf-row--top td {
	background: linear-gradient(90deg, rgba(184,134,11,.10), rgba(184,134,11,.015));
}
.rf-tshuat .rf-row--top:hover td {
	background: linear-gradient(90deg, rgba(184,134,11,.15), rgba(184,134,11,.04));
}
.rf-tshuat .rf-row--top .rf-col-name { border-inline-start: 3px solid #b8860b; }
.rf-tshuat .rf-row--top .rf-fund { font-weight: 700; }
.rf-trophy { fill: #b8860b; vertical-align: -2px; margin-inline-start: 6px; cursor: help; }
.rf-badges { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.rf-badge {
	display: inline-flex; align-items: center; gap: 3px;
	font-size: 11px; font-weight: 600; line-height: 1; white-space: nowrap;
	padding: 3px 8px; border-radius: 999px;
	border: 1px solid transparent; cursor: help;
}
.rf-badge--lead { background: rgba(184,134,11,.12); color: #8a6608; border-color: rgba(184,134,11,.30); }
.rf-badge--lead .rf-trophy { width: 12px; height: 12px; margin: 0; vertical-align: 0; }
.rf-badge--pop { background: rgba(28,78,128,.10); color: #1c4e80; border-color: rgba(28,78,128,.22); }
.rf-badge--sector { background: rgba(100,116,139,.12); color: #475569; border-color: rgba(100,116,139,.24); }
.rf-badge--redeem { background: rgba(180,35,42,.10); color: #b4232a; border-color: rgba(180,35,42,.22); }

@media (max-width: 720px) {
	.rf-table tbody tr.rf-row--top {
		border-color: #d8b24a;
		box-shadow: 0 0 0 1px rgba(184,134,11,.35) inset;
	}
	.rf-tshuat .rf-row--top .rf-col-name { border-inline-start: 0; }
}

/* ===== הנעה לפעולה (טופס ליד בפאנל) ===== */
.rf-cta {
	margin-top: 22px; padding: 16px;
	border: 1px solid var(--rf-line-strong, #dce3ea);
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(28,78,128,.05), rgba(28,78,128,.01));
}
.rf-cta .rf-d-h { margin-top: 0; }
.rf-cta-ret { display: flex; align-items: baseline; gap: 8px; margin-bottom: 4px; }
.rf-cta-ret-num { font-size: 30px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1; }
.rf-cta-ret-lbl { font-size: 13px; color: var(--rf-muted, #64748b); }
.rf-cta-join { margin: 0 0 10px; font-size: 15px; font-weight: 700; color: var(--rf-ink, #1f2933); }
.rf-cta .rf-pos { color: var(--rf-pos, #0f7a43); }
.rf-cta .rf-neg { color: var(--rf-neg, #b4232a); }
.rf-cta-sub { margin: 0 0 12px; font-size: 13px; color: var(--rf-muted, #64748b); }
.rf-cta-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.rf-cta-in {
	width: 100%; box-sizing: border-box;
	padding: 10px 12px; font: inherit; font-size: 14px;
	border: 1px solid var(--rf-line-strong, #dce3ea); border-radius: 8px;
	background: #fff; color: var(--rf-ink, #1f2933);
}
.rf-cta-in:focus { outline: 2px solid rgba(28,78,128,.35); outline-offset: 1px; border-color: var(--rf-accent, #1c4e80); }
.rf-cta-in[data-k="name"] { grid-column: 1 / -1; }
.rf-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.rf-cta-btn {
	margin-top: 10px; width: 100%;
	padding: 12px 16px; font: inherit; font-size: 15px; font-weight: 700;
	color: #fff; background: var(--rf-accent, #1c4e80);
	border: 0; border-radius: 9px; cursor: pointer;
	transition: background .15s ease;
}
.rf-cta-btn:hover { background: #163f68; }
.rf-cta-btn:disabled { opacity: .6; cursor: default; }
.rf-cta-msg { margin-top: 8px; font-size: 13px; min-height: 1em; color: var(--rf-muted, #64748b); }
.rf-cta-err { color: var(--rf-neg, #b4232a); }
.rf-cta-fine { margin: 8px 0 0; font-size: 11px; color: var(--rf-faint, #94a3b8); }
.rf-cta-done {
	padding: 18px 12px; text-align: center;
	font-size: 15px; font-weight: 700; color: var(--rf-pos, #0f7a43);
}

@media (max-width: 720px) {
	.rf-cta-fields { grid-template-columns: 1fr; }
}

/* ===== אשף ליד רב-שלבי ===== */
.rf-cta-banner { display: flex; gap: 12px; align-items: flex-start; padding: 14px; background: #fff; border: 1px solid var(--rf-line, #eef2f6); border-radius: 12px; margin-bottom: 14px; }
.rf-cta-avatar { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 50%; background: var(--rf-tint, #f1f5f9); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.rf-cta-banner-txt strong { display: block; font-size: 15px; }
.rf-cta-banner-txt span { display: block; margin-top: 3px; font-size: 12.5px; color: var(--rf-muted, #64748b); line-height: 1.45; }
.rf-wiz-q { margin: 4px 0 12px; font-size: 15px; font-weight: 700; }
.rf-req { color: var(--rf-neg, #b4232a); }
.rf-wiz-opts { display: flex; flex-direction: column; gap: 8px; }
.rf-wiz-opt { width: 100%; text-align: center; padding: 13px 14px; font: inherit; font-size: 14px; background: #fff; border: 1.5px solid var(--rf-line-strong, #dce3ea); border-radius: 9px; cursor: pointer; transition: border-color .12s, background .12s; }
.rf-wiz-opt:hover { border-color: var(--rf-accent, #1c4e80); }
.rf-wiz-opt.is-sel { border-color: var(--rf-accent, #1c4e80); background: rgba(28,78,128,.06); font-weight: 600; box-shadow: 0 0 0 1px var(--rf-accent, #1c4e80) inset; }
.rf-wiz-nav { display: flex; gap: 10px; margin-top: 14px; }
.rf-wiz-nav .rf-cta-btn { margin-top: 0; flex: 1 1 auto; }
.rf-wiz-back { flex: 0 0 auto; padding: 12px 18px; font: inherit; font-weight: 600; color: var(--rf-muted, #64748b); background: var(--rf-tint, #f1f5f9); border: 0; border-radius: 9px; cursor: pointer; }
.rf-wiz-back:hover { background: #e9eef4; }
.rf-cta-consent { display: flex; gap: 8px; align-items: flex-start; margin-top: 10px; font-size: 11.5px; color: var(--rf-muted, #64748b); line-height: 1.4; }
.rf-cta-consent input { margin-top: 2px; }

/* ===== אשף: סרגל שלבים, גריד, קרן שנבחרה ===== */
.rf-wiz-steps { display: flex; gap: 6px; margin-bottom: 16px; }
.rf-wiz-step { flex: 1 1 0; text-align: center; font-size: 10.5px; color: var(--rf-faint, #94a3b8); line-height: 1.25; padding-bottom: 8px; border-bottom: 3px solid var(--rf-line, #eef2f6); }
.rf-wiz-step.done { color: var(--rf-muted, #64748b); border-bottom-color: var(--rf-accent, #1c4e80); }
.rf-wiz-step.cur { color: var(--rf-accent, #1c4e80); font-weight: 700; border-bottom-color: var(--rf-accent, #1c4e80); }
.rf-wiz-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 6px; }
.rf-wiz-grid .rf-wiz-opt { padding: 12px 10px; font-size: 13px; }
.rf-wiz-grid + .rf-wiz-q { margin-top: 16px; }
.rf-wiz-fund { padding: 12px; border: 1.5px solid var(--rf-ink, #1f2933); border-radius: 8px; text-align: center; font-weight: 700; font-size: 13.5px; margin-bottom: 14px; }

/* ===== חלון טופס ייעודי + עיצוב ידידותי (בהשראת לירות) ===== */
.rf-tshuat, .rf-detail-ov, .rf-form-ov { --rf-cta: #ff2e63; --rf-cta-2: #ff6a8d; }

.rf-form-ov {
	position: fixed; inset: 0; z-index: 100000;
	background: rgba(15,23,42,.62);
	display: flex; align-items: flex-start; justify-content: center;
	padding: 4vh 16px; overflow-y: auto; -webkit-overflow-scrolling: touch;
}
.rf-form {
	position: relative; width: 100%; max-width: 480px;
	background: #fff; color: var(--rf-ink, #1f2933); border-radius: 18px;
	box-shadow: 0 30px 80px rgba(0,0,0,.35);
	direction: rtl; text-align: right; padding: 26px 22px 18px;
}
.rf-form-x { position: absolute; inset-inline-end: 14px; top: 12px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #f1f5f9; color: #64748b; font-size: 22px; line-height: 1; cursor: pointer; }
.rf-form-x:hover { background: #e2e8f0; }
.rf-form-secure { margin-top: 16px; display: flex; align-items: center; justify-content: center; gap: 6px; color: var(--rf-faint, #94a3b8); font-size: 11px; }

/* באנר-בועה */
.rf-cta-banner { background: #f6f8fc; border: 0; border-radius: 16px; padding: 16px; gap: 14px; }
.rf-cta-avatar { width: 46px; height: 46px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.rf-cta-banner-txt strong { font-size: 16px; }

/* סרגל שלבים */
.rf-wiz-steps { gap: 5px; margin: 4px 0 18px; }
.rf-wiz-step { font-size: 10px; padding-bottom: 9px; border-bottom-width: 3px; border-radius: 2px; }
.rf-wiz-step.done, .rf-wiz-step.cur { border-bottom-color: var(--rf-cta); }
.rf-wiz-step.cur { color: var(--rf-cta); }
.rf-wiz-step.done { color: var(--rf-muted, #64748b); }

/* שאלה */
.rf-wiz-q { font-size: 16px; }
.rf-req { color: var(--rf-cta); }

/* אפשרויות */
.rf-wiz-opt { padding: 15px 14px; font-size: 14px; border-width: 1.5px; border-radius: 12px; font-weight: 500; }
.rf-wiz-opt:hover { border-color: var(--rf-cta); background: #fff; }
.rf-wiz-opt.is-sel { border-color: var(--rf-cta); background: rgba(255,46,99,.06); box-shadow: 0 0 0 1px var(--rf-cta) inset; color: var(--rf-ink, #1f2933); font-weight: 700; }
.rf-wiz-grid { gap: 10px; }

/* כפתורים */
.rf-cta-btn { background: linear-gradient(135deg, var(--rf-cta), var(--rf-cta-2)); border-radius: 12px; padding: 14px 18px; font-size: 15px; box-shadow: 0 6px 16px rgba(255,46,99,.28); }
.rf-cta-btn:hover { background: linear-gradient(135deg, #ec1f55, #ff5780); }
.rf-wiz-back { border-radius: 12px; padding: 14px 18px; }
.rf-cta-open { width: 100%; margin-top: 14px; }

/* קלט */
.rf-cta-in { border-radius: 10px; padding: 12px 13px; }
.rf-cta-in:focus { outline: 2px solid rgba(255,46,99,.3); outline-offset: 1px; border-color: var(--rf-cta); }
.rf-wiz-fund { border-color: #e3b3c2; background: #fff5f8; color: #9b2150; }

.rf-cta-done { padding: 26px 12px; text-align: center; font-size: 17px; font-weight: 800; color: var(--rf-pos, #0f7a43); }

@media (max-width: 520px) {
	.rf-form { padding: 22px 16px 16px; border-radius: 16px; }
	.rf-wiz-step { font-size: 9px; }
}

/* ===== כפיית צבעים במודאלים (התוסף יושב מחוץ למרחב .rf-tshuat, מונע דריסת theme) ===== */
.rf-form-ov .rf-wiz-opt,
.rf-detail-ov .rf-wiz-opt { color: #1f2933 !important; background: #fff !important; }
.rf-form-ov .rf-wiz-opt:hover,
.rf-detail-ov .rf-wiz-opt:hover { color: #1f2933 !important; background: #fff !important; border-color: var(--rf-cta) !important; }
.rf-form-ov .rf-wiz-opt.is-sel,
.rf-detail-ov .rf-wiz-opt.is-sel { color: #1f2933 !important; background: rgba(255,46,99,.07) !important; border-color: var(--rf-cta) !important; }
.rf-form-ov .rf-cta-btn,
.rf-detail-ov .rf-cta-btn { color: #fff !important; }
.rf-form-ov .rf-wiz-back,
.rf-detail-ov .rf-wiz-back { color: #64748b !important; background: #f1f5f9 !important; }
.rf-form-ov .rf-cta-in { color: #1f2933 !important; background: #fff !important; }
.rf-form-ov .rf-wiz-q,
.rf-form-ov .rf-cta-banner-txt strong { color: #1f2933 !important; }
.rf-form-ov .rf-wiz-fund { color: #9b2150 !important; background: #fff5f8 !important; }
.rf-form-ov .rf-pos, .rf-detail-ov .rf-pos { color: var(--rf-pos, #0f7a43) !important; }
.rf-form-ov .rf-neg, .rf-detail-ov .rf-neg { color: var(--rf-neg, #b4232a) !important; }
.rf-form-ov .rf-req { color: var(--rf-cta) !important; }

/* תמונת יועץ */
.rf-cta-photo { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }

/* תיקון מרכוז X + הגדלת אווטאר */
.rf-form-x, .rf-detail-x { display: flex; align-items: center; justify-content: center; padding: 0; line-height: 1; }
.rf-cta-banner .rf-cta-avatar { width: 62px; height: 62px; }
.rf-cta-banner .rf-cta-avatar svg { width: 100%; height: 100%; }

/* ===== מועדפים (לב בשורה + כפתור + מודאל) ===== */
.rf-col-fav { width: 44px; text-align: center; }
.rf-fav { border: 0; background: none; cursor: pointer; padding: 6px; line-height: 0; border-radius: 50%; }
.rf-fav:hover { background: rgba(224,36,94,.08); }
.rf-fav-i { fill: none; stroke: #b4becc; stroke-width: 2; transition: fill .12s, stroke .12s, transform .12s; }
.rf-fav:hover .rf-fav-i { stroke: #e0245e; }
.rf-fav.is-fav .rf-fav-i { fill: #e0245e; stroke: #e0245e; transform: scale(1.08); }

.rf-favs-btn { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; font: inherit; font-size: 13px; font-weight: 600; color: var(--rf-ink, #1f2933); background: #fff; border: 1px solid var(--rf-line-strong, #dce3ea); border-radius: 999px; cursor: pointer; }
.rf-favs-btn svg { fill: none; stroke: #b4becc; stroke-width: 2; }
.rf-favs-btn:hover { border-color: #e0245e; }
.rf-favs-btn.has-favs svg { fill: #e0245e; stroke: #e0245e; }

.rf-favs-ov { position: fixed; inset: 0; z-index: 100001; background: rgba(15,23,42,.6); display: flex; align-items: flex-start; justify-content: center; padding: 6vh 16px; overflow-y: auto; }
.rf-favs { width: 100%; max-width: 460px; background: #fff; color: var(--rf-ink, #1f2933); border-radius: 16px; box-shadow: 0 30px 80px rgba(0,0,0,.35); direction: rtl; text-align: right; overflow: hidden; }
.rf-favs-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--rf-line, #eef2f6); }
.rf-favs-head h3 { margin: 0; font-size: 17px; }
.rf-favs-x { width: 32px; height: 32px; border: 0; border-radius: 50%; background: #f1f5f9; color: #64748b; font-size: 20px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.rf-favs-x:hover { background: #e2e8f0; }
.rf-favs-empty { padding: 36px 20px; text-align: center; color: var(--rf-muted, #64748b); line-height: 1.6; }
.rf-favs-list { padding: 8px; max-height: 70vh; overflow-y: auto; }
.rf-favs-item { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 12px; }
.rf-favs-item:hover { background: var(--rf-tint, #f1f5f9); }
.rf-favs-main { flex: 1 1 auto; min-width: 0; }
.rf-favs-name { font-weight: 700; font-size: 14px; }
.rf-favs-sub { margin-top: 2px; font-size: 12px; color: var(--rf-muted, #64748b); }
.rf-favs-nums { flex: 0 0 auto; text-align: center; }
.rf-favs-nums span { display: block; font-weight: 700; font-variant-numeric: tabular-nums; }
.rf-favs-nums .rf-pos { color: var(--rf-pos, #0f7a43); }
.rf-favs-nums .rf-neg { color: var(--rf-neg, #b4232a); }
.rf-favs-nums small { font-size: 10px; color: var(--rf-faint, #94a3b8); }
.rf-favs-rm { flex: 0 0 auto; border: 0; background: none; cursor: pointer; padding: 6px; line-height: 0; border-radius: 50%; }
.rf-favs-rm:hover { background: rgba(224,36,94,.1); }
.rf-favs-rm .rf-fav-i { fill: #e0245e; stroke: #e0245e; }

@media (max-width: 720px) {
	.rf-col-fav { width: auto; }
	td.rf-col-fav { text-align: center; }
}

/* פריט מועדף לחיץ */
.rf-favs-item { cursor: pointer; }
.rf-favs-rm { cursor: pointer; }

/* מניעת רקע focus/active מה-theme שמסתיר את הלב */
.rf-tshuat .rf-fav,
.rf-tshuat .rf-fav:focus,
.rf-tshuat .rf-fav:active,
.rf-tshuat .rf-fav:focus-visible {
	background: transparent !important;
	box-shadow: none !important;
	outline: none !important;
	border: 0 !important;
}
.rf-tshuat .rf-fav:hover { background: rgba(224,36,94,.08) !important; }

/* תגית "חדשה ומבטיחה" */
.rf-badge--fresh { background: rgba(124,58,237,.12); color: #6d28d9; border-color: rgba(124,58,237,.28); }

/* ===== תצוגת מובייל: רשימה קומפקטית + אקורדיון ===== */
.rf-mlist { display: none; }
@media (max-width: 720px) {
	.rf-tshuat .rf-table-wrap { display: none !important; }
	.rf-tshuat .rf-mlist { display: block; }
}
.rf-mi { background: #fff; border: 1px solid var(--rf-border, #e6e8eb); border-radius: 14px; margin: 8px 0; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,.04); }
.rf-mi-sum { width: 100%; display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: none; border: 0; cursor: pointer; text-align: right; font: inherit; }
.rf-mi-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.rf-mi-name { font-weight: 700; color: #1c2733; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rf-mi-track { font-size: 12px; color: #6b7280; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; }
.rf-mi-y { display: flex; flex-direction: column; align-items: flex-start; flex: 0 0 auto; line-height: 1.1; }
.rf-mi-yv { font-size: 19px; font-weight: 800; color: #1c2733; }
.rf-mi-yl { font-size: 10px; color: #9aa3af; font-weight: 600; margin-top: 2px; }
.rf-mi-y.pos .rf-mi-yv { color: var(--rf-pos, #0f7a43); }
.rf-mi-y.neg .rf-mi-yv { color: var(--rf-neg, #b4232a); }
.rf-mi-sum .rf-logo { width: 36px; height: 36px; font-size: 12px; border-radius: 9px; flex: 0 0 auto; }
.rf-mi-sum .rf-logo img { border-radius: 9px; }
.rf-mi-chev { flex: 0 0 auto; color: #9aa3af; transition: transform .2s; font-size: 13px; }
.rf-mi.is-open .rf-mi-chev { transform: rotate(180deg); }
.rf-mi-body { padding: 0 14px 14px; }
.rf-mi-badges { margin: 2px 0 10px; display: flex; flex-wrap: wrap; gap: 6px; }
.rf-mi-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.rf-mi-stat { display: flex; justify-content: space-between; align-items: center; background: #f6f8fa; border-radius: 8px; padding: 8px 10px; }
.rf-mi-stat span { color: #6b7280; font-size: 13px; }
.rf-mi-stat b { font-weight: 700; color: #1c2733; }
.rf-mi-stat b.pos { color: var(--rf-pos, #0f7a43); }
.rf-mi-stat b.neg { color: var(--rf-neg, #b4232a); }
.rf-mi-stat b.na { color: #9aa3af; }
.rf-mi-actions { display: flex; gap: 8px; margin-top: 12px; }
.rf-mi-open { flex: 1 1 auto; background: var(--rf-accent, #1c4e80); color: #fff; border: 0; border-radius: 10px; padding: 11px; font-weight: 700; cursor: pointer; font: inherit; font-weight: 700; }
.rf-mi-fav { flex: 0 0 auto; display: flex; align-items: center; gap: 6px; background: #fff; border: 1px solid var(--rf-border, #e6e8eb); border-radius: 10px; padding: 0 14px; cursor: pointer; color: #6b7280; font: inherit; }
.rf-mi-fav.is-fav { color: #e0245e; border-color: #f4b8c8; }
.rf-mi-fav .rf-fav-i { width: 18px; height: 18px; }

/* ---------- צ'יפים: סוג פנסיה + מסלולים ---------- */
.rf-chips { display: flex; flex-direction: column; gap: 8px; margin: 12px 0 4px; }
.rf-chip-group { display: flex; flex-wrap: wrap; gap: 8px; }
.rf-chip {
	background: #fff; border: 1px solid var(--rf-border, #e6e8eb); border-radius: 999px;
	padding: 7px 15px; font: inherit; font-size: 14px; font-weight: 600; color: #3b4a5a;
	cursor: pointer; transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.rf-chip small { font-weight: 400; color: #8a97a6; }
.rf-chip:hover { border-color: var(--rf-accent, #1c4e80); color: var(--rf-accent, #1c4e80); }
.rf-chip.is-on { background: var(--rf-accent, #1c4e80); border-color: var(--rf-accent, #1c4e80); color: #fff; }
.rf-chip.is-on small { color: rgba(255,255,255,.75); }
.rf-chip-kind { border-radius: 12px; font-weight: 700; }
@media (max-width: 720px) {
	.rf-chip-group { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
	.rf-chip { flex: 0 0 auto; white-space: nowrap; }
}