/* _content/CityCarBlazorClient/Pages/Login.razor.rz.scp.css */
/* Phone + one-time code block of the login card (port of the WPF LoginWindowView block). */
.otp-box[b-q9hiq3afwz] { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.otp-title[b-q9hiq3afwz] { color: var(--ink-2); font-size: var(--fs-sm); }
.otp-row[b-q9hiq3afwz] { display: flex; gap: 6px; width: 100%; }
.otp-row input[b-q9hiq3afwz], .otp-code[b-q9hiq3afwz] { border: 1px solid var(--border-strong); border-radius: var(--r-sm); padding: 6px 8px; font-family: inherit; }
.otp-cc[b-q9hiq3afwz] { width: 70px; }
.otp-phone[b-q9hiq3afwz] { flex: 1; min-width: 0; }
.otp-actions[b-q9hiq3afwz] { display: flex; gap: 10px; }
.otp-code[b-q9hiq3afwz] { width: 110px; text-align: center; letter-spacing: 6px; font-size: var(--fs-lg); }
.otp-back[b-q9hiq3afwz] { background: none; border: none; color: var(--ink-3); cursor: pointer; text-decoration: underline; }
/* _content/CityCarBlazorClient/Pages/Main.razor.rz.scp.css */
/*
	CSS מבודד למסך הראשי. נוצר 2026-09-22 עם W-04 ("עדכון בקבוצה").

	בכוונה כאן ולא ב-wwwroot/css/app.css: AGENTS.md §15 — הערה שבורה שם בולעת בשקט את
	הכלל הבא, בלי שגיאת build. קובץ .razor.css נכלל בחבילה CityCarBlazorClient.styles.css
	שכבר מקושרת ב-Pages/_Host.cshtml, ולכן אין כאן סיכון לאף כלל קיים.

	⚠️ CSS מבודד חל רק על אלמנטים שכתובים ב-Main.razor עצמו. אין כאן שום כלל על
	table.grid — צבע שורה מסומנת מגיע מ-app.css (GRID SURFACE):
	table.grid tbody tr[aria-selected=true] > td { background: var(--grid-sel-strong) }
	כלומר שני חוזי הגריד של AGENTS §13 לא נגעו.
*/

.sel-bar[b-rj8k0j8ttc] {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 6px;
	padding: 6px 10px;
	border: 1px solid var(--brand-border);
	border-radius: var(--r-md);
	background: var(--brand-tint);
}

.sel-bar .sel-count[b-rj8k0j8ttc] {
	font-size: var(--fs-xs);
	font-weight: 700;
	color: var(--brand);
}

.sel-bar button[b-rj8k0j8ttc] {
	padding: 4px 12px;
	border: 1px solid var(--border-strong);
	background: var(--surface);
	border-radius: var(--r-sm);
	cursor: pointer;
	font-size: var(--fs-xs);
}

.sel-bar button.primary[b-rj8k0j8ttc] {
	background: var(--brand);
	border-color: var(--brand);
	color: var(--on-brand);
}

.sel-bar .sel-hint[b-rj8k0j8ttc] {
	margin-inline-start: auto;
	font-size: var(--fs-xs);
	color: var(--ink-3);
}

/* NewSubAlertItemControl.xaml: LightBlue while the subscriber's approval screen is open by a rep
   (IsInHandleByUser, ClickUp 123zgec9rn1). Wins over the hover tint so the state stays readable. */
.side-item.si-in-handle[b-rj8k0j8ttc],
.side-item.si-in-handle:hover[b-rj8k0j8ttc] {
	background: lightblue;
}

.side-item .si-handled[b-rj8k0j8ttc] {
	font-size: var(--fs-xs);
	font-weight: 700;
	margin-top: 3px;
}

/* "ממתינים לאימות": a subscriber tried within the last hour (WPF NewSubAlertItemControl -> Khaki). */
.side-item.si-verify-recent[b-rj8k0j8ttc] { background: var(--warn-tint); border-color: var(--warn-border); }
.side-item .si-verify[b-rj8k0j8ttc] { font-size: var(--fs-xs); font-weight: 700; margin-top: 2px; }
/* _content/CityCarBlazorClient/Pages/OrderDetail.razor.rz.scp.css */
/* CSS מבודד (AGENTS.md §15) — סרגל השמירה האחד של כרטיס ההזמנה, הפורט של אזור
   "שמור וסגור" ב-OrderView.xaml. נדבק לתחתית החלון כדי שהכפתור יהיה זמין מכל לשונית,
   בלי לגלול חזרה למטה. */

.od-savebar[b-zcdio0v8zp] {
	position: sticky;
	bottom: 0;
	z-index: 5;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	padding: 8px 12px;
	margin-top: 8px;
	background: var(--bg);
	border-top: 2px solid var(--brand);
	box-shadow: 0 -4px 12px var(--shadow-color);
}

.od-savebar button[b-zcdio0v8zp] {
	border: 1px solid var(--border-strong);
	background: var(--surface);
	border-radius: var(--r-sm);
	padding: 5px 18px;
	cursor: pointer;
	font: inherit;
}

.od-savebar button.primary[b-zcdio0v8zp] {
	background: var(--brand);
	border-color: var(--brand);
	color: var(--on-brand);
	font-weight: 700;
}

.od-savebar button:disabled[b-zcdio0v8zp] {
	opacity: .55;
	cursor: default;
}

.od-savebar .od-nomail[b-zcdio0v8zp] {
	display: flex;
	align-items: center;
	gap: 5px;
	background: var(--danger-tint);
	border: 1px solid var(--border-strong);
	border-radius: var(--r-sm);
	padding: 3px 8px;
	font-size: var(--fs-xs);
	font-weight: 700;
	color: var(--danger-strong);
}

.od-savebar .od-changes[b-zcdio0v8zp] {
	font-size: var(--fs-xs);
	color: var(--ink-2);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 46vw;
}

/* "הוספת דיווח על נזק" (WPF OrderDamageView) בלשונית ההתראות. */
.damage-report[b-zcdio0v8zp] {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 8px;
	margin: 0 0 12px;
	padding: 8px 12px;
	border: 1px solid var(--cc-line, #d0d7e2);
	border-radius: var(--cc-r, 8px);
}
.damage-report label[b-zcdio0v8zp] { display: flex; flex-direction: column; flex: 1 1 320px; }
.damage-report textarea[b-zcdio0v8zp] { width: 100%; resize: vertical; }
.damage-report .ok[b-zcdio0v8zp] { color: #1a7f37; }
.damage-report .err[b-zcdio0v8zp] { color: #c62828; }
/* _content/CityCarBlazorClient/Pages/Screens/AccidentForms.razor.rz.scp.css */
/* Accident-form editor (SingleAccidentFormView parity). */

.af-edit[b-0auge3ji9l] { display: flex; flex-direction: column; gap: 8px; }

.af-grid[b-0auge3ji9l] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px 12px; }

.af-edit label[b-0auge3ji9l] { display: flex; flex-direction: column; gap: 2px; font-weight: 600; }

.af-wide textarea[b-0auge3ji9l], .af-wide input[b-0auge3ji9l] { width: 100%; }

.af-people[b-0auge3ji9l] { margin-top: 6px; }

.af-cell[b-0auge3ji9l] { min-width: 90px; width: 100%; }
/* _content/CityCarBlazorClient/Pages/Screens/CarTests.razor.rz.scp.css */
/* CarTests.razor - scoped (AGENTS §15: new screens keep their rules out of app.css) */
.ct-sub[b-hfx6n1o21n] {
	margin-top: 4px;
}

.ct-summary[b-hfx6n1o21n] {
	align-self: center;
	font-weight: 500;
}

.ct-scroll[b-hfx6n1o21n] {
	max-height: 62vh;
	overflow: auto;
}

.ct-filter[b-hfx6n1o21n] {
	margin: 4px 0;
	min-width: 220px;
}

.ct-center[b-hfx6n1o21n] {
	text-align: center;
}

.ct-bad td[b-hfx6n1o21n] {
	color: var(--danger, #b42318);
}

.ct-edited[b-hfx6n1o21n] {
	background: var(--warn-tint, #fff4d6);
}

.ct-batch[b-hfx6n1o21n] {
	margin: 6px 0;
}

.ct-link[b-hfx6n1o21n] {
	margin: 4px 0;
}

/* a label that looks like a button and carries the hidden file input */
.ct-file[b-hfx6n1o21n] {
	position: relative;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.ct-file[b-hfx6n1o21n]  input[type=file] {
	display: none;
}

.ct-file.disabled[b-hfx6n1o21n] {
	opacity: .5;
	pointer-events: none;
}
/* _content/CityCarBlazorClient/Pages/Screens/CarTreatment.razor.rz.scp.css */
/* CSS מבודד (AGENTS.md §15) — לא ב-app.css. */

.ct-form[b-olw1mpwm1n] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 8px;
}

.ct-form label[b-olw1mpwm1n] {
	display: grid;
	grid-template-columns: 150px 1fr;
	align-items: center;
	gap: 8px;
}

.ct-form label > span[b-olw1mpwm1n] {
	color: var(--ink-2);
	font-size: var(--fs-sm);
}

.ct-form label.ct-check[b-olw1mpwm1n] {
	grid-template-columns: 22px 150px 1fr;
}

.ct-form label.ct-sub[b-olw1mpwm1n] {
	grid-template-columns: 172px 1fr;
}

.ct-form input[b-olw1mpwm1n],
.ct-form select[b-olw1mpwm1n] {
	width: 100%;
	box-sizing: border-box;
	padding: 4px 6px;
	border: 1px solid var(--border-strong);
	border-radius: var(--r-sm);
	font: inherit;
}

.ct-form label.ct-check > input[type="checkbox"][b-olw1mpwm1n] {
	width: auto;
}
/* _content/CityCarBlazorClient/Pages/Screens/DevEmailSenderJobs.razor.rz.scp.css */
/* The last error is clipped (full text in the tooltip). */
.job-err[b-hsji1anlq7] {
	max-width: 24em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* _content/CityCarBlazorClient/Pages/Screens/EmployeeActivity.razor.rz.scp.css */
/* EmployeeActivity.razor - scoped (AGENTS §15: new screens keep their rules out of app.css).
   Colors come from wwwroot/css/tokens.css; the category colors below are the dashboard's own. */
.ead[b-di7gni9dd7] {
	--ea-calls: var(--cat-2);
	--ea-notes: var(--cat-1);
	--ea-missions: var(--cat-3);
	--ea-approvals: var(--cat-5);
	--ea-money: #D98E04;
	--ea-wa: #1E9E5A;
	--ea-saves: var(--cat-6);
	--ea-opens: var(--border-strong);
	--ea-work: var(--cat-3);
	/* "no action in the system" is gray, not red: it is not necessarily a break */
	--ea-gap: var(--surface-2);
	--ea-gap-strong: var(--border-strong);
	padding: var(--sp-3) var(--sp-4) var(--sp-5);
	color: var(--ink);
	font-size: var(--fs-sm);
	max-width: 1400px;
}

.ead-top[b-di7gni9dd7] {
	display: flex;
	align-items: center;
	gap: var(--sp-3);
	margin-bottom: var(--sp-3);
	flex-wrap: wrap;
}

.ead-title[b-di7gni9dd7] {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 200px;
}

.ead-title b[b-di7gni9dd7] {
	font-size: var(--fs-xl);
	font-weight: 600;
}

.ead-title span[b-di7gni9dd7] {
	color: var(--ink-2);
}

.ead-date[b-di7gni9dd7] {
	display: flex;
	align-items: center;
	gap: var(--sp-1);
}

.ead-busy[b-di7gni9dd7] {
	color: var(--brand);
}

.ead-ghost[b-di7gni9dd7] {
	border: 1px solid var(--border);
	background: var(--surface);
	border-radius: var(--r-sm);
	padding: 2px 10px;
	cursor: pointer;
}

.ead-ghost:hover[b-di7gni9dd7] {
	background: var(--brand-tint);
}

.ead-filters[b-di7gni9dd7] {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: var(--sp-3);
}

.ead-pill[b-di7gni9dd7] {
	border: 1px solid var(--border);
	background: var(--surface);
	border-radius: var(--r-pill);
	padding: 3px 12px;
	cursor: pointer;
	color: var(--ink-2);
}

.ead-pill.on[b-di7gni9dd7] {
	background: var(--brand);
	border-color: var(--brand);
	color: var(--on-brand);
}

.ead-kpis[b-di7gni9dd7] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: var(--sp-2);
	margin-bottom: var(--sp-3);
}

.ead-kpi[b-di7gni9dd7] {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--r-md);
	padding: 10px 14px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.ead-kpi .l[b-di7gni9dd7] {
	color: var(--ink-2);
	font-size: var(--fs-xs);
}

.ead-kpi > b[b-di7gni9dd7] {
	font-size: 26px;
	font-weight: 600;
	line-height: 1.2;
	font-variant-numeric: tabular-nums;
}

.ead-kpi .s[b-di7gni9dd7] {
	color: var(--ink-3);
	font-size: var(--fs-xs);
}

.ead-kpi .c[b-di7gni9dd7] {
	margin-top: 4px;
	padding-top: 4px;
	border-top: 1px dashed var(--border);
	color: var(--ink-2);
	font-size: var(--fs-xs);
}

.ead-card[b-di7gni9dd7] {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--r-md);
	padding: var(--sp-3) var(--sp-4);
	margin-bottom: var(--sp-3);
	min-width: 0;
}

.ead-card-h[b-di7gni9dd7] {
	font-weight: 600;
	font-size: var(--fs-md);
	margin-bottom: var(--sp-2);
}

.ead-grid2[b-di7gni9dd7] {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: var(--sp-3);
}

.ead-sub[b-di7gni9dd7] {
	color: var(--ink-2);
	margin-bottom: var(--sp-2);
}

.ead-chips[b-di7gni9dd7] {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
	color: var(--ink-2);
	font-size: var(--fs-xs);
	margin-bottom: var(--sp-3);
}

.ead-chips b[b-di7gni9dd7] {
	color: var(--ink);
}

.ead-scroll[b-di7gni9dd7] {
	overflow: auto;
	max-height: 70vh;
}

.ead-scroll.feed[b-di7gni9dd7] {
	max-height: 55vh;
}

.ead-table[b-di7gni9dd7] {
	width: 100%;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
}

.ead-table th[b-di7gni9dd7] {
	position: sticky;
	top: 0;
	background: var(--surface-2);
	text-align: right;
	font-weight: 600;
	font-size: var(--fs-xs);
	color: var(--ink-2);
	padding: 6px 8px;
	white-space: nowrap;
	z-index: 1;
}

.ead-table th.sortable[b-di7gni9dd7] {
	cursor: pointer;
}

.ead-table th.on[b-di7gni9dd7] {
	color: var(--brand);
}

.ead-table td[b-di7gni9dd7] {
	padding: 6px 8px;
	border-bottom: 1px solid var(--border);
	vertical-align: middle;
}

.ead-row[b-di7gni9dd7] {
	cursor: pointer;
}

.ead-row:hover td[b-di7gni9dd7] {
	background: var(--brand-tint);
}

.ead-row.off td[b-di7gni9dd7] {
	color: var(--ink-3);
}

.ead-table .who[b-di7gni9dd7] {
	white-space: nowrap;
	font-weight: 500;
}

.ead-table .bar[b-di7gni9dd7] {
	min-width: 260px;
	width: 34%;
}

.ead-table .span[b-di7gni9dd7] {
	display: block;
	font-size: 11px;
	color: var(--ink-3);
	margin-top: 2px;
}

.ead-table .t[b-di7gni9dd7] {
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.ead-table .txt[b-di7gni9dd7] {
	color: var(--ink-2);
}

.gaprow td[b-di7gni9dd7] {
	background: var(--surface-2);
	color: var(--ink-2);
}

.ead-av[b-di7gni9dd7] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--brand-tint);
	color: var(--brand);
	font-size: 11px;
	font-weight: 600;
	margin-inline-end: 8px;
	flex-shrink: 0;
}

.ead-av.lg[b-di7gni9dd7] {
	width: 40px;
	height: 40px;
	font-size: 14px;
}

.ead-legend[b-di7gni9dd7] {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 16px;
	color: var(--ink-3);
	font-size: var(--fs-xs);
	margin-top: var(--sp-2);
}

.ead-legend span[b-di7gni9dd7] {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.sw[b-di7gni9dd7] {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 2px;
}

.sw.sh[b-di7gni9dd7] {
	background: var(--ea-work);
}

.sw.gp[b-di7gni9dd7] {
	background: var(--ea-gap-strong);
}

.ead-head[b-di7gni9dd7] {
	display: flex;
	align-items: center;
	gap: var(--sp-2);
	flex-wrap: wrap;
	margin-bottom: var(--sp-3);
}

.ead-head .grow[b-di7gni9dd7] {
	flex: 1;
}

.ead-seg[b-di7gni9dd7] {
	display: inline-flex;
	border: 1px solid var(--border);
	border-radius: var(--r-sm);
	overflow: hidden;
}

.ead-seg button[b-di7gni9dd7] {
	border: none;
	background: var(--surface);
	padding: 4px 14px;
	cursor: pointer;
	color: var(--ink-2);
	border-inline-start: 1px solid var(--border);
}

.ead-seg button:first-child[b-di7gni9dd7] {
	border-inline-start: none;
}

.ead-seg button.on[b-di7gni9dd7] {
	background: var(--brand);
	color: var(--on-brand);
}

.ead-cmpbar[b-di7gni9dd7] {
	display: flex;
	align-items: center;
	gap: var(--sp-2);
	background: var(--brand-tint);
	border: 1px solid var(--brand-border);
	border-radius: var(--r-md);
	padding: 6px 12px;
	margin-bottom: var(--sp-3);
}

.muted[b-di7gni9dd7] {
	color: var(--ink-3);
	font-weight: 400;
}

.ead-lanes[b-di7gni9dd7] {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.ead-lane[b-di7gni9dd7] {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr);
	align-items: center;
}

.ead-lane .n[b-di7gni9dd7] {
	color: var(--ink-2);
	font-size: var(--fs-xs);
}

.ead-lane .trk[b-di7gni9dd7] {
	position: relative;
	height: 18px;
	background: var(--surface-2);
	border-radius: 3px;
}

.ead-lane.faint[b-di7gni9dd7] {
	margin-top: -4px;
}

.ead-lane.faint .trk[b-di7gni9dd7] {
	height: 10px;
	opacity: .55;
}

.ead-lane.axis .trk[b-di7gni9dd7] {
	background: none;
	height: 14px;
}

.ead-lane .hr[b-di7gni9dd7] {
	position: absolute;
	font-size: 11px;
	color: var(--ink-3);
	transform: translateX(50%);
}

.ead-lane .gp[b-di7gni9dd7] {
	position: absolute;
	top: -3px;
	bottom: -3px;
	background: var(--ea-gap);
	border-inline: 1px solid var(--ea-gap-strong);
}

.ead-lane .mk[b-di7gni9dd7] {
	position: absolute;
	top: 3px;
	bottom: 3px;
	min-width: 3px;
	border-radius: 2px;
}

.ead-lane.faint .mk[b-di7gni9dd7] {
	top: 1px;
	bottom: 1px;
}

.ead-days[b-di7gni9dd7] {
	display: flex;
	align-items: stretch;
	gap: 4px;
	height: 180px;
	direction: rtl;
}

.ead-days .col[b-di7gni9dd7] {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.ead-days .col[b-di7gni9dd7] {
	cursor: pointer;
}

.ead-days .col:hover .bars[b-di7gni9dd7] {
	background: var(--brand-tint);
}

.ead-days .bars[b-di7gni9dd7] {
	flex: 1;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 2px;
	border-bottom: 1px solid var(--border-strong);
	border-radius: 2px 2px 0 0;
}

.stack[b-di7gni9dd7] {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-start;
	width: 100%;
	max-width: 22px;
	height: 100%;
	gap: 1px;
}

.stack span:last-child[b-di7gni9dd7] {
	border-radius: 3px 3px 0 0;
}

.stack.faint[b-di7gni9dd7] {
	opacity: .4;
	max-width: 12px;
}

.ead-days .lbl[b-di7gni9dd7] {
	text-align: center;
	font-size: 11px;
	color: var(--ink-3);
	margin-top: 3px;
	line-height: 1.2;
}

.ead-chip[b-di7gni9dd7] {
	border: 1px solid var(--border);
	border-inline-start: 4px solid var(--c);
	background: var(--surface);
	border-radius: var(--r-sm);
	padding: 2px 10px;
	cursor: pointer;
	font-size: var(--fs-xs);
	color: var(--ink-2);
}

.ead-chip.off[b-di7gni9dd7] {
	opacity: .45;
}

.dot[b-di7gni9dd7] {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-inline-end: 6px;
}

.ead-foot[b-di7gni9dd7] {
	color: var(--ink-3);
	font-size: var(--fs-xs);
	margin-top: var(--sp-1);
}

@media (max-width: 900px) {
	.ead-grid2[b-di7gni9dd7] {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* team schedule */
.ead-bar[b-di7gni9dd7] {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
	margin-bottom: var(--sp-3);
}

.ead-bar .grow[b-di7gni9dd7] {
	flex: 1;
}

.ead-sched[b-di7gni9dd7] {
	display: grid;
	align-items: center;
	gap: 0 10px;
}

.ead-sched[b-di7gni9dd7] {
	grid-template-columns: 190px minmax(0, 1fr) 56px 56px 56px;
}

.ead-sched.row[b-di7gni9dd7] {
	padding: 5px 0;
	cursor: pointer;
	border-bottom: 1px solid var(--border);
}

.ead-sched.row:hover[b-di7gni9dd7] {
	background: var(--brand-tint);
}

.ead-sched.head[b-di7gni9dd7] {
	color: var(--ink-3);
	font-size: 11px;
	padding-bottom: 4px;
}

.ead-sched .num[b-di7gni9dd7] {
	font-variant-numeric: tabular-nums;
	text-align: right;
}

.ead-sched .axis[b-di7gni9dd7] {
	position: relative;
	height: 14px;
}

.ead-sched .axis span[b-di7gni9dd7] {
	position: absolute;
	transform: translateX(50%);
}

.ead-sched .trk[b-di7gni9dd7] {
	position: relative;
	height: 20px;
}

.ead-sched .trk .tick[b-di7gni9dd7] {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background: var(--border);
}

.ead-sched .trk .sh[b-di7gni9dd7] {
	position: absolute;
	top: 3px;
	bottom: 3px;
	background: var(--ea-work);
	opacity: .8;
	border-radius: 3px;
}

.ead-sched .trk .gp[b-di7gni9dd7] {
	position: absolute;
	top: 3px;
	bottom: 3px;
	background: var(--ea-gap-strong);
	border-radius: 2px;
}

.who[b-di7gni9dd7] {
	display: inline-flex;
	align-items: center;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* plain-words summary + the day in parts */
.ead-grid2.even[b-di7gni9dd7] {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.ead-summary[b-di7gni9dd7] {
	border-color: var(--brand-border);
}

.ead-summary ul[b-di7gni9dd7] {
	margin: 0;
	padding-inline-start: 18px;
}

.ead-summary li[b-di7gni9dd7] {
	font-size: var(--fs-md);
	line-height: 1.6;
	margin-bottom: 4px;
}

.ead-summary li[b-di7gni9dd7]::marker {
	color: var(--brand);
}

.ead-blocks[b-di7gni9dd7] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	max-height: 320px;
	overflow: auto;
}

.ead-blocks .blk[b-di7gni9dd7] {
	display: grid;
	grid-template-columns: 100px minmax(0, 1fr);
	gap: 8px;
	align-items: center;
	padding: 6px 10px;
	background: var(--bg);
	border-inline-start: 3px solid var(--ea-work);
}

.ead-blocks .blk[b-di7gni9dd7] {
	cursor: pointer;
}

.ead-blocks .blk:hover[b-di7gni9dd7] {
	background: var(--brand-tint);
}

.ead-blocks .blk.brk[b-di7gni9dd7] {
	background: var(--surface-2);
	border-inline-start-color: var(--ea-gap-strong);
	color: var(--ink-2);
}

.ead-blocks .blk.sel[b-di7gni9dd7] {
	background: var(--brand-tint);
	border-inline-start-color: var(--brand);
	outline: 1px solid var(--brand-border);
}

/* what the report cannot see - on every screen */
.ead-limits[b-di7gni9dd7] {
	background: var(--surface-2);
	color: var(--ink-2);
	font-size: var(--fs-xs);
	line-height: 1.5;
	padding: 6px 12px;
	border-radius: var(--r-sm);
	margin-bottom: var(--sp-3);
}

#ead-feed .ead-card-h .ead-ghost[b-di7gni9dd7] {
	margin-inline-start: 8px;
	font-weight: 400;
}

.ead-blocks .tm[b-di7gni9dd7] {
	display: flex;
	flex-direction: column;
	font-variant-numeric: tabular-nums;
}

.ead-blocks .tm span[b-di7gni9dd7] {
	font-size: 11px;
	color: var(--ink-3);
}
/* _content/CityCarBlazorClient/Pages/Screens/LargeCarsApproval.razor.rz.scp.css */
/* Grid on the right, details pane on the left - the layout of the WPF window
   (its "פרטים משמאל" checkbox toggled exactly this split). */
.lc-wrap[b-qcalkawqj1] { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 10px; align-items: start; }
.lc-grid[b-qcalkawqj1] { min-width: 0; overflow-x: auto; }
.lc-grid tr.sel > td[b-qcalkawqj1] { background: var(--brand-tint); }
.lc-grid tbody tr[b-qcalkawqj1] { cursor: pointer; }

.lc-details[b-qcalkawqj1] { border: 1px solid var(--border); border-radius: var(--r-sm); padding: 8px 10px; background: var(--surface); }
.lc-details h3[b-qcalkawqj1] { margin: 0 0 6px; font-size: var(--fs-md); color: var(--brand-strong); }
.lc-details h4[b-qcalkawqj1] { margin: 10px 0 4px; font-size: var(--fs-xs); color: var(--brand); border-top: 1px solid var(--brand-border); padding-top: 6px; }
.lc-details .kv[b-qcalkawqj1] { display: flex; gap: 6px; font-size: var(--fs-xs); padding: 1px 0; }
.lc-details .kv span[b-qcalkawqj1] { color: var(--ink-3); }
.lc-details button[b-qcalkawqj1] { margin: 4px 4px 0 0; }

.lc-selfie[b-qcalkawqj1] { max-width: 100%; border-radius: var(--r-sm); border: 1px solid var(--border); }
.lc-cat[b-qcalkawqj1] { display: flex; align-items: center; gap: 6px; font-size: var(--fs-xs); padding: 1px 0; }
.lc-actions[b-qcalkawqj1] { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; }
.lc-actions .ok[b-qcalkawqj1] { background: var(--ok); border-color: var(--ok); color: var(--on-brand); }
.lc-actions .warn[b-qcalkawqj1] { background: var(--danger); border-color: var(--danger); color: var(--on-brand); }
/* _content/CityCarBlazorClient/Pages/Screens/ParkingsUsageGraph.razor.rz.scp.css */
/* "פילוח שימוש לפי תחנות" — הפריסה הצפופה של JerusalemGraphReportsView (חלון ברוחב 500)
   מתורגמת לרשת תחנות עם checkbox לכל תחנה ולפס אחוז בכל שורת גרף. */

.pug-stations[b-kvfectf9bw] {
	display: flex;
	flex-wrap: wrap;
	gap: 2px 14px;
	max-height: 210px;
	overflow-y: auto;
	padding: 6px 8px;
	border: 1px solid var(--border);
	border-radius: var(--r-md);
}

.pug-station[b-kvfectf9bw] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-width: 190px;
	white-space: nowrap;
}

.pug-all[b-kvfectf9bw] {
	margin-inline-start: 14px;
	font-weight: normal;
	font-size: var(--fs-xs);
}

.pug-period[b-kvfectf9bw] {
	margin-top: 18px;
	border-bottom: 1px solid var(--border);
}

.pug-chart[b-kvfectf9bw] {
	margin: 12px 0 4px;
}

/* עמודת הפס: בגרף של ה-Word הערך נקרא מגובה העמודה, ולכן גם כאן הוא נראה ולא רק נקרא. */
.pug-bar-col[b-kvfectf9bw] {
	width: 34%;
	min-width: 120px;
}

.pug-bar[b-kvfectf9bw] {
	display: block;
	height: 11px;
	border-radius: var(--r-sm);
	background: var(--brand);   /* CityCarColor של ה-XAML */
	min-width: 1px;
}

.pug-saved[b-kvfectf9bw] {
	margin-top: 22px;
	cursor: pointer;
}
/* _content/CityCarBlazorClient/Pages/Screens/ProcedureCategories.razor.rz.scp.css */
/* CSS מבודד (AGENTS.md §15) — ניהול קטגוריות הנהלים (ProcedureCategoriesView). */

.pc-panel[b-4cc3jkc4dj] {
	max-width: 560px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pc-row[b-4cc3jkc4dj] {
	display: flex;
	gap: 8px;
	align-items: center;
}

.pc-row input[b-4cc3jkc4dj] {
	flex: 1;
}

.pc-list[b-4cc3jkc4dj] {
	border: 1px solid var(--border, #ddd);
	border-radius: 6px;
}

.pc-item[b-4cc3jkc4dj] {
	padding: 6px 10px;
	cursor: pointer;
	border-bottom: 1px solid var(--border, #eee);
}

.pc-item.pc-sel[b-4cc3jkc4dj] {
	background: var(--surface-2, #eef3ff);
	font-weight: bold;
}
/* _content/CityCarBlazorClient/Pages/Screens/ProcedureEditor.razor.rz.scp.css */
/* CSS מבודד (AGENTS.md §15) — עורך הנהלים: טופס מימין, תצוגה מקדימה משמאל (ProcedureEditorView). */

.pe-head[b-s9dh9vw56j] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.pe-status[b-s9dh9vw56j] {
	font-weight: bold;
}

.pe-cols[b-s9dh9vw56j] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	align-items: start;
}

@media (max-width: 1100px) {
	.pe-cols[b-s9dh9vw56j] {
		grid-template-columns: 1fr;
	}
}

.pe-form[b-s9dh9vw56j] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.pe-field[b-s9dh9vw56j] {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.pe-field > span[b-s9dh9vw56j] {
	font-size: 12px;
	font-weight: bold;
	opacity: 0.8;
}

.pe-row[b-s9dh9vw56j] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.pe-check[b-s9dh9vw56j] {
	display: flex;
	align-items: center;
	gap: 6px;
}

.pe-tags[b-s9dh9vw56j] {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

.pe-tag[b-s9dh9vw56j] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	border-radius: 12px;
	border: 1px solid var(--border, #ccc);
}

.pe-tag button[b-s9dh9vw56j] {
	border: 0;
	background: none;
	cursor: pointer;
	padding: 0 2px;
}

.pe-attach[b-s9dh9vw56j] {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid var(--border, #ccc);
	border-radius: 6px;
	padding: 2px 10px;
}

.pe-attach[b-s9dh9vw56j]  input[type=file] {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
}

.pe-file[b-s9dh9vw56j] {
	display: flex;
	align-items: center;
	gap: 10px;
}

.pe-toolbar[b-s9dh9vw56j] {
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
}

.pe-body[b-s9dh9vw56j] {
	width: 100%;
	min-height: 360px;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.6;
	direction: rtl;
}

.pe-preview[b-s9dh9vw56j] {
	position: sticky;
	top: 8px;
	max-height: calc(100vh - 120px);
	overflow: auto;
}
/* _content/CityCarBlazorClient/Pages/Screens/Procedures.razor.rz.scp.css */
/* CSS מבודד (AGENTS.md §15) — הפריסה של ProceduresLibraryView: תצוגות | רשימה | נוהל. */

.pr-cols[b-fw8rcqjipf] {
	display: grid;
	grid-template-columns: 240px 1fr 1.4fr;
	gap: 12px;
	align-items: start;
}

@media (max-width: 1100px) {
	.pr-cols[b-fw8rcqjipf] {
		grid-template-columns: 1fr;
	}
}

.pr-views[b-fw8rcqjipf] {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-bottom: 10px;
}

.pr-views button[b-fw8rcqjipf] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
	padding: 6px 8px;
	border: 0;
	border-radius: var(--r-md);
	background: transparent;
	font: inherit;
	cursor: pointer;
	text-align: start;
}

.pr-views button:hover[b-fw8rcqjipf] {
	background: var(--surface-2);
}

.pr-views button.pr-sel[b-fw8rcqjipf] {
	background: var(--surface-2);
	font-weight: 600;
}

.pr-views i[b-fw8rcqjipf] {
	font-style: normal;
	font-size: var(--fs-xs);
	color: var(--ink-2);
	background: var(--surface);
	border-radius: var(--r-md);
	padding: 0 7px;
}

.pr-list[b-fw8rcqjipf] {
	max-height: 70vh;
	overflow: auto;
}

.pr-row[b-fw8rcqjipf] {
	padding: 8px;
	border-bottom: 1px solid var(--border);
	cursor: pointer;
}

.pr-row:hover[b-fw8rcqjipf] {
	background: var(--bg);
}

.pr-row.pr-sel[b-fw8rcqjipf] {
	background: var(--surface-2);
}

.pr-row-title[b-fw8rcqjipf] {
	font-weight: 600;
}

.pr-row-meta[b-fw8rcqjipf] {
	font-size: var(--fs-xs);
	color: var(--ink-2);
	margin-top: 2px;
}

.pr-row-snippet[b-fw8rcqjipf] {
	font-size: var(--fs-xs);
	color: var(--ink-2);
	margin-top: 4px;
	border-inline-start: 3px solid var(--brand-border);
	padding-inline-start: 6px;
}

.pr-badge[b-fw8rcqjipf] {
	font-size: var(--fs-xs);
	border-radius: var(--r-md);
	padding: 1px 6px;
	margin-inline-start: 6px;
	color: var(--on-brand);
	white-space: nowrap;
}

.pr-badge.pin[b-fw8rcqjipf] { background: var(--brand); }
.pr-badge.ack[b-fw8rcqjipf] { background: var(--danger-strong); }
.pr-badge.draft[b-fw8rcqjipf] { background: var(--ink-3); }
.pr-badge.arch[b-fw8rcqjipf] { background: var(--ink-2); }
.pr-badge.refresh[b-fw8rcqjipf] { background: var(--warn); }
.pr-badge.new[b-fw8rcqjipf] { background: var(--ok); }

.pr-body[b-fw8rcqjipf] {
	/* הגוף מרונדר כ-Markdown-lite (ProcedureMarkdown) — הפסקאות והרשימות הן אלמנטים, לא שורות גולמיות. */
	white-space: normal;
	line-height: 1.6;
	border: 1px solid var(--border);
	border-radius: var(--r-md);
	padding: 10px;
	background: var(--surface);
	max-height: 50vh;
	overflow: auto;
}

.pr-files[b-fw8rcqjipf] {
	margin: 4px 0;
	padding-inline-start: 18px;
}

.pr-ack[b-fw8rcqjipf] {
	border: 1px solid var(--brand-border);
	background: var(--bg);
}

.pr-quiz[b-fw8rcqjipf] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 6px 0;
}

.pr-quiz label[b-fw8rcqjipf] {
	display: flex;
	align-items: center;
	gap: 6px;
}
/* _content/CityCarBlazorClient/Pages/Screens/ProceduresDashboard.razor.rz.scp.css */
/* CSS מבודד (AGENTS.md §15) — תמונת המצב (ProceduresDashboardView). */

.pd-head[b-os1p08pki9] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.pd-cards[b-os1p08pki9] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 12px;
}

.pd-card[b-os1p08pki9] {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.pd-num[b-os1p08pki9] {
	font-size: 26px;
	font-weight: bold;
}

.pd-cols[b-os1p08pki9] {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 12px;
	align-items: start;
	margin-top: 12px;
}

@media (max-width: 1000px) {
	.pd-cols[b-os1p08pki9] {
		grid-template-columns: 1fr;
	}
}

.pd-pub[b-os1p08pki9] {
	padding: 8px 0;
	border-bottom: 1px solid var(--border, #ddd);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.pd-pub-title[b-os1p08pki9] {
	font-weight: bold;
}

.pd-crit[b-os1p08pki9] {
	color: var(--danger, #c0392b);
	margin: 0 6px;
}

.pd-bar[b-os1p08pki9] {
	height: 6px;
	border-radius: 3px;
	background: var(--border, #ddd);
	overflow: hidden;
}

.pd-bar div[b-os1p08pki9] {
	height: 100%;
	background: var(--accent, #2563eb);
}
/* _content/CityCarBlazorClient/Pages/Screens/ProcedureTracking.razor.rz.scp.css */
/* CSS מבודד (AGENTS.md §15) — מסך המעקב: רשימת הקפצות | פירוט (ProcedureTrackingView). */

.pt-head[b-ig4ivnsrx4] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.pt-cols[b-ig4ivnsrx4] {
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 12px;
	align-items: start;
}

@media (max-width: 1000px) {
	.pt-cols[b-ig4ivnsrx4] {
		grid-template-columns: 1fr;
	}
}

.pt-pub[b-ig4ivnsrx4] {
	padding: 8px;
	border-bottom: 1px solid var(--border, #ddd);
	cursor: pointer;
}

.pt-pub.pt-sel[b-ig4ivnsrx4] {
	background: var(--surface-2, #eef3ff);
}

.pt-pub-title[b-ig4ivnsrx4] {
	font-weight: bold;
}

.pt-detail[b-ig4ivnsrx4] {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pt-summary[b-ig4ivnsrx4] {
	font-size: 18px;
	font-weight: bold;
}

.pt-bar[b-ig4ivnsrx4] {
	height: 8px;
	border-radius: 4px;
	background: var(--border, #ddd);
	overflow: hidden;
}

.pt-bar div[b-ig4ivnsrx4] {
	height: 100%;
	background: var(--accent, #2563eb);
}
/* _content/CityCarBlazorClient/Pages/Screens/Settings.razor.rz.scp.css */
/* Jobs tab: the schedule inputs stay narrow, the last error is clipped (full text in the tooltip). */
.job-time[b-dey784lu0m] {
	width: 7.5em;
	direction: ltr;
}

.job-err[b-dey784lu0m] {
	max-width: 24em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* _content/CityCarBlazorClient/Pages/Screens/SubscribersNew.razor.rz.scp.css */
/* "ממתינים לאימות": a card tried within the last hour (WPF NewSubAlertItemControl -> Khaki). */
.newsub-card.verify-recent[b-91fa1cm350] { background: var(--warn-tint); border-color: var(--warn-border); }
.newsub-card .verify-info .k[b-91fa1cm350],
.newsub-card .verify-info .v[b-91fa1cm350] { font-weight: 700; }
/* _content/CityCarBlazorClient/Shared/AddressAutocomplete.razor.rz.scp.css */
.addr-ac[b-r57qg3m91l] {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 260px;
}

.addr-ac input[b-r57qg3m91l] {
	flex: 1;
	min-width: 220px;
}

.addr-busy[b-r57qg3m91l] {
	font-size: 12px;
	opacity: .7;
}

.addr-list[b-r57qg3m91l] {
	position: absolute;
	top: 100%;
	inset-inline-start: 0;
	z-index: 50;
	min-width: 100%;
	max-height: 260px;
	overflow-y: auto;
	margin: 2px 0 0;
	padding: 0;
	list-style: none;
	background: #fff;
	border: 1px solid #c8c8c8;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

.addr-list li[b-r57qg3m91l] {
	padding: 6px 10px;
	cursor: pointer;
}

.addr-list li:hover[b-r57qg3m91l] {
	background: #eef4ff;
}
/* _content/CityCarBlazorClient/Shared/CallDocBar.razor.rz.scp.css */
/*
	CSS מבודד לפס "תיעוד שיחה". בכוונה כאן ולא ב-app.css — AGENTS.md §15.
	בזמן שיחה: שורה דקה וניטרלית מתחת לפס "בשיחה עם…". אחרי שיחה שלא תועדה: כתום, כמו
	"נא לתעד" בחלון של התוכנה הישנה — בולט, אבל בלי הבהוב (כלל שלב 14).
*/

.cdoc[b-kpuffvhsdk] {
	flex: none;
	display: grid;
	gap: 6px;
	padding: 4px 16px;
	font-size: var(--fs-sm);
	background: var(--surface);
	border-bottom: 1px solid var(--border);
	color: var(--ink-2);
}

.cdoc.due[b-kpuffvhsdk] {
	background: var(--warn-tint);
	border-bottom-color: var(--warn-border);
	color: var(--warn);
	padding-block: 8px;
}

.cdoc.due b[b-kpuffvhsdk] {
	color: var(--warn);
}

.cdoc-line[b-kpuffvhsdk] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 10px;
}

.cdoc-more[b-kpuffvhsdk] {
	font-size: var(--fs-xs);
}

.cdoc-toggle[b-kpuffvhsdk] {
	border: 1px solid var(--border-strong);
	background: var(--surface);
	color: var(--ink);
	border-radius: var(--r-sm);
	padding: 2px 10px;
	cursor: pointer;
	font: inherit;
}

.cdoc-form[b-kpuffvhsdk] {
	display: grid;
	grid-template-columns: minmax(180px, 260px) 1fr auto;
	gap: 8px;
	align-items: start;
}

.cdoc-form select[b-kpuffvhsdk],
.cdoc-form textarea[b-kpuffvhsdk] {
	padding: 5px 6px;
	border: 1px solid var(--border-strong);
	border-radius: var(--r-sm);
	background: var(--surface);
	color: var(--ink);
	font: inherit;
}

.cdoc-form textarea[b-kpuffvhsdk] {
	resize: vertical;
	min-block-size: 34px;
}

.cdoc-btns[b-kpuffvhsdk] {
	display: inline-flex;
	gap: 6px;
}

.cdoc-btns button[b-kpuffvhsdk] {
	border: 1px solid var(--border-strong);
	background: var(--surface);
	color: var(--ink);
	border-radius: var(--r-sm);
	padding: 5px 14px;
	cursor: pointer;
	font: inherit;
}

.cdoc-btns button.primary[b-kpuffvhsdk] {
	background: var(--brand);
	border-color: var(--brand);
	color: var(--on-brand);
}

.cdoc-btns button:disabled[b-kpuffvhsdk] {
	opacity: .55;
	cursor: default;
}

@media (max-width: 720px) {
	.cdoc-form[b-kpuffvhsdk] {
		grid-template-columns: 1fr;
	}
}
/* _content/CityCarBlazorClient/Shared/CallsPanel.razor.rz.scp.css */
/*
	Geometry hard-guard for the incoming-calls overlay.

	The panel's whole LOOK (purple gradient, per-state row colours, the duration chip) stays in
	wwwroot/css/app.css next to every other screen. This file deliberately repeats only the BOX:
	where the panel sits and how wide it may get.

	Why duplicate it at all: app.css is one shared file for the entire app, so a single stale or
	missing copy of it strips the rules off whatever screen was added last. A <div class="calls-panel">
	with no rules is an ordinary block element — full width, in the document flow — which turns a
	compact floating panel into a full-page plain list of calls. Component-scoped CSS is a separate
	bundle (CityCarBlazorClient.styles.css) with its own fingerprint, and the scoping rewrite makes
	these selectors `.calls-panel[b-…]` (specificity 0,2,0) so they also outrank the app.css copy
	rather than fighting it. Net effect: the panel cannot stretch across the screen, whatever happens
	to the shared sheet.

	Keep these values identical to the .calls-panel / .calls-card / .calls-list block in app.css.
	RTL: logical properties only (inset-inline-end), never right/left.
*/

.calls-panel[b-kz3m6ocp8v] {
	position: fixed;
	inset-block-end: 14px;
	inset-inline-end: 14px;
	z-index: 800; /* below the toasts (900) and the modals (1000) — a dialog must still own the screen */
	max-width: min(420px, calc(100vw - 28px));
	font-size: var(--fs-xs);
}

.calls-card[b-kz3m6ocp8v] {
	width: min(420px, calc(100vw - 28px));
	max-width: min(420px, calc(100vw - 28px));
	overflow: hidden;
}

/* The list scrolls inside the card instead of growing the card past the viewport. */
.calls-list[b-kz3m6ocp8v] {
	max-height: min(60vh, 520px);
	overflow: auto;
}

/* per-call navigation actions (WPF parity: open subscriber / new order / current orders) */
.call-actions[b-kz3m6ocp8v] { display: inline-flex; gap: 4px; margin-inline-start: 6px; vertical-align: middle; }
.ca-btn[b-kz3m6ocp8v] { font-size: var(--fs-xs); line-height: 1.4; padding: 0 6px; border: 1px solid color-mix(in srgb, var(--ink-3) 25%, transparent); border-radius: var(--r-sm); background: var(--on-brand-subtle); cursor: pointer; white-space: nowrap; }
.ca-btn:hover[b-kz3m6ocp8v] { background: var(--surface); border-color: color-mix(in srgb, var(--ink-3) 45%, transparent); }

/* 2026-10-15: the WPF "חלון צף" switch in the head row. */
.ch-switch[b-kz3m6ocp8v] { display: inline-flex; align-items: center; gap: 3px; font-size: .85em; cursor: pointer; white-space: nowrap; opacity: .9; }
.ch-switch input[b-kz3m6ocp8v] { margin: 0; cursor: pointer; }
/* _content/CityCarBlazorClient/Shared/CarDetailsForm.razor.rz.scp.css */
/* CSS מבודד (AGENTS.md §15): הערה שבורה ב-app.css בולעת את הכלל הבא בשקט, ולכן רכיב חדש
   מביא את הכללים שלו איתו. הבידוד מוסיף [b-xxxxx] ולכן גובר בלי להישען על סדר טעינה. */

.ce-head[b-higm987upy] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.ce-cols[b-higm987upy] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	gap: 12px;
	align-items: start;
}

.ce-form[b-higm987upy] {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
}

.ce-form label[b-higm987upy] {
	display: grid;
	grid-template-columns: 140px 1fr;
	align-items: center;
	gap: 8px;
}

.ce-form label > span[b-higm987upy] {
	color: var(--ink-2);
	font-size: var(--fs-sm);
}

.ce-form input[b-higm987upy],
.ce-form[b-higm987upy]  select,
.ce-form textarea[b-higm987upy] {
	width: 100%;
	box-sizing: border-box;
	padding: 4px 6px;
	border: 1px solid var(--border-strong);
	border-radius: var(--r-sm);
	font: inherit;
}

.ce-form input[readonly][b-higm987upy] {
	background: var(--bg);
	color: var(--ink-2);
}

.ce-form label.ce-check[b-higm987upy] {
	grid-template-columns: 22px 1fr;
}

.ce-form label.ce-check input[b-higm987upy] {
	width: auto;
}

.ce-form label.ce-wide[b-higm987upy] {
	grid-template-columns: 1fr;
}

.ce-audit[b-higm987upy] {
	color: var(--ink-2);
	font-size: var(--fs-sm);
	margin: 0 0 8px;
}

/* fieldset עוטף את הטופס בשני המצבים — בלי המסגרת של הדפדפן */
.ce-fs[b-higm987upy] {
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 0;
}

/* ReadOnly: אותם פקדים, מעוצבים כתצוגה ולא כשדה מושבת אפור */
.ce-ro input[b-higm987upy],
.ce-ro[b-higm987upy]  select,
.ce-ro textarea[b-higm987upy] {
	border-color: transparent;
	background: var(--bg);
	color: var(--ink);
	opacity: 1;
	cursor: default;
	-webkit-appearance: none;
	appearance: none;
	resize: none;
}

.ce-ro input[type="checkbox"][b-higm987upy],
.ce-ro input[type="radio"][b-higm987upy] {
	-webkit-appearance: auto;
	appearance: auto;
	accent-color: var(--brand);
}

.ce-ro label.ce-check[b-higm987upy] {
	color: var(--ink);
}
/* _content/CityCarBlazorClient/Shared/CcMap.razor.rz.scp.css */
.ccmap[b-ymw47w9is7] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	height: 100%;
	min-height: 320px;
}

.ccmap-canvas[b-ymw47w9is7] {
	flex: 1 1 auto;
	min-height: 300px;
	border-radius: var(--cc-r, 8px);
	overflow: hidden;
	direction: ltr;
}

.ccmap-foot[b-ymw47w9is7] {
	font-size: 12px;
	opacity: .8;
}

.ccmap-coords[b-ymw47w9is7] {
	direction: ltr;
	unicode-bidi: embed;
	font-variant-numeric: tabular-nums;
}

/* The right-click menu is built by Leaflet inside the canvas, so scoped CSS needs ::deep. */
.ccmap[b-ymw47w9is7]  .ccmap-popup .leaflet-popup-content {
	margin: 6px;
}

.ccmap[b-ymw47w9is7]  .ccmap-menu {
	display: flex;
	flex-direction: column;
	gap: 4px;
	direction: rtl;
}

.ccmap[b-ymw47w9is7]  .ccmap-menu button {
	text-align: right;
	white-space: nowrap;
}
/* _content/CityCarBlazorClient/Shared/ClickToCopy.razor.rz.scp.css */
/* WPF: Foreground="Blue" on every ClickToCopy run */
.ctc[b-c54wtmbpq3] {
	color: #1a4fd8;
	cursor: copy;
}

.ctc:hover[b-c54wtmbpq3] {
	text-decoration: underline dotted;
}
/* _content/CityCarBlazorClient/Shared/DisplayPrefs.razor.rz.scp.css */
.dp[b-16gltjs8f3] { position: relative; display: inline-flex; }

.dp-toggle[b-16gltjs8f3] {
	background: var(--on-brand-subtle); color: inherit; border: 0; border-radius: var(--r-sm);
	min-height: 24px; padding: 0 var(--sp-2); font: inherit; font-size: var(--fs-xs); cursor: pointer;
}
.dp-toggle:focus-visible[b-16gltjs8f3] { outline: 2px solid var(--on-brand); outline-offset: 2px; }

.dp-scrim[b-16gltjs8f3] { position: fixed; inset: 0; z-index: 899; }

.dp-menu[b-16gltjs8f3] {
	position: absolute; top: calc(100% + 6px); inset-inline-end: 0; z-index: 900;
	display: flex; flex-direction: column; gap: var(--sp-3);
	min-width: 240px; padding: var(--sp-3);
	background: var(--surface); color: var(--ink);
	border: 1px solid var(--border); border-radius: var(--r-md); box-shadow: var(--shadow-md);
}

.dp-group[b-16gltjs8f3] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-1); }
.dp-label[b-16gltjs8f3] { width: 100%; font-size: var(--fs-xs); color: var(--ink-3); }

.dp-opt[b-16gltjs8f3] {
	flex: 1; min-height: var(--ctl-h); padding: 0 var(--sp-2);
	background: var(--surface); color: var(--ink-2); font: inherit; font-size: var(--fs-sm);
	border: 1px solid var(--border-strong); border-radius: var(--r-sm); cursor: pointer;
}
.dp-opt:hover[b-16gltjs8f3] { background: var(--surface-2); }
.dp-opt.on[b-16gltjs8f3] { background: var(--brand-tint); color: var(--brand); border-color: var(--brand); font-weight: 600; }
.dp-opt:focus-visible[b-16gltjs8f3] { outline: 2px solid var(--brand); outline-offset: 1px; }
/* _content/CityCarBlazorClient/Shared/DocViewer.razor.rz.scp.css */
/* Shared/DocViewer — WPF SignUpConfirmImageView's image side. Scoped on purpose (AGENTS.md §15). */
.dv[b-bbvkz3ttwe] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }

/* The fixed frame the picture is fitted into (WPF: a Viewbox, Stretch=Uniform). The size is the one the
   page used for its inline document (.ap-main-doc img: max-block-size 52vh). */
.dv-frame[b-bbvkz3ttwe] {
	position: relative;
	block-size: 52vh;
	min-block-size: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid var(--brand-border);
	border-radius: var(--r-md);
	background: var(--surface-2, #f4f4f4);
	cursor: crosshair;
}

.dv-rot[b-bbvkz3ttwe] { position: relative; display: inline-block; line-height: 0; transform-origin: center center; transition: transform .15s; }
.dv-img[b-bbvkz3ttwe] { display: block; object-fit: contain; }

/* The lens: a circle showing the same picture enlarged under the cursor. Positioned by docviewer.js;
   pointer-events none so the mouse keeps landing on the picture under it. */
.dv-lens[b-bbvkz3ttwe] {
	display: none;
	position: absolute;
	pointer-events: none;
	border-radius: 50%;
	border: 2px solid var(--brand);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
	background-repeat: no-repeat;
	background-color: #fff;
}

.dv-pdf[b-bbvkz3ttwe] { inline-size: 100%; block-size: 52vh; border: 0; }

.dv-tools[b-bbvkz3ttwe] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.dv-tools .dv-title[b-bbvkz3ttwe] { font-weight: 700; color: var(--ink-2); flex: 1 1 auto; text-align: center; }
.dv-tools .dv-mag[b-bbvkz3ttwe] { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-xs); }
.dv-pdf-link[b-bbvkz3ttwe] { font-weight: 700; font-size: var(--fs-xs); }

/* SignUpLicenceView: Width=270, Opacity=0.7, a red ring (BorderThickness 2, CornerRadius 50). */
.dv-licence[b-bbvkz3ttwe] { position: relative; inline-size: 270px; max-inline-size: 100%; opacity: .7; align-self: flex-end; direction: ltr; }
.dv-licence img[b-bbvkz3ttwe] { display: block; inline-size: 100%; }
.dv-ring[b-bbvkz3ttwe] { position: absolute; border: 2px solid red; border-radius: 50%; box-sizing: border-box; }

.dv-thumb-pdf[b-bbvkz3ttwe] { display: flex; align-items: center; justify-content: center; block-size: 80px; font-weight: 800; color: var(--ink-3); }
/* _content/CityCarBlazorClient/Shared/ExtensionPanel.razor.rz.scp.css */
/* "ניהול השלוחה" (W-27) - colours of ExtensionManagementView.xaml; the status colour comes from the server
   (ChannelStatusEnum's Color attribute). */
.ext-panel[b-2eyf2se5xh] {
	border-top: 1px solid #d8d3ea;
	padding: 8px 10px;
	background: #f7f5fc;
	font-size: 13px;
}
.ext-head[b-2eyf2se5xh] { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; }
.ext-title[b-2eyf2se5xh] { font-weight: 600; color: #4a3b8f; }
.ext-spacer[b-2eyf2se5xh] { flex: 1; }
.ext-act[b-2eyf2se5xh] { cursor: pointer; padding: 0 4px; }
.ext-status[b-2eyf2se5xh] {
	border: 2px solid #B0BEC5;
	border-radius: 14px;
	padding: 2px 10px;
	margin-bottom: 6px;
	font-weight: 600;
	text-align: center;
}
.ext-unknown[b-2eyf2se5xh] { border-color: #F44336; color: #F44336; font-weight: 400; }
.ext-row[b-2eyf2se5xh] { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; }
.ext-row select[b-2eyf2se5xh] { flex: 1; }
.ext-sub[b-2eyf2se5xh] { font-weight: 600; margin: 4px 0; }
.ext-channel[b-2eyf2se5xh] { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; flex-wrap: wrap; }
.ext-ch-name[b-2eyf2se5xh] { min-width: 90px; }
.ext-circuit[b-2eyf2se5xh] { display: inline-flex; align-items: center; gap: 3px; padding: 1px 6px; border-radius: 10px; border: 1px solid #c9c2e3; cursor: pointer; }
.ext-circuit.on[b-2eyf2se5xh] { background: #4CAF50; color: #fff; border-color: #4CAF50; }
.ext-buttons[b-2eyf2se5xh] { display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 6px; margin-top: 6px; }
.ext-busy[b-2eyf2se5xh] { margin-top: 6px; color: #777; }
/* _content/CityCarBlazorClient/Shared/FineEditPanel.razor.rz.scp.css */
/* WPF SingleCarFineView - two-column form. */
.fe-grid[b-7dcypmh5yw] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 8px 16px;
	margin-bottom: 10px;
}
.fe-grid label[b-7dcypmh5yw] { display: flex; flex-direction: column; gap: 2px; }
.fe-grid label.wide[b-7dcypmh5yw] { grid-column: 1 / -1; }
.fe-grid textarea[b-7dcypmh5yw] { width: 100%; resize: vertical; }
.fe-order[b-7dcypmh5yw] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 6px 0 10px; }
.ok[b-7dcypmh5yw] { color: #1a7f37; }
.err[b-7dcypmh5yw] { color: #c62828; }
/* _content/CityCarBlazorClient/Shared/GroupOrderUpdateDialog.razor.rz.scp.css */
/*
	CSS מבודד (component-scoped) לדיאלוג "עדכון בקבוצה".

	בכוונה כאן ולא ב-wwwroot/css/app.css: AGENTS.md §15 — הערה שבורה שם בולעת את הכלל
	הבא בשקט מוחלט, בלי אזהרת build. קובץ .razor.css נכלל בחבילה
	CityCarBlazorClient.styles.css, שכבר מקושרת ב-Pages/_Host.cshtml, ולכן אין כאן
	שום סיכון לכלל קיים.

	ה-selector-ים מקבלים תכונת [b-xxxxx] בבנייה, ולכן `.modal .gou-body` גובר על
	`.modal .m-body` שב-app.css בלי להישען על סדר הטעינה.
*/

/* רחב כמו חלון ה-WPF: הגריד נושא 13 עמודות (מזהה … הערות). */
.modal.gou-dlg[b-71x9474kys] {
	min-width: min(1180px, 97vw);
	max-width: min(1180px, 97vw);
}

.gou-search[b-71x9474kys] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
}

.gou-search input[b-71x9474kys] {
	flex: 0 0 240px;
	padding: 4px 8px;
	border: 1px solid var(--border-strong);
	border-radius: var(--r-pill);
	font-size: var(--fs-xs);
}

.gou-clip[b-71x9474kys] {
	display: inline-block;
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}

/* m-body הכללי הוא white-space:pre-wrap — טופס צריך גלישה רגילה. */
.modal .gou-body[b-71x9474kys] {
	white-space: normal;
	max-height: 72vh;
	overflow-y: auto;
}

.gou-loading[b-71x9474kys] {
	padding: 12px 2px;
	color: var(--ink-2);
}

.gou-fs[b-71x9474kys] {
	border: 1px solid var(--border);
	border-radius: var(--r-md);
	padding: 6px 10px 10px;
	margin: 0 0 10px;
}

.gou-fs > legend[b-71x9474kys] {
	padding: 0 6px;
	font-size: var(--fs-xs);
	font-weight: 700;
	color: var(--brand);
}

.gou-row[b-71x9474kys] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 7px 0;
}

.gou-lbl[b-71x9474kys] {
	flex: 0 0 160px;
	color: var(--ink-2);
	font-size: var(--fs-xs);
}

.gou-row select[b-71x9474kys],
.gou-row input[type="text"][b-71x9474kys] {
	flex: 1 1 auto;
	min-width: 0;
	padding: 5px;
	border: 1px solid var(--border-strong);
	border-radius: var(--r-sm);
	font-size: var(--fs-xs);
}

.gou-row button[b-71x9474kys] {
	flex: 0 0 auto;
	padding: 5px 10px;
	border: 1px solid var(--border-strong);
	background: var(--surface);
	border-radius: var(--r-sm);
	cursor: pointer;
	font-size: var(--fs-xs);
}

.gou-check[b-71x9474kys] {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 4px 0 10px;
	font-size: var(--fs-xs);
	color: var(--ink-2);
}

.gou-ids[b-71x9474kys] {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: var(--fs-xs);
	color: var(--ink-2);
}

.gou-link[b-71x9474kys] {
	border: 0;
	background: none;
	color: var(--brand);
	cursor: pointer;
	text-decoration: underline;
	font-size: var(--fs-xs);
	padding: 0;
}

.gou-paste[b-71x9474kys] {
	margin-top: 8px;
}

.gou-paste textarea[b-71x9474kys] {
	width: 100%;
	resize: vertical;
	padding: 5px;
	border: 1px solid var(--border-strong);
	border-radius: var(--r-sm);
	font-size: var(--fs-xs);
}

.gou-paste button[b-71x9474kys] {
	margin-top: 6px;
	padding: 5px 12px;
	border: 1px solid var(--border-strong);
	background: var(--surface);
	border-radius: var(--r-sm);
	cursor: pointer;
	font-size: var(--fs-xs);
}

.gou-hint[b-71x9474kys] {
	font-size: var(--fs-xs);
	color: var(--ink-3);
	margin: 4px 0;
}

.gou-prev[b-71x9474kys] {
	max-height: 190px;
	overflow: auto;
	margin-top: 8px;
}

.gou-prev table[b-71x9474kys] {
	font-size: var(--fs-xs);
}

/* שורה שנכשלה או מזהה שלא נמצא. על ה-td, כדי לגבור על הזברה (AGENTS §13). */
.gou-bad > td[b-71x9474kys] {
	background: var(--danger-tint);
	color: var(--danger-strong);
}

.gou-found[b-71x9474kys] {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: var(--fs-xs);
	color: var(--ok);
}

.gou-progress[b-71x9474kys] {
	font-size: var(--fs-xs);
	color: var(--ink-2);
	padding: 2px 0;
}

.gou-validations[b-71x9474kys] {
	margin: 6px 0;
}
/* _content/CityCarBlazorClient/Shared/OrderActionsBar.razor.rz.scp.css */
/*
	CSS מבודד לסרגל הפעולות התחתון. בכוונה כאן ולא ב-app.css — AGENTS.md §15.
*/

.oab[b-i5e32rz8wo] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
	padding: 8px 10px;
	border: 1px solid var(--border);
	border-radius: var(--r-md);
	background: var(--bg);
}

.oab-left[b-i5e32rz8wo] {
	font-size: var(--fs-sm);
	color: var(--ink-2);
}

.oab-left b[b-i5e32rz8wo] {
	color: var(--danger-strong);
	font-size: var(--fs-md);
}

.oab-fix[b-i5e32rz8wo] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: var(--fs-xs);
	color: var(--ink-2);
}

.oab-sep[b-i5e32rz8wo] {
	flex: 0 0 1px;
	align-self: stretch;
	background: var(--border);
	margin: 0 2px;
}

.oab button[b-i5e32rz8wo] {
	padding: 5px 12px;
	border: 1px solid var(--border-strong);
	background: var(--surface);
	border-radius: var(--r-sm);
	cursor: pointer;
	font-size: var(--fs-xs);
	white-space: nowrap;
}

.oab button:hover:not(:disabled)[b-i5e32rz8wo] {
	border-color: var(--brand);
	color: var(--brand);
}

.oab button:disabled[b-i5e32rz8wo] {
	opacity: .5;
	cursor: default;
}

.oab-ok[b-i5e32rz8wo] {
	color: var(--ok);
	font-size: var(--fs-xs);
	font-weight: 600;
}
/* _content/CityCarBlazorClient/Shared/OrderCarRemote.razor.rz.scp.css */
/*
	CSS מבודד לכפתורי "קוד לרכב" בסרגל של כרטיס ההזמנה. בכוונה כאן ולא ב-app.css — AGENTS.md §15.
	הכפתורים יורשים את מראה הכפתורים הרגיל של האתר; כאן רק הקיבוץ ביניהם.
*/

.ocr[b-rxutpu3f61] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding-inline: 6px;
	border-inline-start: 1px solid var(--border);
}

.ocr button[b-rxutpu3f61] {
	height: var(--ctl-h, 30px);
}

.ocr .hint[b-rxutpu3f61] {
	font-size: var(--fs-xs);
	color: var(--ink-2);
}
/* _content/CityCarBlazorClient/Shared/OrderClubPointsPanel.razor.rz.scp.css */
/* the purple-club group of the order (WPF SelectParkingView "מועדון - …") */
.club-box[b-avy3h7s7vv] { border: 1px solid var(--brand-border); background: var(--brand-tint); border-radius: 6px; padding: 8px 10px; margin: 8px 0; }
.club-head[b-avy3h7s7vv] { font-weight: 700; margin-bottom: 6px; }
.club-row[b-avy3h7s7vv] { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: baseline; margin: 3px 0; }
.club-row b[b-avy3h7s7vv] { margin-inline-end: 14px; }
.club-check[b-avy3h7s7vv] { display: flex; gap: 6px; align-items: center; margin: 6px 0 3px; cursor: pointer; }
.club-check input:disabled + span[b-avy3h7s7vv] { color: var(--ink-3); }
/* _content/CityCarBlazorClient/Shared/OrderDataPanel.razor.rz.scp.css */
/*
	CSS מבודד ללשונית "נתונים". בכוונה כאן ולא ב-wwwroot/css/app.css — AGENTS.md §15:
	הערה שבורה שם בולעת את הכלל הבא בשקט, בלי שגיאת build. החבילה
	CityCarBlazorClient.styles.css כבר מקושרת ב-Pages/_Host.cshtml.

	הצבעים מכוונים לשחזר את ה-XAML: שני הראשונים Foreground="Red", ושני
	הסימונים Foreground="Green".
*/

.odp[b-1xt2ym8nl9] {
	padding: 10px 12px;
}

.odp-fs[b-1xt2ym8nl9] {
	border: 1px solid var(--border);
	border-radius: var(--r-md);
	padding: 6px 12px 12px;
	margin: 0 0 10px;
}

.odp-fs > legend[b-1xt2ym8nl9] {
	padding: 0 6px;
	font-size: var(--fs-xs);
	font-weight: 700;
	color: var(--brand);
}

.odp-dim[b-1xt2ym8nl9] {
	opacity: .65;
}

.odp-chk[b-1xt2ym8nl9] {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 6px 0;
	font-size: var(--fs-sm);
	font-weight: 700;
}

.odp-red[b-1xt2ym8nl9] {
	color: var(--danger);
}

.odp-green[b-1xt2ym8nl9] {
	color: var(--ok);
}

.odp-row[b-1xt2ym8nl9] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 7px 0;
}

.odp-lbl[b-1xt2ym8nl9] {
	flex: 0 0 150px;
	color: var(--ink-2);
	font-size: var(--fs-xs);
	font-weight: 400;
}

.odp-row input[type="text"][b-1xt2ym8nl9],
.odp-row input[type="number"][b-1xt2ym8nl9],
.odp-row input[type="date"][b-1xt2ym8nl9],
.odp-row input[type="datetime-local"][b-1xt2ym8nl9],
.odp-row select[b-1xt2ym8nl9] {
	padding: 5px;
	border: 1px solid var(--border-strong);
	border-radius: var(--r-sm);
	font-size: var(--fs-xs);
	min-width: 0;
}

.odp-row input[type="text"][b-1xt2ym8nl9] {
	flex: 1 1 auto;
}

.odp-x[b-1xt2ym8nl9] {
	border: 1px solid var(--border-strong);
	background: var(--surface);
	border-radius: var(--r-sm);
	cursor: pointer;
	font-size: var(--fs-xs);
	line-height: 1;
	padding: 4px 6px;
	color: var(--danger-strong);
}

.odp-grid2[b-1xt2ym8nl9] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 24px;
}

/* שדה שצריך את כל הרוחב בתוך ה-grid בן שתי העמודות. */
.odp-wide[b-1xt2ym8nl9] {
	grid-column: 1 / -1;
}

.odp-totals[b-1xt2ym8nl9] {
	display: flex;
	gap: 24px;
	margin-top: 8px;
	font-size: var(--fs-xs);
	color: var(--ink-2);
}

.odp-office[b-1xt2ym8nl9] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 24px;
	background: var(--warn-tint);
	border-radius: var(--r-sm);
	padding: 4px 8px;
}

.odp-hint[b-1xt2ym8nl9] {
	font-size: var(--fs-xs);
	color: var(--ink-3);
}

.odp-blockers[b-1xt2ym8nl9] {
	margin: 8px 0;
}

.odp-ok[b-1xt2ym8nl9] {
	color: var(--ok);
	font-size: var(--fs-xs);
	font-weight: 600;
	margin: 6px 0;
}

.odp-actions[b-1xt2ym8nl9] {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

.odp-actions button[b-1xt2ym8nl9] {
	padding: 5px 14px;
	border: 1px solid var(--border-strong);
	background: var(--surface);
	border-radius: var(--r-sm);
	cursor: pointer;
	font-size: var(--fs-xs);
}

.odp-actions button.primary[b-1xt2ym8nl9] {
	background: var(--brand);
	border-color: var(--brand);
	color: var(--on-brand);
}

.odp-actions button:disabled[b-1xt2ym8nl9] {
	opacity: .5;
	cursor: default;
}
/* _content/CityCarBlazorClient/Shared/OrderInquiryDialog.razor.rz.scp.css */
/*
	CSS מבודד לחלון "יצירת פניה" של כרטיס ההזמנה. בכוונה כאן ולא ב-app.css — AGENTS.md §15.
*/

.modal.inq-dlg[b-us2f1zxxhv] {
	min-width: min(560px, 94vw);
	max-width: min(680px, 94vw);
}

.inq-body[b-us2f1zxxhv] {
	white-space: normal;
	max-height: 72vh;
	overflow-y: auto;
	display: grid;
	gap: 10px;
}

.inq-head[b-us2f1zxxhv] {
	font-weight: 600;
	color: var(--ink);
}

.inq-ro[b-us2f1zxxhv] {
	padding: 6px 8px;
	border-radius: var(--r-sm);
	background: var(--bg);
	color: var(--ink-2);
	font-size: var(--fs-xs);
}

.inq-search[b-us2f1zxxhv] {
	width: 100%;
	padding: 6px;
	border: 1px solid var(--border-strong);
	border-radius: var(--r-sm);
}

.inq-issues[b-us2f1zxxhv] {
	display: grid;
	gap: 4px;
	max-height: 42vh;
	overflow-y: auto;
	padding: 4px;
	border: 1px solid var(--border);
	border-radius: var(--r-sm);
}

.inq-issue[b-us2f1zxxhv] {
	padding: 4px 6px;
	border-radius: var(--r-sm);
}

.inq-issue.on[b-us2f1zxxhv] {
	background: var(--bg);
	box-shadow: inset 3px 0 0 var(--brand);
}

.inq-issue-name[b-us2f1zxxhv] {
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	font-weight: 600;
}

.inq-step[b-us2f1zxxhv] {
	display: grid;
	gap: 3px;
	margin: 6px 22px 2px 0;
	font-size: var(--fs-xs);
}

.inq-step select[b-us2f1zxxhv],
.inq-step input[type=text][b-us2f1zxxhv] {
	padding: 4px 6px;
	border: 1px solid var(--border-strong);
	border-radius: var(--r-sm);
	background: var(--surface);
	color: var(--ink);
}

.inq-multi[b-us2f1zxxhv] {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 12px;
}

.inq-multi label[b-us2f1zxxhv] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

/* app.css gives every input inside .modal .m-body full width and a top margin (meant for the prompt
   dialog's single text box). Checkboxes and the step fields here must not inherit that. */
.inq-dlg .inq-body input[type=checkbox][b-us2f1zxxhv] {
	width: auto;
	margin: 0;
	flex: none;
	inline-size: 16px;
	block-size: 16px;
}

.inq-dlg .inq-body input[type=text][b-us2f1zxxhv],
.inq-dlg .inq-body input[type=search][b-us2f1zxxhv],
.inq-dlg .inq-body input[type=date][b-us2f1zxxhv] {
	margin-top: 0;
}
/* _content/CityCarBlazorClient/Shared/OrderPricePanel.razor.rz.scp.css */
/*
	CSS מבודד ללוח המחיר. בכוונה כאן ולא ב-app.css — AGENTS.md §15.
	"כולל השינויים שלא נשמרו": מסגרת צהובה, כמו "ההזמנה הנוכחית" ביומן - זה מה שעומד להישמר.
*/

.pp-pending[b-8q09pf8lm6] {
	margin: 6px 0 10px;
	padding: 8px 10px;
	border: 1px solid #b8a92c;
	border-inline-start: 4px solid #8c7f12;
	border-radius: var(--r-sm);
	background: #FFFBDA;
	color: #1d1b26;
}

.pp-pend-head[b-8q09pf8lm6] {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
	align-items: baseline;
	margin-bottom: 4px;
}

.pp-pend-head b[b-8q09pf8lm6] {
	font-size: var(--fs-md);
}

.pp-pend-err[b-8q09pf8lm6] {
	color: var(--danger-strong);
	font-weight: 600;
}
/* _content/CityCarBlazorClient/Shared/ParkingEditPanel.razor.rz.scp.css */
/* WPF SingleParkingView form. */
.pe-grid[b-jae337yntc] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 8px 16px;
	margin-bottom: 10px;
}
.pe-grid label[b-jae337yntc] { display: flex; flex-direction: column; gap: 2px; }
.pe-grid label.wide[b-jae337yntc] { grid-column: 1 / -1; }
.pe-grid textarea[b-jae337yntc] { width: 100%; resize: vertical; }
.ok[b-jae337yntc] { color: #1a7f37; }
.err[b-jae337yntc] { color: #c62828; }
/* _content/CityCarBlazorClient/Shared/PayingSubPanel.razor.rz.scp.css */
/* "מנוי משלם" — the WPF SubDetailsInOrderView border, 1:1.

   XAML: <Border Background="{StaticResource CityCarColor}" CornerRadius="10"> with a Margin=3
   horizontal StackPanel inside: a bold white FontSize=16 "מנוי משלם:" TextBlock and a
   dxe:ComboBoxEdit (MinWidth=150, MaxWidth=220, FontSize=16, DemiBold, IsTextEditable=False).
   CityCarColor = #FF6F3996 = --brand. The 10px radius is the ONE rounded corner in the WPF order
   card, so it is kept as-is rather than flattened to the 2px chrome radius. */

.paying-sub[b-c7gqb0ij1s] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 6px 0 0;
	padding: 3px 10px;
	background: var(--brand, var(--brand));
	border-radius: var(--r-md);
}

.ps-lbl[b-c7gqb0ij1s] {
	font-size: var(--fs-lg);
	font-weight: 700;
	color: var(--on-brand);
	white-space: nowrap;
}

/* IsTextEditable="False" — a picker, never a text box. */
.ps-combo[b-c7gqb0ij1s] {
	min-width: 150px;
	max-width: 220px;
	font-size: var(--fs-lg);
	font-weight: 600;
	text-align: center;
	text-align-last: center;
	padding: 1px 6px;
	color: var(--ink);
	background: var(--surface);
	border: 1px solid var(--brand-dark, var(--brand-strong));
	border-radius: var(--r-sm);
}

.ps-combo:disabled[b-c7gqb0ij1s] {
	opacity: .6;
	cursor: progress;
}

/* No permission to switch: the WPF read-only card still names the payer. */
.ps-ro[b-c7gqb0ij1s] {
	max-width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: var(--fs-lg);
	font-weight: 600;
	color: var(--on-brand);
}

.ps-busy[b-c7gqb0ij1s] {
	font-size: var(--fs-xs);
	color: var(--on-brand);
	opacity: .85;
}

.ps-err[b-c7gqb0ij1s] {
	margin-top: 4px;
	font-size: var(--fs-xs);
	color: var(--danger-strong);
}
/* _content/CityCarBlazorClient/Shared/PinnedNoteBar.razor.rz.scp.css */
/* the date + rep beside the pinned text, also in hosts whose global class does not style it (oc-note) */
.pn-when[b-85j2v5eune] { color: var(--ink-3); font-weight: 400; font-size: var(--fs-xs); margin-inline-start: 8px; }
.cc-btn[b-85j2v5eune] { margin-inline-start: 8px; }
/* _content/CityCarBlazorClient/Shared/ProcedureMarkdown.razor.rz.scp.css */
/* CSS מבודד (AGENTS.md §15) — אותם גדלים של MarkdownLiteRenderer ב-WPF (14/19/16). */

.pmd[b-wei2v8kav5] {
	direction: rtl;
	font-size: 14px;
	line-height: 22px;
}

.pmd-h1[b-wei2v8kav5] {
	font-size: 19px;
	font-weight: bold;
	margin: 6px 0 8px;
}

.pmd-h2[b-wei2v8kav5] {
	font-size: 16px;
	font-weight: bold;
	margin: 6px 0 8px;
}

.pmd-p[b-wei2v8kav5] {
	margin: 0 0 10px;
	white-space: normal;
}

.pmd-list[b-wei2v8kav5] {
	margin: 0 22px 10px 0;
	padding: 0;
}

.pmd-img[b-wei2v8kav5] {
	display: block;
	max-width: min(640px, 100%);
	margin: 4px 0 12px;
}

.pmd-ph[b-wei2v8kav5] {
	color: gray;
	font-style: italic;
	margin: 0 0 10px;
}
/* _content/CityCarBlazorClient/Shared/ProcedurePushDialog.razor.rz.scp.css */
/* CSS מבודד (AGENTS.md §15) — חלון ההקפצה (ProcedurePublishView ב-WPF). */

.pp-overlay[b-xn68qgybm9] {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.35);
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 6vh;
	z-index: 900;
}

.pp-dialog[b-xn68qgybm9] {
	position: relative;
	width: min(640px, 94vw);
	max-height: 86vh;
	overflow: auto;
	direction: rtl;
}

.pp-label[b-xn68qgybm9] {
	font-size: 12px;
	font-weight: bold;
	opacity: 0.75;
	margin-bottom: 4px;
}

.pp-title[b-xn68qgybm9] {
	font-size: 17px;
	font-weight: bold;
}

.pp-section[b-xn68qgybm9] {
	margin-top: 14px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.pp-levels[b-xn68qgybm9] {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

.pp-levels label[b-xn68qgybm9] {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 4px 10px;
	border: 1px solid var(--line, #ccc);
	border-radius: 6px;
	cursor: pointer;
}

.pp-levels label.pp-sel[b-xn68qgybm9] {
	border-color: var(--accent, #2563eb);
	font-weight: bold;
}

.pp-check[b-xn68qgybm9] {
	display: flex;
	align-items: center;
	gap: 6px;
}

.pp-users-bar[b-xn68qgybm9] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pp-users-bar input[b-xn68qgybm9] {
	flex: 1;
}

.pp-users-list[b-xn68qgybm9] {
	max-height: 240px;
	overflow: auto;
	border: 1px solid var(--line, #ccc);
	border-radius: 6px;
	padding: 4px 8px;
}

.pp-users-list label[b-xn68qgybm9] {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 2px 0;
}

.pp-users-list i[b-xn68qgybm9] {
	opacity: 0.6;
	font-size: 12px;
}

.pp-foot[b-xn68qgybm9] {
	margin-top: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.pp-count[b-xn68qgybm9] {
	font-weight: bold;
}

.pp-confirm[b-xn68qgybm9] {
	position: absolute;
	inset: 0;
	background: var(--surface, #fff);
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	justify-content: center;
}
/* _content/CityCarBlazorClient/Shared/ProfitCenterEditPanel.razor.rz.scp.css */
/* WPF SingleProfitCenterView form. */
.pc-grid[b-f5fw7e5gcy] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 8px 16px;
	margin-bottom: 10px;
}
.pc-grid label[b-f5fw7e5gcy] { display: flex; flex-direction: column; gap: 2px; }
.pc-edit fieldset[b-f5fw7e5gcy] { border: 1px solid var(--cc-line, #d0d7e2); border-radius: var(--cc-r, 8px); margin: 8px 0; padding: 6px 12px; }
.pc-edit[b-f5fw7e5gcy]  select[multiple] { min-width: 220px; }
.ok[b-f5fw7e5gcy] { color: #1a7f37; }
.err[b-f5fw7e5gcy] { color: #c62828; }
/* _content/CityCarBlazorClient/Shared/StationPicker.razor.rz.scp.css */
/*
	CSS מבודד לשורת "הצעות עם קופונים" שנוספה לבורר התחנות (2026-09-22).
	רק שתי המחלקות החדשות — כל שאר עיצוב הבורר נשאר ב-app.css כפי שהיה.
	בכוונה כאן ולא שם: AGENTS.md §15.

	הרקע הירקרק הוא הפורט של
	Background="{Binding HasSuggestions, Converter={converters:BooleanToBrushConverter TrueColor=GreenYellow}}"
	ב-SelectParkingView.xaml — הסימן שיש בכלל הצעות.
*/

.sugg-row[b-h3km3u0tom] {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 6px 0 0;
	padding: 6px 10px;
	border-radius: var(--r-sm);
	background: var(--ok-tint);
	border: 1px solid var(--ok-border);
}

.sugg-lbl[b-h3km3u0tom] {
	flex: 0 0 auto;
	font-size: var(--fs-xs);
	font-weight: 700;
	color: var(--ok);
}

.sugg-row select[b-h3km3u0tom] {
	flex: 1 1 auto;
	min-width: 0;
	padding: 4px 6px;
	border: 1px solid var(--border-strong);
	border-radius: var(--r-sm);
	font-size: var(--fs-xs);
	background: var(--surface);
}
/* _content/CityCarBlazorClient/Shared/SubOpenByBanner.razor.rz.scp.css */
/* SubscriptionView.xaml: DarkRed, white, FontWeight=Black — the warning another rep has this subscriber open. */
.sub-open-by[b-0su01rhoaj] {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
	background: darkred;
	color: #fff;
	font-weight: 800;
	border-radius: var(--r-md);
	padding: 6px 10px;
	margin-bottom: 8px;
}
/* _content/CityCarBlazorClient/Shared/UserCardEditor.razor.rz.scp.css */
.flag[b-lp7jhcfoe6] {
	display: inline-block;
	margin-inline-end: 14px;
	white-space: nowrap;
}

.ext-channel[b-lp7jhcfoe6] {
	margin-bottom: 6px;
}

.ext-channel strong[b-lp7jhcfoe6] {
	display: inline-block;
	min-width: 110px;
}
/* _content/CityCarBlazorClient/Shared/UserHistoryPanel.razor.rz.scp.css */
/* Docked panel. Owner 2026-09-15 ("הפופאפ של פעולות אחרונות משגע אותי — שים אותו למעלה בצד שמאל"):
   TOP-LEFT, i.e. inset-inline-end in this RTL app, just under the top bar. The calls panel keeps the
   bottom-left corner (inset-inline-end / inset-block-end, z-index 800); with this one anchored to the
   top and capped at half the viewport the two never meet, and neither sits over the form's action
   buttons or the toasts (top-right). Lower z-index so live calls always win.
   pointer-events: the rail must not swallow clicks meant for the page underneath. */
/* 2026-09-17: the breadcrumb row it used to sit on is gone — the collapsed pill now lives INSIDE
   the purple top bar (app.css reserves the room with .topbar-user { margin-inline-end }). */
.uh-panel[b-l0pg0rlfmh] { position: fixed; inset-inline-end: 12px; inset-inline-start: auto; inset-block-start: 3px; inset-block-end: auto; z-index: 700; direction: rtl; font-size: var(--fs-sm); display: flex; flex-direction: column; align-items: flex-end; pointer-events: none; }
.uh-panel > *[b-l0pg0rlfmh] { pointer-events: auto; }
.uh-card[b-l0pg0rlfmh] { width: 360px; height: auto; max-height: min(50vh, 460px); display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-md); box-shadow: 0 6px 24px var(--shadow-color); overflow: hidden; }
.uh-list[b-l0pg0rlfmh] { flex: 1; }

.uh-head[b-l0pg0rlfmh] { display: flex; align-items: center; gap: 8px; padding: 6px 10px; background: var(--brand); color: var(--on-brand); user-select: none; touch-action: none; cursor: move; }
.uh-title[b-l0pg0rlfmh] { font-weight: 600; }
.uh-spacer[b-l0pg0rlfmh] { flex: 1; }
.uh-act[b-l0pg0rlfmh] { cursor: pointer; padding: 0 4px; color: var(--on-brand); }
.uh-filters[b-l0pg0rlfmh] { display: flex; gap: 6px; padding: 6px 10px; border-bottom: 1px solid var(--border); }
.uh-filters select[b-l0pg0rlfmh] { max-width: 170px; }
.uh-list[b-l0pg0rlfmh] { overflow-y: auto; flex: 1; }
.uh-row[b-l0pg0rlfmh] { display: flex; align-items: center; gap: 6px; padding: 4px 10px; border-bottom: 1px solid var(--surface); }
.uh-dot[b-l0pg0rlfmh] { width: 10px; height: 10px; border-radius: var(--r-pill); flex: none; background: var(--ink-3); }
.uh-cat-1[b-l0pg0rlfmh], .uh-cat-2[b-l0pg0rlfmh] { background: var(--ok); }
.uh-cat-3[b-l0pg0rlfmh], .uh-cat-4[b-l0pg0rlfmh] { background: var(--info); }
.uh-cat-5[b-l0pg0rlfmh] { background: var(--warn); }
.uh-cat-6[b-l0pg0rlfmh] { background: var(--danger); }
.uh-what[b-l0pg0rlfmh] { font-weight: 600; white-space: nowrap; }
.uh-who[b-l0pg0rlfmh] { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-2); }
.uh-when[b-l0pg0rlfmh] { color: var(--ink-3); font-size: var(--fs-xs); white-space: nowrap; }
.uh-open[b-l0pg0rlfmh] { color: var(--brand); cursor: pointer; text-decoration: underline; white-space: nowrap; }
.uh-err[b-l0pg0rlfmh] { color: var(--danger-strong); padding: 8px; }
.uh-empty[b-l0pg0rlfmh] { color: var(--ink-3); padding: 10px; text-align: center; }
.uh-pill[b-l0pg0rlfmh] { display: inline-flex; align-items: center; gap: 6px; background: var(--brand); color: var(--on-brand); border-radius: var(--r-md); padding: 4px 12px; cursor: pointer; box-shadow: 0 3px 10px var(--shadow-color); }