/* Carsharing Web — общие стили (мобильная и десктоп) */

:root {
	--carsharing-primary: #2563eb;
	--carsharing-primary-dark: #1d4ed8;
	--carsharing-bg: #f8fafc;
	--carsharing-card-border: #e2e8f0;
	--carsharing-text: #1e293b;
	--carsharing-text-muted: #64748b;
}

/* Навигация */
.carsharing-nav {
	background: var(--carsharing-primary);
	color: #fff;
	padding: 0.6rem 1rem;
	margin-bottom: 1.5rem;
	border-radius: 0.5rem;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.carsharing-nav a {
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	padding: 0.4rem 0.8rem;
	border-radius: 0.375rem;
	transition: background 0.15s;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
}
.carsharing-nav a:hover { background: rgba(255,255,255,0.2); color: #fff; }
.carsharing-nav .nav-brand { font-size: 1.1rem; }
.carsharing-nav .btn-back {
	background: rgba(255,255,255,0.2);
	font-size: 0.95rem;
}
.carsharing-nav .btn-back:hover { background: rgba(255,255,255,0.3); }
.carsharing-nav { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; }

/* Контейнер страницы */
.carsharing-page { background: var(--carsharing-bg); color: var(--carsharing-text); }
.carsharing-page { max-width: 900px; margin: 0 auto; padding: 0 0.75rem; }
@media (min-width: 768px) { .carsharing-page { padding: 0 1rem; } }

/* Заголовки страниц */
.carsharing-page-title {
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--carsharing-text);
	margin-bottom: 1.25rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
@media (min-width: 768px) { .carsharing-page-title { font-size: 1.75rem; } }

/* Карточки секций форм */
.carsharing-card {
	border: 1px solid var(--carsharing-card-border);
	border-radius: 0.5rem;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	margin-bottom: 1rem;
	overflow: hidden;
}
.carsharing-card-header {
	background: var(--carsharing-primary);
	color: #fff;
	padding: 0.65rem 1rem;
	font-weight: 600;
	font-size: 1rem;
}
.carsharing-card-body { padding: 1rem; background: #fff; }
@media (min-width: 768px) { .carsharing-card-body { padding: 1.25rem; } }

/* Формы */
.carsharing-form .form-label { font-weight: 500; color: var(--carsharing-text); }
.carsharing-form .form-control, .carsharing-form .form-select {
	border-radius: 0.375rem;
	border-color: var(--carsharing-card-border);
	font-size: 1rem;
	min-height: 44px;
}
.carsharing-form .form-control:focus, .carsharing-form .form-select:focus {
	border-color: var(--carsharing-primary);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}
.carsharing-form .required::after { content: " *"; color: #dc2626; }
.carsharing-form .row > [class*="col"] { margin-bottom: 0.75rem; }
@media (min-width: 768px) { .carsharing-form .row > [class*="col"] { margin-bottom: 1rem; } }

/* Кнопки */
.carsharing-btn-submit {
	background: var(--carsharing-primary);
	border-color: var(--carsharing-primary);
	color: #fff;
	font-weight: 600;
	padding: 0.65rem 1.5rem;
	min-height: 48px;
	border-radius: 0.5rem;
	transition: background 0.15s, transform 0.1s;
}
.carsharing-btn-submit:hover {
	background: var(--carsharing-primary-dark);
	border-color: var(--carsharing-primary-dark);
	color: #fff;
	transform: translateY(-1px);
}
.carsharing-btn-submit:focus-visible { box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.35); }

/* Эмодзи-иконки карточек (общие стили — сайт) */
.cs-emoji-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: rgba(37, 99, 235, 0.1);
	font-size: 1.6rem;
	line-height: 1;
}

/* Главная: карточки */
.carsharing-home .card {
	border: 1px solid var(--carsharing-card-border);
	border-radius: 0.5rem;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	transition: transform 0.2s, box-shadow 0.2s;
	height: 100%;
}
.carsharing-home .card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.carsharing-home .card-body { padding: 1.25rem; text-align: center; }
.carsharing-home .card-title { font-weight: 600; color: var(--carsharing-text); font-size: 1.1rem; }
.carsharing-home .card-text { color: var(--carsharing-text-muted); font-size: 0.9rem; margin-bottom: 1rem; }
.carsharing-home .card-icon {
	margin-bottom: 0.85rem;
	display: flex;
	justify-content: center;
}
.carsharing-home .btn { border-radius: 0.5rem; font-weight: 500; min-height: 44px; width: 100%; text-align: center; }
.carsharing-home .card-body .btn {
	display: inline-flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
}
.carsharing-home .row.g-4 { row-gap: 1rem; }
@media (min-width: 768px) { .carsharing-home .card-body { padding: 1.5rem; } }

/* Сводка и календарь */
.carsharing-summary .form-control { min-width: 200px; }
.carsharing-summary .card { border-radius: 0.5rem; border-color: var(--carsharing-card-border); }
.carsharing-summary .csd-hourly-actions { justify-content: flex-start !important; gap: 0.75rem !important; }
.carsharing-summary .csd-hourly-actions .csd-hourly-btn + .csd-hourly-btn { margin-left: 0.75rem !important; }
.carsharing-summary .csd-hourly-btn {
	background-color: #fff !important;
	color: #212529 !important;
	border: 1px solid #dee2e6 !important;
	font-weight: 600;
	padding: 0.45rem 1rem;
	font-size: 0.875rem;
	border-radius: 50rem;
	box-shadow: none !important;
	width: auto !important;
}
.carsharing-summary .csd-hourly-btn:hover,
.carsharing-summary .csd-hourly-btn:focus,
.carsharing-summary .csd-hourly-btn:active {
	background-color: #f8f9fa !important;
	color: #212529 !important;
	border-color: #ced4da !important;
}
.car-summary-calendar th, .car-summary-calendar td { min-width: 36px; min-height: 36px; padding: 0.4rem; text-align: center; font-size: 0.9rem; }
@media (min-width: 768px) { .car-summary-calendar th, .car-summary-calendar td { min-width: 42px; min-height: 42px; padding: 0.5rem; } }

/* Кнопки «Открыть» на главной — центрирование текста (span внутри flex) и симметричный padding */
.carsharing-btn-open {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
	text-align: center !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
.carsharing-btn-open span {
	display: block;
}

/* Кнопки отправки формы */
.carsharing-form-actions { margin-top: 1.5rem; margin-bottom: 2rem; }
@media (max-width: 767px) { .carsharing-form-actions .btn { min-height: 48px; width: 100%; } }


/* ═══════════════════════════════════════════════════════════════
   PWA — фиолетовый дизайн (только в установленном приложении)
   Применяется при display-mode: standalone (Android/Desktop)
   и при классе pwa-standalone (iOS Safari — добавляется через JS)
   ═══════════════════════════════════════════════════════════════ */

/* Переменные для Android/Desktop PWA */
@media (display-mode: standalone) {
	:root {
		--pwa-purple:       #7B61FF;
		--pwa-purple-dark:  #6246EA;
		--pwa-purple-light: #A78BFA;
		--pwa-bg:           #F2F2F7;
		--pwa-card-bg:      #FFFFFF;
		--pwa-text:         #1C1C1E;
		--pwa-text-muted:   #8E8E93;
		--pwa-shadow:       0 4px 20px rgba(123,97,255,0.13);
		--pwa-shadow-hover: 0 8px 32px rgba(123,97,255,0.22);
	}
}

/* Переменные для iOS PWA (класс добавляется через JS на <html>) */
html.pwa-standalone,
html.pwa-standalone * {
	--pwa-purple:       #7B61FF;
	--pwa-purple-dark:  #6246EA;
	--pwa-purple-light: #A78BFA;
	--pwa-bg:           #F2F2F7;
	--pwa-card-bg:      #FFFFFF;
	--pwa-text:         #1C1C1E;
	--pwa-text-muted:   #8E8E93;
	--pwa-shadow:       0 4px 20px rgba(123,97,255,0.13);
	--pwa-shadow-hover: 0 8px 32px rgba(123,97,255,0.22);
}

/* ── Шрифт ── */
@media (display-mode: standalone) {
	body, input, select, textarea, button {
		font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important;
	}
}
.pwa-standalone body,
.pwa-standalone input,
.pwa-standalone select,
.pwa-standalone textarea,
.pwa-standalone button {
	font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ── Фон страницы ── */
@media (display-mode: standalone) {
	body { background: var(--pwa-bg) !important; }
	.carsharing-page { background: var(--pwa-bg) !important; color: var(--pwa-text) !important; }
}
.pwa-standalone body { background: var(--pwa-bg) !important; }
.pwa-standalone .carsharing-page { background: var(--pwa-bg) !important; color: var(--pwa-text) !important; }

/* ── Навигация (PWA: Figma) ── */
@media (display-mode: standalone) {
	.carsharing-nav {
		background: #0B0F1A !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		border: none !important;
		border-bottom: none !important;
		padding: env(safe-area-inset-top, 44px) 16px 4px !important;
		margin-bottom: 0 !important;
		height: auto !important;
		min-height: calc(45px + env(safe-area-inset-top, 44px)) !important;
		display: flex !important;
		align-items: flex-end !important;
		justify-content: flex-start !important;
		position: relative !important;
	}
	/* "Каршеринг" — только на главной странице каршеринга (где есть .carsharing-home) */
	.carsharing-nav::before {
		content: none !important;
	}
	body:has(.realty-home) .carsharing-nav::before {
		content: "\041D\0435\0434\0432\0438\0436\0438\043C\043E\0441\0442\044C" !important;
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		color: #FFFFFF !important;
		font-size: 20px !important;
		font-weight: 600 !important;
		letter-spacing: -0.01em !important;
		pointer-events: none !important;
		white-space: nowrap !important;
	}
	body:has(.carsharing-home) .carsharing-nav::before {
		content: "\041A\0430\0440\0448\0435\0440\0438\043D\0433" !important;
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		color: #FFFFFF !important;
		font-size: 20px !important;
		font-weight: 600 !important;
		letter-spacing: -0.01em !important;
		pointer-events: none !important;
		white-space: nowrap !important;
	}
	.carsharing-nav .nav-brand { display: none !important; }
	.carsharing-nav .carsharing-nav-links { display: none !important; }
	/* Кнопка назад: 45×45px, #23293A, тонкая рамка */
	.carsharing-nav .btn-back {
		background: #23293A !important;
		border: 1px solid rgba(255,255,255,0.25) !important;
		border-radius: 50% !important;
		padding: 0 !important;
		margin: 0 !important;
		width: 45px !important;
		height: 45px !important;
		min-width: 45px !important;
		min-height: 45px !important;
		max-width: 45px !important;
		max-height: 45px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		overflow: hidden !important;
		font-size: 0 !important;
		color: transparent !important;
		text-decoration: none !important;
		position: relative !important;
		z-index: 2 !important;
		flex-shrink: 0 !important;
		box-sizing: border-box !important;
	}
	/* SVG-шеврон: chevron.forward -180°, 13×20px, top:13 left:16 */
	.carsharing-nav .btn-back::before {
		content: "" !important;
		display: block !important;
		position: absolute !important;
		top: 13px !important;
		left: 16px !important;
		width: 13px !important;
		height: 20px !important;
		background-image: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 2L2 10L9.5 18' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
		background-position: center !important;
	}
	.carsharing-nav .btn-back:hover,
	.carsharing-nav .btn-back:active {
		background: #2e3545 !important;
	}
}
/* ── iOS PWA: то же самое ── */
.pwa-standalone .carsharing-nav {
	background: #0B0F1A !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	border: none !important;
	border-bottom: none !important;
	padding: env(safe-area-inset-top, 44px) 16px 0 !important;
	margin-bottom: 0 !important;
	height: auto !important;
	min-height: calc(45px + env(safe-area-inset-top, 44px)) !important;
	display: flex !important;
	align-items: flex-end !important;
	justify-content: flex-start !important;
	position: relative !important;
	padding-bottom: 4px !important;
}
.pwa-standalone .carsharing-nav::before {
	content: none !important;
}
body:has(.realty-home) .pwa-standalone .carsharing-nav::before,
.pwa-standalone body:has(.realty-home) .carsharing-nav::before {
	content: "\041D\0435\0434\0432\0438\0436\0438\043C\043E\0441\0442\044C" !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}
body:has(.carsharing-home) .pwa-standalone .carsharing-nav::before,
.pwa-standalone body:has(.carsharing-home) .carsharing-nav::before {
	content: "\041A\0430\0440\0448\0435\0440\0438\043D\0433" !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}
.pwa-standalone .carsharing-nav .nav-brand { display: none !important; }
.pwa-standalone .carsharing-nav .carsharing-nav-links { display: none !important; }
.pwa-standalone .carsharing-nav .btn-back {
	background: #23293A !important;
	border: 1px solid rgba(255,255,255,0.25) !important;
	border-radius: 150px !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 45px !important;
	height: 45px !important;
	min-width: 45px !important;
	min-height: 45px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: visible !important;
	text-indent: -9999px !important;
	white-space: nowrap !important;
	position: relative !important;
	z-index: 2 !important;
	flex-shrink: 0 !important;
}
.pwa-standalone .carsharing-nav .btn-back:hover,
.pwa-standalone .carsharing-nav .btn-back:active {
	background: #2e3545 !important;
}
.pwa-standalone .carsharing-nav .btn-back::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: 13px !important;
	left: 16px !important;
	width: 13px !important;
	height: 20px !important;
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 2L2 10L9.5 18' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: center !important;
}

/* ── Заголовок страницы ── */
@media (display-mode: standalone) {
	.carsharing-page-title {
		font-weight: 800 !important;
		font-size: 1.55rem !important;
		color: var(--pwa-text) !important;
		letter-spacing: -0.02em;
	}
}
.pwa-standalone .carsharing-page-title {
	font-weight: 800 !important;
	font-size: 1.55rem !important;
	color: var(--pwa-text) !important;
}

/* ── Карточки секций форм ── */
@media (display-mode: standalone) {
	.carsharing-card {
		border: none !important;
		border-radius: 20px !important;
		box-shadow: var(--pwa-shadow) !important;
		margin-bottom: 1.1rem !important;
		overflow: hidden !important;
	}
	.carsharing-card-header {
		background: linear-gradient(135deg, var(--pwa-purple) 0%, var(--pwa-purple-light) 100%) !important;
		border-radius: 20px 20px 0 0 !important;
		padding: 0.8rem 1.1rem !important;
		font-weight: 700 !important;
		font-size: 1rem !important;
		letter-spacing: 0.01em;
	}
	.carsharing-card-body {
		background: var(--pwa-card-bg) !important;
		border-radius: 0 0 20px 20px !important;
		padding: 1.1rem !important;
	}
}
.pwa-standalone .carsharing-card {
	border: none !important;
	border-radius: 20px !important;
	box-shadow: var(--pwa-shadow) !important;
	margin-bottom: 1.1rem !important;
	overflow: hidden !important;
}
.pwa-standalone .carsharing-card-header {
	background: linear-gradient(135deg, var(--pwa-purple) 0%, var(--pwa-purple-light) 100%) !important;
	border-radius: 20px 20px 0 0 !important;
	padding: 0.8rem 1.1rem !important;
	font-weight: 700 !important;
}
.pwa-standalone .carsharing-card-body {
	background: var(--pwa-card-bg) !important;
	border-radius: 0 0 20px 20px !important;
	padding: 1.1rem !important;
}

/* ── Поля ввода ── */
@media (display-mode: standalone) {
	.carsharing-form .form-control,
	.carsharing-form .form-select,
	.form-control, .form-select {
		border-radius: 12px !important;
		border-color: #E5E5EA !important;
		background: #F9F9FB !important;
		font-size: 1rem !important;
		min-height: 46px !important;
		font-family: 'Nunito', sans-serif !important;
		color: var(--pwa-text) !important;
	}
	.carsharing-form .form-control:focus,
	.carsharing-form .form-select:focus,
	.form-control:focus, .form-select:focus {
		border-color: var(--pwa-purple) !important;
		box-shadow: 0 0 0 3px rgba(123, 97, 255, 0.18) !important;
		background: #fff !important;
	}
	.carsharing-form .form-label,
	.form-label {
		font-weight: 700 !important;
		font-size: 0.88rem !important;
		color: var(--pwa-text-muted) !important;
		text-transform: uppercase !important;
		letter-spacing: 0.04em !important;
	}
}
.pwa-standalone .form-control,
.pwa-standalone .form-select {
	border-radius: 12px !important;
	border-color: #E5E5EA !important;
	background: #F9F9FB !important;
	min-height: 46px !important;
	font-family: 'Nunito', sans-serif !important;
}
.pwa-standalone .form-control:focus,
.pwa-standalone .form-select:focus {
	border-color: var(--pwa-purple) !important;
	box-shadow: 0 0 0 3px rgba(123, 97, 255, 0.18) !important;
	background: #fff !important;
}
.pwa-standalone .form-label {
	font-weight: 700 !important;
	font-size: 0.88rem !important;
	color: var(--pwa-text-muted) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
}

/* ── Кнопка «Сохранить» ── */
@media (display-mode: standalone) {
	.carsharing-btn-submit {
		background: linear-gradient(135deg, var(--pwa-purple) 0%, var(--pwa-purple-dark) 100%) !important;
		border: none !important;
		border-radius: 50px !important;
		font-weight: 800 !important;
		font-size: 1rem !important;
		padding: 0.75rem 2rem !important;
		min-height: 52px !important;
		box-shadow: 0 4px 16px rgba(123, 97, 255, 0.35) !important;
		letter-spacing: 0.01em;
		transition: transform 0.15s, box-shadow 0.15s !important;
	}
	.carsharing-btn-submit:hover {
		transform: translateY(-2px) !important;
		box-shadow: 0 8px 24px rgba(123, 97, 255, 0.45) !important;
		background: linear-gradient(135deg, var(--pwa-purple-dark) 0%, var(--pwa-purple) 100%) !important;
	}
	.carsharing-btn-submit:active { transform: translateY(0) !important; }
}
.pwa-standalone .carsharing-btn-submit {
	background: linear-gradient(135deg, var(--pwa-purple) 0%, var(--pwa-purple-dark) 100%) !important;
	border: none !important;
	border-radius: 50px !important;
	font-weight: 800 !important;
	padding: 0.75rem 2rem !important;
	min-height: 52px !important;
	box-shadow: 0 4px 16px rgba(123, 97, 255, 0.35) !important;
}

/* ── Главная страница — карточки (PWA: дизайн Figma тёмная тема) ── */
@media (display-mode: standalone) {
	body { background: #0B0F1A !important; }
	.carsharing-page {
		background: #0B0F1A !important;
	}
	/* Frappe оборачивает в main.container (12px padding) — обнуляем на странице с карточками */
	body:has(.carsharing-home) .page-content-wrapper,
	body:has(.carsharing-home) main.container,
	body:has(.carsharing-home) .page_content {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
	}
	/* Скрыть хлебные крошки и заголовок страницы Frappe — у нас свой nav */
	body:has(.carsharing-home) .page-breadcrumbs,
	body:has(.carsharing-home) .page-header-wrapper { display: none !important; }
	/* Наш контейнер: ровно 16px слева и справа */
	body:has(.carsharing-home) .carsharing-page {
		padding-left: 16px !important;
		padding-right: 16px !important;
		padding-top: 16px !important;
	}
	.carsharing-section-intro { display: none !important; }
	.carsharing-home.row,
	.carsharing-home .row {
		flex-direction: column !important;
		row-gap: 8px !important;
		column-gap: 0 !important;
		padding: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.carsharing-home .col-12,
	.carsharing-home [class*='col-'] {
		width: 100% !important;
		max-width: 100% !important;
		flex: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.carsharing-home .card {
		border: 1px solid rgba(255,255,255,0.07) !important;
		border-radius: 16px !important;
		background: #1C202F !important;
		box-shadow: none !important;
		position: relative !important;
		overflow: hidden !important;
		height: auto !important;
		transition: transform 0.15s !important;
	}
	.carsharing-home .card:hover {
		transform: none !important;
		box-shadow: none !important;
		background: #1C202F !important;
	}
	.carsharing-home .card:active {
		transform: scale(0.975) !important;
		box-shadow: none !important;
	}
	.carsharing-home .card-body {
		display: grid !important;
		grid-template-columns: 86px 1fr !important;
		grid-template-areas: 'icon title' 'icon desc' !important;
		column-gap: 16px !important;
		row-gap: 6px !important;
		padding: 16px 8px !important;
		align-content: center !important;
		align-items: center !important;
		text-align: left !important;
		background: transparent !important;
		min-height: 118px !important;
	}
	.carsharing-home .card-icon {
		grid-area: icon !important;
		width: 86px !important;
		height: 86px !important;
		min-width: 86px !important;
		margin: 0 !important;
		background-color: #363D50 !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: 44px 44px !important;
		border-radius: 12px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.carsharing-home .cs-emoji-wrap { display: none !important; }
	.carsharing-home .card-title {
		grid-area: title !important;
		color: #FFFFFF !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		letter-spacing: 0 !important;
		line-height: 1 !important;
		margin: 0 !important;
		align-self: end !important;
		padding-right: 24px !important;
	}
	.carsharing-home .card-text {
		grid-area: desc !important;
		color: rgba(255,255,255,0.8) !important;
		font-size: 17px !important;
		font-weight: 400 !important;
		line-height: 1 !important;
		margin: 0 !important;
		align-self: start !important;
		padding-right: 24px !important;
		opacity: 0.8 !important;
	}
	.carsharing-home .card::after {
		content: '›' !important;
		position: absolute !important;
		right: 16px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		color: rgba(255,255,255,0.3) !important;
		font-size: 22px !important;
		pointer-events: none !important;
		line-height: 1 !important;
	}
	.carsharing-home .carsharing-btn-open,
	.carsharing-home .btn.carsharing-btn-open,
	.carsharing-home .btn-success.carsharing-btn-open,
	.carsharing-home .btn-warning.carsharing-btn-open,
	.carsharing-home .btn-danger.carsharing-btn-open,
	.carsharing-home .btn-primary.carsharing-btn-open,
	.carsharing-home .btn-secondary.carsharing-btn-open,
	.carsharing-home .btn-info.carsharing-btn-open,
	.carsharing-home .btn-outline-primary.carsharing-btn-open {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		background: transparent !important;
		border: none !important;
		border-radius: 16px !important;
		color: transparent !important;
		font-size: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		min-height: unset !important;
		z-index: 2 !important;
		box-shadow: none !important;
	}
	/* SVG иконки: nth-child соответствует порядку карточек в carsharing.html */
	/* 1. Сводка об автомобиле */
	.carsharing-home .col-12:nth-child(1) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.87458 21.7649L1.625 28.1249M19.2917 32.5416H32.5417M28.125 23.7083H32.5417M12.6667 10.4583C11.3564 10.4583 10.0755 10.8468 8.98601 11.5748C7.89654 12.3027 7.0474 13.3374 6.54597 14.548C6.04453 15.7585 5.91334 17.0906 6.16896 18.3757C6.42459 19.6609 7.05556 20.8413 7.98208 21.7678C8.90861 22.6944 10.0891 23.3253 11.3742 23.581C12.6593 23.8366 13.9914 23.7054 15.2019 23.204C16.4125 22.7025 17.4472 21.8534 18.1752 20.7639C18.9031 19.6744 19.2917 18.3936 19.2917 17.0833C19.2917 15.3262 18.5937 13.6411 17.3513 12.3987C16.1088 11.1562 14.4237 10.4583 12.6667 10.4583Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M12.6667 1.625H39.1667C39.7524 1.625 40.3141 1.85766 40.7282 2.27181C41.1424 2.68595 41.375 3.24765 41.375 3.83333V39.1667C41.375 39.7524 41.1424 40.3141 40.7282 40.7282C40.3141 41.1423 39.7524 41.375 39.1667 41.375H12.6667C12.081 41.375 11.5193 41.1423 11.1051 40.7282C10.691 40.3141 10.4583 39.7524 10.4583 39.1667V32.5417' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
	/* 2. Выдача автомобиля */
	.carsharing-home .col-12:nth-child(2) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='43' viewBox='0 0 44 43' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23c2)'><path d='M29.1508 1.99994L23 8.75708' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M29 1.99994L35.1508 8.75708' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M37.6852 35.6286H39.9259C40.5202 35.6286 41.0901 35.3913 41.5104 34.9689C41.9306 34.5465 42.1667 33.9736 42.1667 33.3762V26.1235C42.1816 25.609 42.0207 25.1049 41.7109 24.6951C41.401 24.2852 40.9609 23.9945 40.4637 23.8711L37.6852 23.2405' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M17.5185 13.1048H12.1856C11.768 13.1019 11.3579 13.2163 11.0015 13.4352C10.6452 13.6541 10.3568 13.9687 10.1689 14.3436L6.31482 22.1143L3.06574 23.736C2.69281 23.9249 2.3798 24.2148 2.16204 24.573C1.94428 24.9312 1.83043 25.3434 1.83334 25.7632V33.3762C1.83334 33.9736 2.06941 34.5465 2.48963 34.9689C2.90985 35.3913 3.4798 35.6286 4.07408 35.6286H6.31482' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M15.2778 35.6286H28.7222M15.2778 35.6286C15.2778 34.7376 15.015 33.8667 14.5225 33.1259C14.0301 32.3851 13.3302 31.8077 12.5113 31.4667C11.6924 31.1258 10.7913 31.0366 9.92201 31.2104C9.05269 31.3842 8.25416 31.8132 7.62742 32.4432C7.00067 33.0732 6.57385 33.8759 6.40093 34.7497C6.22801 35.6236 6.31676 36.5293 6.65595 37.3525C6.99515 38.1756 7.56955 38.8792 8.30653 39.3742C9.0435 39.8691 9.90995 40.1333 10.7963 40.1333C11.9849 40.1333 13.1247 39.6587 13.9652 38.8139C14.8056 37.9691 15.2778 36.8233 15.2778 35.6286ZM29.0583 2.5V20.9318M37.6852 35.6286C37.6852 34.7376 37.4224 33.8667 36.9299 33.1259C36.4375 32.3851 35.7376 31.8077 34.9187 31.4667C34.0998 31.1258 33.1987 31.0366 32.3294 31.2104C31.4601 31.3842 30.6616 31.8132 30.0348 32.4432C29.4081 33.0732 28.9813 33.8759 28.8083 34.7497C28.6354 35.6236 28.7242 36.5293 29.0634 37.3525C29.4026 38.1756 29.977 38.8792 30.7139 39.3742C31.4509 39.8691 32.3174 40.1333 33.2037 40.1333C34.3923 40.1333 35.5322 39.6587 36.3726 38.8139C37.213 37.9691 37.6852 36.8233 37.6852 35.6286Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></g><defs><clipPath id='c2'><rect width='44' height='43' fill='white'/></clipPath></defs></svg>") !important; }
	/* 3. Прием автомобиля */
	.carsharing-home .col-12:nth-child(3) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='43' viewBox='0 0 44 43' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23c3)'><path d='M29.1508 20.7571L23 14' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M29 20.7571L35.1508 14' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M37.6852 35.6286H39.9259C40.5202 35.6286 41.0901 35.3913 41.5104 34.9689C41.9306 34.5465 42.1667 33.9736 42.1667 33.3762V26.1235C42.1816 25.609 42.0207 25.1049 41.7109 24.6951C41.401 24.2852 40.9609 23.9945 40.4637 23.8711L37.6852 23.2405' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M17.5185 13.1048H12.1856C11.768 13.1019 11.3579 13.2163 11.0015 13.4352C10.6452 13.6541 10.3568 13.9687 10.1689 14.3436L6.31482 22.1143L3.06574 23.736C2.69281 23.9249 2.3798 24.2148 2.16204 24.573C1.94428 24.9312 1.83043 25.3434 1.83334 25.7632V33.3762C1.83334 33.9736 2.06941 34.5465 2.48963 34.9689C2.90985 35.3913 3.4798 35.6286 4.07408 35.6286H6.31482' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M15.2778 35.6285H28.7222M15.2778 35.6285C15.2778 34.7375 15.015 33.8666 14.5225 33.1258C14.0301 32.385 13.3302 31.8076 12.5113 31.4666C11.6924 31.1257 10.7913 31.0365 9.92201 31.2103C9.05269 31.3841 8.25416 31.8131 7.62742 32.4431C7.00067 33.0731 6.57385 33.8758 6.40093 34.7497C6.22801 35.6235 6.31676 36.5293 6.65595 37.3524C6.99515 38.1755 7.56955 38.8791 8.30653 39.3741C9.0435 39.8691 9.90995 40.1333 10.7963 40.1333C11.9849 40.1333 13.1247 39.6586 13.9652 38.8138C14.8056 37.969 15.2778 36.8232 15.2778 35.6285ZM29.0583 1.84277V19.4999M37.6852 35.6285C37.6852 34.7375 37.4224 33.8666 36.9299 33.1258C36.4375 32.385 35.7376 31.8076 34.9187 31.4666C34.0998 31.1257 33.1987 31.0365 32.3294 31.2103C31.4601 31.3841 30.6616 31.8132 30.0348 32.4431C29.4081 33.0731 28.9813 33.8758 28.8083 34.7497C28.6354 35.6235 28.7242 36.5293 29.0634 37.3524C29.4026 38.1755 29.977 38.8791 30.7139 39.3741C31.4509 39.8691 32.3174 40.1333 33.2037 40.1333C34.3923 40.1333 35.5322 39.6586 36.3726 38.8138C37.213 37.969 37.6852 36.8232 37.6852 35.6285Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></g><defs><clipPath id='c3'><rect width='44' height='43' fill='white'/></clipPath></defs></svg>") !important; }
	/* 4. Продление аренды */
	.carsharing-home .col-12:nth-child(4) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M41.6167 21.0833L37.9509 24.75L34.2833 21.0833M38.3994 23.8333C38.4659 23.2315 38.5 22.6197 38.5 22C38.5 12.8873 31.1128 5.5 22 5.5C12.8873 5.5 5.5 12.8873 5.5 22C5.5 31.1128 12.8873 38.5 22 38.5C27.1834 38.5 31.8083 36.1099 34.8333 32.3717M22 12.8333V22L27.5 25.6667' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
	/* 5. Бронирование */
	.carsharing-home .col-12:nth-child(5) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M33 40.1472L18.3333 40.3333C11.4194 40.3333 7.96245 40.3333 5.81455 38.1853C3.66667 36.0376 3.66667 32.5805 3.66667 25.6666V21.9999C3.66667 15.086 3.66667 11.629 5.81455 9.48113C7.96245 7.33325 11.4194 7.33325 18.3333 7.33325H25.6667C32.5805 7.33325 36.0377 7.33325 38.1854 9.48113C40.3333 11.629 40.3333 15.086 40.3333 21.9999V25.6666C40.3333 32.5805 40.3333 36.0376 38.1854 38.1853C36.9879 39.3829 35.3835 39.9127 33 40.1472Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M12.8333 7.33325V4.58325' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M31.1667 7.33325V4.58325' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M39.4167 16.5H3.66667' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M33 31.1666C33 32.1791 32.1792 32.9999 31.1667 32.9999C30.1541 32.9999 29.3333 32.1791 29.3333 31.1666C29.3333 30.154 30.1541 29.3333 31.1667 29.3333C32.1792 29.3333 33 30.154 33 31.1666Z' fill='%23FECE00'/><path d='M33 23.8333C33 24.8459 32.1792 25.6667 31.1667 25.6667C30.1541 25.6667 29.3333 24.8459 29.3333 23.8333C29.3333 22.8208 30.1541 22 31.1667 22C32.1792 22 33 22.8208 33 23.8333Z' fill='%23FECE00'/><path d='M23.8333 31.1666C23.8333 32.1791 23.0126 32.9999 22 32.9999C20.9875 32.9999 20.1667 32.1791 20.1667 31.1666C20.1667 30.154 20.9875 29.3333 22 29.3333C23.0126 29.3333 23.8333 30.154 23.8333 31.1666Z' fill='%23FECE00'/><path d='M23.8333 23.8333C23.8333 24.8459 23.0126 25.6667 22 25.6667C20.9875 25.6667 20.1667 24.8459 20.1667 23.8333C20.1667 22.8208 20.9875 22 22 22C23.0126 22 23.8333 22.8208 23.8333 23.8333Z' fill='%23FECE00'/><path d='M14.6667 31.1666C14.6667 32.1791 13.8458 32.9999 12.8333 32.9999C11.8208 32.9999 11 32.1791 11 31.1666C11 30.154 11.8208 29.3333 12.8333 29.3333C13.8458 29.3333 14.6667 30.154 14.6667 31.1666Z' fill='%23FECE00'/><path d='M14.6667 23.8333C14.6667 24.8459 13.8458 25.6667 12.8333 25.6667C11.8208 25.6667 11 24.8459 11 23.8333C11 22.8208 11.8208 22 12.8333 22C13.8458 22 14.6667 22.8208 14.6667 23.8333Z' fill='%23FECE00'/></svg>") !important; }
	/* 6. Почасовая аренда */
	.carsharing-home .col-12:nth-child(6) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23c6)'><path d='M44 22C44 22.4862 43.8068 22.9525 43.463 23.2964C43.1192 23.6402 42.6529 23.8333 42.1667 23.8333C41.6804 23.8333 41.2141 23.6402 40.8703 23.2964C40.5265 22.9525 40.3333 22.4862 40.3333 22C40.328 17.1393 38.3947 12.4793 34.9577 9.04227C31.5207 5.60526 26.8607 3.672 22 3.66667C21.5138 3.66667 21.0475 3.47351 20.7036 3.1297C20.3598 2.78588 20.1667 2.31956 20.1667 1.83333C20.1667 1.3471 20.3598 0.880788 20.7036 0.536971C21.0475 0.193154 21.5138 0 22 0C27.8328 0.00630865 33.4249 2.32618 37.5494 6.45062C41.6738 10.5751 43.9937 16.1672 44 22ZM3.3495 12.4373C2.9869 12.4373 2.63245 12.5449 2.33096 12.7463C2.02947 12.9478 1.79448 13.2341 1.65572 13.5691C1.51696 13.9041 1.48065 14.2727 1.55139 14.6283C1.62213 14.984 1.79674 15.3106 2.05314 15.567C2.30953 15.8234 2.6362 15.998 2.99184 16.0688C3.34747 16.1395 3.71609 16.1032 4.05109 15.9644C4.38609 15.8257 4.67241 15.5907 4.87386 15.2892C5.07531 14.9877 5.18283 14.6333 5.18283 14.2707C5.18283 13.7844 4.98968 13.3181 4.64586 12.9743C4.30205 12.6305 3.83573 12.4373 3.3495 12.4373ZM3.66667 22C3.66667 21.6374 3.55914 21.2829 3.3577 20.9815C3.15625 20.68 2.86992 20.445 2.53492 20.3062C2.19992 20.1675 1.8313 20.1312 1.47567 20.2019C1.12004 20.2726 0.793368 20.4472 0.536972 20.7036C0.280575 20.96 0.105967 21.2867 0.0352278 21.6423C-0.0355118 21.998 0.000794351 22.3666 0.139555 22.7016C0.278316 23.0366 0.513299 23.3229 0.814789 23.5244C1.11628 23.7258 1.47074 23.8333 1.83333 23.8333C2.31956 23.8333 2.78588 23.6402 3.1297 23.2964C3.47351 22.9525 3.66667 22.4862 3.66667 22ZM22 40.3333C21.6374 40.3333 21.2829 40.4409 20.9815 40.6423C20.68 40.8438 20.445 41.1301 20.3062 41.4651C20.1675 41.8001 20.1312 42.1687 20.2019 42.5243C20.2726 42.88 20.4472 43.2066 20.7036 43.463C20.96 43.7194 21.2867 43.894 21.6423 43.9648C21.998 44.0355 22.3666 43.9992 22.7016 43.8604C23.0366 43.7217 23.3229 43.4867 23.5244 43.1852C23.7258 42.8837 23.8333 42.5293 23.8333 42.1667C23.8333 41.6804 23.6402 41.2141 23.2964 40.8703C22.9525 40.5265 22.4862 40.3333 22 40.3333ZM7.7385 5.8795C7.3759 5.8795 7.02145 5.98702 6.71996 6.18847C6.41847 6.38992 6.18348 6.67625 6.04472 7.01125C5.90596 7.34624 5.86966 7.71487 5.94039 8.0705C6.01113 8.42613 6.18574 8.7528 6.44214 9.0092C6.69853 9.26559 7.0252 9.4402 7.38084 9.51094C7.73647 9.58168 8.10509 9.54537 8.44009 9.40661C8.77509 9.26785 9.06141 9.03287 9.26286 8.73138C9.46431 8.42989 9.57183 8.07543 9.57183 7.71283C9.57183 7.2266 9.37868 6.76029 9.03486 6.41647C8.69105 6.07265 8.22473 5.8795 7.7385 5.8795ZM14.2615 1.54183C13.8989 1.54183 13.5444 1.64936 13.243 1.85081C12.9415 2.05225 12.7065 2.33858 12.5677 2.67358C12.429 3.00858 12.3927 3.3772 12.4634 3.73283C12.5341 4.08846 12.7087 4.41513 12.9651 4.67153C13.2215 4.92792 13.5482 5.10253 13.9038 5.17327C14.2595 5.24401 14.6281 5.20771 14.9631 5.06895C15.2981 4.93018 15.5844 4.6952 15.7859 4.39371C15.9873 4.09222 16.0948 3.73777 16.0948 3.37517C16.0948 2.88894 15.9017 2.42262 15.5579 2.0788C15.214 1.73499 14.7477 1.54183 14.2615 1.54183ZM3.3495 27.896C2.9869 27.896 2.63245 28.0035 2.33096 28.205C2.02947 28.4064 1.79448 28.6927 1.65572 29.0277C1.51696 29.3627 1.48065 29.7314 1.55139 30.087C1.62213 30.4426 1.79674 30.7693 2.05314 31.0257C2.30953 31.2821 2.6362 31.4567 2.99184 31.5274C3.34747 31.5982 3.71609 31.5619 4.05109 31.4231C4.38609 31.2843 4.67241 31.0494 4.87386 30.7479C5.07531 30.4464 5.18283 30.0919 5.18283 29.7293C5.18283 29.2431 4.98968 28.7768 4.64586 28.433C4.30205 28.0892 3.83573 27.896 3.3495 27.896ZM7.7385 34.4538C7.3759 34.4538 7.02145 34.5614 6.71996 34.7628C6.41847 34.9643 6.18348 35.2506 6.04472 35.5856C5.90596 35.9206 5.86966 36.2892 5.94039 36.6448C6.01113 37.0005 6.18574 37.3271 6.44214 37.5835C6.69853 37.8399 7.0252 38.0145 7.38084 38.0853C7.73647 38.156 8.10509 38.1197 8.44009 37.9809C8.77509 37.8422 9.06141 37.6072 9.26286 37.3057C9.46431 37.0042 9.57183 36.6498 9.57183 36.2872C9.57183 35.8009 9.37868 35.3346 9.03486 34.9908C8.69105 34.647 8.22473 34.4538 7.7385 34.4538ZM14.2615 38.7915C13.8989 38.7915 13.5444 38.899 13.243 39.1005C12.9415 39.3019 12.7065 39.5882 12.5677 39.9232C12.429 40.2582 12.3927 40.6269 12.4634 40.9825C12.5341 41.3381 12.7087 41.6648 12.9651 41.9212C13.2215 42.1776 13.5482 42.3522 13.9038 42.4229C14.2595 42.4937 14.6281 42.4574 14.9631 42.3186C15.2981 42.1799 15.5844 41.9449 15.7859 41.6434C15.9873 41.3419 16.0948 40.9874 16.0948 40.6248C16.0948 40.1386 15.9017 39.6723 15.5579 39.3285C15.214 38.9847 14.7477 38.7915 14.2615 38.7915ZM40.6505 27.896C40.2879 27.896 39.9334 28.0035 39.632 28.205C39.3305 28.4064 39.0955 28.6927 38.9567 29.0277C38.818 29.3627 38.7817 29.7314 38.8524 30.087C38.9231 30.4426 39.0977 30.7693 39.3541 31.0257C39.6105 31.2821 39.9372 31.4567 40.2928 31.5274C40.6485 31.5982 41.0171 31.5619 41.3521 31.4231C41.6871 31.2843 41.9734 31.0494 42.1749 30.7479C42.3763 30.4464 42.4838 30.0919 42.4838 29.7293C42.4838 29.4886 42.4364 29.2502 42.3443 29.0277C42.2521 28.8053 42.1171 28.6032 41.9469 28.433C41.7766 28.2627 41.5745 28.1277 41.3521 28.0356C41.1297 27.9434 40.8913 27.896 40.6505 27.896ZM36.2615 34.4538C35.8989 34.4538 35.5444 34.5614 35.243 34.7628C34.9415 34.9643 34.7065 35.2506 34.5677 35.5856C34.429 35.9206 34.3927 36.2892 34.4634 36.6448C34.5341 37.0005 34.7087 37.3271 34.9651 37.5835C35.2215 37.8399 35.5482 38.0145 35.9038 38.0853C36.2595 38.156 36.6281 38.1197 36.9631 37.9809C37.2981 37.8422 37.5844 37.6072 37.7859 37.3057C37.9873 37.0042 38.0948 36.6498 38.0948 36.2872C38.0948 36.0464 38.0474 35.808 37.9553 35.5856C37.8631 35.3632 37.7281 35.161 37.5579 34.9908C37.3876 34.8206 37.1855 34.6855 36.9631 34.5934C36.7407 34.5013 36.5023 34.4538 36.2615 34.4538ZM29.7385 38.7915C29.3759 38.7915 29.0214 38.899 28.72 39.1005C28.4185 39.3019 28.1835 39.5882 28.0447 39.9232C27.906 40.2582 27.8697 40.6269 27.9404 40.9825C28.0111 41.3381 28.1857 41.6648 28.4421 41.9212C28.6985 42.1776 29.0252 42.3522 29.3808 42.4229C29.7365 42.4937 30.1051 42.4574 30.4401 42.3186C30.7751 42.1799 31.0614 41.9449 31.2629 41.6434C31.4643 41.3419 31.5718 40.9874 31.5718 40.6248C31.5718 40.3841 31.5244 40.1457 31.4323 39.9232C31.3401 39.7008 31.2051 39.4987 31.0349 39.3285C30.8646 39.1582 30.6625 39.0232 30.4401 38.9311C30.2177 38.8389 29.9793 38.7915 29.7385 38.7915Z' fill='%23CCA914'/><path d='M11.1455 28V25.9663L14.9058 22.4634C15.4924 21.9266 15.9461 21.4867 16.2671 21.1436C16.5936 20.7949 16.8177 20.4989 16.9395 20.2554C17.0667 20.0063 17.1304 19.7601 17.1304 19.5166V19.4834C17.1304 19.1846 17.0667 18.9245 16.9395 18.7031C16.8122 18.4818 16.6268 18.3102 16.3833 18.1885C16.1398 18.0667 15.8521 18.0059 15.52 18.0059C15.1714 18.0059 14.8643 18.0778 14.5986 18.2217C14.3385 18.3656 14.1338 18.5648 13.9844 18.8193C13.835 19.0684 13.7603 19.3561 13.7603 19.6826V19.749L10.9712 19.7407V19.6909C10.9712 18.894 11.1649 18.1968 11.5522 17.5991C11.9451 17.0015 12.4902 16.5366 13.1875 16.2046C13.8903 15.867 14.7065 15.6982 15.6362 15.6982C16.5272 15.6982 17.3047 15.8477 17.9688 16.1465C18.6383 16.4398 19.1585 16.8521 19.5293 17.3833C19.9056 17.9146 20.0938 18.5343 20.0938 19.2427V19.2842C20.0938 19.7324 19.9997 20.1779 19.8115 20.6206C19.6234 21.0633 19.3135 21.5365 18.8818 22.04C18.4502 22.5381 17.8664 23.1053 17.1304 23.7417L14.3579 26.1738L15.1963 24.8623V26.1738L14.3579 25.626H20.2515V28H11.1455ZM27.9629 28V25.958H22.0776V23.6587C22.3709 23.1219 22.6642 22.5934 22.9575 22.0732C23.2563 21.5475 23.5552 21.0301 23.854 20.521C24.1584 20.0063 24.4627 19.4972 24.7671 18.9937C25.0715 18.4901 25.3758 17.992 25.6802 17.4995C25.9901 17.0015 26.3 16.509 26.6099 16.022H30.8433V23.584H32.3374V25.958H30.8433V28H27.9629ZM24.7173 23.6836H28.0376V18.1968H27.8882C27.6724 18.5343 27.4565 18.8774 27.2407 19.2261C27.0249 19.5692 26.8063 19.9206 26.585 20.2803C26.3691 20.64 26.1533 21.0024 25.9375 21.3677C25.7272 21.7274 25.5197 22.0898 25.3149 22.4551C25.1102 22.8148 24.911 23.1745 24.7173 23.5342V23.6836Z' fill='%23CCA914'/></g><defs><clipPath id='c6'><rect width='44' height='44' fill='white'/></clipPath></defs></svg>") !important; }
	/* 7. Регистрация ремонта */
	.carsharing-home .col-12:nth-child(7) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M38.225 38.7751C36.4375 40.5626 33.6875 40.5626 31.9 38.7751L23.375 30.2501L29.7 23.925L38.225 32.4501C40.0125 34.1001 40.0125 36.9876 38.225 38.7751Z' stroke='%23FECE00' stroke-width='3' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/><path d='M8.52499 4.8125L4.39999 9.075L7.56249 14.4375L12.7875 17.6L24.475 29.2875L28.7375 25.025L17.05 13.3375L13.8875 7.975L8.52499 4.8125Z' stroke='%23FECE00' stroke-width='3' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/><path d='M25.9875 22.1376L29.7 18.4251C32.3125 19.3876 35.475 18.9751 37.5375 16.7751C39.6 14.7126 40.15 11.5501 39.1875 8.93762L35.6125 12.5126L32.3125 11.6876L31.4875 8.38762L35.0625 4.81262C32.45 3.85012 29.2875 4.26262 27.225 6.46262C25.1625 8.52512 24.6125 11.6876 25.575 14.3001L21.8625 18.0126' stroke='%23FECE00' stroke-width='3' stroke-miterlimit='10' stroke-linejoin='round'/><path d='M17.4625 22.4126L14.3 25.5751C11.6875 24.6126 8.52499 25.0251 6.46249 27.2251C4.39999 29.2876 3.84999 32.4501 4.81249 35.0626L8.38749 31.4876L11.6875 32.3126L12.5125 35.6126L8.93749 39.1876C11.55 40.1501 14.7125 39.7376 16.775 37.5376C18.8375 35.4751 19.3875 32.3126 18.425 29.7001L21.725 26.4001' stroke='%23FECE00' stroke-width='3' stroke-miterlimit='10' stroke-linejoin='round'/></svg>") !important; }
	/* 8. Редактирование аренд */
	.carsharing-home .col-12:nth-child(8) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='43' viewBox='0 0 44 43' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M38.2208 3.36581C36.0728 1.26674 32.5904 1.26673 30.4425 3.36581L4.48697 28.7315C3.71917 29.4819 3.19581 30.4376 2.98287 31.478L1.90657 36.7372C1.39344 39.2445 3.65548 41.4552 6.22112 40.9538L11.6026 39.9019C12.6673 39.6939 13.6452 39.1823 14.413 38.432L40.3685 13.0663C42.5165 10.9672 42.5165 7.56395 40.3685 5.46487L38.2208 3.36581ZM33.0352 5.8996C33.7513 5.19992 34.912 5.19992 35.6281 5.8996L37.7758 7.99868C38.4919 8.69836 38.4919 9.83277 37.7758 10.5325L32.8779 15.3191L28.1374 10.6862L33.0352 5.8996ZM25.5446 13.22L7.07969 31.2653C6.82375 31.5154 6.64931 31.834 6.57833 32.1809L5.50203 37.4399L10.8835 36.3881C11.2384 36.3187 11.5644 36.1483 11.8203 35.8982L30.2852 17.8529L25.5446 13.22Z' fill='%23FECE00'/></svg>") !important; }
	/* 9. Аналитика */
	.carsharing-home .col-12:nth-child(9) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 5.5V38.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M38.5 38.5H5.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M12.8333 29.3333L22.4583 19.7083L28.875 26.125L38.5 16.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
	/* 10. Чёрный список */
	.carsharing-home .col-12:nth-child(10) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.3328 10.3328L33.6673 33.6673M38.5 22C38.5 31.1128 31.1128 38.5 22 38.5C12.8873 38.5 5.5 31.1128 5.5 22C5.5 12.8873 12.8873 5.5 22 5.5C31.1128 5.5 38.5 12.8873 38.5 22Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/></svg>") !important; }
	/* 11. Выдача авто сотруднику */
	.carsharing-home .col-12:nth-child(11) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M27.4998 27.9669C25.4212 26.517 22.8932 25.6667 20.1665 25.6667C13.574 25.6667 8.1425 30.6376 7.4158 37.0357C7.36438 37.4885 7.33865 37.715 7.42905 37.9337C7.50303 38.1124 7.66315 38.2917 7.83255 38.3854C8.03957 38.5 8.29301 38.5 8.79986 38.5H18.2319M27.4998 12.8333C27.4998 16.8834 24.2167 20.1667 20.1665 20.1667C16.1164 20.1667 12.8332 16.8834 12.8332 12.8333C12.8332 8.78324 16.1164 5.5 20.1665 5.5C24.2167 5.5 27.4998 8.78324 27.4998 12.8333Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M42 29.8802L37 26V39' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M32 29.8802L37 26V39' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
	/* 12. Приём авто у сотрудника */
	.carsharing-home .col-12:nth-child(12) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M27.4998 27.9669C25.4212 26.517 22.8932 25.6667 20.1665 25.6667C13.574 25.6667 8.1425 30.6376 7.4158 37.0357C7.36438 37.4885 7.33865 37.715 7.42905 37.9337C7.50303 38.1124 7.66315 38.2917 7.83255 38.3854C8.03957 38.5 8.29301 38.5 8.79986 38.5H18.2319M30.635 35.0075L35.5025 39.16V26.5375M27.4998 12.8333C27.4998 16.8834 24.2167 20.1667 20.1665 20.1667C16.1164 20.1667 12.8332 16.8834 12.8332 12.8333C12.8332 8.78324 16.1164 5.5 20.1665 5.5C24.2167 5.5 27.4998 8.78324 27.4998 12.8333Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M40.2325 35.3648L35.53 39.1323V26.5098' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
	.carsharing-home .col-12:nth-child(13) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M16.5 9.167h-3.667A5.5 5.5 0 0 0 7.333 14.667V33a5.5 5.5 0 0 0 5.5 5.5h18.334a5.5 5.5 0 0 0 5.5-5.5V14.667a5.5 5.5 0 0 0-5.5-5.5H27.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M16.5 9.167h11a1.833 1.833 0 0 0-1.833-1.834h-7.334A1.833 1.833 0 0 0 16.5 9.167Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><circle cx='22' cy='24.75' r='6.417' stroke='%23FECE00' stroke-width='3'/><circle cx='33.917' cy='15.583' r='1.375' fill='%23FECE00'/></svg>") !important; }
}

/* ── Главная страница — карточки (iOS PWA: дизайн Figma) ── */
.pwa-standalone body { background: #0B0F1A !important; }
.pwa-standalone .carsharing-page { background: #0B0F1A !important; }
/* Обнуляем внешние Frappe-обёртки */
.pwa-standalone body:has(.carsharing-home) .page-content-wrapper,
.pwa-standalone body:has(.carsharing-home) main.container,
.pwa-standalone body:has(.carsharing-home) .page_content {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 100% !important;
}
.pwa-standalone body:has(.carsharing-home) .page-breadcrumbs,
.pwa-standalone body:has(.carsharing-home) .page-header-wrapper { display: none !important; }
.pwa-standalone body:has(.carsharing-home) .carsharing-page {
	padding-left: 16px !important;
	padding-right: 16px !important;
	padding-top: 16px !important;
}
.pwa-standalone .carsharing-section-intro { display: none !important; }
.pwa-standalone .carsharing-home.row,
.pwa-standalone .carsharing-home .row {
	flex-direction: column !important;
	row-gap: 8px !important;
	column-gap: 0 !important;
	padding: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.pwa-standalone .carsharing-home .col-12,
.pwa-standalone .carsharing-home [class*='col-'] {
	width: 100% !important;
	max-width: 100% !important;
	flex: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.pwa-standalone .carsharing-home .card {
	border: 1px solid rgba(255,255,255,0.07) !important;
	border-radius: 16px !important;
	background: #1C202F !important;
	box-shadow: none !important;
	position: relative !important;
	overflow: hidden !important;
	height: auto !important;
}
.pwa-standalone .carsharing-home .card:active { transform: scale(0.975) !important; }
.pwa-standalone .carsharing-home .card-body {
	display: grid !important;
	grid-template-columns: 86px 1fr !important;
	grid-template-areas: 'icon title' 'icon desc' !important;
	column-gap: 16px !important;
	row-gap: 6px !important;
	padding: 16px 8px !important;
	align-content: center !important;
	align-items: center !important;
	text-align: left !important;
	background: transparent !important;
	min-height: 118px !important;
}
.pwa-standalone .carsharing-home .card-icon {
	grid-area: icon !important;
	width: 86px !important;
	height: 86px !important;
	min-width: 86px !important;
	margin: 0 !important;
	background-color: #363D50 !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 44px 44px !important;
	border-radius: 12px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.pwa-standalone .carsharing-home .cs-emoji-wrap { display: none !important; }
.pwa-standalone .carsharing-home .card-title {
	grid-area: title !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	margin: 0 !important;
	align-self: end !important;
	padding-right: 24px !important;
}
.pwa-standalone .carsharing-home .card-text {
	grid-area: desc !important;
	color: rgba(255,255,255,0.8) !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	margin: 0 !important;
	align-self: start !important;
	padding-right: 24px !important;
	opacity: 0.8 !important;
}
.pwa-standalone .carsharing-home .card::after {
	content: '›' !important;
	position: absolute !important;
	right: 16px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	color: rgba(255,255,255,0.3) !important;
	font-size: 22px !important;
	pointer-events: none !important;
	line-height: 1 !important;
}
.pwa-standalone .carsharing-home .carsharing-btn-open,
.pwa-standalone .carsharing-home .btn.carsharing-btn-open,
.pwa-standalone .carsharing-home .btn-success.carsharing-btn-open,
.pwa-standalone .carsharing-home .btn-warning.carsharing-btn-open,
.pwa-standalone .carsharing-home .btn-danger.carsharing-btn-open,
.pwa-standalone .carsharing-home .btn-primary.carsharing-btn-open,
.pwa-standalone .carsharing-home .btn-secondary.carsharing-btn-open,
.pwa-standalone .carsharing-home .btn-info.carsharing-btn-open,
.pwa-standalone .carsharing-home .btn-outline-primary.carsharing-btn-open {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: transparent !important;
	border: none !important;
	border-radius: 16px !important;
	color: transparent !important;
	font-size: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	min-height: unset !important;
	z-index: 2 !important;
	box-shadow: none !important;
}
/* SVG иконки iOS (nth-child) */
.pwa-standalone .carsharing-home .col-12:nth-child(1) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.87458 21.7649L1.625 28.1249M19.2917 32.5416H32.5417M28.125 23.7083H32.5417M12.6667 10.4583C11.3564 10.4583 10.0755 10.8468 8.98601 11.5748C7.89654 12.3027 7.0474 13.3374 6.54597 14.548C6.04453 15.7585 5.91334 17.0906 6.16896 18.3757C6.42459 19.6609 7.05556 20.8413 7.98208 21.7678C8.90861 22.6944 10.0891 23.3253 11.3742 23.581C12.6593 23.8366 13.9914 23.7054 15.2019 23.204C16.4125 22.7025 17.4472 21.8534 18.1752 20.7639C18.9031 19.6744 19.2917 18.3936 19.2917 17.0833C19.2917 15.3262 18.5937 13.6411 17.3513 12.3987C16.1088 11.1562 14.4237 10.4583 12.6667 10.4583Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M12.6667 1.625H39.1667C39.7524 1.625 40.3141 1.85766 40.7282 2.27181C41.1424 2.68595 41.375 3.24765 41.375 3.83333V39.1667C41.375 39.7524 41.1424 40.3141 40.7282 40.7282C40.3141 41.1423 39.7524 41.375 39.1667 41.375H12.6667C12.081 41.375 11.5193 41.1423 11.1051 40.7282C10.691 40.3141 10.4583 39.7524 10.4583 39.1667V32.5417' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
.pwa-standalone .carsharing-home .col-12:nth-child(2) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='43' viewBox='0 0 44 43' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23c2i)'><path d='M29.1508 1.99994L23 8.75708' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M29 1.99994L35.1508 8.75708' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M37.6852 35.6286H39.9259C40.5202 35.6286 41.0901 35.3913 41.5104 34.9689C41.9306 34.5465 42.1667 33.9736 42.1667 33.3762V26.1235C42.1816 25.609 42.0207 25.1049 41.7109 24.6951C41.401 24.2852 40.9609 23.9945 40.4637 23.8711L37.6852 23.2405' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M17.5185 13.1048H12.1856C11.768 13.1019 11.3579 13.2163 11.0015 13.4352C10.6452 13.6541 10.3568 13.9687 10.1689 14.3436L6.31482 22.1143L3.06574 23.736C2.69281 23.9249 2.3798 24.2148 2.16204 24.573C1.94428 24.9312 1.83043 25.3434 1.83334 25.7632V33.3762C1.83334 33.9736 2.06941 34.5465 2.48963 34.9689C2.90985 35.3913 3.4798 35.6286 4.07408 35.6286H6.31482' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M15.2778 35.6286H28.7222M15.2778 35.6286C15.2778 34.7376 15.015 33.8667 14.5225 33.1259C14.0301 32.3851 13.3302 31.8077 12.5113 31.4667C11.6924 31.1258 10.7913 31.0366 9.92201 31.2104C9.05269 31.3842 8.25416 31.8132 7.62742 32.4432C7.00067 33.0732 6.57385 33.8759 6.40093 34.7497C6.22801 35.6236 6.31676 36.5293 6.65595 37.3525C6.99515 38.1756 7.56955 38.8792 8.30653 39.3742C9.0435 39.8691 9.90995 40.1333 10.7963 40.1333C11.9849 40.1333 13.1247 39.6587 13.9652 38.8139C14.8056 37.9691 15.2778 36.8233 15.2778 35.6286ZM29.0583 2.5V20.9318M37.6852 35.6286C37.6852 34.7376 37.4224 33.8667 36.9299 33.1259C36.4375 32.3851 35.7376 31.8077 34.9187 31.4667C34.0998 31.1258 33.1987 31.0366 32.3294 31.2104C31.4601 31.3842 30.6616 31.8132 30.0348 32.4432C29.4081 33.0732 28.9813 33.8759 28.8083 34.7497C28.6354 35.6236 28.7242 36.5293 29.0634 37.3525C29.4026 38.1756 29.977 38.8792 30.7139 39.3742C31.4509 39.8691 32.3174 40.1333 33.2037 40.1333C34.3923 40.1333 35.5322 39.6587 36.3726 38.8139C37.213 37.9691 37.6852 36.8233 37.6852 35.6286Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></g><defs><clipPath id='c2i'><rect width='44' height='43' fill='white'/></clipPath></defs></svg>") !important; }
.pwa-standalone .carsharing-home .col-12:nth-child(3) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='43' viewBox='0 0 44 43' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23c3i)'><path d='M29.1508 20.7571L23 14' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M29 20.7571L35.1508 14' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M37.6852 35.6286H39.9259C40.5202 35.6286 41.0901 35.3913 41.5104 34.9689C41.9306 34.5465 42.1667 33.9736 42.1667 33.3762V26.1235C42.1816 25.609 42.0207 25.1049 41.7109 24.6951C41.401 24.2852 40.9609 23.9945 40.4637 23.8711L37.6852 23.2405' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M17.5185 13.1048H12.1856C11.768 13.1019 11.3579 13.2163 11.0015 13.4352C10.6452 13.6541 10.3568 13.9687 10.1689 14.3436L6.31482 22.1143L3.06574 23.736C2.69281 23.9249 2.3798 24.2148 2.16204 24.573C1.94428 24.9312 1.83043 25.3434 1.83334 25.7632V33.3762C1.83334 33.9736 2.06941 34.5465 2.48963 34.9689C2.90985 35.3913 3.4798 35.6286 4.07408 35.6286H6.31482' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M15.2778 35.6285H28.7222M15.2778 35.6285C15.2778 34.7375 15.015 33.8666 14.5225 33.1258C14.0301 32.385 13.3302 31.8076 12.5113 31.4666C11.6924 31.1257 10.7913 31.0365 9.92201 31.2103C9.05269 31.3841 8.25416 31.8131 7.62742 32.4431C7.00067 33.0731 6.57385 33.8758 6.40093 34.7497C6.22801 35.6235 6.31676 36.5293 6.65595 37.3524C6.99515 38.1755 7.56955 38.8791 8.30653 39.3741C9.0435 39.8691 9.90995 40.1333 10.7963 40.1333C11.9849 40.1333 13.1247 39.6586 13.9652 38.8138C14.8056 37.969 15.2778 36.8232 15.2778 35.6285ZM29.0583 1.84277V19.4999M37.6852 35.6285C37.6852 34.7375 37.4224 33.8666 36.9299 33.1258C36.4375 32.385 35.7376 31.8076 34.9187 31.4666C34.0998 31.1257 33.1987 31.0365 32.3294 31.2103C31.4601 31.3841 30.6616 31.8132 30.0348 32.4431C29.4081 33.0731 28.9813 33.8758 28.8083 34.7497C28.6354 35.6235 28.7242 36.5293 29.0634 37.3524C29.4026 38.1755 29.977 38.8791 30.7139 39.3741C31.4509 39.8691 32.3174 40.1333 33.2037 40.1333C34.3923 40.1333 35.5322 39.6586 36.3726 38.8138C37.213 37.969 37.6852 36.8232 37.6852 35.6285Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></g><defs><clipPath id='c3i'><rect width='44' height='43' fill='white'/></clipPath></defs></svg>") !important; }
.pwa-standalone .carsharing-home .col-12:nth-child(4) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M41.6167 21.0833L37.9509 24.75L34.2833 21.0833M38.3994 23.8333C38.4659 23.2315 38.5 22.6197 38.5 22C38.5 12.8873 31.1128 5.5 22 5.5C12.8873 5.5 5.5 12.8873 5.5 22C5.5 31.1128 12.8873 38.5 22 38.5C27.1834 38.5 31.8083 36.1099 34.8333 32.3717M22 12.8333V22L27.5 25.6667' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
.pwa-standalone .carsharing-home .col-12:nth-child(5) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M33 40.1472L18.3333 40.3333C11.4194 40.3333 7.96245 40.3333 5.81455 38.1853C3.66667 36.0376 3.66667 32.5805 3.66667 25.6666V21.9999C3.66667 15.086 3.66667 11.629 5.81455 9.48113C7.96245 7.33325 11.4194 7.33325 18.3333 7.33325H25.6667C32.5805 7.33325 36.0377 7.33325 38.1854 9.48113C40.3333 11.629 40.3333 15.086 40.3333 21.9999V25.6666C40.3333 32.5805 40.3333 36.0376 38.1854 38.1853C36.9879 39.3829 35.3835 39.9127 33 40.1472Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M12.8333 7.33325V4.58325' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M31.1667 7.33325V4.58325' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M39.4167 16.5H3.66667' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M33 31.1666C33 32.1791 32.1792 32.9999 31.1667 32.9999C30.1541 32.9999 29.3333 32.1791 29.3333 31.1666C29.3333 30.154 30.1541 29.3333 31.1667 29.3333C32.1792 29.3333 33 30.154 33 31.1666Z' fill='%23FECE00'/><path d='M33 23.8333C33 24.8459 32.1792 25.6667 31.1667 25.6667C30.1541 25.6667 29.3333 24.8459 29.3333 23.8333C29.3333 22.8208 30.1541 22 31.1667 22C32.1792 22 33 22.8208 33 23.8333Z' fill='%23FECE00'/><path d='M23.8333 31.1666C23.8333 32.1791 23.0126 32.9999 22 32.9999C20.9875 32.9999 20.1667 32.1791 20.1667 31.1666C20.1667 30.154 20.9875 29.3333 22 29.3333C23.0126 29.3333 23.8333 30.154 23.8333 31.1666Z' fill='%23FECE00'/><path d='M23.8333 23.8333C23.8333 24.8459 23.0126 25.6667 22 25.6667C20.9875 25.6667 20.1667 24.8459 20.1667 23.8333C20.1667 22.8208 20.9875 22 22 22C23.0126 22 23.8333 22.8208 23.8333 23.8333Z' fill='%23FECE00'/><path d='M14.6667 31.1666C14.6667 32.1791 13.8458 32.9999 12.8333 32.9999C11.8208 32.9999 11 32.1791 11 31.1666C11 30.154 11.8208 29.3333 12.8333 29.3333C13.8458 29.3333 14.6667 30.154 14.6667 31.1666Z' fill='%23FECE00'/><path d='M14.6667 23.8333C14.6667 24.8459 13.8458 25.6667 12.8333 25.6667C11.8208 25.6667 11 24.8459 11 23.8333C11 22.8208 11.8208 22 12.8333 22C13.8458 22 14.6667 22.8208 14.6667 23.8333Z' fill='%23FECE00'/></svg>") !important; }
.pwa-standalone .carsharing-home .col-12:nth-child(6) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23c6i)'><path d='M44 22C44 22.4862 43.8068 22.9525 43.463 23.2964C43.1192 23.6402 42.6529 23.8333 42.1667 23.8333C41.6804 23.8333 41.2141 23.6402 40.8703 23.2964C40.5265 22.9525 40.3333 22.4862 40.3333 22C40.328 17.1393 38.3947 12.4793 34.9577 9.04227C31.5207 5.60526 26.8607 3.672 22 3.66667C21.5138 3.66667 21.0475 3.47351 20.7036 3.1297C20.3598 2.78588 20.1667 2.31956 20.1667 1.83333C20.1667 1.3471 20.3598 0.880788 20.7036 0.536971C21.0475 0.193154 21.5138 0 22 0C27.8328 0.00630865 33.4249 2.32618 37.5494 6.45062C41.6738 10.5751 43.9937 16.1672 44 22ZM3.3495 12.4373C2.9869 12.4373 2.63245 12.5449 2.33096 12.7463C2.02947 12.9478 1.79448 13.2341 1.65572 13.5691C1.51696 13.9041 1.48065 14.2727 1.55139 14.6283C1.62213 14.984 1.79674 15.3106 2.05314 15.567C2.30953 15.8234 2.6362 15.998 2.99184 16.0688C3.34747 16.1395 3.71609 16.1032 4.05109 15.9644C4.38609 15.8257 4.67241 15.5907 4.87386 15.2892C5.07531 14.9877 5.18283 14.6333 5.18283 14.2707C5.18283 13.7844 4.98968 13.3181 4.64586 12.9743C4.30205 12.6305 3.83573 12.4373 3.3495 12.4373ZM3.66667 22C3.66667 21.6374 3.55914 21.2829 3.3577 20.9815C3.15625 20.68 2.86992 20.445 2.53492 20.3062C2.19992 20.1675 1.8313 20.1312 1.47567 20.2019C1.12004 20.2726 0.793368 20.4472 0.536972 20.7036C0.280575 20.96 0.105967 21.2867 0.0352278 21.6423C-0.0355118 21.998 0.000794351 22.3666 0.139555 22.7016C0.278316 23.0366 0.513299 23.3229 0.814789 23.5244C1.11628 23.7258 1.47074 23.8333 1.83333 23.8333C2.31956 23.8333 2.78588 23.6402 3.1297 23.2964C3.47351 22.9525 3.66667 22.4862 3.66667 22ZM22 40.3333C21.6374 40.3333 21.2829 40.4409 20.9815 40.6423C20.68 40.8438 20.445 41.1301 20.3062 41.4651C20.1675 41.8001 20.1312 42.1687 20.2019 42.5243C20.2726 42.88 20.4472 43.2066 20.7036 43.463C20.96 43.7194 21.2867 43.894 21.6423 43.9648C21.998 44.0355 22.3666 43.9992 22.7016 43.8604C23.0366 43.7217 23.3229 43.4867 23.5244 43.1852C23.7258 42.8837 23.8333 42.5293 23.8333 42.1667C23.8333 41.6804 23.6402 41.2141 23.2964 40.8703C22.9525 40.5265 22.4862 40.3333 22 40.3333ZM7.7385 5.8795C7.3759 5.8795 7.02145 5.98702 6.71996 6.18847C6.41847 6.38992 6.18348 6.67625 6.04472 7.01125C5.90596 7.34624 5.86966 7.71487 5.94039 8.0705C6.01113 8.42613 6.18574 8.7528 6.44214 9.0092C6.69853 9.26559 7.0252 9.4402 7.38084 9.51094C7.73647 9.58168 8.10509 9.54537 8.44009 9.40661C8.77509 9.26785 9.06141 9.03287 9.26286 8.73138C9.46431 8.42989 9.57183 8.07543 9.57183 7.71283C9.57183 7.2266 9.37868 6.76029 9.03486 6.41647C8.69105 6.07265 8.22473 5.8795 7.7385 5.8795ZM14.2615 1.54183C13.8989 1.54183 13.5444 1.64936 13.243 1.85081C12.9415 2.05225 12.7065 2.33858 12.5677 2.67358C12.429 3.00858 12.3927 3.3772 12.4634 3.73283C12.5341 4.08846 12.7087 4.41513 12.9651 4.67153C13.2215 4.92792 13.5482 5.10253 13.9038 5.17327C14.2595 5.24401 14.6281 5.20771 14.9631 5.06895C15.2981 4.93018 15.5844 4.6952 15.7859 4.39371C15.9873 4.09222 16.0948 3.73777 16.0948 3.37517C16.0948 2.88894 15.9017 2.42262 15.5579 2.0788C15.214 1.73499 14.7477 1.54183 14.2615 1.54183ZM3.3495 27.896C2.9869 27.896 2.63245 28.0035 2.33096 28.205C2.02947 28.4064 1.79448 28.6927 1.65572 29.0277C1.51696 29.3627 1.48065 29.7314 1.55139 30.087C1.62213 30.4426 1.79674 30.7693 2.05314 31.0257C2.30953 31.2821 2.6362 31.4567 2.99184 31.5274C3.34747 31.5982 3.71609 31.5619 4.05109 31.4231C4.38609 31.2843 4.67241 31.0494 4.87386 30.7479C5.07531 30.4464 5.18283 30.0919 5.18283 29.7293C5.18283 29.2431 4.98968 28.7768 4.64586 28.433C4.30205 28.0892 3.83573 27.896 3.3495 27.896ZM7.7385 34.4538C7.3759 34.4538 7.02145 34.5614 6.71996 34.7628C6.41847 34.9643 6.18348 35.2506 6.04472 35.5856C5.90596 35.9206 5.86966 36.2892 5.94039 36.6448C6.01113 37.0005 6.18574 37.3271 6.44214 37.5835C6.69853 37.8399 7.0252 38.0145 7.38084 38.0853C7.73647 38.156 8.10509 38.1197 8.44009 37.9809C8.77509 37.8422 9.06141 37.6072 9.26286 37.3057C9.46431 37.0042 9.57183 36.6498 9.57183 36.2872C9.57183 35.8009 9.37868 35.3346 9.03486 34.9908C8.69105 34.647 8.22473 34.4538 7.7385 34.4538ZM14.2615 38.7915C13.8989 38.7915 13.5444 38.899 13.243 39.1005C12.9415 39.3019 12.7065 39.5882 12.5677 39.9232C12.429 40.2582 12.3927 40.6269 12.4634 40.9825C12.5341 41.3381 12.7087 41.6648 12.9651 41.9212C13.2215 42.1776 13.5482 42.3522 13.9038 42.4229C14.2595 42.4937 14.6281 42.4574 14.9631 42.3186C15.2981 42.1799 15.5844 41.9449 15.7859 41.6434C15.9873 41.3419 16.0948 40.9874 16.0948 40.6248C16.0948 40.1386 15.9017 39.6723 15.5579 39.3285C15.214 38.9847 14.7477 38.7915 14.2615 38.7915ZM40.6505 27.896C40.2879 27.896 39.9334 28.0035 39.632 28.205C39.3305 28.4064 39.0955 28.6927 38.9567 29.0277C38.818 29.3627 38.7817 29.7314 38.8524 30.087C38.9231 30.4426 39.0977 30.7693 39.3541 31.0257C39.6105 31.2821 39.9372 31.4567 40.2928 31.5274C40.6485 31.5982 41.0171 31.5619 41.3521 31.4231C41.6871 31.2843 41.9734 31.0494 42.1749 30.7479C42.3763 30.4464 42.4838 30.0919 42.4838 29.7293C42.4838 29.4886 42.4364 29.2502 42.3443 29.0277C42.2521 28.8053 42.1171 28.6032 41.9469 28.433C41.7766 28.2627 41.5745 28.1277 41.3521 28.0356C41.1297 27.9434 40.8913 27.896 40.6505 27.896ZM36.2615 34.4538C35.8989 34.4538 35.5444 34.5614 35.243 34.7628C34.9415 34.9643 34.7065 35.2506 34.5677 35.5856C34.429 35.9206 34.3927 36.2892 34.4634 36.6448C34.5341 37.0005 34.7087 37.3271 34.9651 37.5835C35.2215 37.8399 35.5482 38.0145 35.9038 38.0853C36.2595 38.156 36.6281 38.1197 36.9631 37.9809C37.2981 37.8422 37.5844 37.6072 37.7859 37.3057C37.9873 37.0042 38.0948 36.6498 38.0948 36.2872C38.0948 36.0464 38.0474 35.808 37.9553 35.5856C37.8631 35.3632 37.7281 35.161 37.5579 34.9908C37.3876 34.8206 37.1855 34.6855 36.9631 34.5934C36.7407 34.5013 36.5023 34.4538 36.2615 34.4538ZM29.7385 38.7915C29.3759 38.7915 29.0214 38.899 28.72 39.1005C28.4185 39.3019 28.1835 39.5882 28.0447 39.9232C27.906 40.2582 27.8697 40.6269 27.9404 40.9825C28.0111 41.3381 28.1857 41.6648 28.4421 41.9212C28.6985 42.1776 29.0252 42.3522 29.3808 42.4229C29.7365 42.4937 30.1051 42.4574 30.4401 42.3186C30.7751 42.1799 31.0614 41.9449 31.2629 41.6434C31.4643 41.3419 31.5718 40.9874 31.5718 40.6248C31.5718 40.3841 31.5244 40.1457 31.4323 39.9232C31.3401 39.7008 31.2051 39.4987 31.0349 39.3285C30.8646 39.1582 30.6625 39.0232 30.4401 38.9311C30.2177 38.8389 29.9793 38.7915 29.7385 38.7915Z' fill='%23CCA914'/><path d='M11.1455 28V25.9663L14.9058 22.4634C15.4924 21.9266 15.9461 21.4867 16.2671 21.1436C16.5936 20.7949 16.8177 20.4989 16.9395 20.2554C17.0667 20.0063 17.1304 19.7601 17.1304 19.5166V19.4834C17.1304 19.1846 17.0667 18.9245 16.9395 18.7031C16.8122 18.4818 16.6268 18.3102 16.3833 18.1885C16.1398 18.0667 15.8521 18.0059 15.52 18.0059C15.1714 18.0059 14.8643 18.0778 14.5986 18.2217C14.3385 18.3656 14.1338 18.5648 13.9844 18.8193C13.835 19.0684 13.7603 19.3561 13.7603 19.6826V19.749L10.9712 19.7407V19.6909C10.9712 18.894 11.1649 18.1968 11.5522 17.5991C11.9451 17.0015 12.4902 16.5366 13.1875 16.2046C13.8903 15.867 14.7065 15.6982 15.6362 15.6982C16.5272 15.6982 17.3047 15.8477 17.9688 16.1465C18.6383 16.4398 19.1585 16.8521 19.5293 17.3833C19.9056 17.9146 20.0938 18.5343 20.0938 19.2427V19.2842C20.0938 19.7324 19.9997 20.1779 19.8115 20.6206C19.6234 21.0633 19.3135 21.5365 18.8818 22.04C18.4502 22.5381 17.8664 23.1053 17.1304 23.7417L14.3579 26.1738L15.1963 24.8623V26.1738L14.3579 25.626H20.2515V28H11.1455ZM27.9629 28V25.958H22.0776V23.6587C22.3709 23.1219 22.6642 22.5934 22.9575 22.0732C23.2563 21.5475 23.5552 21.0301 23.854 20.521C24.1584 20.0063 24.4627 19.4972 24.7671 18.9937C25.0715 18.4901 25.3758 17.992 25.6802 17.4995C25.9901 17.0015 26.3 16.509 26.6099 16.022H30.8433V23.584H32.3374V25.958H30.8433V28H27.9629ZM24.7173 23.6836H28.0376V18.1968H27.8882C27.6724 18.5343 27.4565 18.8774 27.2407 19.2261C27.0249 19.5692 26.8063 19.9206 26.585 20.2803C26.3691 20.64 26.1533 21.0024 25.9375 21.3677C25.7272 21.7274 25.5197 22.0898 25.3149 22.4551C25.1102 22.8148 24.911 23.1745 24.7173 23.5342V23.6836Z' fill='%23CCA914'/></g><defs><clipPath id='c6i'><rect width='44' height='44' fill='white'/></clipPath></defs></svg>") !important; }
.pwa-standalone .carsharing-home .col-12:nth-child(7) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M38.225 38.7751C36.4375 40.5626 33.6875 40.5626 31.9 38.7751L23.375 30.2501L29.7 23.925L38.225 32.4501C40.0125 34.1001 40.0125 36.9876 38.225 38.7751Z' stroke='%23FECE00' stroke-width='3' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/><path d='M8.52499 4.8125L4.39999 9.075L7.56249 14.4375L12.7875 17.6L24.475 29.2875L28.7375 25.025L17.05 13.3375L13.8875 7.975L8.52499 4.8125Z' stroke='%23FECE00' stroke-width='3' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/><path d='M25.9875 22.1376L29.7 18.4251C32.3125 19.3876 35.475 18.9751 37.5375 16.7751C39.6 14.7126 40.15 11.5501 39.1875 8.93762L35.6125 12.5126L32.3125 11.6876L31.4875 8.38762L35.0625 4.81262C32.45 3.85012 29.2875 4.26262 27.225 6.46262C25.1625 8.52512 24.6125 11.6876 25.575 14.3001L21.8625 18.0126' stroke='%23FECE00' stroke-width='3' stroke-miterlimit='10' stroke-linejoin='round'/><path d='M17.4625 22.4126L14.3 25.5751C11.6875 24.6126 8.52499 25.0251 6.46249 27.2251C4.39999 29.2876 3.84999 32.4501 4.81249 35.0626L8.38749 31.4876L11.6875 32.3126L12.5125 35.6126L8.93749 39.1876C11.55 40.1501 14.7125 39.7376 16.775 37.5376C18.8375 35.4751 19.3875 32.3126 18.425 29.7001L21.725 26.4001' stroke='%23FECE00' stroke-width='3' stroke-miterlimit='10' stroke-linejoin='round'/></svg>") !important; }
.pwa-standalone .carsharing-home .col-12:nth-child(8) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='43' viewBox='0 0 44 43' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M38.2208 3.36581C36.0728 1.26674 32.5904 1.26673 30.4425 3.36581L4.48697 28.7315C3.71917 29.4819 3.19581 30.4376 2.98287 31.478L1.90657 36.7372C1.39344 39.2445 3.65548 41.4552 6.22112 40.9538L11.6026 39.9019C12.6673 39.6939 13.6452 39.1823 14.413 38.432L40.3685 13.0663C42.5165 10.9672 42.5165 7.56395 40.3685 5.46487L38.2208 3.36581ZM33.0352 5.8996C33.7513 5.19992 34.912 5.19992 35.6281 5.8996L37.7758 7.99868C38.4919 8.69836 38.4919 9.83277 37.7758 10.5325L32.8779 15.3191L28.1374 10.6862L33.0352 5.8996ZM25.5446 13.22L7.07969 31.2653C6.82375 31.5154 6.64931 31.834 6.57833 32.1809L5.50203 37.4399L10.8835 36.3881C11.2384 36.3187 11.5644 36.1483 11.8203 35.8982L30.2852 17.8529L25.5446 13.22Z' fill='%23FECE00'/></svg>") !important; }
.pwa-standalone .carsharing-home .col-12:nth-child(9) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 5.5V38.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M38.5 38.5H5.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M12.8333 29.3333L22.4583 19.7083L28.875 26.125L38.5 16.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
.pwa-standalone .carsharing-home .col-12:nth-child(10) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.3328 10.3328L33.6673 33.6673M38.5 22C38.5 31.1128 31.1128 38.5 22 38.5C12.8873 38.5 5.5 31.1128 5.5 22C5.5 12.8873 12.8873 5.5 22 5.5C31.1128 5.5 38.5 12.8873 38.5 22Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/></svg>") !important; }
.pwa-standalone .carsharing-home .col-12:nth-child(11) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M27.4998 27.9669C25.4212 26.517 22.8932 25.6667 20.1665 25.6667C13.574 25.6667 8.1425 30.6376 7.4158 37.0357C7.36438 37.4885 7.33865 37.715 7.42905 37.9337C7.50303 38.1124 7.66315 38.2917 7.83255 38.3854C8.03957 38.5 8.29301 38.5 8.79986 38.5H18.2319M27.4998 12.8333C27.4998 16.8834 24.2167 20.1667 20.1665 20.1667C16.1164 20.1667 12.8332 16.8834 12.8332 12.8333C12.8332 8.78324 16.1164 5.5 20.1665 5.5C24.2167 5.5 27.4998 8.78324 27.4998 12.8333Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M42 29.8802L37 26V39' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M32 29.8802L37 26V39' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
.pwa-standalone .carsharing-home .col-12:nth-child(12) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M27.4998 27.9669C25.4212 26.517 22.8932 25.6667 20.1665 25.6667C13.574 25.6667 8.1425 30.6376 7.4158 37.0357C7.36438 37.4885 7.33865 37.715 7.42905 37.9337C7.50303 38.1124 7.66315 38.2917 7.83255 38.3854C8.03957 38.5 8.29301 38.5 8.79986 38.5H18.2319M30.635 35.0075L35.5025 39.16V26.5375M27.4998 12.8333C27.4998 16.8834 24.2167 20.1667 20.1665 20.1667C16.1164 20.1667 12.8332 16.8834 12.8332 12.8333C12.8332 8.78324 16.1164 5.5 20.1665 5.5C24.2167 5.5 27.4998 8.78324 27.4998 12.8333Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M40.2325 35.3648L35.53 39.1323V26.5098' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
	.pwa-standalone .carsharing-home .col-12:nth-child(13) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M16.5 9.167h-3.667A5.5 5.5 0 0 0 7.333 14.667V33a5.5 5.5 0 0 0 5.5 5.5h18.334a5.5 5.5 0 0 0 5.5-5.5V14.667a5.5 5.5 0 0 0-5.5-5.5H27.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M16.5 9.167h11a1.833 1.833 0 0 0-1.833-1.834h-7.334A1.833 1.833 0 0 0 16.5 9.167Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><circle cx='22' cy='24.75' r='6.417' stroke='%23FECE00' stroke-width='3'/><circle cx='33.917' cy='15.583' r='1.375' fill='%23FECE00'/></svg>") !important; }
/* ── Realty home menu — PWA (same layout as carsharing-home) ── */

@media (display-mode: standalone) {
	body:has(.realty-home) .page-content-wrapper,
	body:has(.realty-home) main.container,
	body:has(.realty-home) .page_content {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
	}
	body:has(.realty-home) .page-breadcrumbs,
	body:has(.realty-home) .page-header-wrapper { display: none !important; }
	body:has(.realty-home) .carsharing-page {
		padding-left: 16px !important;
		padding-right: 16px !important;
		padding-top: 16px !important;
	}
	body:has(.realty-home) .realty-pc-footer { display: none !important; }
	.realty-home.row,
	.realty-home .row {
		flex-direction: column !important;
		row-gap: 8px !important;
		column-gap: 0 !important;
		padding: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.realty-home .col-12,
	.realty-home [class*='col-'] {
		width: 100% !important;
		max-width: 100% !important;
		flex: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.realty-home .card {
		border: 1px solid rgba(255,255,255,0.07) !important;
		border-radius: 16px !important;
		background: #1C202F !important;
		box-shadow: none !important;
		position: relative !important;
		overflow: hidden !important;
		height: auto !important;
		transition: transform 0.15s !important;
	}
	.realty-home .card:hover {
		transform: none !important;
		box-shadow: none !important;
		background: #1C202F !important;
	}
	.realty-home .card:active {
		transform: scale(0.975) !important;
		box-shadow: none !important;
	}
	.realty-home .card-body {
		display: grid !important;
		grid-template-columns: 86px 1fr !important;
		grid-template-areas: 'icon title' 'icon desc' !important;
		column-gap: 16px !important;
		row-gap: 6px !important;
		padding: 16px 8px !important;
		align-content: center !important;
		align-items: center !important;
		text-align: left !important;
		background: transparent !important;
		min-height: 118px !important;
	}
	.realty-home .card-icon {
		grid-area: icon !important;
		width: 86px !important;
		height: 86px !important;
		min-width: 86px !important;
		margin: 0 !important;
		background-color: #363D50 !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: 44px 44px !important;
		border-radius: 12px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.realty-home .cs-emoji-wrap { display: none !important; }
	.realty-home .card-title {
		grid-area: title !important;
		color: #FFFFFF !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		letter-spacing: 0 !important;
		line-height: 1 !important;
		margin: 0 !important;
		align-self: end !important;
		padding-right: 24px !important;
	}
	.realty-home .card-text {
		grid-area: desc !important;
		color: rgba(255,255,255,0.8) !important;
		font-size: 17px !important;
		font-weight: 400 !important;
		line-height: 1 !important;
		margin: 0 !important;
		align-self: start !important;
		padding-right: 24px !important;
		opacity: 0.8 !important;
	}
	.realty-home .card::after {
		content: '›' !important;
		position: absolute !important;
		right: 16px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		color: rgba(255,255,255,0.3) !important;
		font-size: 22px !important;
		pointer-events: none !important;
		line-height: 1 !important;
	}
	.realty-home .carsharing-btn-open,
	.realty-home .btn.carsharing-btn-open,
	.realty-home .btn-success.carsharing-btn-open,
	.realty-home .btn-warning.carsharing-btn-open,
	.realty-home .btn-danger.carsharing-btn-open,
	.realty-home .btn-primary.carsharing-btn-open,
	.realty-home .btn-secondary.carsharing-btn-open,
	.realty-home .btn-info.carsharing-btn-open,
	.realty-home .btn-outline-primary.carsharing-btn-open {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		background: transparent !important;
		border: none !important;
		border-radius: 16px !important;
		color: transparent !important;
		font-size: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		min-height: unset !important;
		z-index: 2 !important;
		box-shadow: none !important;
	}

	.realty-home .col-12:nth-child(1) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.87458 21.7649L1.625 28.1249M19.2917 32.5416H32.5417M28.125 23.7083H32.5417M12.6667 10.4583C11.3564 10.4583 10.0755 10.8468 8.98601 11.5748C7.89654 12.3027 7.0474 13.3374 6.54597 14.548C6.04453 15.7585 5.91334 17.0906 6.16896 18.3757C6.42459 19.6609 7.05556 20.8413 7.98208 21.7678C8.90861 22.6944 10.0891 23.3253 11.3742 23.581C12.6593 23.8366 13.9914 23.7054 15.2019 23.204C16.4125 22.7025 17.4472 21.8534 18.1752 20.7639C18.9031 19.6744 19.2917 18.3936 19.2917 17.0833C19.2917 15.3262 18.5937 13.6411 17.3513 12.3987C16.1088 11.1562 14.4237 10.4583 12.6667 10.4583Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M12.6667 1.625H39.1667C39.7524 1.625 40.3141 1.85766 40.7282 2.27181C41.1424 2.68595 41.375 3.24765 41.375 3.83333V39.1667C41.375 39.7524 41.1424 40.3141 40.7282 40.7282C40.3141 41.1423 39.7524 41.375 39.1667 41.375H12.6667C12.081 41.375 11.5193 41.1423 11.1051 40.7282C10.691 40.3141 10.4583 39.7524 10.4583 39.1667V32.5417' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
	.realty-home .col-12:nth-child(2) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M33 40.1472L18.3333 40.3333C11.4194 40.3333 7.96245 40.3333 5.81455 38.1853C3.66667 36.0376 3.66667 32.5805 3.66667 25.6666V21.9999C3.66667 15.086 3.66667 11.629 5.81455 9.48113C7.96245 7.33325 11.4194 7.33325 18.3333 7.33325H25.6667C32.5805 7.33325 36.0377 7.33325 38.1854 9.48113C40.3333 11.629 40.3333 15.086 40.3333 21.9999V25.6666C40.3333 32.5805 40.3333 36.0376 38.1854 38.1853C36.9879 39.3829 35.3835 39.9127 33 40.1472Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M12.8333 7.33325V4.58325' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M31.1667 7.33325V4.58325' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M39.4167 16.5H3.66667' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M33 31.1666C33 32.1791 32.1792 32.9999 31.1667 32.9999C30.1541 32.9999 29.3333 32.1791 29.3333 31.1666C29.3333 30.154 30.1541 29.3333 31.1667 29.3333C32.1792 29.3333 33 30.154 33 31.1666Z' fill='%23FECE00'/><path d='M33 23.8333C33 24.8459 32.1792 25.6667 31.1667 25.6667C30.1541 25.6667 29.3333 24.8459 29.3333 23.8333C29.3333 22.8208 30.1541 22 31.1667 22C32.1792 22 33 22.8208 33 23.8333Z' fill='%23FECE00'/><path d='M23.8333 31.1666C23.8333 32.1791 23.0126 32.9999 22 32.9999C20.9875 32.9999 20.1667 32.1791 20.1667 31.1666C20.1667 30.154 20.9875 29.3333 22 29.3333C23.0126 29.3333 23.8333 30.154 23.8333 31.1666Z' fill='%23FECE00'/><path d='M23.8333 23.8333C23.8333 24.8459 23.0126 25.6667 22 25.6667C20.9875 25.6667 20.1667 24.8459 20.1667 23.8333C20.1667 22.8208 20.9875 22 22 22C23.0126 22 23.8333 22.8208 23.8333 23.8333Z' fill='%23FECE00'/><path d='M14.6667 31.1666C14.6667 32.1791 13.8458 32.9999 12.8333 32.9999C11.8208 32.9999 11 32.1791 11 31.1666C11 30.154 11.8208 29.3333 12.8333 29.3333C13.8458 29.3333 14.6667 30.154 14.6667 31.1666Z' fill='%23FECE00'/><path d='M14.6667 23.8333C14.6667 24.8459 13.8458 25.6667 12.8333 25.6667C11.8208 25.6667 11 24.8459 11 23.8333C11 22.8208 11.8208 22 12.8333 22C13.8458 22 14.6667 22.8208 14.6667 23.8333Z' fill='%23FECE00'/></svg>") !important; }
	.realty-home .col-12:nth-child(3) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 20.9L22 7L38.5 20.9' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.5 18.5V38.5H34.5V18.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M17.5 38.5V28.5H26.5V38.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
	.realty-home .col-12:nth-child(4) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 20.9L22 7L38.5 20.9' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.5 18.5V38.5H34.5V18.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M17.5 38.5V28.5H26.5V38.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
	.realty-home .col-12:nth-child(5) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 5.5V38.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M38.5 38.5H5.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M12.8333 29.3333L22.4583 19.7083L28.875 26.125L38.5 16.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
	.realty-home .col-12:nth-child(6) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.3328 10.3328L33.6673 33.6673M38.5 22C38.5 31.1128 31.1128 38.5 22 38.5C12.8873 38.5 5.5 31.1128 5.5 22C5.5 12.8873 12.8873 5.5 22 5.5C31.1128 5.5 38.5 12.8873 38.5 22Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/></svg>") !important; }
	.realty-home .col-12:nth-child(7) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M41.6167 21.0833L37.9509 24.75L34.2833 21.0833M38.3994 23.8333C38.4659 23.2315 38.5 22.6197 38.5 22C38.5 12.8873 31.1128 5.5 22 5.5C12.8873 5.5 5.5 12.8873 5.5 22C5.5 31.1128 12.8873 38.5 22 38.5C27.1834 38.5 31.8083 36.1099 34.8333 32.3717M22 12.8333V22L27.5 25.6667' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
}

.pwa-standalone body:has(.realty-home) .page-content-wrapper,
.pwa-standalone body:has(.realty-home) main.container,
.pwa-standalone body:has(.realty-home) .page_content {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 100% !important;
}
.pwa-standalone body:has(.realty-home) .page-breadcrumbs,
.pwa-standalone body:has(.realty-home) .page-header-wrapper { display: none !important; }
.pwa-standalone body:has(.realty-home) .carsharing-page {
	padding-left: 16px !important;
	padding-right: 16px !important;
	padding-top: 16px !important;
}
.pwa-standalone body:has(.realty-home) .realty-pc-footer { display: none !important; }
.pwa-standalone .realty-home.row,
.pwa-standalone .realty-home .row {
	flex-direction: column !important;
	row-gap: 8px !important;
	column-gap: 0 !important;
	padding: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.pwa-standalone .realty-home .col-12,
.pwa-standalone .realty-home [class*='col-'] {
	width: 100% !important;
	max-width: 100% !important;
	flex: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.pwa-standalone .realty-home .card {
	border: 1px solid rgba(255,255,255,0.07) !important;
	border-radius: 16px !important;
	background: #1C202F !important;
	box-shadow: none !important;
	position: relative !important;
	overflow: hidden !important;
	height: auto !important;
}
.pwa-standalone .realty-home .card:active { transform: scale(0.975) !important; }
.pwa-standalone .realty-home .card-body {
	display: grid !important;
	grid-template-columns: 86px 1fr !important;
	grid-template-areas: 'icon title' 'icon desc' !important;
	column-gap: 16px !important;
	row-gap: 6px !important;
	padding: 16px 8px !important;
	align-content: center !important;
	align-items: center !important;
	text-align: left !important;
	background: transparent !important;
	min-height: 118px !important;
}
.pwa-standalone .realty-home .card-icon {
	grid-area: icon !important;
	width: 86px !important;
	height: 86px !important;
	min-width: 86px !important;
	margin: 0 !important;
	background-color: #363D50 !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 44px 44px !important;
	border-radius: 12px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.pwa-standalone .realty-home .cs-emoji-wrap { display: none !important; }
.pwa-standalone .realty-home .card-title {
	grid-area: title !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	margin: 0 !important;
	align-self: end !important;
	padding-right: 24px !important;
}
.pwa-standalone .realty-home .card-text {
	grid-area: desc !important;
	color: rgba(255,255,255,0.8) !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	margin: 0 !important;
	align-self: start !important;
	padding-right: 24px !important;
	opacity: 0.8 !important;
}
.pwa-standalone .realty-home .card::after {
	content: '›' !important;
	position: absolute !important;
	right: 16px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	color: rgba(255,255,255,0.3) !important;
	font-size: 22px !important;
	pointer-events: none !important;
	line-height: 1 !important;
}
.pwa-standalone .realty-home .carsharing-btn-open,
.pwa-standalone .realty-home .btn.carsharing-btn-open,
.pwa-standalone .realty-home .btn-success.carsharing-btn-open,
.pwa-standalone .realty-home .btn-warning.carsharing-btn-open,
.pwa-standalone .realty-home .btn-danger.carsharing-btn-open,
.pwa-standalone .realty-home .btn-primary.carsharing-btn-open,
.pwa-standalone .realty-home .btn-secondary.carsharing-btn-open,
.pwa-standalone .realty-home .btn-info.carsharing-btn-open,
.pwa-standalone .realty-home .btn-outline-primary.carsharing-btn-open {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: transparent !important;
	border: none !important;
	border-radius: 16px !important;
	color: transparent !important;
	font-size: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	min-height: unset !important;
	z-index: 2 !important;
	box-shadow: none !important;
}

.pwa-standalone .realty-home .col-12:nth-child(1) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.87458 21.7649L1.625 28.1249M19.2917 32.5416H32.5417M28.125 23.7083H32.5417M12.6667 10.4583C11.3564 10.4583 10.0755 10.8468 8.98601 11.5748C7.89654 12.3027 7.0474 13.3374 6.54597 14.548C6.04453 15.7585 5.91334 17.0906 6.16896 18.3757C6.42459 19.6609 7.05556 20.8413 7.98208 21.7678C8.90861 22.6944 10.0891 23.3253 11.3742 23.581C12.6593 23.8366 13.9914 23.7054 15.2019 23.204C16.4125 22.7025 17.4472 21.8534 18.1752 20.7639C18.9031 19.6744 19.2917 18.3936 19.2917 17.0833C19.2917 15.3262 18.5937 13.6411 17.3513 12.3987C16.1088 11.1562 14.4237 10.4583 12.6667 10.4583Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M12.6667 1.625H39.1667C39.7524 1.625 40.3141 1.85766 40.7282 2.27181C41.1424 2.68595 41.375 3.24765 41.375 3.83333V39.1667C41.375 39.7524 41.1424 40.3141 40.7282 40.7282C40.3141 41.1423 39.7524 41.375 39.1667 41.375H12.6667C12.081 41.375 11.5193 41.1423 11.1051 40.7282C10.691 40.3141 10.4583 39.7524 10.4583 39.1667V32.5417' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
.pwa-standalone .realty-home .col-12:nth-child(2) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M33 40.1472L18.3333 40.3333C11.4194 40.3333 7.96245 40.3333 5.81455 38.1853C3.66667 36.0376 3.66667 32.5805 3.66667 25.6666V21.9999C3.66667 15.086 3.66667 11.629 5.81455 9.48113C7.96245 7.33325 11.4194 7.33325 18.3333 7.33325H25.6667C32.5805 7.33325 36.0377 7.33325 38.1854 9.48113C40.3333 11.629 40.3333 15.086 40.3333 21.9999V25.6666C40.3333 32.5805 40.3333 36.0376 38.1854 38.1853C36.9879 39.3829 35.3835 39.9127 33 40.1472Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M12.8333 7.33325V4.58325' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M31.1667 7.33325V4.58325' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M39.4167 16.5H3.66667' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/><path d='M33 31.1666C33 32.1791 32.1792 32.9999 31.1667 32.9999C30.1541 32.9999 29.3333 32.1791 29.3333 31.1666C29.3333 30.154 30.1541 29.3333 31.1667 29.3333C32.1792 29.3333 33 30.154 33 31.1666Z' fill='%23FECE00'/><path d='M33 23.8333C33 24.8459 32.1792 25.6667 31.1667 25.6667C30.1541 25.6667 29.3333 24.8459 29.3333 23.8333C29.3333 22.8208 30.1541 22 31.1667 22C32.1792 22 33 22.8208 33 23.8333Z' fill='%23FECE00'/><path d='M23.8333 31.1666C23.8333 32.1791 23.0126 32.9999 22 32.9999C20.9875 32.9999 20.1667 32.1791 20.1667 31.1666C20.1667 30.154 20.9875 29.3333 22 29.3333C23.0126 29.3333 23.8333 30.154 23.8333 31.1666Z' fill='%23FECE00'/><path d='M23.8333 23.8333C23.8333 24.8459 23.0126 25.6667 22 25.6667C20.9875 25.6667 20.1667 24.8459 20.1667 23.8333C20.1667 22.8208 20.9875 22 22 22C23.0126 22 23.8333 22.8208 23.8333 23.8333Z' fill='%23FECE00'/><path d='M14.6667 31.1666C14.6667 32.1791 13.8458 32.9999 12.8333 32.9999C11.8208 32.9999 11 32.1791 11 31.1666C11 30.154 11.8208 29.3333 12.8333 29.3333C13.8458 29.3333 14.6667 30.154 14.6667 31.1666Z' fill='%23FECE00'/><path d='M14.6667 23.8333C14.6667 24.8459 13.8458 25.6667 12.8333 25.6667C11.8208 25.6667 11 24.8459 11 23.8333C11 22.8208 11.8208 22 12.8333 22C13.8458 22 14.6667 22.8208 14.6667 23.8333Z' fill='%23FECE00'/></svg>") !important; }
.pwa-standalone .realty-home .col-12:nth-child(3) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 20.9L22 7L38.5 20.9' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.5 18.5V38.5H34.5V18.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M17.5 38.5V28.5H26.5V38.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
.pwa-standalone .realty-home .col-12:nth-child(4) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 20.9L22 7L38.5 20.9' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.5 18.5V38.5H34.5V18.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M17.5 38.5V28.5H26.5V38.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
.pwa-standalone .realty-home .col-12:nth-child(5) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 5.5V38.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M38.5 38.5H5.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M12.8333 29.3333L22.4583 19.7083L28.875 26.125L38.5 16.5' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
.pwa-standalone .realty-home .col-12:nth-child(6) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.3328 10.3328L33.6673 33.6673M38.5 22C38.5 31.1128 31.1128 38.5 22 38.5C12.8873 38.5 5.5 31.1128 5.5 22C5.5 12.8873 12.8873 5.5 22 5.5C31.1128 5.5 38.5 12.8873 38.5 22Z' stroke='%23FECE00' stroke-width='3' stroke-linecap='round'/></svg>") !important; }
.pwa-standalone .realty-home .col-12:nth-child(7) .card-icon { background-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M41.6167 21.0833L37.9509 24.75L34.2833 21.0833M38.3994 23.8333C38.4659 23.2315 38.5 22.6197 38.5 22C38.5 12.8873 31.1128 5.5 22 5.5C12.8873 5.5 5.5 12.8873 5.5 22C5.5 31.1128 12.8873 38.5 22 38.5C27.1834 38.5 31.8083 36.1099 34.8333 32.3717M22 12.8333V22L27.5 25.6667' stroke='%23FECE00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }

/* ── Realty summary — PWA (переиспользует стили .carsharing-summary) ── */
@media (display-mode: standalone) {
	body:has(.realty-summary) .carsharing-nav::before {
		content: "\0421\0432\043E\0434\043A\0430\0020\043E\0431\0020\043E\0431\044A\0435\043A\0442\0435" !important;
		position: absolute !important;
		left: 50% !important;
		bottom: 12px !important;
		top: auto !important;
		transform: translateX(-50%) !important;
		color: #FFFFFF !important;
		font-size: 20px !important;
		font-weight: 600 !important;
		letter-spacing: -0.01em !important;
		pointer-events: none !important;
		white-space: nowrap !important;
	}
	body:has(.realty-summary) .realty-pc-nav-link { display: none !important; }
	body:has(.realty-summary) #csd-main-body p.csd-info-row .csd-val--rented {
		color: #FF4646 !important;
	}
}
.pwa-standalone body:has(.realty-summary) .carsharing-nav::before,
body:has(.realty-summary) .pwa-standalone .carsharing-nav::before {
	content: "\0421\0432\043E\0434\043A\0430\0020\043E\0431\0020\043E\0431\044A\0435\043A\0442\0435" !important;
	position: absolute !important;
	left: 50% !important;
	bottom: 12px !important;
	top: auto !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}
.pwa-standalone body:has(.realty-summary) .realty-pc-nav-link,
body:has(.realty-summary) .pwa-standalone .realty-pc-nav-link { display: none !important; }
.pwa-standalone body:has(.realty-summary) #csd-main-body p.csd-info-row .csd-val--rented,
body:has(.realty-summary) .pwa-standalone #csd-main-body p.csd-info-row .csd-val--rented {
	color: #FF4646 !important;
}

/* ── Realty booking — PWA (переиспользует .carsharing-form-page + cs-bk-* стили) ── */
@media (display-mode: standalone) {
	body:has(.realty-booking) .carsharing-nav::before {
		content: "\0411\0440\043E\043D\0438\0440\043E\0432\0430\043D\0438\0435\0020\043E\0431\044A\0435\043A\0442\0430" !important;
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		color: #FFFFFF !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
		pointer-events: none !important;
		white-space: nowrap !important;
	}
}
.pwa-standalone body:has(.realty-booking) .carsharing-nav::before,
body:has(.realty-booking) .pwa-standalone .carsharing-nav::before {
	content: "\0411\0440\043E\043D\0438\0440\043E\0432\0430\043D\0438\0435\0020\043E\0431\044A\0435\043A\0442\0430" !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}

/* ── Realty issue — PWA (переиспользует .carsharing-form-page + cs-issue-* стили) ── */
@media (display-mode: standalone) {
	body:has(.realty-issue) .carsharing-nav::before {
		content: "\0412\044B\0434\0430\0447\0430\0020\043E\0431\044A\0435\043A\0442\0430" !important;
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		color: #FFFFFF !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
		pointer-events: none !important;
		white-space: nowrap !important;
	}
}
.pwa-standalone body:has(.realty-issue) .carsharing-nav::before,
body:has(.realty-issue) .pwa-standalone .carsharing-nav::before {
	content: "\0412\044B\0434\0430\0447\0430\0020\043E\0431\044A\0435\043A\0442\0430" !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}

/* ── Realty return — PWA (переиспользует .carsharing-form-page + cs-issue-* / cs-ret-* стили) ── */
@media (display-mode: standalone) {
	body:has(.realty-return) .carsharing-nav::before {
		content: "\041F\0440\0438\0451\043C\0020\043E\0431\044A\0435\043A\0442\0430" !important;
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		color: #FFFFFF !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
		pointer-events: none !important;
		white-space: nowrap !important;
	}
	body:has(.realty-return) .cs-deposit-hint {
		background: rgba(255, 255, 255, 0.06) !important;
		border: 1px solid rgba(255, 255, 255, 0.12) !important;
		border-radius: 12px !important;
		padding: 12px 14px !important;
		margin-bottom: 4px !important;
	}
	body:has(.realty-return) .cs-deposit-hint-row {
		font-size: 14px !important;
		line-height: 20px !important;
		color: rgba(255, 255, 255, 0.75) !important;
		margin-bottom: 6px !important;
	}
	body:has(.realty-return) .cs-deposit-hint-row--total {
		margin-bottom: 0 !important;
		color: #FFFFFF !important;
	}
}
.pwa-standalone body:has(.realty-return) .carsharing-nav::before,
body:has(.realty-return) .pwa-standalone .carsharing-nav::before {
	content: "\041F\0440\0438\0451\043C\0020\043E\0431\044A\0435\043A\0442\0430" !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}
.pwa-standalone body:has(.realty-return) .cs-deposit-hint,
body:has(.realty-return) .pwa-standalone .cs-deposit-hint {
	background: rgba(255, 255, 255, 0.06) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 12px !important;
	padding: 12px 14px !important;
	margin-bottom: 4px !important;
}
.pwa-standalone body:has(.realty-return) .cs-deposit-hint-row,
body:has(.realty-return) .pwa-standalone .cs-deposit-hint-row {
	font-size: 14px !important;
	line-height: 20px !important;
	color: rgba(255, 255, 255, 0.75) !important;
	margin-bottom: 6px !important;
}
.pwa-standalone body:has(.realty-return) .cs-deposit-hint-row--total,
body:has(.realty-return) .pwa-standalone .cs-deposit-hint-row--total {
	margin-bottom: 0 !important;
	color: #FFFFFF !important;
}

/* ── Realty extension — PWA (переиспользует .carsharing-form-page + cs-ext-* стили) ── */
@media (display-mode: standalone) {
	body:has(.realty-extension) .carsharing-nav::before {
		content: "\041F\0440\043E\0434\043B\0435\043D\0438\0435\0020\0430\0440\0435\043D\0434\044B" !important;
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		color: #FFFFFF !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
		pointer-events: none !important;
		white-space: nowrap !important;
	}
	body:has(.realty-extension) .cs-ext-date-range {
		font-size: 14px !important;
		line-height: 20px !important;
		color: rgba(255, 255, 255, 0.65) !important;
		padding: 4px 0 8px !important;
	}
	body:has(.realty-extension) .cs-deposit-hint {
		background: rgba(255, 255, 255, 0.06) !important;
		border: 1px solid rgba(255, 255, 255, 0.12) !important;
		border-radius: 12px !important;
		padding: 12px 14px !important;
		margin-bottom: 4px !important;
	}
	body:has(.realty-extension) .cs-deposit-hint-row {
		font-size: 14px !important;
		line-height: 20px !important;
		color: rgba(255, 255, 255, 0.75) !important;
		margin-bottom: 6px !important;
	}
	body:has(.realty-extension) .cs-deposit-hint-row--total {
		margin-bottom: 0 !important;
		color: #FFFFFF !important;
	}
}
.pwa-standalone body:has(.realty-extension) .carsharing-nav::before,
body:has(.realty-extension) .pwa-standalone .carsharing-nav::before {
	content: "\041F\0440\043E\0434\043B\0435\043D\0438\0435\0020\0430\0440\0435\043D\0434\044B" !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}
.pwa-standalone body:has(.realty-extension) .cs-ext-date-range,
body:has(.realty-extension) .pwa-standalone .cs-ext-date-range {
	font-size: 14px !important;
	line-height: 20px !important;
	color: rgba(255, 255, 255, 0.65) !important;
	padding: 4px 0 8px !important;
}
.pwa-standalone body:has(.realty-extension) .cs-deposit-hint,
body:has(.realty-extension) .pwa-standalone .cs-deposit-hint {
	background: rgba(255, 255, 255, 0.06) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 12px !important;
	padding: 12px 14px !important;
	margin-bottom: 4px !important;
}
.pwa-standalone body:has(.realty-extension) .cs-deposit-hint-row,
body:has(.realty-extension) .pwa-standalone .cs-deposit-hint-row {
	font-size: 14px !important;
	line-height: 20px !important;
	color: rgba(255, 255, 255, 0.75) !important;
	margin-bottom: 6px !important;
}
.pwa-standalone body:has(.realty-extension) .cs-deposit-hint-row--total,
body:has(.realty-extension) .pwa-standalone .cs-deposit-hint-row--total {
	margin-bottom: 0 !important;
	color: #FFFFFF !important;
}

/* ── Realty analytics PWA — переиспользует стили #kpi-pwa-wrap / .kpi-* ── */
#realty-kpi-pwa-wrap {
  --kpi-bg:    #0B0F1A;
  --kpi-card:  #1C202F;
  --kpi-brd:   rgba(255,255,255,0.15);
  --kpi-gold:  #E2B806;
  background: var(--kpi-bg);
  color: #fff;
  font-family: -apple-system,'SF Pro',sans-serif;
}
html:not(.pwa-standalone) #realty-kpi-pwa-wrap { display: none !important; }
html.pwa-standalone #realty-kpi-pwa-wrap { display: flex; flex-direction: column; }
@media (display-mode: standalone) {
  #realty-kpi-pwa-wrap { display: flex !important; flex-direction: column; }
  body:has(#realty-kpi-pwa-wrap) .page-breadcrumbs,
  body:has(#realty-kpi-pwa-wrap) .page-header-wrapper { display: none !important; }
}

/* ── Realty analytics menu PWA ── */
#ram-pwa-wrap {
  background: #0B0F1A;
  color: #fff;
  font-family: -apple-system, 'SF Pro', sans-serif;
}
html:not(.pwa-standalone) #ram-pwa-wrap { display: none !important; }
@media (display-mode: standalone) {
  body:has(#ram-pwa-wrap) .page-breadcrumbs,
  body:has(#ram-pwa-wrap) .page-header-wrapper,
  body:has(#ram-pwa-wrap) .navbar { display: none !important; }
}

/* ── Предупреждение (alert) в PWA ── */
@media (display-mode: standalone) {
	.alert-warning {
		background: #FFF8EC !important;
		border-color: #FBBF24 !important;
		border-radius: 14px !important;
		color: #78350F !important;
	}
	.alert-info {
		background: #EFF6FF !important;
		border-color: #93C5FD !important;
		border-radius: 14px !important;
	}
}
.pwa-standalone .alert-warning {
	background: #FFF8EC !important;
	border-color: #FBBF24 !important;
	border-radius: 14px !important;
	color: #78350F !important;
}

/* ── Таблицы в PWA ── */
@media (display-mode: standalone) {
	.table {
		border-radius: 14px !important;
		overflow: hidden !important;
	}
	.table thead th {
		background: linear-gradient(135deg, var(--pwa-purple) 0%, var(--pwa-purple-dark) 100%) !important;
		color: #fff !important;
		font-weight: 700 !important;
		border: none !important;
		font-size: 0.85rem !important;
		letter-spacing: 0.03em;
	}
	.table tbody tr:nth-child(even) { background: #F9F9FB !important; }
	.table tbody tr:hover { background: rgba(123,97,255,0.06) !important; }
}
.pwa-standalone .table thead th {
	background: linear-gradient(135deg, var(--pwa-purple) 0%, var(--pwa-purple-dark) 100%) !important;
	color: #fff !important;
	font-weight: 700 !important;
	border: none !important;
}

/* ── Скрыть лишние элементы Frappe в PWA ── */
@media (display-mode: standalone) {
	.page-breadcrumbs, .navbar, footer { display: none !important; }
}
.pwa-standalone .page-breadcrumbs,
.pwa-standalone .navbar,
.pwa-standalone footer { display: none !important; }


/* ═══════════════════════════════════════════════════════════════
   Вкладки модулей (Главная страница)
   ═══════════════════════════════════════════════════════════════ */
.module-tabs {
	display: flex;
	gap: 0.5rem;
	margin-bottom: 1.5rem;
	background: #fff;
	border-radius: 0.75rem;
	padding: 0.35rem;
	box-shadow: 0 1px 4px rgba(0,0,0,0.08);
	border: 1px solid var(--carsharing-card-border);
}

.module-tab {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.65rem 1rem;
	border: none;
	border-radius: 0.5rem;
	background: transparent;
	color: var(--carsharing-text-muted);
	font-size: 1rem;
	font-weight: 500;
	cursor: pointer;
	transition: background 0.18s, color 0.18s, box-shadow 0.18s;
	min-height: 48px;
}

.module-tab:hover {
	background: var(--carsharing-bg);
	color: var(--carsharing-text);
}

.module-tab.active {
	background: var(--carsharing-primary);
	color: #fff;
	box-shadow: 0 2px 8px rgba(37,99,235,0.25);
}

.module-tab-icon {
	font-size: 1.25rem;
	line-height: 1;
}

.module-tab-label {
	font-weight: 600;
}

/* ── Placeholder Недвижимость ── */
.realty-coming-soon {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 4rem 1.5rem;
	background: #fff;
	border-radius: 1rem;
	border: 2px dashed var(--carsharing-card-border);
	min-height: 320px;
}

.realty-coming-soon-icon {
	font-size: 4rem;
	margin-bottom: 1rem;
	filter: grayscale(0.3);
}

.realty-coming-soon-title {
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--carsharing-text);
	margin-bottom: 0.75rem;
}

.realty-coming-soon-text {
	color: var(--carsharing-text-muted);
	font-size: 1rem;
	max-width: 380px;
	line-height: 1.6;
	margin-bottom: 1.5rem;
}

.realty-coming-soon-badge {
	display: inline-block;
	background: #f1f5f9;
	color: var(--carsharing-text-muted);
	border: 1px solid var(--carsharing-card-border);
	border-radius: 2rem;
	padding: 0.35rem 1.25rem;
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

/* PWA-адаптация вкладок */
@media (display-mode: standalone) {
	.module-tabs { border-radius: 1rem; }
	.module-tab.active { background: linear-gradient(135deg, var(--pwa-purple, #2563eb) 0%, var(--pwa-purple-dark, #1d4ed8) 100%); box-shadow: 0 3px 12px rgba(123,97,255,0.35); }
}
.pwa-standalone .module-tab.active { background: linear-gradient(135deg, var(--pwa-purple, #7B61FF) 0%, var(--pwa-purple-dark, #5a3fd6) 100%) !important; }

/* Стартовая страница: выбор раздела (карточки в стиле главного меню) */
.carsharing-nav--start { justify-content: space-between; }
.portal-start-lead {
	font-size: 1.05rem;
	font-weight: 500;
	color: var(--carsharing-text-muted) !important;
}
.portal-start-grid { max-width: 920px; margin-left: auto; margin-right: auto; }

.portal-start-grid > [class*="col-"] {
	display: flex;
	flex-direction: column;
}
.portal-start-link {
	color: inherit;
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
	width: 100%;
	border-radius: 0.5rem;
	outline: none;
}
.portal-start-link:focus-visible {
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.45);
}
.portal-start-link .card-title { color: var(--carsharing-text); }
.portal-start-link .card-text { color: var(--carsharing-text-muted); }
.portal-start-link .portal-module-card {
	flex: 1 1 0 !important;
	height: auto !important;
	width: 100%;
}

.portal-module-card {
	border: 1px solid var(--carsharing-card-border);
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.portal-module-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(37, 99, 235, 0.12);
	border-color: rgba(37, 99, 235, 0.35);
}
.portal-module-card--carsharing:hover {
	border-color: rgba(37, 99, 235, 0.45);
	box-shadow: 0 8px 24px rgba(37, 99, 235, 0.15);
}
.portal-module-card--realty:hover {
	border-color: rgba(14, 116, 144, 0.45);
	box-shadow: 0 8px 24px rgba(14, 116, 144, 0.12);
}
.portal-start-link:active .portal-module-card {
	transform: translateY(-1px);
}

.carsharing-section-intro {
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-weight: 600;
}

@media (display-mode: standalone) {
	.portal-module-card:hover { box-shadow: 0 8px 24px rgba(123, 97, 255, 0.18); }
}
.pwa-standalone .portal-module-card:hover {
	box-shadow: 0 8px 24px rgba(123, 97, 255, 0.2) !important;
}


/* ═══════════════════════════════════════════════════════════════
   PWA: Сводка по авто — детальный вид (карточка с информацией)
   ═══════════════════════════════════════════════════════════════ */

@media (display-mode: standalone) {
	/* ── Основная карточка: #1C202F, border, radius 16px ── */
	body:has(.carsharing-summary) #csd-main {
		background: #1C202F !important;
		border: 1px solid rgba(255,255,255,0.14) !important;
		border-radius: 16px !important;
		box-shadow: none !important;
		margin-bottom: 0 !important;
	}
	body:has(.carsharing-summary) #csd-main .card-body {
		padding: 16px !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		background: transparent !important;
	}
	/* ── Название автомобиля: 28px Bold #FECE00 ── */
	body:has(.carsharing-summary) #csd-main-body .card-title,
	body:has(.carsharing-summary) #csd-main-body h5.card-title {
		font-size: 28px !important;
		font-weight: 700 !important;
		color: #FECE00 !important;
		line-height: 34px !important;
		letter-spacing: 0.38px !important;
		margin: 0 !important;
		padding: 0 !important;
		white-space: normal !important;
	}
	/* ── Название авто: plate на строке 1, model на строке 2 ── */
	body:has(.carsharing-summary) #csd-main-body .card-title .csd-car-plate,
	body:has(.carsharing-summary) #csd-main-body .card-title .csd-car-model {
		display: block !important;
	}
	/* ── Строки информации: label слева, value справа ── */
	body:has(.carsharing-summary) #csd-main-body p.csd-info-row {
		display: flex !important;
		justify-content: space-between !important;
		align-items: baseline !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 17px !important;
		color: #FFFFFF !important;
		gap: 8px !important;
	}
	body:has(.carsharing-summary) #csd-main-body p.csd-info-row strong {
		font-weight: 400 !important;
		color: rgba(255,255,255,0.55) !important;
		flex-shrink: 0 !important;
	}
	body:has(.carsharing-summary) #csd-main-body p.csd-info-row .csd-val {
		font-weight: 600 !important;
		color: #FFFFFF !important;
		text-align: right !important;
		flex: 1 !important;
		min-width: 0 !important;
	}
}

/* ── iOS PWA ── */
.pwa-standalone body:has(.carsharing-summary) #csd-main,
body:has(.carsharing-summary) .pwa-standalone #csd-main {
	background: #1C202F !important;
	border: 1px solid rgba(255,255,255,0.14) !important;
	border-radius: 16px !important;
	box-shadow: none !important;
	margin-bottom: 0 !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-main .card-body,
body:has(.carsharing-summary) .pwa-standalone #csd-main .card-body {
	padding: 16px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	background: transparent !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-main-body .card-title,
body:has(.carsharing-summary) .pwa-standalone #csd-main-body .card-title {
	font-size: 28px !important;
	font-weight: 700 !important;
	color: #FECE00 !important;
	line-height: 34px !important;
	letter-spacing: 0.38px !important;
	margin: 0 !important;
	padding: 0 !important;
	white-space: normal !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-main-body .card-title .csd-car-plate,
.pwa-standalone body:has(.carsharing-summary) #csd-main-body .card-title .csd-car-model,
body:has(.carsharing-summary) .pwa-standalone #csd-main-body .card-title .csd-car-plate,
body:has(.carsharing-summary) .pwa-standalone #csd-main-body .card-title .csd-car-model {
	display: block !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-main-body p.csd-info-row,
body:has(.carsharing-summary) .pwa-standalone #csd-main-body p.csd-info-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: baseline !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 17px !important;
	color: #FFFFFF !important;
	gap: 8px !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-main-body p.csd-info-row strong,
body:has(.carsharing-summary) .pwa-standalone #csd-main-body p.csd-info-row strong {
	font-weight: 400 !important;
	color: rgba(255,255,255,0.55) !important;
	flex-shrink: 0 !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-main-body p.csd-info-row .csd-val,
body:has(.carsharing-summary) .pwa-standalone #csd-main-body p.csd-info-row .csd-val {
	font-weight: 600 !important;
	color: #FFFFFF !important;
	text-align: right !important;
	flex: 1 !important;
	min-width: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════
   PWA: Карточка почасовой аренды (#csd-hourly-card) — Figma Dark
   ═══════════════════════════════════════════════════════════════ */
@media (display-mode: standalone) {
	body:has(.carsharing-summary) #csd-hourly-card {
		background: #1C202F !important;
		border: 1px solid rgba(255,255,255,0.14) !important;
		border-radius: 16px !important;
		box-shadow: none !important;
		margin-top: 16px !important;
		margin-bottom: 0 !important;
	}
	body:has(.carsharing-summary) #csd-hourly-card .card-body {
		padding: 16px !important;
		background: transparent !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
	}
	body:has(.carsharing-summary) #csd-hourly-card .card-title {
		font-size: 17px !important;
		font-weight: 700 !important;
		color: #FECE00 !important;
		letter-spacing: -0.43px !important;
		line-height: 22px !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 8px !important;
		flex-wrap: wrap !important;
	}
	body:has(.carsharing-summary) #csd-hourly-badge {
		font-size: 13px !important;
		font-weight: 600 !important;
		padding: 3px 10px !important;
		border-radius: 20px !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
	}
	body:has(.carsharing-summary) #csd-hourly-card p.csd-info-row {
		display: flex !important;
		justify-content: space-between !important;
		align-items: baseline !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 17px !important;
		color: #FFFFFF !important;
		gap: 8px !important;
	}
	body:has(.carsharing-summary) #csd-hourly-card p.csd-info-row strong {
		font-weight: 400 !important;
		color: rgba(255,255,255,0.55) !important;
		flex-shrink: 0 !important;
	}
	body:has(.carsharing-summary) #csd-hourly-card p.csd-info-row strong::after {
		content: none !important;
	}
	body:has(.carsharing-summary) #csd-hourly-card p.csd-info-row .csd-val {
		font-weight: 600 !important;
		color: #FFFFFF !important;
		text-align: right !important;
		flex: 1 !important;
		min-width: 0 !important;
	}
	body:has(.carsharing-summary) #csd-hourly-card p.csd-info-row .csd-val--hourly {
		color: #FECE00 !important;
	}
	body:has(.carsharing-summary) #csd-hourly-status-text {
		font-weight: 600 !important;
		text-align: right !important;
	}
	body:has(.carsharing-summary) #csd-hourly-card .csd-hourly-actions {
		display: flex !important;
		flex-direction: row !important;
		gap: 10px !important;
		margin-top: 6px !important;
		flex-wrap: nowrap !important;
	}
	body:has(.carsharing-summary) #csd-hourly-extend-btn,
	body:has(.carsharing-summary) #csd-hourly-cancel-btn {
		flex: 1 !important;
		height: 44px !important;
		min-height: 44px !important;
		border-radius: 12px !important;
		font-size: 15px !important;
		font-weight: 600 !important;
		letter-spacing: -0.3px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: none !important;
		box-shadow: none !important;
		width: auto !important;
	}
	body:has(.carsharing-summary) #csd-hourly-extend-btn {
		background: #E2B806 !important;
		color: #0B0F1A !important;
	}
	body:has(.carsharing-summary) #csd-hourly-extend-btn:hover,
	body:has(.carsharing-summary) #csd-hourly-extend-btn:active {
		background: #c9a405 !important;
		color: #0B0F1A !important;
	}
	body:has(.carsharing-summary) #csd-hourly-cancel-btn {
		background: rgba(255,70,70,0.15) !important;
		color: #FF4646 !important;
		border: 1px solid rgba(255,70,70,0.35) !important;
	}
	body:has(.carsharing-summary) #csd-hourly-cancel-btn:hover,
	body:has(.carsharing-summary) #csd-hourly-cancel-btn:active {
		background: rgba(255,70,70,0.25) !important;
		color: #FF4646 !important;
	}
}
/* iOS PWA — те же стили через класс pwa-standalone */
.pwa-standalone body:has(.carsharing-summary) #csd-hourly-card,
body:has(.carsharing-summary) .pwa-standalone #csd-hourly-card {
	background: #1C202F !important;
	border: 1px solid rgba(255,255,255,0.14) !important;
	border-radius: 16px !important;
	box-shadow: none !important;
	margin-top: 16px !important;
	margin-bottom: 0 !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-hourly-card .card-body,
body:has(.carsharing-summary) .pwa-standalone #csd-hourly-card .card-body {
	padding: 16px !important;
	background: transparent !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-hourly-card .card-title,
body:has(.carsharing-summary) .pwa-standalone #csd-hourly-card .card-title {
	font-size: 17px !important;
	font-weight: 700 !important;
	color: #FECE00 !important;
	letter-spacing: -0.43px !important;
	line-height: 22px !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-hourly-badge,
body:has(.carsharing-summary) .pwa-standalone #csd-hourly-badge {
	font-size: 13px !important;
	font-weight: 600 !important;
	padding: 3px 10px !important;
	border-radius: 20px !important;
	white-space: nowrap !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-hourly-card p.csd-info-row,
body:has(.carsharing-summary) .pwa-standalone #csd-hourly-card p.csd-info-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: baseline !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 17px !important;
	color: #FFFFFF !important;
	gap: 8px !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-hourly-card p.csd-info-row strong,
body:has(.carsharing-summary) .pwa-standalone #csd-hourly-card p.csd-info-row strong {
	font-weight: 400 !important;
	color: rgba(255,255,255,0.55) !important;
	flex-shrink: 0 !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-hourly-card p.csd-info-row strong::after,
body:has(.carsharing-summary) .pwa-standalone #csd-hourly-card p.csd-info-row strong::after {
	content: none !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-hourly-card p.csd-info-row .csd-val,
body:has(.carsharing-summary) .pwa-standalone #csd-hourly-card p.csd-info-row .csd-val {
	font-weight: 600 !important;
	color: #FFFFFF !important;
	text-align: right !important;
	flex: 1 !important;
	min-width: 0 !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-hourly-card .csd-hourly-actions,
body:has(.carsharing-summary) .pwa-standalone #csd-hourly-card .csd-hourly-actions {
	display: flex !important;
	flex-direction: row !important;
	gap: 10px !important;
	margin-top: 6px !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-hourly-extend-btn,
.pwa-standalone body:has(.carsharing-summary) #csd-hourly-cancel-btn,
body:has(.carsharing-summary) .pwa-standalone #csd-hourly-extend-btn,
body:has(.carsharing-summary) .pwa-standalone #csd-hourly-cancel-btn {
	flex: 1 !important;
	height: 44px !important;
	min-height: 44px !important;
	border-radius: 12px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: -0.3px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: none !important;
	width: auto !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-hourly-extend-btn,
body:has(.carsharing-summary) .pwa-standalone #csd-hourly-extend-btn {
	background: #E2B806 !important;
	color: #0B0F1A !important;
	border: none !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-hourly-cancel-btn,
body:has(.carsharing-summary) .pwa-standalone #csd-hourly-cancel-btn {
	background: rgba(255,70,70,0.15) !important;
	color: #FF4646 !important;
	border: 1px solid rgba(255,70,70,0.35) !important;
}

/* ── Убрать жёлтую левую полосу карточки почасовой аренды в PWA ── */
@media (display-mode: standalone) {
	body:has(.carsharing-summary) #csd-hourly-card { border-left: 1px solid rgba(255,255,255,0.14) !important; }
}
.pwa-standalone body:has(.carsharing-summary) #csd-hourly-card,
body:has(.carsharing-summary) .pwa-standalone #csd-hourly-card { border-left: 1px solid rgba(255,255,255,0.14) !important; }

/* ── Отступы между блоками в PWA сводке ── */
.pwa-standalone body:has(.carsharing-summary) #csd-main,
body:has(.carsharing-summary) .pwa-standalone #csd-main {
	margin-bottom: 0 !important;
}
.pwa-standalone body:has(.carsharing-summary) .show-calendar-wrap,
body:has(.carsharing-summary) .pwa-standalone .show-calendar-wrap {
	margin-top: 16px !important;
	margin-bottom: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   PWA: Карточка бронирования (жёлтая рамка, кнопка «Отменить»)
   ═══════════════════════════════════════════════════════════════ */

@media (display-mode: standalone) {
	/* Карточка: #FFFCEE с 10% opacity, жёлтая рамка */
	body:has(.carsharing-summary) #csd-bookings-card {
		background: rgba(255,252,238,0.10) !important;
		border: 1px solid #FECE00 !important;
		border-radius: 16px !important;
		box-shadow: none !important;
		margin-top: 16px !important;
		margin-bottom: 0 !important;
	}
	body:has(.carsharing-summary) #csd-bookings-card .card-body {
		padding: 16px !important;
		background: transparent !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
	}
	/* Скрыть заголовок и описание — заменены новой разметкой */
	body:has(.carsharing-summary) #csd-bookings-card .card-title,
	body:has(.carsharing-summary) #csd-bookings-card .card-body > .small { display: none !important; }
	/* Список без отступов и разделителей */
	body:has(.carsharing-summary) #csd-bookings-list {
		padding: 0 !important;
		margin: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
	}
	body:has(.carsharing-summary) #csd-bookings-list .csd-booking-item {
		background: transparent !important;
		border: none !important;
		padding: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
	}
	/* Строка с иконкой и текстом предупреждения */
	body:has(.carsharing-summary) .csd-booking-warning {
		display: flex !important;
		align-items: flex-start !important;
		gap: 8px !important;
	}
	/* SVG-иконка треугольника (22px) */
	body:has(.carsharing-summary) .csd-booking-icon {
		display: inline-block !important;
		width: 22px !important;
		height: 22px !important;
		min-width: 22px !important;
		flex-shrink: 0 !important;
		background-image: url("data:image/svg+xml,%3Csvg width='22' height='19' viewBox='0 0 22 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4738 18.7H5.52654C4.96512 18.7242 4.40735 18.5985 3.91049 18.336C3.41363 18.0735 2.99555 17.6836 2.69909 17.2062C2.40264 16.7288 2.23848 16.1811 2.22348 15.6194C2.20848 15.0576 2.34319 14.5021 2.61374 14.0096L8.08732 4.49675C8.39077 3.99584 8.81829 3.58167 9.32854 3.29421C9.83876 3.00675 10.4145 2.85571 11.0001 2.85571C11.5857 2.85571 12.1615 3.00675 12.6717 3.29421C13.182 3.58167 13.6096 3.99584 13.913 4.49675L19.3866 14.0096C19.6571 14.5021 19.7918 15.0576 19.7768 15.6194C19.7618 16.1811 19.5977 16.7288 19.3012 17.2062C19.0048 17.6836 18.5866 18.0735 18.0897 18.336C17.5929 18.5985 17.0351 18.7242 16.4738 18.7Z' stroke='%23E2B806' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0152 15.0921C10.0152 14.9619 10.041 14.833 10.0911 14.7129C10.1411 14.5927 10.2145 14.4836 10.307 14.392C10.3994 14.3004 10.5091 14.228 10.6297 14.179C10.7503 14.13 10.8794 14.1053 11.0096 14.1065C11.2016 14.11 11.3883 14.1699 11.5465 14.279C11.7045 14.388 11.827 14.5413 11.8986 14.7195C11.97 14.8978 11.9874 15.0931 11.9485 15.2812C11.9095 15.4692 11.8159 15.6416 11.6795 15.7769C11.5431 15.9121 11.3699 16.004 11.1815 16.0413C10.9931 16.0786 10.7979 16.0595 10.6203 15.9864C10.4426 15.9134 10.2905 15.7896 10.1829 15.6305C10.0753 15.4714 10.017 15.2842 10.0152 15.0921ZM10.332 12.6897L10.2088 8.09608C10.1971 7.98566 10.2087 7.87401 10.243 7.7684C10.2773 7.66277 10.3333 7.56552 10.4076 7.48298C10.4819 7.40043 10.5727 7.33443 10.6741 7.28924C10.7755 7.24406 10.8853 7.2207 10.9964 7.2207C11.1075 7.2207 11.2173 7.24406 11.3187 7.28924C11.4201 7.33443 11.5108 7.40043 11.5851 7.48298C11.6594 7.56552 11.7155 7.66277 11.7498 7.7684C11.784 7.87401 11.7957 7.98566 11.784 8.09608L11.6696 12.6897C11.6696 12.867 11.5991 13.0372 11.4737 13.1626C11.3482 13.288 11.1781 13.3585 11.0008 13.3585C10.8234 13.3585 10.6533 13.288 10.5279 13.1626C10.4025 13.0372 10.332 12.867 10.332 12.6897Z' fill='%23E2B806'/%3E%3C/svg%3E") !important;
		background-repeat: no-repeat !important;
		background-size: 22px 19px !important;
		background-position: center top !important;
	}
	/* Текст предупреждения */
	body:has(.carsharing-summary) .csd-booking-text {
		color: #FECE00 !important;
		font-size: 17px !important;
		font-weight: 400 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
	}
	/* Кнопка «Отменить»: жёлтый фон, тёмный текст */
	body:has(.carsharing-summary) .csd-booking-item .btn-cancel-booking {
		background: #E2B806 !important;
		border: none !important;
		border-radius: 16px !important;
		color: #0B0F1A !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		letter-spacing: -0.43px !important;
		line-height: 22px !important;
		padding: 16px !important;
		width: 100% !important;
		height: 54px !important;
		min-height: 54px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-shadow: none !important;
		text-decoration: none !important;
	}
	body:has(.carsharing-summary) .csd-booking-item .btn-cancel-booking:hover,
	body:has(.carsharing-summary) .csd-booking-item .btn-cancel-booking:active {
		background: #FECE00 !important;
		color: #0B0F1A !important;
	}
}

/* iOS PWA */
.pwa-standalone body:has(.carsharing-summary) #csd-bookings-card,
body:has(.carsharing-summary) .pwa-standalone #csd-bookings-card {
	background: rgba(255,252,238,0.10) !important;
	border: 1px solid #FECE00 !important;
	border-radius: 16px !important;
	box-shadow: none !important;
	margin-top: 16px !important;
	margin-bottom: 0 !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-bookings-card .card-body,
body:has(.carsharing-summary) .pwa-standalone #csd-bookings-card .card-body {
	padding: 16px !important;
	background: transparent !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-bookings-card .card-title,
.pwa-standalone body:has(.carsharing-summary) #csd-bookings-card .card-body > .small,
body:has(.carsharing-summary) .pwa-standalone #csd-bookings-card .card-title,
body:has(.carsharing-summary) .pwa-standalone #csd-bookings-card .card-body > .small { display: none !important; }
.pwa-standalone body:has(.carsharing-summary) #csd-bookings-list,
body:has(.carsharing-summary) .pwa-standalone #csd-bookings-list {
	padding: 0 !important; margin: 0 !important;
	display: flex !important; flex-direction: column !important; gap: 16px !important;
}
.pwa-standalone body:has(.carsharing-summary) .csd-booking-item,
body:has(.carsharing-summary) .pwa-standalone .csd-booking-item {
	background: transparent !important; border: none !important; padding: 0 !important;
	display: flex !important; flex-direction: column !important; gap: 16px !important;
}
.pwa-standalone body:has(.carsharing-summary) .csd-booking-warning,
body:has(.carsharing-summary) .pwa-standalone .csd-booking-warning {
	display: flex !important; align-items: flex-start !important; gap: 8px !important;
}
.pwa-standalone body:has(.carsharing-summary) .csd-booking-icon,
body:has(.carsharing-summary) .pwa-standalone .csd-booking-icon {
	display: inline-block !important; width: 22px !important; height: 22px !important;
	min-width: 22px !important; flex-shrink: 0 !important;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='19' viewBox='0 0 22 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4738 18.7H5.52654C4.96512 18.7242 4.40735 18.5985 3.91049 18.336C3.41363 18.0735 2.99555 17.6836 2.69909 17.2062C2.40264 16.7288 2.23848 16.1811 2.22348 15.6194C2.20848 15.0576 2.34319 14.5021 2.61374 14.0096L8.08732 4.49675C8.39077 3.99584 8.81829 3.58167 9.32854 3.29421C9.83876 3.00675 10.4145 2.85571 11.0001 2.85571C11.5857 2.85571 12.1615 3.00675 12.6717 3.29421C13.182 3.58167 13.6096 3.99584 13.913 4.49675L19.3866 14.0096C19.6571 14.5021 19.7918 15.0576 19.7768 15.6194C19.7618 16.1811 19.5977 16.7288 19.3012 17.2062C19.0048 17.6836 18.5866 18.0735 18.0897 18.336C17.5929 18.5985 17.0351 18.7242 16.4738 18.7Z' stroke='%23E2B806' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0152 15.0921C10.0152 14.9619 10.041 14.833 10.0911 14.7129C10.1411 14.5927 10.2145 14.4836 10.307 14.392C10.3994 14.3004 10.5091 14.228 10.6297 14.179C10.7503 14.13 10.8794 14.1053 11.0096 14.1065C11.2016 14.11 11.3883 14.1699 11.5465 14.279C11.7045 14.388 11.827 14.5413 11.8986 14.7195C11.97 14.8978 11.9874 15.0931 11.9485 15.2812C11.9095 15.4692 11.8159 15.6416 11.6795 15.7769C11.5431 15.9121 11.3699 16.004 11.1815 16.0413C10.9931 16.0786 10.7979 16.0595 10.6203 15.9864C10.4426 15.9134 10.2905 15.7896 10.1829 15.6305C10.0753 15.4714 10.017 15.2842 10.0152 15.0921ZM10.332 12.6897L10.2088 8.09608C10.1971 7.98566 10.2087 7.87401 10.243 7.7684C10.2773 7.66277 10.3333 7.56552 10.4076 7.48298C10.4819 7.40043 10.5727 7.33443 10.6741 7.28924C10.7755 7.24406 10.8853 7.2207 10.9964 7.2207C11.1075 7.2207 11.2173 7.24406 11.3187 7.28924C11.4201 7.33443 11.5108 7.40043 11.5851 7.48298C11.6594 7.56552 11.7155 7.66277 11.7498 7.7684C11.784 7.87401 11.7957 7.98566 11.784 8.09608L11.6696 12.6897C11.6696 12.867 11.5991 13.0372 11.4737 13.1626C11.3482 13.288 11.1781 13.3585 11.0008 13.3585C10.8234 13.3585 10.6533 13.288 10.5279 13.1626C10.4025 13.0372 10.332 12.867 10.332 12.6897Z' fill='%23E2B806'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important; background-size: 22px 19px !important;
	background-position: center top !important;
}
.pwa-standalone body:has(.carsharing-summary) .csd-booking-text,
body:has(.carsharing-summary) .pwa-standalone .csd-booking-text {
	color: #FECE00 !important; font-size: 17px !important; font-weight: 400 !important;
	line-height: 22px !important; letter-spacing: -0.43px !important;
}
.pwa-standalone body:has(.carsharing-summary) .csd-booking-item .btn-cancel-booking,
body:has(.carsharing-summary) .pwa-standalone .csd-booking-item .btn-cancel-booking {
	background: #E2B806 !important; border: none !important; border-radius: 16px !important;
	color: #0B0F1A !important; font-size: 17px !important; font-weight: 600 !important;
	letter-spacing: -0.43px !important; padding: 16px !important;
	width: 100% !important; height: 54px !important; min-height: 54px !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
	box-shadow: none !important;
}


/* ═══════════════════════════════════════════════════════════════
   PWA: Календарь бронирований (bottom-sheet стиль Figma)
   ═══════════════════════════════════════════════════════════════ */

@media (display-mode: standalone) {
	/* ── Оболочка bottom-sheet: видимая карточка с рамкой ── */
	body:has(.carsharing-summary) #csd-calendar-static {
		background: #131824 !important;
		border: 1px solid rgba(255,255,255,0.12) !important;
		border-radius: 24px !important;
		box-shadow: none !important;
		margin: 8px 0 0 0 !important;
		padding-top: 20px !important;
		position: relative !important;
		overflow: hidden !important;
	}
	/* Ручка (handle bar) */
	body:has(.carsharing-summary) #csd-calendar-static::before {
		content: "" !important;
		display: block !important;
		width: 43px !important;
		height: 5px !important;
		background: rgba(255,255,255,0.18) !important;
		border-radius: 39px !important;
		position: absolute !important;
		top: 12px !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		pointer-events: none !important;
	}
	body:has(.carsharing-summary) #csd-calendar-static .card-body {
		padding: 0 !important;
		background: transparent !important;
	}
	/* ── Заголовок "Календарь бронирований" ── */
	body:has(.carsharing-summary) #csd-calendar-static .card-title {
		color: #FFFFFF !important;
		font-size: 20px !important;
		font-weight: 600 !important;
		letter-spacing: -0.45px !important;
		line-height: 25px !important;
		padding: 16px 16px 0 16px !important;
		margin-bottom: 0 !important;
		background: transparent !important;
	}
	/* ── Навигация: пред/след месяц ── */
	body:has(.carsharing-summary) #csd-calendar-static nav {
		display: flex !important;
		flex-direction: row !important;
		justify-content: space-between !important;
		align-items: center !important;
		padding: 0 16px !important;
		height: 46px !important;
		margin: 12px 0 0 0 !important;
		gap: 0 !important;
	}
	/* Кнопки пред/след: #23293A, 45×45, круг */
	body:has(.carsharing-summary) #csd-calendar-static nav a.btn {
		background: #23293A !important;
		border: none !important;
		border-radius: 150px !important;
		width: 45px !important;
		height: 45px !important;
		min-width: 45px !important;
		padding: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: transparent !important;
		font-size: 0 !important;
		position: relative !important;
		overflow: hidden !important;
	}
	/* Шеврон влево (пред) */
	body:has(.carsharing-summary) #csd-calendar-static nav a.btn:first-child::before {
		content: "" !important;
		display: block !important;
		width: 13px !important;
		height: 20px !important;
		background-image: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 2L2 10L9.5 18' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}
	/* Шеврон вправо (след) */
	body:has(.carsharing-summary) #csd-calendar-static nav a.btn:last-child::before {
		content: "" !important;
		display: block !important;
		width: 13px !important;
		height: 20px !important;
		background-image: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 2L11 10L3.5 18' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}
	/* Название месяца */
	body:has(.carsharing-summary) #csd-calendar-static nav span {
		color: #FFFFFF !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		letter-spacing: -0.43px !important;
		line-height: 22px !important;
	}
	/* ── Легенда ── */
	body:has(.carsharing-summary) #csd-calendar-static .small {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 32px !important;
		padding: 12px 16px !important;
		margin-bottom: 0 !important;
		background: transparent !important;
	}
	body:has(.carsharing-summary) #csd-calendar-static .badge {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		background: transparent !important;
		padding: 0 !important;
		font-size: 17px !important;
		font-weight: 400 !important;
		letter-spacing: -0.43px !important;
		color: #FFFFFF !important;
		border-radius: 0 !important;
	}
	body:has(.carsharing-summary) #csd-calendar-static .badge::before {
		content: "" !important;
		display: inline-block !important;
		width: 22px !important;
		height: 22px !important;
		border-radius: 6px !important;
		flex-shrink: 0 !important;
	}
	body:has(.carsharing-summary) #csd-calendar-static .bg-danger::before { background: #FF4646 !important; }
	body:has(.carsharing-summary) #csd-calendar-static .bg-success::before { background: #59DA4E !important; }
	/* ── Таблица календаря: сброс всех Bootstrap-фонов ── */
	body:has(.carsharing-summary) .car-summary-calendar-wrap {
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}
	body:has(.carsharing-summary) .car-summary-calendar {
		--bs-table-bg: transparent !important;
		--bs-table-color: #FFFFFF !important;
		--bs-table-border-color: transparent !important;
		--bs-table-striped-bg: transparent !important;
		--bs-table-active-bg: transparent !important;
		--bs-table-hover-bg: transparent !important;
		background: transparent !important;
		border: none !important;
		border-collapse: collapse !important;
		width: 100% !important;
		color: #FFFFFF !important;
	}
	/* Обнуляем фон на ВСЕХ строках и ячейках таблицы */
	body:has(.carsharing-summary) .car-summary-calendar tbody tr,
	body:has(.carsharing-summary) .car-summary-calendar thead tr {
		--bs-table-bg: transparent !important;
		--bs-table-color: #FFFFFF !important;
		background-color: transparent !important;
		border: none !important;
	}
	body:has(.carsharing-summary) .car-summary-calendar tbody td,
	body:has(.carsharing-summary) .car-summary-calendar thead th,
	body:has(.carsharing-summary) .car-summary-calendar td,
	body:has(.carsharing-summary) .car-summary-calendar th {
		--bs-table-bg: transparent !important;
		background-color: transparent !important;
		background: transparent !important;
		border: none !important;
		color: #FFFFFF !important;
	}
	/* Заголовок дней недели */
	body:has(.carsharing-summary) .car-summary-calendar thead tr {
		opacity: 0.5 !important;
	}
	body:has(.carsharing-summary) .car-summary-calendar thead th {
		font-size: 17px !important;
		font-weight: 400 !important;
		text-align: center !important;
		padding: 0 !important;
		height: 52px !important;
		line-height: 20px !important;
	}
	/* Ячейки дней */
	body:has(.carsharing-summary) .car-summary-calendar td.car-summary-day {
		font-size: 17px !important;
		font-weight: 400 !important;
		text-align: center !important;
		vertical-align: top !important;
		padding: 0 !important;
		height: 52px !important;
		width: 26px !important;
		position: relative !important;
	}
	/* Бронь (table-danger): красная точка под числом */
	body:has(.carsharing-summary) .car-summary-calendar .table-danger {
		--bs-table-bg: transparent !important;
		--bs-table-color: #FFFFFF !important;
	}
	body:has(.carsharing-summary) .car-summary-calendar .table-danger::after {
		content: "" !important;
		display: block !important;
		width: 6px !important;
		height: 6px !important;
		background: #FF4646 !important;
		border-radius: 50% !important;
		margin: 4px auto 0 auto !important;
	}
	/* Аренда (table-success): зелёная точка под числом */
	body:has(.carsharing-summary) .car-summary-calendar .table-success {
		--bs-table-bg: transparent !important;
		--bs-table-color: #FFFFFF !important;
	}
	body:has(.carsharing-summary) .car-summary-calendar .table-success::after {
		content: "" !important;
		display: block !important;
		width: 6px !important;
		height: 6px !important;
		background: #59DA4E !important;
		border-radius: 50% !important;
		margin: 4px auto 0 auto !important;
	}
}

/* ── iOS PWA: те же стили ── */
.pwa-standalone body:has(.carsharing-summary) #csd-calendar-static,
body:has(.carsharing-summary) .pwa-standalone #csd-calendar-static {
	background: #131824 !important;
	border: 1px solid rgba(255,255,255,0.12) !important;
	border-radius: 24px !important;
	box-shadow: none !important;
	margin: 8px 0 0 0 !important;
	padding-top: 20px !important;
	position: relative !important;
	overflow: hidden !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-calendar-static::before,
body:has(.carsharing-summary) .pwa-standalone #csd-calendar-static::before {
	content: "" !important; display: block !important;
	width: 43px !important; height: 5px !important;
	background: rgba(255,255,255,0.18) !important; border-radius: 39px !important;
	position: absolute !important; top: 12px !important;
	left: 50% !important; transform: translateX(-50%) !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-calendar-static .card-body,
body:has(.carsharing-summary) .pwa-standalone #csd-calendar-static .card-body {
	padding: 0 !important; background: transparent !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-calendar-static .card-title,
body:has(.carsharing-summary) .pwa-standalone #csd-calendar-static .card-title {
	color: #FFFFFF !important; font-size: 20px !important; font-weight: 600 !important;
	letter-spacing: -0.45px !important; padding: 16px 16px 0 !important; margin-bottom: 0 !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-calendar-static nav,
body:has(.carsharing-summary) .pwa-standalone #csd-calendar-static nav {
	display: flex !important; justify-content: space-between !important;
	align-items: center !important; padding: 0 16px !important;
	height: 46px !important; margin: 12px 0 0 !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-calendar-static nav a.btn,
body:has(.carsharing-summary) .pwa-standalone #csd-calendar-static nav a.btn {
	background: #23293A !important; border: none !important; border-radius: 150px !important;
	width: 45px !important; height: 45px !important; min-width: 45px !important;
	padding: 0 !important; display: inline-flex !important; align-items: center !important;
	justify-content: center !important; color: transparent !important; font-size: 0 !important;
	position: relative !important; overflow: hidden !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-calendar-static nav a.btn:first-child::before,
body:has(.carsharing-summary) .pwa-standalone #csd-calendar-static nav a.btn:first-child::before {
	content: "" !important; display: block !important; width: 13px !important; height: 20px !important;
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 2L2 10L9.5 18' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important; background-size: contain !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-calendar-static nav a.btn:last-child::before,
body:has(.carsharing-summary) .pwa-standalone #csd-calendar-static nav a.btn:last-child::before {
	content: "" !important; display: block !important; width: 13px !important; height: 20px !important;
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 2L11 10L3.5 18' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important; background-size: contain !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-calendar-static nav span,
body:has(.carsharing-summary) .pwa-standalone #csd-calendar-static nav span {
	color: #FFFFFF !important; font-size: 17px !important; font-weight: 600 !important; letter-spacing: -0.43px !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-calendar-static .small,
body:has(.carsharing-summary) .pwa-standalone #csd-calendar-static .small {
	display: flex !important; flex-direction: row !important; align-items: center !important;
	justify-content: center !important; gap: 32px !important;
	padding: 12px 16px !important; margin-bottom: 0 !important; background: transparent !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-calendar-static .badge,
body:has(.carsharing-summary) .pwa-standalone #csd-calendar-static .badge {
	display: inline-flex !important; align-items: center !important; gap: 8px !important;
	background: transparent !important; padding: 0 !important;
	font-size: 17px !important; font-weight: 400 !important;
	letter-spacing: -0.43px !important; color: #FFFFFF !important; border-radius: 0 !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-calendar-static .badge::before,
body:has(.carsharing-summary) .pwa-standalone #csd-calendar-static .badge::before {
	content: "" !important; display: inline-block !important;
	width: 22px !important; height: 22px !important; border-radius: 6px !important; flex-shrink: 0 !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-calendar-static .bg-danger::before,
body:has(.carsharing-summary) .pwa-standalone #csd-calendar-static .bg-danger::before { background: #FF4646 !important; }
.pwa-standalone body:has(.carsharing-summary) #csd-calendar-static .bg-success::before,
body:has(.carsharing-summary) .pwa-standalone #csd-calendar-static .bg-success::before { background: #59DA4E !important; }
.pwa-standalone body:has(.carsharing-summary) .car-summary-calendar,
body:has(.carsharing-summary) .pwa-standalone .car-summary-calendar {
	--bs-table-bg: transparent !important;
	--bs-table-color: #FFFFFF !important;
	--bs-table-border-color: transparent !important;
	--bs-table-striped-bg: transparent !important;
	--bs-table-active-bg: transparent !important;
	--bs-table-hover-bg: transparent !important;
	background: transparent !important; border: none !important;
	border-collapse: collapse !important; width: 100% !important; color: #FFFFFF !important;
}
.pwa-standalone body:has(.carsharing-summary) .car-summary-calendar tbody tr,
.pwa-standalone body:has(.carsharing-summary) .car-summary-calendar thead tr,
body:has(.carsharing-summary) .pwa-standalone .car-summary-calendar tbody tr,
body:has(.carsharing-summary) .pwa-standalone .car-summary-calendar thead tr {
	--bs-table-bg: transparent !important;
	background-color: transparent !important; border: none !important;
}
.pwa-standalone body:has(.carsharing-summary) .car-summary-calendar tbody td,
.pwa-standalone body:has(.carsharing-summary) .car-summary-calendar thead th,
.pwa-standalone body:has(.carsharing-summary) .car-summary-calendar td,
.pwa-standalone body:has(.carsharing-summary) .car-summary-calendar th,
body:has(.carsharing-summary) .pwa-standalone .car-summary-calendar tbody td,
body:has(.carsharing-summary) .pwa-standalone .car-summary-calendar thead th,
body:has(.carsharing-summary) .pwa-standalone .car-summary-calendar td,
body:has(.carsharing-summary) .pwa-standalone .car-summary-calendar th {
	--bs-table-bg: transparent !important;
	background-color: transparent !important; background: transparent !important;
	border: none !important; color: #FFFFFF !important;
}
.pwa-standalone body:has(.carsharing-summary) .car-summary-calendar thead tr,
body:has(.carsharing-summary) .pwa-standalone .car-summary-calendar thead tr { opacity: 0.5 !important; }
.pwa-standalone body:has(.carsharing-summary) .car-summary-calendar thead th,
body:has(.carsharing-summary) .pwa-standalone .car-summary-calendar thead th {
	font-size: 17px !important; font-weight: 400 !important;
	text-align: center !important; padding: 0 !important; height: 52px !important;
}
.pwa-standalone body:has(.carsharing-summary) .car-summary-calendar td.car-summary-day,
body:has(.carsharing-summary) .pwa-standalone .car-summary-calendar td.car-summary-day {
	font-size: 17px !important; font-weight: 400 !important;
	text-align: center !important; vertical-align: top !important;
	padding: 0 !important; height: 52px !important;
}
.pwa-standalone body:has(.carsharing-summary) .car-summary-calendar .table-danger,
body:has(.carsharing-summary) .pwa-standalone .car-summary-calendar .table-danger {
	--bs-table-bg: transparent !important; --bs-table-color: #FFFFFF !important;
}
.pwa-standalone body:has(.carsharing-summary) .car-summary-calendar .table-danger::after,
body:has(.carsharing-summary) .pwa-standalone .car-summary-calendar .table-danger::after {
	content: "" !important; display: block !important;
	width: 6px !important; height: 6px !important;
	background: #FF4646 !important; border-radius: 50% !important; margin: 4px auto 0 !important;
}
.pwa-standalone body:has(.carsharing-summary) .car-summary-calendar .table-success,
body:has(.carsharing-summary) .pwa-standalone .car-summary-calendar .table-success {
	--bs-table-bg: transparent !important; --bs-table-color: #FFFFFF !important;
}
.pwa-standalone body:has(.carsharing-summary) .car-summary-calendar .table-success::after,
body:has(.carsharing-summary) .pwa-standalone .car-summary-calendar .table-success::after {
	content: "" !important; display: block !important;
	width: 6px !important; height: 6px !important;
	background: #59DA4E !important; border-radius: 50% !important; margin: 4px auto 0 !important;
}


/* ═══════════════════════════════════════════════════════════════
   PWA: Кнопка «Календарь» в nav (детальная сводка — рядом с «Назад»)
   ═══════════════════════════════════════════════════════════════ */

.carsharing-nav .btn-calendar { display: none !important; }

@media (display-mode: standalone) {
	#csd-calendar-btn-wrap { display: none !important; }
	body:has(.carsharing-summary) .csd-web-back-wrap { display: none !important; }
}
.pwa-standalone #csd-calendar-btn-wrap { display: none !important; }
.pwa-standalone body:has(.carsharing-summary) .csd-web-back-wrap { display: none !important; }

@media (display-mode: standalone) {
	body:has(.carsharing-summary--detail) .carsharing-nav .btn-calendar {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: absolute !important;
		right: 16px !important;
		bottom: 4px !important;
		top: auto !important;
		margin: 0 !important;
		width: 45px !important;
		height: 45px !important;
		min-width: 45px !important;
		min-height: 45px !important;
		background:
			linear-gradient(#23293A, #23293A) padding-box,
			linear-gradient(180deg, rgba(255,255,255,0.25) 0%, rgba(11,15,26,0.25) 100%) border-box !important;
		border: 1px solid transparent !important;
		border-radius: 150px !important;
		text-decoration: none !important;
		color: #FFFFFF !important;
		box-shadow: none !important;
		z-index: 3 !important;
		flex-shrink: 0 !important;
	}
	body:has(.carsharing-summary--detail) .carsharing-nav .btn-calendar:active {
		background:
			linear-gradient(#2e3545, #2e3545) padding-box,
			linear-gradient(180deg, rgba(255,255,255,0.25) 0%, rgba(11,15,26,0.25) 100%) border-box !important;
	}
	body:has(.carsharing-summary--detail) .carsharing-nav .btn-calendar svg {
		width: 23px !important;
		height: 23px !important;
		flex-shrink: 0 !important;
	}
	body:has(.carsharing-summary--detail) .carsharing-nav .btn-calendar--active {
		background:
			linear-gradient(#3a4560, #3a4560) padding-box,
			linear-gradient(180deg, rgba(255,255,255,0.35) 0%, rgba(11,15,26,0.25) 100%) border-box !important;
	}
}

.pwa-standalone body:has(.carsharing-summary--detail) .carsharing-nav .btn-calendar,
body:has(.carsharing-summary--detail) .pwa-standalone .carsharing-nav .btn-calendar {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: absolute !important;
	right: 16px !important;
	bottom: 4px !important;
	top: auto !important;
	margin: 0 !important;
	width: 45px !important;
	height: 45px !important;
	min-width: 45px !important;
	min-height: 45px !important;
	background:
		linear-gradient(#23293A, #23293A) padding-box,
		linear-gradient(180deg, rgba(255,255,255,0.25) 0%, rgba(11,15,26,0.25) 100%) border-box !important;
	border: 1px solid transparent !important;
	border-radius: 150px !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
	z-index: 3 !important;
	flex-shrink: 0 !important;
}
.pwa-standalone body:has(.carsharing-summary--detail) .carsharing-nav .btn-calendar svg,
body:has(.carsharing-summary--detail) .pwa-standalone .carsharing-nav .btn-calendar svg {
	width: 23px !important;
	height: 23px !important;
	flex-shrink: 0 !important;
}
.pwa-standalone body:has(.carsharing-summary--detail) .carsharing-nav .btn-calendar--active,
body:has(.carsharing-summary--detail) .pwa-standalone .carsharing-nav .btn-calendar--active {
	background:
		linear-gradient(#3a4560, #3a4560) padding-box,
		linear-gradient(180deg, rgba(255,255,255,0.35) 0%, rgba(11,15,26,0.25) 100%) border-box !important;
}


/* ═══════════════════════════════════════════════════════════════
   PWA: Сводка по авто — список автомобилей (Figma Dark)
   ═══════════════════════════════════════════════════════════════ */

/* ── Android/Desktop PWA ── */
@media (display-mode: standalone) {
	/* Заголовок навигации "Сводка по авто" */
	body:has(.carsharing-summary) .carsharing-nav::before {
		content: "\0421\0432\043E\0434\043A\0430\0020\043F\043E\0020\0430\0432\0442\043E" !important;
		position: absolute !important;
		left: 50% !important;
		bottom: 12px !important;
		top: auto !important;
		transform: translateX(-50%) !important;
		color: #FFFFFF !important;
		font-size: 20px !important;
		font-weight: 600 !important;
		letter-spacing: -0.01em !important;
		pointer-events: none !important;
		white-space: nowrap !important;
	}
	/* Обнуляем Frappe-обёртки */
	body:has(.carsharing-summary) .page-content-wrapper,
	body:has(.carsharing-summary) main.container,
	body:has(.carsharing-summary) .page_content {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
	}
	body:has(.carsharing-summary) .page-breadcrumbs,
	body:has(.carsharing-summary) .page-header-wrapper { display: none !important; }
	/* Контейнер: 16px по бокам, сброс Bootstrap .container */
	body:has(.carsharing-summary) .carsharing-page {
		padding-left: 16px !important;
		padding-right: 16px !important;
		padding-top: 16px !important;
		max-width: 100% !important;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	/* Заголовок страницы скрываем — используем nav-заголовок */
	.carsharing-summary .carsharing-page-title { display: none !important; }
	/* Подзаголовок */
	.carsharing-summary .car-summary-list-wrap > p.text-muted {
		color: rgba(255,255,255,0.7) !important;
		font-size: 17px !important;
		font-weight: 400 !important;
		letter-spacing: -0.43px !important;
		line-height: 22px !important;
		margin-bottom: 0 !important;
	}
	/* ── Список секций формы ── */
	body:has(.carsharing-form-page) .cs-issue-list,
	body:has(.carsharing-form-page) .cs-issue-form {
		display: flex !important;
		flex-direction: column !important;
		gap: 17px !important;
	}
	body:has(.carsharing-form-page) .cs-issue-section { display: contents !important; }
	body:has(.carsharing-form-page) .cs-issue-section-title {
		font-size: 17px !important;
		font-weight: 600 !important;
		color: #FFFFFF !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	body:has(.carsharing-form-page) .cs-issue-section-card {
		box-sizing: border-box !important;
		border: 1px solid rgba(255,255,255,0.15) !important;
		border-radius: 16px !important;
		padding: 16px !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	body:has(.carsharing-form-page) .cs-issue-field {
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
		margin: 0 !important;
	}
	body:has(.carsharing-form-page) .cs-issue-form .form-label {
		font-size: 17px !important;
		font-weight: 400 !important;
		color: #FFFFFF !important;
		text-transform: none !important;
		letter-spacing: -0.43px !important;
		line-height: 22px !important;
		margin: 0 !important;
		display: flex !important;
		align-items: center !important;
		gap: 4px !important;
	}
	body:has(.carsharing-form-page) .cs-issue-form .form-label.required::after {
		content: "*" !important;
		color: #FF4646 !important;
		margin: 0 !important;
	}
	body:has(.carsharing-form-page) .cs-issue-form .form-control,
	body:has(.carsharing-form-page) .cs-issue-form .cs-issue-select,
	body:has(.carsharing-form-page) .cs-issue-form .cs-issue-textarea {
		background: #1C202F !important;
		border: 1px solid rgba(255,255,255,0.14) !important;
		border-radius: 16px !important;
		color: #FFFFFF !important;
		font-size: 17px !important;
		font-weight: 400 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
		min-height: 54px !important;
		height: 54px !important;
		padding: 16px !important;
		box-shadow: none !important;
		width: 100% !important;
	}
	body:has(.carsharing-form-page) .cs-issue-form .cs-issue-textarea {
		height: auto !important;
		min-height: 124px !important;
		resize: vertical !important;
	}
	body:has(.carsharing-form-page) .cs-issue-form .form-control::placeholder {
		color: #FFFFFF !important;
		opacity: 0.5 !important;
	}
	body:has(.carsharing-form-page) .cs-issue-form .form-control:focus,
	body:has(.carsharing-form-page) .cs-issue-form .cs-issue-select:focus,
	body:has(.carsharing-form-page) .cs-issue-form .cs-issue-textarea:focus {
		background: #1C202F !important;
		border-color: rgba(255,255,255,0.14) !important;
		box-shadow: none !important;
		color: #FFFFFF !important;
	}
	body:has(.carsharing-form-page) .cs-issue-select {
		appearance: none !important;
		-webkit-appearance: none !important;
		background-color: #1C202F !important;
		background-image: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 2L11 10L3.5 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
		background-repeat: no-repeat !important;
		background-position: right 16px center !important;
		background-size: 13px 20px !important;
		padding-right: 40px !important;
	}
	body:has(.carsharing-form-page) .cs-issue-select:invalid,
	body:has(.carsharing-form-page) .cs-issue-select option[value=""] {
		color: rgba(255,255,255,0.5) !important;
	}
	body:has(.carsharing-form-page) .cs-issue-select option:not([value=""]) {
		color: #FFFFFF !important;
	}
	body:has(.carsharing-form-page) .cs-issue-section-card--compact {
		gap: 10px !important;
	}
	body:has(.carsharing-form-page) .cs-issue-field--photo {
		gap: 16px !important;
	}
	body:has(.carsharing-form-page) .cs-issue-files {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: flex-start !important;
		gap: 10px !important;
	}
	body:has(.carsharing-form-page) .cs-issue-file-list {
		display: contents !important;
	}
	body:has(.carsharing-form-page) .cs-issue-photo-item {
		display: inline-flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 10px !important;
		max-width: 100% !important;
	}
	body:has(.carsharing-form-page) .cs-issue-photo-chip {
		display: inline-flex !important;
		align-items: center !important;
		height: 45px !important;
		padding: 0 16px !important;
		background: #1C202F !important;
		border-radius: 16px !important;
		max-width: calc(100vw - 96px) !important;
	}
	body:has(.carsharing-form-page) .cs-issue-photo-name {
		color: #FFFFFF !important;
		font-size: 17px !important;
		font-weight: 400 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		max-width: 180px !important;
	}
	body:has(.carsharing-form-page) .cs-issue-photo-remove {
		box-sizing: border-box !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 45px !important;
		height: 45px !important;
		min-width: 45px !important;
		padding: 0 !important;
		background: #1C202F !important;
		border: none !important;
		border-radius: 150px !important;
		color: #FFFFFF !important;
		font-size: 17px !important;
		line-height: 20px !important;
		cursor: pointer !important;
	}
	body:has(.carsharing-form-page) .cs-issue-attach {
		position: relative !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		height: 45px !important;
		padding: 0 16px !important;
		background: #1C202F !important;
		border: 1px solid rgba(255,255,255,0.15) !important;
		border-radius: 16px !important;
		cursor: pointer !important;
		width: fit-content !important;
		min-width: 208px !important;
		max-width: 100% !important;
		margin: 0 !important;
	}
	body:has(.carsharing-form-page) .cs-issue-file-input {
		position: absolute !important;
		inset: 0 !important;
		opacity: 0 !important;
		width: 100% !important;
		height: 100% !important;
		cursor: pointer !important;
	}
	body:has(.carsharing-form-page) .cs-issue-attach-icon {
		display: inline-block !important;
		width: 21px !important;
		height: 21px !important;
		min-width: 21px !important;
		flex-shrink: 0 !important;
		background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.375 10.0625L10.7188 17.7188C9.65625 18.7812 8.09375 18.7812 7.03125 17.7188C5.96875 16.6562 5.96875 15.0938 7.03125 14.0312L14.875 6.1875C15.6562 5.40625 16.9062 5.40625 17.6875 6.1875C18.4688 6.96875 18.4688 8.21875 17.6875 8.9375L9.40625 17.2188C7.875 18.75 5.40625 18.75 3.875 17.2188C2.34375 15.6875 2.34375 13.2188 3.875 11.6875L12.6875 2.875' stroke='%23E2B806' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
		background-position: center !important;
	}
	body:has(.carsharing-form-page) .cs-issue-attach-text {
		color: #E2B806 !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
	}
	body:has(.carsharing-form-page) .cs-issue-file-name {
		display: inline-flex !important;
		align-items: center !important;
		min-height: 45px !important;
		padding: 0 16px !important;
		background: #1C202F !important;
		border-radius: 16px !important;
		color: #FFFFFF !important;
		font-size: 17px !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
		max-width: 100% !important;
		word-break: break-all !important;
	}
	body:has(.carsharing-form-page) .cs-issue-file-name:empty { display: none !important; }
	body:has(.carsharing-form-page) .cs-issue-bl-alert {
		background: rgba(255,70,70,0.12) !important;
		border: 1px solid #FF4646 !important;
		border-radius: 16px !important;
		padding: 16px !important;
		color: #FF4646 !important;
		flex-direction: column !important;
		gap: 8px !important;
	}
	body:has(.carsharing-form-page) .cs-issue-bl-alert-head {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		font-weight: 600 !important;
	}
	body:has(.carsharing-form-page) .cs-issue-bl-alert-row {
		background: rgba(255,70,70,0.08) !important;
		border-radius: 8px !important;
		padding: 8px 12px !important;
		font-size: 14px !important;
		line-height: 1.5 !important;
	}
	body:has(.carsharing-form-page) .cs-issue-bl-alert-note {
		font-size: 14px !important;
		opacity: 0.85 !important;
	}
	body:has(.carsharing-form-page) .cs-issue-bl-checking {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		color: rgba(255,255,255,0.7) !important;
		font-size: 14px !important;
	}
	body:has(.carsharing-form-page) .cs-issue-bl-spin {
		width: 14px !important;
		height: 14px !important;
		border: 2px solid rgba(255,255,255,0.25) !important;
		border-top-color: #E2B806 !important;
		border-radius: 50% !important;
		animation: blspin 0.7s linear infinite !important;
		flex-shrink: 0 !important;
		display: inline-block !important;
	}
	/* Список: вертикальный столбец, gap 16px, сброс Bootstrap .row негативных margins */
	.carsharing-summary .car-summary-car-list {
		flex-direction: column !important;
		gap: 16px !important;
		row-gap: 16px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 0 !important;
		--bs-gutter-x: 0 !important;
		--bs-gutter-y: 0 !important;
	}
	.carsharing-summary .car-summary-car-list > .col-12,
	.carsharing-summary .car-summary-car-list > [class*="col-"] {
		width: 100% !important;
		max-width: 100% !important;
		flex: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	/* Перенос текста — перебивает Bootstrap .btn / .btn-outline-primary { white-space: nowrap } */
	.carsharing-summary .car-link,
	.carsharing-summary .car-link.btn,
	.carsharing-summary .car-link.btn-outline-primary,
	.carsharing-summary a.btn.car-link,
	.carsharing-summary a.btn-outline-primary.car-link {
		white-space: normal !important;
		overflow: visible !important;
	}
	/* Карточка: #1C202F, radius 16px, h76 */
	.carsharing-summary .car-link {
		background: #1C202F !important;
		border: none !important;
		border-radius: 16px !important;
		height: 76px !important;
		min-height: 76px !important;
		max-height: 76px !important;
		padding: 16px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		text-decoration: none !important;
		text-align: left !important;
		color: #FFFFFF !important;
		box-shadow: none !important;
		white-space: normal !important;
	}
	.carsharing-summary .car-link:hover,
	.carsharing-summary .car-link:focus,
	.carsharing-summary .car-link.active {
		background: #222844 !important;
		box-shadow: none !important;
		color: #FFFFFF !important;
	}
	/* Скрыть эмодзи */
	.carsharing-summary .car-link .car-link-emoji { display: none !important; }
	/* Имя автомобиля: 2 строки (147×44px по Figma): номер / название */
	.carsharing-summary .car-link .car-link-name {
		font-size: 17px !important;
		font-weight: 600 !important;
		color: #FFFFFF !important;
		letter-spacing: -0.43px !important;
		line-height: 22px !important;
		white-space: normal !important;
		flex-shrink: 1 !important;
		min-width: 0 !important;
		text-align: left !important;
	}
	/* Номер (строка 1) и название (строка 2) — каждый на отдельной строке */
	.carsharing-summary .car-link .car-link-plate,
	.carsharing-summary .car-link .car-link-model {
		display: block !important;
		white-space: nowrap !important;
		text-align: left !important;
	}
	/* Статус: точка + текст */
	.carsharing-summary .car-link .car-link-status {
		font-size: 17px !important;
		font-weight: 590 !important;
		letter-spacing: -0.43px !important;
		line-height: 22px !important;
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		flex-shrink: 0 !important;
	}
	.carsharing-summary .car-link .car-link-status::before {
		content: "" !important;
		display: inline-block !important;
		width: 8px !important;
		height: 8px !important;
		min-width: 8px !important;
		border-radius: 50% !important;
		background: #8E8E93 !important;
	}
	/* Свободна — зелёный */
	.carsharing-summary .car-link--free .car-link-status { color: #59DA4E !important; }
	.carsharing-summary .car-link--free .car-link-status::before { background: #59DA4E !important; }
	/* В аренде — красный */
	.carsharing-summary .car-link--rented .car-link-status { color: #FF4646 !important; }
	.carsharing-summary .car-link--rented .car-link-status::before { background: #FF4646 !important; }
	/* Почасовая — жёлтый */
	.carsharing-summary .car-link--hourly .car-link-status { color: #FECE00 !important; }
	.carsharing-summary .car-link--hourly .car-link-status::before { background: #FECE00 !important; }
	/* У сотрудника — синий */
	.carsharing-summary .car-link--employee .car-link-status { color: #5B9CF6 !important; }
	.carsharing-summary .car-link--employee .car-link-status::before { background: #5B9CF6 !important; }
}

/* ── iOS PWA (pwa-standalone) ── */
.pwa-standalone body:has(.carsharing-summary) .carsharing-nav::before,
body:has(.carsharing-summary) .pwa-standalone .carsharing-nav::before {
	content: "\0421\0432\043E\0434\043A\0430\0020\043F\043E\0020\0430\0432\0442\043E" !important;
	position: absolute !important;
	left: 50% !important;
	bottom: 12px !important;
	top: auto !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}
.pwa-standalone body:has(.carsharing-summary) .page-content-wrapper,
.pwa-standalone body:has(.carsharing-summary) main.container,
.pwa-standalone body:has(.carsharing-summary) .page_content {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 100% !important;
}
.pwa-standalone body:has(.carsharing-summary) .page-breadcrumbs,
.pwa-standalone body:has(.carsharing-summary) .page-header-wrapper { display: none !important; }
.pwa-standalone body:has(.carsharing-summary) .carsharing-page {
	padding-left: 16px !important;
	padding-right: 16px !important;
	padding-top: 16px !important;
	max-width: 100% !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.pwa-standalone .carsharing-summary .carsharing-page-title { display: none !important; }
.pwa-standalone .carsharing-summary .car-summary-list-wrap > p.text-muted {
	color: rgba(255,255,255,0.7) !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	letter-spacing: -0.43px !important;
	line-height: 22px !important;
	margin-bottom: 24px !important;
}
.pwa-standalone .carsharing-summary .car-link,
.pwa-standalone .carsharing-summary .car-link.btn,
.pwa-standalone .carsharing-summary .car-link.btn-outline-primary,
.pwa-standalone .carsharing-summary a.btn.car-link,
.pwa-standalone .carsharing-summary a.btn-outline-primary.car-link {
	white-space: normal !important;
	overflow: visible !important;
}
.pwa-standalone .carsharing-summary .car-summary-car-list {
	flex-direction: column !important;
	gap: 16px !important;
	row-gap: 16px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	--bs-gutter-x: 0 !important;
	--bs-gutter-y: 0 !important;
}
.pwa-standalone .carsharing-summary .car-summary-car-list > .col-12,
.pwa-standalone .carsharing-summary .car-summary-car-list > [class*="col-"] {
	width: 100% !important;
	max-width: 100% !important;
	flex: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.pwa-standalone .carsharing-summary .car-link {
	background: #1C202F !important;
	border: none !important;
	border-radius: 16px !important;
	height: 76px !important;
	min-height: 76px !important;
	max-height: 76px !important;
	padding: 16px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	text-decoration: none !important;
	text-align: left !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
	white-space: normal !important;
}
.pwa-standalone .carsharing-summary .car-link:hover,
.pwa-standalone .carsharing-summary .car-link:focus,
.pwa-standalone .carsharing-summary .car-link.active {
	background: #222844 !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
}
.pwa-standalone .carsharing-summary .car-link .car-link-emoji { display: none !important; }
.pwa-standalone .carsharing-summary .car-link .car-link-name {
	font-size: 17px !important;
	font-weight: 600 !important;
	color: #FFFFFF !important;
	letter-spacing: -0.43px !important;
	line-height: 22px !important;
	white-space: normal !important;
	flex-shrink: 1 !important;
	min-width: 0 !important;
	text-align: left !important;
}
.pwa-standalone .carsharing-summary .car-link .car-link-plate,
.pwa-standalone .carsharing-summary .car-link .car-link-model {
	display: block !important;
	white-space: nowrap !important;
	text-align: left !important;
}
.pwa-standalone .carsharing-summary .car-link .car-link-status {
	font-size: 17px !important;
	font-weight: 590 !important;
	letter-spacing: -0.43px !important;
	line-height: 22px !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-shrink: 0 !important;
}
.pwa-standalone .carsharing-summary .car-link .car-link-status::before {
	content: "" !important;
	display: inline-block !important;
	width: 8px !important;
	height: 8px !important;
	min-width: 8px !important;
	border-radius: 50% !important;
	background: #8E8E93 !important;
}
.pwa-standalone .carsharing-summary .car-link--free .car-link-status { color: #59DA4E !important; }
.pwa-standalone .carsharing-summary .car-link--free .car-link-status::before { background: #59DA4E !important; }
.pwa-standalone .carsharing-summary .car-link--rented .car-link-status { color: #FF4646 !important; }
.pwa-standalone .carsharing-summary .car-link--rented .car-link-status::before { background: #FF4646 !important; }
.pwa-standalone .carsharing-summary .car-link--hourly .car-link-status { color: #FECE00 !important; }
.pwa-standalone .carsharing-summary .car-link--hourly .car-link-status::before { background: #FECE00 !important; }
/* У сотрудника — синий */
.pwa-standalone .carsharing-summary .car-link--employee .car-link-status { color: #5B9CF6 !important; }
.pwa-standalone .carsharing-summary .car-link--employee .car-link-status::before { background: #5B9CF6 !important; }


/* ═══════════════════════════════════════════════════════════════
   PWA: Карточка «У сотрудника» в детальной сводке
   ═══════════════════════════════════════════════════════════════ */

@media (display-mode: standalone) {
	body:has(.carsharing-summary) #csd-employee-card {
		background: #1C202F !important;
		border: 1px solid rgba(91,156,246,0.35) !important;
		border-radius: 16px !important;
		box-shadow: none !important;
		margin-top: 16px !important;
		margin-bottom: 0 !important;
	}
	body:has(.carsharing-summary) #csd-employee-card .card-body {
		padding: 16px !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
		background: transparent !important;
	}
	body:has(.carsharing-summary) #csd-employee-card .card-title {
		font-size: 17px !important;
		font-weight: 600 !important;
		color: #5B9CF6 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	body:has(.carsharing-summary) #csd-employee-card p.csd-info-row {
		display: flex !important;
		justify-content: space-between !important;
		align-items: baseline !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 15px !important;
		color: #FFFFFF !important;
		gap: 8px !important;
	}
	body:has(.carsharing-summary) #csd-employee-card p.csd-info-row strong {
		font-weight: 400 !important;
		color: rgba(255,255,255,0.55) !important;
		flex-shrink: 0 !important;
	}
	body:has(.carsharing-summary) #csd-employee-card p.csd-info-row .csd-val {
		font-weight: 600 !important;
		color: #FFFFFF !important;
		text-align: right !important;
		flex: 1 !important;
		min-width: 0 !important;
	}
}

.pwa-standalone body:has(.carsharing-summary) #csd-employee-card,
body:has(.carsharing-summary) .pwa-standalone #csd-employee-card {
	background: #1C202F !important;
	border: 1px solid rgba(91,156,246,0.35) !important;
	border-radius: 16px !important;
	box-shadow: none !important;
	margin-top: 16px !important;
	margin-bottom: 0 !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-employee-card .card-body,
body:has(.carsharing-summary) .pwa-standalone #csd-employee-card .card-body {
	padding: 16px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	background: transparent !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-employee-card .card-title,
body:has(.carsharing-summary) .pwa-standalone #csd-employee-card .card-title {
	font-size: 17px !important;
	font-weight: 600 !important;
	color: #5B9CF6 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-employee-card p.csd-info-row,
body:has(.carsharing-summary) .pwa-standalone #csd-employee-card p.csd-info-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: baseline !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 15px !important;
	color: #FFFFFF !important;
	gap: 8px !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-employee-card p.csd-info-row strong,
body:has(.carsharing-summary) .pwa-standalone #csd-employee-card p.csd-info-row strong {
	font-weight: 400 !important;
	color: rgba(255,255,255,0.55) !important;
	flex-shrink: 0 !important;
}
.pwa-standalone body:has(.carsharing-summary) #csd-employee-card p.csd-info-row .csd-val,
body:has(.carsharing-summary) .pwa-standalone #csd-employee-card p.csd-info-row .csd-val {
	font-weight: 600 !important;
	color: #FFFFFF !important;
	text-align: right !important;
	flex: 1 !important;
	min-width: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════
   PWA: Выдача автомобиля (Figma Dark)
   ═══════════════════════════════════════════════════════════════ */

@media (display-mode: standalone) {
	body:has(.carsharing-form-page) {
		background: #0B0F1A !important;
	}
	body:has(.carsharing-issue) .carsharing-nav::before {
		content: "\0412\044B\0434\0430\0447\0430\0020\0430\0432\0442\043E\043C\043E\0431\0438\043B\044F" !important;
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		color: #FFFFFF !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
		pointer-events: none !important;
		white-space: nowrap !important;
	}
	body:has(.carsharing-form-page) .page-content-wrapper,
	body:has(.carsharing-form-page) main.container,
	body:has(.carsharing-form-page) .page_content {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
	}
	body:has(.carsharing-form-page) .page-breadcrumbs,
	body:has(.carsharing-form-page) .page-header-wrapper { display: none !important; }
	body:has(.carsharing-form-page) .carsharing-page {
		background: #0B0F1A !important;
		color: #FFFFFF !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
		padding-top: 24px !important;
		padding-bottom: 24px !important;
		max-width: 100% !important;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	body:has(.carsharing-form-page) .carsharing-page-title { display: none !important; }
	/* Карточка «Важно» */
	body:has(.carsharing-form-page) .cs-issue-important {
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		gap: 8px !important;
		padding: 16px !important;
		margin-bottom: 0 !important;
		background: rgba(255,252,238,0.10) !important;
		border: 1px solid #FECE00 !important;
		border-radius: 16px !important;
		box-shadow: none !important;
	}
	body:has(.carsharing-form-page) .cs-issue-important-icon {
		display: inline-block !important;
		width: 22px !important;
		height: 22px !important;
		min-width: 22px !important;
		flex-shrink: 0 !important;
		background-image: url("data:image/svg+xml,%3Csvg width='22' height='19' viewBox='0 0 22 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4738 18.7H5.52654C4.96512 18.7242 4.40735 18.5985 3.91049 18.336C3.41363 18.0735 2.99555 17.6836 2.69909 17.2062C2.40264 16.7288 2.23848 16.1811 2.22348 15.6194C2.20848 15.0576 2.34319 14.5021 2.61374 14.0096L8.08732 4.49675C8.39077 3.99584 8.81829 3.58167 9.32854 3.29421C9.83876 3.00675 10.4145 2.85571 11.0001 2.85571C11.5857 2.85571 12.1615 3.00675 12.6717 3.29421C13.182 3.58167 13.6096 3.99584 13.913 4.49675L19.3866 14.0096C19.6571 14.5021 19.7918 15.0576 19.7768 15.6194C19.7618 16.1811 19.5977 16.7288 19.3012 17.2062C19.0048 17.6836 18.5866 18.0735 18.0897 18.336C17.5929 18.5985 17.0351 18.7242 16.4738 18.7Z' stroke='%23E2B806' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0152 15.0921C10.0152 14.9619 10.041 14.833 10.0911 14.7129C10.1411 14.5927 10.2145 14.4836 10.307 14.392C10.3994 14.3005 10.5095 14.2289 10.6305 14.1821C10.7515 14.1353 10.8807 14.1145 11.0104 14.1209C11.1401 14.1273 11.2667 14.1607 11.3824 14.2189C11.4981 14.2771 11.6004 14.3587 11.6831 14.4587C11.7658 14.5587 11.8271 14.6749 11.8631 14.8001C11.8991 14.9253 11.909 15.0566 11.8921 15.1857C11.8752 15.3148 11.8319 15.4389 11.7651 15.5504C11.6983 15.6619 11.6096 15.7583 11.5049 15.8337C11.4002 15.9091 11.2816 15.9618 11.1564 15.9885C11.0312 16.0152 10.9019 16.0152 10.7767 15.9885C10.6515 15.9618 10.5329 15.9091 10.4282 15.8337C10.3235 15.7583 10.2348 15.6619 10.168 15.5504C10.1012 15.4389 10.0579 15.3148 10.041 15.1857C10.0241 15.0566 10.034 14.9253 10.07 14.8001C10.106 14.6749 10.1673 14.5587 10.25 14.4587C10.3327 14.3587 10.435 14.2771 10.5507 14.2189C10.6664 14.1607 10.793 14.1273 10.9227 14.1209C10.9524 14.1195 10.9821 14.1195 11.0118 14.1209' fill='%23E2B806'/%3E%3C/svg%3E") !important;
		background-repeat: no-repeat !important;
		background-size: 22px 19px !important;
		background-position: center top !important;
	}
	body:has(.carsharing-form-page) .cs-issue-important-text {
		color: #FECE00 !important;
		font-size: 17px !important;
		font-weight: 700 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
		margin: 0 !important;
	}
	/* Пустое состояние */
	body:has(.carsharing-form-page) .cs-issue-empty {
		color: rgba(255,255,255,0.7) !important;
		font-size: 17px !important;
		font-weight: 400 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
		text-align: center !important;
		margin: 0 !important;
		padding: 24px 0 !important;
	}
	/* Кнопка «Сохранить выдачу» */
	body:has(.carsharing-form-page) .carsharing-form-actions {
		margin-top: 24px !important;
		margin-bottom: 0 !important;
	}
	body:has(.carsharing-form-page) .carsharing-btn-submit {
		width: 100% !important;
		height: 54px !important;
		min-height: 54px !important;
		padding: 16px 0 !important;
		background: #E2B806 !important;
		border: none !important;
		border-radius: 16px !important;
		color: #0B0F1A !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
		box-shadow: none !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	body:has(.carsharing-form-page) .carsharing-btn-submit:hover,
	body:has(.carsharing-form-page) .carsharing-btn-submit:active,
	body:has(.carsharing-form-page) .carsharing-btn-submit:focus {
		background: #E2B806 !important;
		color: #0B0F1A !important;
		transform: none !important;
		box-shadow: none !important;
	}
	/* ── Прием автомобиля ── */
	body:has(.carsharing-return) .carsharing-nav::before {
		content: "\041F\0440\0438\0435\043C\0020\0430\0432\0442\043E\043C\043E\0431\0438\043B\044F" !important;
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		color: #FFFFFF !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
		pointer-events: none !important;
		white-space: nowrap !important;
	}
	body:has(.carsharing-return) .cs-issue-section-title--large {
		font-size: 20px !important;
		font-weight: 600 !important;
		line-height: 25px !important;
		letter-spacing: -0.45px !important;
	}
	body:has(.carsharing-return) .cs-issue-form .form-label {
		font-weight: 700 !important;
	}
	body:has(.carsharing-return) .cs-return-selected {
		display: none !important;
	}
	body:has(.carsharing-return) .cs-return-resume-banner {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		padding: 16px !important;
		background: rgba(226,184,6,0.12) !important;
		border: 1px solid #E2B806 !important;
		border-radius: 16px !important;
		color: #FECE00 !important;
		font-size: 17px !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
	}
	body:has(.carsharing-return) .cs-return-resume-banner strong {
		color: #FFFFFF !important;
		font-weight: 600 !important;
	}
	body:has(.carsharing-return) .cs-return-resume-actions {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
	}
	body:has(.carsharing-return) .cs-return-resume-actions .btn {
		background: #E2B806 !important;
		border: none !important;
		border-radius: 12px !important;
		color: #0B0F1A !important;
		font-size: 15px !important;
		font-weight: 600 !important;
		padding: 8px 16px !important;
		min-height: 36px !important;
	}
	body:has(.carsharing-return) .cs-return-resume-actions #dismissResume {
		background: transparent !important;
		border: 1px solid rgba(255,255,255,0.25) !important;
		color: #FFFFFF !important;
	}
	body:has(.carsharing-return) .cs-issue-section-title:not(.cs-issue-section-title--large) {
		font-size: 17px !important;
		font-weight: 600 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
	}
	body:has(.carsharing-return) .cs-issue-field:not(.cs-issue-field--photo) {
		gap: 16px !important;
	}
}

/* ── iOS PWA ── */
.pwa-standalone body:has(.carsharing-form-page),
body:has(.carsharing-form-page) .pwa-standalone { background: #0B0F1A !important; }
.pwa-standalone body:has(.carsharing-issue) .carsharing-nav::before,
body:has(.carsharing-issue) .pwa-standalone .carsharing-nav::before {
	content: "\0412\044B\0434\0430\0447\0430\0020\0430\0432\0442\043E\043C\043E\0431\0438\043B\044F" !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}
@media (display-mode: standalone) {
	body:has(.carsharing-issue-employee) .carsharing-nav::before {
		content: "Выдача авто сотруднику" !important;
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		color: #FFFFFF !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
		pointer-events: none !important;
		white-space: nowrap !important;
	}
}
.pwa-standalone body:has(.carsharing-issue-employee) .carsharing-nav::before,
body:has(.carsharing-issue-employee) .pwa-standalone .carsharing-nav::before {
	content: "Выдача авто сотруднику" !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}
@media (display-mode: standalone) {
	body:has(.carsharing-return-employee) .carsharing-nav::before {
		content: "Приём авто у сотрудника" !important;
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		color: #FFFFFF !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		line-height: 22px !important;
		letter-spacing: -0.43px !important;
		pointer-events: none !important;
		white-space: nowrap !important;
	}
}
.pwa-standalone body:has(.carsharing-return-employee) .carsharing-nav::before,
body:has(.carsharing-return-employee) .pwa-standalone .carsharing-nav::before {
	content: "Приём авто у сотрудника" !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}
.pwa-standalone body:has(.carsharing-form-page) .page-content-wrapper,
.pwa-standalone body:has(.carsharing-form-page) main.container,
.pwa-standalone body:has(.carsharing-form-page) .page_content,
body:has(.carsharing-form-page) .pwa-standalone .page-content-wrapper,
body:has(.carsharing-form-page) .pwa-standalone main.container,
body:has(.carsharing-form-page) .pwa-standalone .page_content {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 100% !important;
}
.pwa-standalone body:has(.carsharing-form-page) .page-breadcrumbs,
.pwa-standalone body:has(.carsharing-form-page) .page-header-wrapper,
body:has(.carsharing-form-page) .pwa-standalone .page-breadcrumbs,
body:has(.carsharing-form-page) .pwa-standalone .page-header-wrapper { display: none !important; }
.pwa-standalone body:has(.carsharing-form-page) .carsharing-page,
body:has(.carsharing-form-page) .pwa-standalone .carsharing-page {
	background: #0B0F1A !important;
	color: #FFFFFF !important;
	padding-left: 16px !important;
	padding-right: 16px !important;
	padding-top: 24px !important;
	padding-bottom: 24px !important;
	max-width: 100% !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.pwa-standalone .carsharing-form-page .carsharing-page-title,
body:has(.carsharing-form-page) .pwa-standalone .carsharing-page-title { display: none !important; }
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-important,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-important {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 8px !important;
	padding: 16px !important;
	margin-bottom: 0 !important;
	background: rgba(255,252,238,0.10) !important;
	border: 1px solid #FECE00 !important;
	border-radius: 16px !important;
	box-shadow: none !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-important-icon,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-important-icon {
	display: inline-block !important;
	width: 22px !important;
	height: 22px !important;
	min-width: 22px !important;
	flex-shrink: 0 !important;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='19' viewBox='0 0 22 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4738 18.7H5.52654C4.96512 18.7242 4.40735 18.5985 3.91049 18.336C3.41363 18.0735 2.99555 17.6836 2.69909 17.2062C2.40264 16.7288 2.23848 16.1811 2.22348 15.6194C2.20848 15.0576 2.34319 14.5021 2.61374 14.0096L8.08732 4.49675C8.39077 3.99584 8.81829 3.58167 9.32854 3.29421C9.83876 3.00675 10.4145 2.85571 11.0001 2.85571C11.5857 2.85571 12.1615 3.00675 12.6717 3.29421C13.182 3.58167 13.6096 3.99584 13.913 4.49675L19.3866 14.0096C19.6571 14.5021 19.7918 15.0576 19.7768 15.6194C19.7618 16.1811 19.5977 16.7288 19.3012 17.2062C19.0048 17.6836 18.5866 18.0735 18.0897 18.336C17.5929 18.5985 17.0351 18.7242 16.4738 18.7Z' stroke='%23E2B806' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0152 15.0921C10.0152 14.9619 10.041 14.833 10.0911 14.7129C10.1411 14.5927 10.2145 14.4836 10.307 14.392C10.3994 14.3005 10.5095 14.2289 10.6305 14.1821C10.7515 14.1353 10.8807 14.1145 11.0104 14.1209C11.1401 14.1273 11.2667 14.1607 11.3824 14.2189C11.4981 14.2771 11.6004 14.3587 11.6831 14.4587C11.7658 14.5587 11.8271 14.6749 11.8631 14.8001C11.8991 14.9253 11.909 15.0566 11.8921 15.1857C11.8752 15.3148 11.8319 15.4389 11.7651 15.5504C11.6983 15.6619 11.6096 15.7583 11.5049 15.8337C11.4002 15.9091 11.2816 15.9618 11.1564 15.9885C11.0312 16.0152 10.9019 16.0152 10.7767 15.9885C10.6515 15.9618 10.5329 15.9091 10.4282 15.8337C10.3235 15.7583 10.2348 15.6619 10.168 15.5504C10.1012 15.4389 10.0579 15.3148 10.041 15.1857C10.0241 15.0566 10.034 14.9253 10.07 14.8001C10.106 14.6749 10.1673 14.5587 10.25 14.4587C10.3327 14.3587 10.435 14.2771 10.5507 14.2189C10.6664 14.1607 10.793 14.1273 10.9227 14.1209C10.9524 14.1195 10.9821 14.1195 11.0118 14.1209' fill='%23E2B806'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-size: 22px 19px !important;
	background-position: center top !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-important-text,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-important-text {
	color: #FECE00 !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	margin: 0 !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-empty,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-empty {
	color: rgba(255,255,255,0.7) !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	text-align: center !important;
	margin: 0 !important;
	padding: 24px 0 !important;
}
.pwa-standalone body:has(.carsharing-form-page) .carsharing-form-actions,
body:has(.carsharing-form-page) .pwa-standalone .carsharing-form-actions {
	margin-top: 24px !important;
	margin-bottom: 0 !important;
}
.pwa-standalone body:has(.carsharing-form-page) .carsharing-btn-submit,
body:has(.carsharing-form-page) .pwa-standalone .carsharing-btn-submit {
	width: 100% !important;
	height: 54px !important;
	min-height: 54px !important;
	padding: 16px 0 !important;
	background: #E2B806 !important;
	border: none !important;
	border-radius: 16px !important;
	color: #0B0F1A !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	box-shadow: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.pwa-standalone body:has(.carsharing-form-page) .carsharing-btn-submit:hover,
.pwa-standalone body:has(.carsharing-form-page) .carsharing-btn-submit:active,
.pwa-standalone body:has(.carsharing-form-page) .carsharing-btn-submit:focus,
body:has(.carsharing-form-page) .pwa-standalone .carsharing-btn-submit:hover,
body:has(.carsharing-form-page) .pwa-standalone .carsharing-btn-submit:active,
body:has(.carsharing-form-page) .pwa-standalone .carsharing-btn-submit:focus {
	background: #E2B806 !important;
	color: #0B0F1A !important;
	transform: none !important;
	box-shadow: none !important;
}

/* ── iOS PWA: форма выдачи ── */
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-list,
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-list,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form {
	display: flex !important;
	flex-direction: column !important;
	gap: 17px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-section,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-section { display: contents !important; }
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-section-title,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-section-title {
	font-size: 17px !important;
	font-weight: 600 !important;
	color: #FFFFFF !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	margin: 0 !important;
	padding: 0 !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-section-card,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-section-card {
	box-sizing: border-box !important;
	border: 1px solid rgba(255,255,255,0.15) !important;
	border-radius: 16px !important;
	padding: 16px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	background: transparent !important;
	box-shadow: none !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-field,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-field {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	margin: 0 !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .form-label,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .form-label {
	font-size: 17px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
	text-transform: none !important;
	letter-spacing: -0.43px !important;
	line-height: 22px !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 4px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .form-label.required::after,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .form-label.required::after {
	content: "*" !important;
	color: #FF4646 !important;
	margin: 0 !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .form-control,
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .cs-issue-select,
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .cs-issue-textarea,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .form-control,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .cs-issue-select,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .cs-issue-textarea {
	background: #1C202F !important;
	border: 1px solid rgba(255,255,255,0.14) !important;
	border-radius: 16px !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	min-height: 54px !important;
	height: 54px !important;
	padding: 16px !important;
	box-shadow: none !important;
	width: 100% !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .cs-issue-textarea,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .cs-issue-textarea {
	height: auto !important;
	min-height: 124px !important;
	resize: vertical !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .form-control::placeholder,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .form-control::placeholder {
	color: #FFFFFF !important;
	opacity: 0.5 !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .form-control:focus,
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .cs-issue-select:focus,
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .cs-issue-textarea:focus,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .form-control:focus,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .cs-issue-select:focus,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .cs-issue-textarea:focus {
	background: #1C202F !important;
	border-color: rgba(255,255,255,0.14) !important;
	box-shadow: none !important;
	color: #FFFFFF !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-select,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-select {
	appearance: none !important;
	-webkit-appearance: none !important;
	background-color: #1C202F !important;
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 2L11 10L3.5 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 16px center !important;
	background-size: 13px 20px !important;
	padding-right: 40px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-select:invalid,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-select:invalid,
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-select option[value=""],
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-select option[value=""] {
	color: rgba(255,255,255,0.5) !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-select option:not([value=""]),
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-select option:not([value=""]) {
	color: #FFFFFF !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-section-card--compact,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-section-card--compact {
	gap: 10px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-field--photo,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-field--photo {
	gap: 16px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-files,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-files {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	gap: 10px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-file-list,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-file-list {
	display: contents !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-photo-item,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-photo-item {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 10px !important;
	max-width: 100% !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-photo-chip,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-photo-chip {
	display: inline-flex !important;
	align-items: center !important;
	height: 45px !important;
	padding: 0 16px !important;
	background: #1C202F !important;
	border-radius: 16px !important;
	max-width: calc(100vw - 96px) !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-photo-name,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-photo-name {
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 180px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-photo-remove,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-photo-remove {
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 45px !important;
	height: 45px !important;
	min-width: 45px !important;
	padding: 0 !important;
	background: #1C202F !important;
	border: none !important;
	border-radius: 150px !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	line-height: 20px !important;
	cursor: pointer !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-attach,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-attach {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	height: 45px !important;
	padding: 0 16px !important;
	background: #1C202F !important;
	border: 1px solid rgba(255,255,255,0.15) !important;
	border-radius: 16px !important;
	cursor: pointer !important;
	width: fit-content !important;
	min-width: 208px !important;
	max-width: 100% !important;
	margin: 0 !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-file-input,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-file-input {
	position: absolute !important;
	inset: 0 !important;
	opacity: 0 !important;
	width: 100% !important;
	height: 100% !important;
	cursor: pointer !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-attach-icon,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-attach-icon {
	display: inline-block !important;
	width: 21px !important;
	height: 21px !important;
	min-width: 21px !important;
	flex-shrink: 0 !important;
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.375 10.0625L10.7188 17.7188C9.65625 18.7812 8.09375 18.7812 7.03125 17.7188C5.96875 16.6562 5.96875 15.0938 7.03125 14.0312L14.875 6.1875C15.6562 5.40625 16.9062 5.40625 17.6875 6.1875C18.4688 6.96875 18.4688 8.21875 17.6875 8.9375L9.40625 17.2188C7.875 18.75 5.40625 18.75 3.875 17.2188C2.34375 15.6875 2.34375 13.2188 3.875 11.6875L12.6875 2.875' stroke='%23E2B806' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: center !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-attach-text,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-attach-text {
	color: #E2B806 !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-file-name,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-file-name {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 45px !important;
	padding: 0 16px !important;
	background: #1C202F !important;
	border-radius: 16px !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	max-width: 100% !important;
	word-break: break-all !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-file-name:empty,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-file-name:empty { display: none !important; }

/* ── Превью прикреплённых фото (PWA) ── */
.pwa-standalone .cs-issue-preview-wrap,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-preview-wrap {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin-top: 8px !important;
}
.pwa-standalone .cs-issue-preview-thumb,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-preview-thumb {
	position: relative !important;
	width: 80px !important;
	height: 80px !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	border: 1.5px solid rgba(255,255,255,0.15) !important;
	flex-shrink: 0 !important;
	background: rgba(255,255,255,0.05) !important;
}
.pwa-standalone .cs-issue-preview-img,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-preview-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}
.pwa-standalone .cs-issue-preview-del,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-preview-del {
	position: absolute !important;
	top: 3px !important;
	right: 3px !important;
	width: 20px !important;
	height: 20px !important;
	border-radius: 50% !important;
	background: rgba(0,0,0,0.65) !important;
	border: none !important;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	padding: 0 !important;
	z-index: 2 !important;
}
.pwa-standalone .cs-issue-preview-del:active,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-preview-del:active {
	background: rgba(220,50,50,0.85) !important;
}
.pwa-standalone .cs-issue-preview-video-lbl,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-preview-video-lbl {
	font-size: 26px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	color: rgba(255,255,255,0.7) !important;
}

/* ── Bottom Sheet: выбор автомобиля (PWA) ── */
.pwa-standalone .cs-car-trigger,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-trigger {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	padding: 14px 16px !important;
	background: #1C202F !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	border-radius: 14px !important;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	text-align: left !important;
	cursor: pointer !important;
	-webkit-tap-highlight-color: transparent !important;
}
.pwa-standalone .cs-car-trigger[data-selected="true"],
body:has(.carsharing-form-page) .pwa-standalone .cs-car-trigger[data-selected="true"] {
	color: #fff !important;
	font-weight: 590 !important;
}
.pwa-standalone #cs-car-trigger-text,
body:has(.carsharing-form-page) .pwa-standalone #cs-car-trigger-text {
	flex: 1 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	color: rgba(255,255,255,0.45) !important;
}
.pwa-standalone .cs-car-trigger[data-selected="true"] #cs-car-trigger-text,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-trigger[data-selected="true"] #cs-car-trigger-text {
	color: #fff !important;
}
/* Backdrop */
.pwa-standalone .cs-car-backdrop,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-backdrop {
	display: none !important;
	position: fixed !important;
	inset: 0 !important;
	background: rgba(0,0,0,0.55) !important;
	z-index: 1000 !important;
}
.pwa-standalone .cs-car-backdrop.cs-car-backdrop--open,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-backdrop.cs-car-backdrop--open {
	display: block !important;
}
/* Sheet */
.pwa-standalone .cs-car-sheet,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-sheet {
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	height: 542px !important;
	max-height: 90vh !important;
	background: #0B0F1A !important;
	border-radius: 32px 32px 0 0 !important;
	z-index: 1001 !important;
	padding: 12px 16px 0 !important;
	display: flex !important;
	flex-direction: column !important;
	transform: translateY(100%) !important;
	transition: transform 0.3s cubic-bezier(0.32,0.72,0,1) !important;
	will-change: transform !important;
}
.pwa-standalone .cs-car-sheet.cs-car-sheet--open,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-sheet.cs-car-sheet--open {
	transform: translateY(0) !important;
}
/* Handle */
.pwa-standalone .cs-car-sheet-handle,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-sheet-handle {
	width: 43px !important;
	height: 5px !important;
	background: rgba(255,255,255,0.18) !important;
	border-radius: 39px !important;
	margin: 0 auto 0 !important;
	flex-shrink: 0 !important;
}
/* Title */
.pwa-standalone .cs-car-sheet-title,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-sheet-title {
	font-size: 20px !important;
	font-weight: 590 !important;
	color: #fff !important;
	letter-spacing: -0.45px !important;
	line-height: 25px !important;
	margin: 16px 0 16px !important;
	flex-shrink: 0 !important;
}
/* List */
.pwa-standalone .cs-car-sheet-list,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-sheet-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	overflow-y: auto !important;
	flex: 1 !important;
	padding-bottom: 8px !important;
	-webkit-overflow-scrolling: touch !important;
}
/* Car row */
.pwa-standalone .cs-car-row,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-row {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 16px !important;
	height: 60px !important;
	min-height: 60px !important;
	flex-shrink: 0 !important;
	background: #1C202F !important;
	border-radius: 16px !important;
	cursor: pointer !important;
	-webkit-tap-highlight-color: transparent !important;
	transition: background 0.12s !important;
	user-select: none !important;
	box-sizing: border-box !important;
}
.pwa-standalone .cs-car-row:active,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-row:active {
	background: #252a3f !important;
}
/* Car name */
.pwa-standalone .cs-car-row-name,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-row-name {
	font-size: 17px !important;
	font-weight: 590 !important;
	color: #fff !important;
	letter-spacing: -0.43px !important;
	line-height: 22px !important;
	flex: 1 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	height: 22px !important;
}
/* Radio circle */
.pwa-standalone .cs-car-row-radio,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-row-radio {
	width: 22px !important;
	height: 22px !important;
	border-radius: 50% !important;
	border: 1.5px solid rgba(255,255,255,0.4) !important;
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: border-color 0.15s, background 0.15s !important;
}
.pwa-standalone .cs-car-row--selected .cs-car-row-radio,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-row--selected .cs-car-row-radio {
	border-color: #E2B806 !important;
	background: #E2B806 !important;
}
.pwa-standalone .cs-car-row--selected .cs-car-row-radio::after,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-row--selected .cs-car-row-radio::after {
	content: '' !important;
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: #0B0F1A !important;
}
/* Hide native radio */
.pwa-standalone .cs-car-radio-input,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-radio-input {
	display: none !important;
}
/* Confirm button */
.pwa-standalone .cs-car-confirm-btn,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-confirm-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 54px !important;
	min-height: 54px !important;
	background: #E2B806 !important;
	border: none !important;
	border-radius: 16px !important;
	font-size: 17px !important;
	font-weight: 590 !important;
	color: #0B0F1A !important;
	letter-spacing: -0.43px !important;
	cursor: pointer !important;
	margin-top: auto !important;
	margin-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
	flex-shrink: 0 !important;
	-webkit-tap-highlight-color: transparent !important;
	transition: opacity 0.15s !important;
}
.pwa-standalone .cs-car-confirm-btn:disabled,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-confirm-btn:disabled {
	opacity: 0.35 !important;
	cursor: default !important;
}
.pwa-standalone .cs-car-confirm-btn:not(:disabled):active,
body:has(.carsharing-form-page) .pwa-standalone .cs-car-confirm-btn:not(:disabled):active {
	opacity: 0.8 !important;
}

/* ── iOS PWA: Прием автомобиля ── */
.pwa-standalone body:has(.carsharing-return) .carsharing-nav::before,
body:has(.carsharing-return) .pwa-standalone .carsharing-nav::before {
	content: "\041F\0440\0438\0435\043C\0020\0430\0432\0442\043E\043C\043E\0431\0438\043B\044F" !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}
.pwa-standalone body:has(.carsharing-return) .cs-issue-section-title--large,
body:has(.carsharing-return) .pwa-standalone .cs-issue-section-title--large {
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 25px !important;
	letter-spacing: -0.45px !important;
}
.pwa-standalone body:has(.carsharing-return) .cs-issue-form .form-label,
body:has(.carsharing-return) .pwa-standalone .cs-issue-form .form-label {
	font-weight: 700 !important;
}
.pwa-standalone body:has(.carsharing-return) .cs-return-selected,
body:has(.carsharing-return) .pwa-standalone .cs-return-selected {
	display: none !important;
}
.pwa-standalone body:has(.carsharing-return) .cs-issue-section-title:not(.cs-issue-section-title--large),
body:has(.carsharing-return) .pwa-standalone .cs-issue-section-title:not(.cs-issue-section-title--large) {
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
}
.pwa-standalone body:has(.carsharing-return) .cs-return-resume-banner,
body:has(.carsharing-return) .pwa-standalone .cs-return-resume-banner {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	padding: 16px !important;
	background: rgba(226,184,6,0.12) !important;
	border: 1px solid #E2B806 !important;
	border-radius: 16px !important;
	color: #FECE00 !important;
	font-size: 17px !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
}
.pwa-standalone body:has(.carsharing-return) .cs-return-resume-banner strong,
body:has(.carsharing-return) .pwa-standalone .cs-return-resume-banner strong {
	color: #FFFFFF !important;
	font-weight: 600 !important;
}
.pwa-standalone body:has(.carsharing-return) .cs-return-resume-actions,
body:has(.carsharing-return) .pwa-standalone .cs-return-resume-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}
.pwa-standalone body:has(.carsharing-return) .cs-return-resume-actions .btn,
body:has(.carsharing-return) .pwa-standalone .cs-return-resume-actions .btn {
	background: #E2B806 !important;
	border: none !important;
	border-radius: 12px !important;
	color: #0B0F1A !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	padding: 8px 16px !important;
	min-height: 36px !important;
}
.pwa-standalone body:has(.carsharing-return) .cs-return-resume-actions #dismissResume,
body:has(.carsharing-return) .pwa-standalone .cs-return-resume-actions #dismissResume {
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.25) !important;
	color: #FFFFFF !important;
}

/* ── iOS PWA: форма выдачи ── */
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-list,
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-list,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form {
	display: flex !important;
	flex-direction: column !important;
	gap: 17px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-section,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-section { display: contents !important; }
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-section-title,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-section-title {
	font-size: 17px !important;
	font-weight: 600 !important;
	color: #FFFFFF !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	margin: 0 !important;
	padding: 0 !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-section-card,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-section-card {
	box-sizing: border-box !important;
	border: 1px solid rgba(255,255,255,0.15) !important;
	border-radius: 16px !important;
	padding: 16px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	background: transparent !important;
	box-shadow: none !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-field,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-field {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	margin: 0 !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .form-label,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .form-label {
	font-size: 17px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
	text-transform: none !important;
	letter-spacing: -0.43px !important;
	line-height: 22px !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 4px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .form-label.required::after,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .form-label.required::after {
	content: "*" !important;
	color: #FF4646 !important;
	margin: 0 !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .form-control,
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .cs-issue-select,
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .cs-issue-textarea,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .form-control,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .cs-issue-select,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .cs-issue-textarea {
	background: #1C202F !important;
	border: 1px solid rgba(255,255,255,0.14) !important;
	border-radius: 16px !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	min-height: 54px !important;
	height: 54px !important;
	padding: 16px !important;
	box-shadow: none !important;
	width: 100% !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .cs-issue-textarea,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .cs-issue-textarea {
	height: auto !important;
	min-height: 124px !important;
	resize: vertical !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .form-control::placeholder,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .form-control::placeholder {
	color: #FFFFFF !important;
	opacity: 0.5 !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .form-control:focus,
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .cs-issue-select:focus,
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-form .cs-issue-textarea:focus,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .form-control:focus,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .cs-issue-select:focus,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-form .cs-issue-textarea:focus {
	background: #1C202F !important;
	border-color: rgba(255,255,255,0.14) !important;
	box-shadow: none !important;
	color: #FFFFFF !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-select,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-select {
	appearance: none !important;
	-webkit-appearance: none !important;
	background-color: #1C202F !important;
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 2L11 10L3.5 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 16px center !important;
	background-size: 13px 20px !important;
	padding-right: 40px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-select:invalid,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-select:invalid,
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-select option[value=""],
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-select option[value=""] {
	color: rgba(255,255,255,0.5) !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-select option:not([value=""]),
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-select option:not([value=""]) {
	color: #FFFFFF !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-section-card--compact,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-section-card--compact {
	gap: 10px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-field--photo,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-field--photo {
	gap: 16px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-files,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-files {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	gap: 10px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-file-list,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-file-list {
	display: contents !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-photo-item,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-photo-item {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 10px !important;
	max-width: 100% !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-photo-chip,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-photo-chip {
	display: inline-flex !important;
	align-items: center !important;
	height: 45px !important;
	padding: 0 16px !important;
	background: #1C202F !important;
	border-radius: 16px !important;
	max-width: calc(100vw - 96px) !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-photo-name,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-photo-name {
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 180px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-photo-remove,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-photo-remove {
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 45px !important;
	height: 45px !important;
	min-width: 45px !important;
	padding: 0 !important;
	background: #1C202F !important;
	border: none !important;
	border-radius: 150px !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	line-height: 20px !important;
	cursor: pointer !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-attach,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-attach {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	height: 45px !important;
	padding: 0 16px !important;
	background: #1C202F !important;
	border: 1px solid rgba(255,255,255,0.15) !important;
	border-radius: 16px !important;
	cursor: pointer !important;
	width: fit-content !important;
	min-width: 208px !important;
	max-width: 100% !important;
	margin: 0 !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-file-input,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-file-input {
	position: absolute !important;
	inset: 0 !important;
	opacity: 0 !important;
	width: 100% !important;
	height: 100% !important;
	cursor: pointer !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-attach-icon,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-attach-icon {
	display: inline-block !important;
	width: 21px !important;
	height: 21px !important;
	min-width: 21px !important;
	flex-shrink: 0 !important;
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.375 10.0625L10.7188 17.7188C9.65625 18.7812 8.09375 18.7812 7.03125 17.7188C5.96875 16.6562 5.96875 15.0938 7.03125 14.0312L14.875 6.1875C15.6562 5.40625 16.9062 5.40625 17.6875 6.1875C18.4688 6.96875 18.4688 8.21875 17.6875 8.9375L9.40625 17.2188C7.875 18.75 5.40625 18.75 3.875 17.2188C2.34375 15.6875 2.34375 13.2188 3.875 11.6875L12.6875 2.875' stroke='%23E2B806' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: center !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-attach-text,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-attach-text {
	color: #E2B806 !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-file-name,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-file-name {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 45px !important;
	padding: 0 16px !important;
	background: #1C202F !important;
	border-radius: 16px !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	max-width: 100% !important;
	word-break: break-all !important;
}
.pwa-standalone body:has(.carsharing-form-page) .cs-issue-file-name:empty,
body:has(.carsharing-form-page) .pwa-standalone .cs-issue-file-name:empty { display: none !important; }


@keyframes blspin {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}


/* ═══════════════════════════════════════════════════════════════
   PWA: Главная страница (Figma Dark)
   ═══════════════════════════════════════════════════════════════ */

/* Фон до инъекции шаблона */
html.pwa-standalone,
html.pwa-standalone body { background: #0B0F1A !important; }

/* Скрываем navbar до инъекции — применяется мгновенно через класс pwa-standalone */
html.pwa-standalone nav.navbar,
html.pwa-standalone .navbar { display: none !important; }

/* Сброс Frappe-обёрток на главной в PWA */
body:has(.cs-home-pwa) {
	background: #0B0F1A !important;
	overflow: hidden !important;
}
body:has(.cs-home-pwa) .page-content-wrapper,
body:has(.cs-home-pwa) .container,
body:has(.cs-home-pwa) main.container {
	padding: 0 !important;
	margin: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}
body:has(.cs-home-pwa) .page-breadcrumbs,
body:has(.cs-home-pwa) .page-header-wrapper,
body:has(.cs-home-pwa) .page-header,
body:has(.cs-home-pwa) .page-toolbar,
body:has(.cs-home-pwa) footer,
body:has(.cs-home-pwa) .web-footer,
body:has(.cs-home-pwa) [class*="footer"],
body:has(.cs-home-pwa) .navbar {
	display: none !important;
}

/* Основной контейнер — выше Bootstrap navbar (z-index 1030) */
.cs-home-pwa {
	position: fixed;
	inset: 0;
	background: #0B0F1A;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	z-index: 9999;
}

/* Декоративные размытые эллипсы */
.cs-home-glow {
	position: absolute;
	pointer-events: none;
	border-radius: 50%;
	z-index: 0;
}
.cs-home-glow--yellow {
	width: 337px;
	height: 326px;
	left: calc(50% - 337px / 2 - 76px);
	top: calc(50% - 326px / 2 - 365px);
	background: #FFD884;
	opacity: 0.2;
	filter: blur(86.4px);
}
.cs-home-glow--blue {
	width: 298px;
	height: 298px;
	left: calc(50% - 298px / 2 + 164.5px);
	top: calc(50% - 298px / 2 - 123px);
	background: #4BB9F0;
	opacity: 0.15;
	filter: blur(86.4px);
}

/* Навигационная панель */
.cs-home-nav {
	position: relative;
	z-index: 10;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	padding: 0 16px 0;
	padding-top: env(safe-area-inset-top, 0px);
	height: calc(45px + env(safe-area-inset-top, 0px));
	flex: 0 0 auto;
}
.cs-home-nav-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	min-width: 45px;
	background: transparent;
	border: none;
	border-radius: 0;
	cursor: pointer;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
}
.cs-home-nav-btn--right {
	background: transparent;
}

/* Dropdown меню пользователя */
.cs-user-menu {
	position: relative;
}
.cs-user-dropdown {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	min-width: 200px;
	background: #1A2035;
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 14px;
	padding: 4px 0;
	box-shadow: 0 8px 32px rgba(0,0,0,0.45);
	z-index: 1000;
	opacity: 0;
	transform: translateY(-8px) scale(0.97);
	pointer-events: none;
	transition: opacity 0.18s ease, transform 0.18s ease;
}
.cs-user-dropdown.cs-user-dropdown--open {
	opacity: 1;
	transform: translateY(0) scale(1);
	pointer-events: auto;
}
.cs-user-dropdown-name {
	padding: 12px 16px 8px;
	font-size: 13px;
	font-weight: 600;
	color: rgba(255,255,255,0.55);
	letter-spacing: 0.02em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid rgba(255,255,255,0.07);
}
.cs-user-dropdown-divider {
	height: 1px;
	background: rgba(255,255,255,0.07);
	margin: 4px 0;
}
.cs-user-dropdown-item {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 11px 16px;
	background: none;
	border: none;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	text-align: left;
	-webkit-tap-highlight-color: transparent;
	transition: background 0.12s;
}
.cs-user-dropdown-item:active {
	background: rgba(255,255,255,0.07);
}
.cs-user-dropdown-item--danger {
	color: #FF6B6B;
}

/* Логотип и брендинг — прижат к верху */
.cs-home-brand {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 5;
	padding: 8px 16px 0;
}
.cs-home-logo {
	width: min(237px, 62vw);
	height: auto;
	margin-bottom: 10px;
}
.cs-home-logo svg {
	width: 100%;
	height: auto;
	display: block;
}
.cs-home-brand-title {
	font-size: clamp(24px, 8.4vw, 33px);
	font-weight: 600;
	color: #E1C27D;
	text-align: center;
	margin: 0 0 6px;
	line-height: 1.18;
	letter-spacing: 0.5px;
	font-family: -apple-system, 'Helvetica Neue', sans-serif;
}
.cs-home-divider {
	width: 256px;
	border: none;
	border-top: 1.14px solid rgba(209, 171, 107, 0.31);
	margin: 0 0 6px;
	opacity: 1;
}
.cs-home-brand-sub {
	font-size: clamp(20px, 7.3vw, 28.5px);
	font-weight: 400;
	color: #CAA163;
	text-align: center;
	margin: 0;
	line-height: 1.2;
	font-family: Georgia, 'Times New Roman', serif;
	letter-spacing: 1px;
}

/* Гибкий разделитель — ограниченная высота, остаток уходит под карточки */
.cs-home-spacer {
	flex: 1 1 0;
	min-height: 16px;
	max-height: 80px;
}

/* Карточки сервисов */
.cs-home-services {
	position: relative;
	z-index: 5;
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 0 16px;
	padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 16px);
	flex: 0 0 auto;
}
.cs-home-service-card {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 16px;
	gap: 16px;
	background: #161C2D;
	border-radius: 16px;
	min-height: 82px;
	height: 114px;
	text-decoration: none !important;
	color: inherit;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
}
.cs-home-service-icon {
	width: 40px;
	height: 40px;
	min-width: 40px;
	background: #21293F;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.cs-home-service-body {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}
.cs-home-service-title {
	font-size: 17px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 20px;
	display: block;
}
.cs-home-service-desc {
	font-size: 15px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.8);
	line-height: 18px;
	display: block;
}
.cs-home-service-arrow {
	flex-shrink: 0;
	opacity: 0.5;
	margin-left: auto;
}

/* ═══════════════════════════════════════════════════════════════
   PWA Splash Screen
   ═══════════════════════════════════════════════════════════════ */

/* Базовый слой — скрыт по умолчанию */
#cs-splash {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 99999;
	background: #0B0F1A;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
/* В PWA — показываем СРАЗУ через CSS (класс pwa-standalone добавляется синхронно в <head>) */
html.pwa-standalone #cs-splash {
	display: flex;
}

/* Декоративные размытые глоу */
.cs-splash-glow {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}
.cs-splash-glow--a {
	width: 380px;
	height: 360px;
	top: -120px;
	left: 50%;
	transform: translateX(-50%);
	background: radial-gradient(ellipse, rgba(255,210,80,0.22) 0%, transparent 70%);
	filter: blur(60px);
	animation: cs-glow-pulse 3s ease-in-out infinite;
}
.cs-splash-glow--b {
	width: 320px;
	height: 320px;
	bottom: -80px;
	right: -60px;
	background: radial-gradient(ellipse, rgba(75,185,240,0.15) 0%, transparent 70%);
	filter: blur(70px);
	animation: cs-glow-pulse 3s ease-in-out 1.5s infinite;
}
@keyframes cs-glow-pulse {
	0%, 100% { opacity: 0.7; transform: scale(1) translateX(-50%); }
	50%       { opacity: 1;   transform: scale(1.1) translateX(-50%); }
}
.cs-splash-glow--b {
	animation: cs-glow-pulse-b 3s ease-in-out 1.5s infinite;
}
@keyframes cs-glow-pulse-b {
	0%, 100% { opacity: 0.7; transform: scale(1); }
	50%       { opacity: 1;   transform: scale(1.1); }
}

/* Центральный контейнер */
.cs-splash-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	position: relative;
	z-index: 1;
}

/* Логотип — появляется снизу-вверх со spring-bounce */
.cs-splash-logo {
	opacity: 0;
	transform: scale(0.65) translateY(16px);
	animation: cs-logo-in 0.75s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s forwards;
}
.cs-splash-svg {
	width: 148px;
	height: auto;
	filter: drop-shadow(0 0 0px rgba(247,223,148,0));
	animation: cs-logo-glow 2.5s ease-in-out 0.9s infinite;
}
@keyframes cs-logo-in {
	from { opacity: 0; transform: scale(0.65) translateY(16px); }
	to   { opacity: 1; transform: scale(1) translateY(0); }
}
@keyframes cs-logo-glow {
	0%, 100% { filter: drop-shadow(0 0 8px rgba(247,223,148,0.35)); }
	50%       { filter: drop-shadow(0 0 22px rgba(247,223,148,0.75)); }
}

/* Обёртка заголовка — для позиционирования шиммер-луча */
.cs-splash-title-wrap {
	position: relative;
	overflow: visible;
}

/* Заголовок — буквы появляются по очереди со spring-эффектом */
.cs-splash-title {
	margin: 0;
	padding: 0;
	font-size: 2.05rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	color: #C79D60;
	font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif;
	line-height: 1;
	white-space: nowrap;
}
.cs-splash-letter {
	display: inline-block;
	opacity: 0;
	transform: translateY(24px);
	animation: cs-letter-rise 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
	animation-delay: calc(0.6s + var(--i) * 0.07s);
}
@keyframes cs-letter-rise {
	from { opacity: 0; transform: translateY(24px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* Золотой луч-шиммер (скошенная полоска с mix-blend-mode: screen) */
.cs-splash-ray {
	position: absolute;
	top: -8px;
	bottom: -8px;
	left: -20%;
	width: 35%;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(255, 248, 200, 0.55) 35%,
		rgba(255, 255, 255, 0.88) 50%,
		rgba(255, 248, 200, 0.55) 65%,
		transparent 100%
	);
	transform: skewX(-12deg);
	mix-blend-mode: screen;
	opacity: 0;
	pointer-events: none;
}
.cs-splash-ray.cs-ray-active {
	animation: cs-ray-sweep 1.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes cs-ray-sweep {
	0%   { opacity: 0; transform: translateX(0)    skewX(-12deg); }
	8%   { opacity: 1; }
	90%  { opacity: 1; }
	100% { opacity: 0; transform: translateX(420%) skewX(-12deg); }
}

/* Подзаголовок "ПРЕМИУМ КЛУБ" */
.cs-splash-sub {
	margin: 0;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.3em;
	color: rgba(199,157,96,0.65);
	font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif;
	opacity: 0;
	animation: cs-sub-in 0.5s ease forwards;
	animation-delay: 1.55s;
}
@keyframes cs-sub-in {
	from { opacity: 0; transform: translateY(6px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* Выход splash — fade + лёгкое увеличение + blur */
#cs-splash.cs-splash--out {
	animation: cs-splash-exit 0.65s cubic-bezier(0.4, 0, 1, 1) forwards;
	pointer-events: none !important;
}
/* Любое явное скрытие через style — тоже без pointer-events */
#cs-splash[style*="display: none"],
#cs-splash[style*="display:none"] {
	pointer-events: none !important;
}
@keyframes cs-splash-exit {
	from { opacity: 1; transform: scale(1);    filter: blur(0px); }
	to   { opacity: 0; transform: scale(1.06); filter: blur(8px); }
}

/* ── PWA: Заголовки nav для страниц продления, бронирования, почасовой ──── */
.pwa-standalone body:has(.carsharing-extension) .carsharing-nav::before,
body:has(.carsharing-extension) .pwa-standalone .carsharing-nav::before {
	content: "\041F\0440\043E\0434\043B\0435\043D\0438\0435\0020\0430\0440\0435\043D\0434\044B" !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}
.pwa-standalone body:has(.carsharing-booking) .carsharing-nav::before,
body:has(.carsharing-booking) .pwa-standalone .carsharing-nav::before {
	content: "\0411\0440\043E\043D\0438\0440\043E\0432\0430\043D\0438\0435\0020\0430\0432\0442\043E\043C\043E\0431\0438\043B\044F" !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}
.pwa-standalone body:has(.carsharing-hourly) .carsharing-nav::before,
body:has(.carsharing-hourly) .pwa-standalone .carsharing-nav::before {
	content: "\041F\043E\0447\0430\0441\043E\0432\0430\044F\0020\0430\0440\0435\043D\0434\0430" !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}

/* ── PWA: Бронирование — календарь занятости ────────────────────────────── */

/* Строка «Дата начала + иконка календаря» */
html.pwa-standalone .cs-bk-date-label-row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}
html.pwa-standalone .cs-bk-date-label-row .form-label {
	margin-bottom: 0 !important;
}

/* Кнопка-иконка календаря */
html.pwa-standalone .cs-bk-cal-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: #23293A;
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 10px;
	color: rgba(255,255,255,0.5);
	cursor: pointer;
	transition: background 0.15s, color 0.15s, border-color 0.15s;
	flex-shrink: 0;
}
html.pwa-standalone .cs-bk-cal-icon-btn:disabled {
	opacity: 0.35;
	cursor: default;
}
html.pwa-standalone .cs-bk-cal-icon-btn--active,
html.pwa-standalone .cs-bk-cal-icon-btn:not(:disabled):hover {
	background: #2C3350;
	border-color: rgba(226,184,6,0.45);
	color: #E2B806;
}

/* Панель календаря (скрыта по умолчанию) */
html.pwa-standalone .cs-bk-cal-panel {
	display: none;
	margin-top: 12px;
	background: #131824;
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 20px;
	overflow: hidden;
}

/* Легенда */
html.pwa-standalone .cs-bk-cal-legend {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 28px;
	padding: 14px 16px 0;
}
html.pwa-standalone .cs-bk-cal-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	color: #fff;
	font-weight: 400;
}
html.pwa-standalone .cs-bk-cal-badge::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 6px;
	flex-shrink: 0;
}
html.pwa-standalone .cs-bk-cal-rental::before  { background: #FF4646; }
html.pwa-standalone .cs-bk-cal-booking::before { background: #59DA4E; }

/* Навигация месяцев */
html.pwa-standalone .cs-bk-cal-nav {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 10px 16px;
	height: 52px;
}
html.pwa-standalone .cs-bk-cal-month {
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -0.43px;
}
html.pwa-standalone .cs-bk-cal-nav-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #23293A;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
}
html.pwa-standalone .cs-bk-cal-nav-btn::before {
	content: "";
	display: block;
	width: 10px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L2 8L8 14' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}
html.pwa-standalone .cs-bk-cal-nav-btn--next::before {
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L8 8L2 14' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Сетка календаря */
html.pwa-standalone .cs-bk-cal-grid {
	padding: 0 8px 12px;
}
html.pwa-standalone .cs-bk-cal-hint {
	text-align: center;
	color: rgba(255,255,255,0.35);
	font-size: 15px;
	padding: 16px 0;
	margin: 0;
}
html.pwa-standalone .cs-bk-cal-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
html.pwa-standalone .cs-bk-cal-table thead th {
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: rgba(255,255,255,0.45);
	padding: 6px 0 8px;
}
html.pwa-standalone .cs-bk-cal-table td.cs-bk-day {
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	padding: 0;
	height: 42px;
	width: 42px;
	border-radius: 10px;
	cursor: default;
	user-select: none;
}
html.pwa-standalone .cs-bk-cal-table td.cs-bk-free {
	cursor: pointer;
}
html.pwa-standalone .cs-bk-cal-table td.cs-bk-free:hover,
html.pwa-standalone .cs-bk-cal-table td.cs-bk-free:active {
	background: rgba(226,184,6,0.18);
	border-radius: 10px;
}
html.pwa-standalone .cs-bk-cal-table td.cs-bk-rental {
	background: rgba(255,70,70,0.22);
	color: #FF4646;
	border-radius: 10px;
}
html.pwa-standalone .cs-bk-cal-table td.cs-bk-booking {
	background: rgba(89,218,78,0.18);
	color: #59DA4E;
	border-radius: 10px;
}
html.pwa-standalone .cs-bk-cal-table td.cs-bk-past {
	color: rgba(255,255,255,0.25) !important;
}

/* ── PWA: Регистрация ремонта ────────────────────────────────────────────── */
/* Жёлтый информационный блок из Figma */
html.pwa-standalone .cs-rp-info-box {
	background: rgba(255, 252, 238, 0.1);
	border: 1px solid #FECE00;
	border-radius: 16px;
	padding: 16px;
	margin-top: 4px;
}
html.pwa-standalone .cs-rp-info-text {
	margin: 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	color: #FECE00;
}
html.pwa-standalone .cs-rp-info-text strong {
	font-weight: 700;
}

/* ── PWA: nav заголовок "Регистрация ремонта" ── */
.pwa-standalone body:has(.carsharing-repair) .carsharing-nav::before,
body:has(.carsharing-repair) .pwa-standalone .carsharing-nav::before {
	content: "\0420\0435\0433\0438\0441\0442\0440\0430\0446\0438\044F\0020\0440\0435\043C\043E\043D\0442\0430" !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	letter-spacing: -0.43px !important;
	pointer-events: none !important;
	white-space: nowrap !important;
}

/* ── PWA: Почасовая аренда ───────────────────────────────────────────────── */
/* Диапазон времени подачи: два поля time + разделитель */
html.pwa-standalone .cs-hr-time-range {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}
html.pwa-standalone .cs-hr-time-range .form-control {
	flex: 1;
}
html.pwa-standalone .cs-hr-time-sep {
	color: rgba(255,255,255,0.4);
	font-size: 17px;
	flex-shrink: 0;
}

/* ── PWA: Продление аренды ──────────────────────────────────────────────── */
/* ФИО клиента — авто-заполнение, выглядит как read-only */
html.pwa-standalone .cs-ext-client-readonly {
	opacity: 0.5;
	cursor: default;
}
html.pwa-standalone .cs-ext-client-readonly:focus {
	opacity: 0.7;
}
/* Пустой список авто в bottom sheet */
html.pwa-standalone .cs-ext-empty-msg {
	padding: 20px 16px;
	text-align: center;
	color: rgba(255, 255, 255, 0.4);
	font-size: 15px;
	margin: 0;
}

/* ═══════════════════════════════════════════════
   PWA KPI Analytics v2 — точное соответствие Figma
   ═══════════════════════════════════════════════ */

/* --- Overlay --- */
#kpi-pwa-wrap {
  --kpi-bg:    #0B0F1A;
  --kpi-card:  #1C202F;
  --kpi-brd:   rgba(255,255,255,0.15);
  --kpi-gold:  #E2B806;
  background: var(--kpi-bg);
  color: #fff;
  font-family: -apple-system,'SF Pro',sans-serif;
}

/* Скрыть хлебные крошки и заголовок Frappe на страницах аналитики (у нас свой nav) */
body:has(.carsharing-analytics) .page-breadcrumbs,
body:has(.carsharing-analytics) .page-header-wrapper { display: none !important; }

/* Дополнительно: скрыть breadcrumbs и page-header по классу id-page (Детализация выдачи) */
body:has(.id-page) .page-breadcrumbs,
body:has(.id-page) .page-header-wrapper,
body:has(.id-page) .breadcrumb-container { display: none !important; }

/* Nav bar title "Аналитика" через ::before (PWA only) */
html.pwa-standalone body:has(.carsharing-analytics) .carsharing-nav::before,
body:has(.carsharing-analytics) .pwa-standalone .carsharing-nav::before {
  content: "\0410\043D\0430\043B\0438\0442\0438\043A\0430" !important;
  display: flex !important;
  position: absolute;
  left: 50%; transform: translateX(-50%);
  font-size: 17px; font-weight: 590; color: #fff;
  pointer-events: none;
}

/* --- Tab bar (Figma: Main, top:125px, overflow-x:scroll) --- */
.kpi-tabs {
  width: 100%; overflow-x: auto; overflow-y: hidden;
  -webkit-overflow-scrolling: touch; scrollbar-width: none;
  padding: 8px 16px 0;
}
.kpi-tabs::-webkit-scrollbar { display: none; }
.kpi-tabs-inner {
  display: flex; flex-direction: row; align-items: flex-end;
  gap: 32px; min-width: max-content; padding-bottom: 0;
}
.kpi-tab {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  background: none; border: none; cursor: pointer; padding: 0;
  text-decoration: none; white-space: nowrap;
  font-size: 17px; font-weight: 590; letter-spacing: -0.43px;
  color: rgba(255,255,255,0.5);
}
.kpi-tab--active { color: #E2B806; }
.kpi-tab--active::after {
  content: ''; display: block; width: 100%;
  height: 5px; background: #E2B806; border-radius: 132px;
}

/* --- Фильтр-бар (Figma: Selection, top:184px) --- */
.kpi-filter-bar { padding: 8px 16px 12px; }
.kpi-filter-btn {
  display: flex; align-items: center; gap: 8px;
  background: #1C202F; border: 1px solid rgba(255,255,255,0.14);
  border-radius: 16px; padding: 16px; color: #fff;
  font-size: 17px; letter-spacing: -0.43px; cursor: pointer;
  width: 100%; box-sizing: border-box;
}
.kpi-filter-btn span { flex: 1; text-align: left; }

/* --- Контент --- */
.kpi-content { padding: 0 16px; }

/* --- Загрузка --- */
.kpi-loading {
  display: flex; flex-direction: column; align-items: center;
  justify-content: center; padding: 64px 0; gap: 16px;
}
.kpi-spinner {
  width: 36px; height: 36px;
  border: 3px solid rgba(255,255,255,0.15);
  border-top-color: #E2B806; border-radius: 50%;
  animation: kpiSpin 0.8s linear infinite;
}
@keyframes kpiSpin { to { transform: rotate(360deg); } }
.kpi-loading-txt { color: rgba(255,255,255,0.4); font-size: 15px; margin: 0; }

/* --- Базовая карточка --- */
.kpi-card {
  background: #1C202F; border: 1px solid rgba(255,255,255,0.15);
  border-radius: 16px; padding: 16px; box-sizing: border-box;
}

/* --- Метрические карточки (Figma: Frame 85/97/98/99/100) ---
   110px height, icon:top:12, label:top:51, value:top:70 */
.kpi-row-2 { display: flex; gap: 16px; margin-bottom: 16px; }
.kpi-row-3 { display: flex; gap: 16px; margin-bottom: 24px; }
.kpi-stat-card {
  background: #1C202F; border: 1px solid rgba(255,255,255,0.15);
  border-radius: 16px; position: relative; height: 110px;
  flex: 1; box-sizing: border-box; min-width: 0;
}
.kpi-stat-icon {
  position: absolute; left: 12px; top: 12px;
  width: 22px; height: 22px; background: #383D4E; border-radius: 4px;
  display: flex; align-items: center; justify-content: center;
}
.kpi-stat-label {
  position: absolute; left: 12px; top: 51px;
  font-size: 13px; line-height: 18px; letter-spacing: -0.08px;
  color: rgba(255,255,255,0.8);
}
.kpi-stat-value {
  position: absolute; left: 12px; top: 70px; right: 6px;
  font-size: 22px; font-weight: 700; line-height: 28px;
  letter-spacing: -0.26px; color: #E2B806;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* --- Заголовок секции --- */
.kpi-section-title {
  font-size: 17px; font-weight: 590; line-height: 22px;
  letter-spacing: -0.43px; color: #fff; margin: 0 0 8px;
}

/* --- Donut card (Figma: Frame 88/108, height:156px) --- */
.kpi-donut-card {
  display: flex; align-items: center; gap: 32px;
  margin-bottom: 24px; min-height: 124px; /* 156 - 2*16 padding */
}
.kpi-donut-card--tall { min-height: 124px; }
.kpi-donut-area { flex-shrink: 0; width: 108px; height: 108px; }
.kpi-donut-svg { width: 108px; height: 108px; }
.kpi-legend { display: flex; flex-direction: column; gap: 13px; }
.kpi-legend-row {
  display: flex; align-items: center; gap: 9px;
  font-size: 15px; line-height: 20px; letter-spacing: -0.23px; color: #fff;
}
/* Квадратный бейдж (Figma: Frame 104/105, 23x23, radius:4px) */
.kpi-legend-sq {
  width: 23px; height: 23px; border-radius: 4px; flex-shrink: 0;
}

/* --- Горизонтальный bar chart (Figma: Frame 107/104) --- */
.kpi-bar-card { margin-bottom: 24px; padding: 16px; }
.kpi-bar-list { display: flex; flex-direction: column; }
.kpi-bar-row {
  display: flex; align-items: center; gap: 12px;
  padding: 6px 0; min-height: 44px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.kpi-bar-row:first-child { padding-top: 0; }
.kpi-bar-row:last-child { border-bottom: none; }
.kpi-bar-name {
  flex: 0 0 95px; display: flex; flex-direction: column;
  gap: 1px; overflow: hidden;
}
.kpi-bar-plate {
  font-size: 12px; font-weight: 600; line-height: 16px;
  color: #fff; letter-spacing: -0.2px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.kpi-bar-model {
  font-size: 10px; line-height: 13px;
  color: rgba(255,255,255,0.55); white-space: normal;
  word-break: break-word;
}
/* ── Доход по автомобилям / Дезактивация — Figma Frame 107/104 (PWA only) ── */
#kpi-cars-wrap.kpi-bar-card,
#kpi-deact-wrap.kpi-deact-card { padding: 16px; }
#kpi-cars-list,
#kpi-deact-list {
  display: flex; flex-direction: column;
}
#kpi-cars-list { gap: 10px; }
#kpi-deact-list { gap: 8px; }
#kpi-cars-list .kpi-cars-row,
#kpi-deact-list .kpi-cars-row {
  display: flex; flex-direction: row;
  justify-content: space-between; align-items: center;
  gap: 12px; height: 40px; min-height: 40px;
  border-bottom: none; padding: 0;
}
#kpi-cars-list .kpi-cars-left,
#kpi-deact-list .kpi-cars-left {
  display: flex; flex-direction: row; align-items: center;
  gap: 12px; flex: 1; min-width: 0;
}
#kpi-cars-list .kpi-cars-name,
#kpi-deact-list .kpi-cars-name {
  flex: 0 0 127px; width: 127px; height: 40px;
  display: flex; flex-direction: column; justify-content: center;
  overflow: hidden;
}
#kpi-cars-list .kpi-cars-plate,
#kpi-cars-list .kpi-cars-model,
#kpi-deact-list .kpi-cars-plate,
#kpi-deact-list .kpi-cars-model {
  font-size: 15px; font-weight: 400; line-height: 20px;
  letter-spacing: -0.23px; color: #FFFFFF;
  overflow: hidden; text-overflow: ellipsis;
}
#kpi-cars-list .kpi-cars-plate,
#kpi-cars-list .kpi-cars-model,
#kpi-deact-list .kpi-cars-plate,
#kpi-deact-list .kpi-cars-model { white-space: nowrap; }
#kpi-cars-list .kpi-cars-bar,
#kpi-deact-list .kpi-cars-bar {
  flex-shrink: 0; height: 7px; border-radius: 21px; min-width: 7px;
}
#kpi-cars-list .kpi-cars-val,
#kpi-deact-list .kpi-cars-val {
  flex-shrink: 0;
  font-size: 15px; font-weight: 400; line-height: 20px;
  letter-spacing: -0.23px; color: #FFFFFF;
  white-space: nowrap; text-align: right;
}
#kpi-cars-expand,
#kpi-deact-expand {
  opacity: 0.7; padding-top: 10px;
}
#kpi-cars-list .kpi-cars-row.kpi-bar-hidden,
#kpi-deact-list .kpi-cars-row.kpi-bar-hidden { display: none; }
#kpi-cars-list .kpi-cars-row.kpi-bar-visible,
#kpi-deact-list .kpi-cars-row.kpi-bar-visible { display: flex; }
.kpi-bar-track {
  flex: 1; height: 7px; background: rgba(255,255,255,0.08);
  border-radius: 21px; overflow: hidden;
}
.kpi-bar-fill { height: 100%; border-radius: 21px; }
.kpi-bar-val {
  font-size: 15px; line-height: 20px; color: #fff;
  flex-shrink: 0; min-width: 80px; text-align: right;
}

/* --- Дезактивация: легенда (Figma Frame 205/206) --- */
#kpi-deact-wrap .kpi-deact-legend {
  display: flex; align-items: center; gap: 27px;
  margin-bottom: 16px; padding: 0;
}
#kpi-deact-wrap .kpi-deact-leg-item {
  display: flex; align-items: center; gap: 8px;
  font-size: 15px; font-weight: 400; line-height: 20px;
  letter-spacing: -0.23px; color: #FFFFFF;
}
#kpi-deact-wrap .kpi-deact-circle {
  width: 11px; height: 11px; border-radius: 29px; flex-shrink: 0;
}

/* --- Динамика доходов (Figma: Frame 112, 361×190) --- */
#kpi-trend-wrap.kpi-trend-card {
  height: 190px; box-sizing: border-box;
  margin-bottom: 24px; padding: 16px;
}
/* Figma: график (Frame 182) начинается с top 32 от карточки = 16 (padding) + 16 */
.kpi-trend-chart {
  display: flex; flex-direction: row; align-items: flex-start;
  gap: 12px; padding-top: 16px;
}
/* Y-ось (Figma: Frame 183, 42px), высота = высоте SVG (99px) */
#kpi-trend-y.kpi-line-y {
  display: flex; flex-direction: column; justify-content: space-between;
  text-align: left; width: 42px; height: 99px;
  flex-shrink: 0; box-sizing: border-box;
}
#kpi-trend-y.kpi-line-y span {
  font-size: 12px; line-height: 16px; color: rgba(255,255,255,0.5);
}
.kpi-trend-plot { position: relative; flex: 1; min-width: 0; }
.kpi-trend-plot .kpi-line-svg { width: 100%; height: 99px; display: block; }
/* X-ось (Figma: Frame 184): метки той же ширины, что SVG; gap до графика 16px.
   overflow visible — крайние метки могут слегка выходить за края (как в Figma). */
#kpi-trend-x.kpi-line-x {
  position: relative; width: 100%; height: 16px; margin-top: 16px;
  overflow: visible;
}
#kpi-trend-x .kpi-line-x-label {
  position: absolute; top: 0;
  transform: translateX(-50%);
  font-size: 12px; line-height: 16px;
  color: rgba(255,255,255,0.5); white-space: nowrap;
}

/* --- Предварительность (Figma: Frame 113, height:212px) --- */
.kpi-vchart-card { margin-bottom: 24px; padding: 16px 16px 0; }
.kpi-vbar-inner { display: flex; gap: 0; align-items: flex-end; height: 148px; }
/* Y-ось (Figma: Frame 185, width:60px) */
.kpi-vy-labels {
  display: flex; flex-direction: column; justify-content: space-between;
  align-items: flex-end; width: 60px; flex-shrink: 0;
  height: 148px; padding-right: 8px; box-sizing: border-box;
}
.kpi-vy-labels span { font-size: 12px; line-height: 16px; color: rgba(255,255,255,0.5); }
/* График (Figma: Frame 190, width:248px, height:135px) */
.kpi-vchart-area {
  position: relative; flex: 1; height: 135px; overflow: hidden;
  align-self: flex-end;
}
.kpi-vgrid-lines {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; justify-content: space-between;
  pointer-events: none;
}
.kpi-vgrid-lines span {
  display: block; width: 100%; height: 1px;
  background: rgba(255,255,255,0.15);
}
/* Бары внутри области */
.kpi-vbars-row {
  position: absolute; bottom: 0; left: 0; right: 0;
  display: flex; align-items: flex-end; height: 135px;
  gap: 0;
}
.kpi-vbar-col {
  flex: 1; display: flex; flex-direction: column;
  align-items: center; justify-content: flex-end; height: 135px;
  padding: 0 6px;
}
.kpi-vbar-fill { width: 35px; border-radius: 4px 4px 0 0; min-height: 3px; }
/* X-ось (Figma: Frame 191) */
.kpi-vx-labels {
  display: flex; justify-content: space-between;
  margin-top: 6px; padding-bottom: 16px;
  padding-left: 60px; /* смещение под Y-ось */
}
.kpi-vx-labels span {
  flex: 1; font-size: 11px; line-height: 16px;
  color: rgba(255,255,255,0.5); text-align: center;
}

/* --- Активные брони (Figma: Frame 110, height:112px) --- */
.kpi-stats3-card { margin-bottom: 24px; padding: 0; }
.kpi-stats3-row {
  display: flex; align-items: center;
  padding: 16px; height: 112px; box-sizing: border-box;
}
.kpi-stats3-col {
  flex: 1; display: flex; flex-direction: column;
  justify-content: center; align-items: flex-start; gap: 12px;
}
.kpi-stats3-val {
  font-size: 22px; font-weight: 700; line-height: 28px;
  letter-spacing: -0.26px; color: #E2B806;
}
.kpi-stats3-lbl {
  font-size: 15px; line-height: 20px; letter-spacing: -0.23px; color: #fff;
}
/* Вертикальные разделители (Figma: Line 4/5, 80px высота) */
.kpi-stats3-sep {
  width: 1px; height: 80px;
  background: rgba(255,255,255,0.15); flex-shrink: 0;
}

/* --- Топ-таблица (Figma: Frame 194/111) --- */
.kpi-top-tabs {
  display: flex; flex-direction: row;
  align-items: stretch; gap: 16px;
  height: 68px; margin-bottom: 16px;
}
.kpi-top-tab {
  flex: 1; background: none; border: none;
  cursor: pointer; padding: 12px 16px; position: relative;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  box-sizing: border-box; height: 68px;
  -webkit-tap-highlight-color: transparent;
}
.kpi-top-tab-txt {
  font-size: 17px; font-weight: 400; letter-spacing: -0.43px;
  text-align: center; line-height: 22px;
  color: rgba(255,255,255,0.5);
}
.kpi-top-tab--active .kpi-top-tab-txt { color: #E2B806; font-weight: 590; }
.kpi-top-tab-bar {
  display: none;
  position: absolute; bottom: 0; left: 50%;
  transform: translateX(-50%);
  width: 136px; height: 9px;
  background: #E2B806; border-radius: 63px;
}
.kpi-top-tab--active .kpi-top-tab-bar { display: block; }
.kpi-top-card {
  border-radius: 16px;
  margin-bottom: 24px; padding: 16px;
  display: flex; flex-direction: column; gap: 24px;
}
.kpi-top-header {
  display: flex; justify-content: space-between; align-items: center;
  gap: 54px; padding: 0; margin: 0;
}
.kpi-top-th {
  font-size: 13px; font-weight: 590; letter-spacing: -0.08px;
  color: rgba(255,255,255,0.5); flex: none;
}
.kpi-top-th--name { flex: 1; min-width: 0; }
.kpi-top-th--r { text-align: center; min-width: 42px; }
.kpi-top-th--r:last-child { text-align: right; }
.kpi-top-list { display: flex; flex-direction: column; gap: 16px; margin: 0; }
.kpi-top-row {
  display: flex; justify-content: space-between; align-items: center;
  gap: 39px; min-height: 32px;
}
.kpi-top-left {
  display: flex; flex-direction: row; align-items: center;
  gap: 12px; flex: 1; min-width: 0;
}
.kpi-top-rank {
  width: 27px; height: 27px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 590; flex-shrink: 0;
  color: #0B0F1A; letter-spacing: -0.23px;
}
.kpi-rank-1 { background: #E2B806; }
.kpi-rank-2 { background: #A4A4A4; }
.kpi-rank-3 { background: #C59266; }
.kpi-rank-other { background: rgba(217,227,255,0.15); color: #fff !important; }
.kpi-top-name {
  display: flex; flex-direction: column; justify-content: center;
  max-width: 108px; font-size: 12px; font-weight: 590;
  line-height: 16px; color: #fff;
}
.kpi-top-plate, .kpi-top-model {
  font-size: 12px; font-weight: 590; line-height: 16px; color: #fff;
  overflow: hidden; text-overflow: ellipsis;
}
.kpi-top-plate { white-space: nowrap; }
.kpi-top-model { white-space: normal; word-break: break-word; }
.kpi-top-rentals {
  font-size: 12px; font-weight: 590; color: #fff;
  text-align: center; flex-shrink: 0; min-width: 28px;
}
.kpi-top-revenue {
  font-size: 12px; font-weight: 590; color: #fff;
  text-align: right; flex-shrink: 0; min-width: 73px;
}
#kpi-top-expand.kpi-top-expand-btn { opacity: 0.7; align-self: center; }
#kpi-top-list .kpi-top-row.kpi-bar-hidden { display: none; }
#kpi-top-list .kpi-top-row.kpi-bar-visible { display: flex; }

/* ── KPI nav bar (Figma: Tab Bar, height:45px) ── */
.kpi-navbar {
  position: sticky; top: 0; z-index: 10;
  width: 100%;
  height: calc(45px + env(safe-area-inset-top, 0px));
  padding-top: env(safe-area-inset-top, 0px);
  background: #0B0F1A;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; box-sizing: border-box;
}
.kpi-back-btn {
  position: absolute; left: 16px; bottom: 0;
  width: 45px; height: 45px; background: #23293A;
  border-radius: 150px; border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  -webkit-tap-highlight-color: transparent;
  z-index: 1;
}
.kpi-navbar-title {
  font-size: 17px; font-weight: 590; letter-spacing: -0.43px;
  line-height: 22px; color: #fff;
  position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%);
  white-space: nowrap;
}

/* ── Исправление: таб-бар без лишних отступов ── */
.kpi-tabs { padding: 0 16px; padding-bottom: 0; }
.kpi-tabs-inner { padding-bottom: 8px; }

/* ── Stats3: центрирование (Figma: text-align:center) ── */
.kpi-stats3-col { align-items: center !important; }
.kpi-stats3-val { text-align: center !important; }
.kpi-stats3-lbl { text-align: center !important; white-space: normal !important; word-break: break-word; max-width: 85px; }

/* ── Top tabs: CSS-переключатель полосы ── */
.kpi-top-tab-bar { display: none !important; }
.kpi-top-tab--active .kpi-top-tab-bar { display: block !important; }

/* ── Bar chart: кнопка "показать ещё" (chevron вниз) ── */
.kpi-bar-expand-btn {
  display: flex; align-items: center; justify-content: center;
  width: 100%; padding: 8px 0 0;
  background: none; border: none; cursor: pointer;
  color: rgba(255,255,255,0.5); font-size: 20px;
  -webkit-tap-highlight-color: transparent;
}
.kpi-bar-expand-btn svg { transition: transform 0.25s; }
.kpi-bar-expand-btn.expanded svg { transform: rotate(180deg); }

/* ── Скрытые строки bar chart ── */
.kpi-bar-row.kpi-bar-hidden { display: none; }
.kpi-bar-row.kpi-bar-visible { display: flex; }

/* ── Комплексный фильтр (PWA) ── */
.kpi-filter-sheet { max-height: 85vh; overflow-y: auto; }
.kpi-fs-group {
  margin-bottom: 20px;
}
.kpi-fs-group-title {
  font-size: 13px; font-weight: 590; letter-spacing: -0.08px;
  color: rgba(255,255,255,0.45); text-transform: uppercase;
  margin-bottom: 10px;
}
/* Period chips */
.kpi-fs-chips {
  display: flex; flex-wrap: wrap; gap: 8px;
}
.kpi-fs-chip {
  background: #23293A; border: 1px solid rgba(255,255,255,0.14);
  border-radius: 20px; padding: 8px 16px;
  color: rgba(255,255,255,0.7); font-size: 15px; letter-spacing: -0.23px;
  cursor: pointer; transition: background 0.15s, border-color 0.15s, color 0.15s;
  white-space: nowrap;
}
.kpi-fs-chip--active {
  background: #E2B806; border-color: #E2B806; color: #0B0F1A;
  font-weight: 590;
}
/* Date range trigger */
.kpi-fs-daterange { margin-top: 12px; }
.kpi-fs-range-trigger {
  display: flex; align-items: center; justify-content: space-between;
  width: 100%; box-sizing: border-box;
  background: #23293A; border: 1px solid rgba(255,255,255,0.15);
  border-radius: 12px; padding: 14px 16px;
  cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.kpi-fs-range-cols {
  display: flex; flex-direction: row; justify-content: center;
  align-items: flex-start; gap: 48px; flex: 1;
}
.kpi-fs-range-col {
  display: flex; flex-direction: column; align-items: center; gap: 17px;
  min-width: 100px;
}
.kpi-fs-range-lbl {
  font-size: 17px; font-weight: 590; line-height: 22px;
  letter-spacing: -0.43px; color: rgba(255,255,255,0.7);
}
.kpi-fs-range-val {
  font-size: 17px; font-weight: 590; line-height: 22px;
  letter-spacing: -0.43px; color: #FFFFFF;
}

/* ── KPI Calendar (Figma: 393×561) ── */
.kpi-cal-backdrop {
  display: none; position: fixed; inset: 0;
  background: rgba(0,0,0,0.55); z-index: 1002;
}
.kpi-cal-backdrop--open { display: block; }
.kpi-cal-sheet {
  position: fixed; left: 0; right: 0; bottom: 0;
  height: 561px; max-height: 92vh;
  background: #0B0F1A; border-radius: 32px 32px 0 0;
  z-index: 1003; padding: 12px 16px 16px;
  box-sizing: border-box;
  display: flex; flex-direction: column;
  transform: translateY(100%);
  transition: transform 0.3s cubic-bezier(0.32,0.72,0,1);
}
.kpi-cal-sheet--open { transform: translateY(0); }
.kpi-cal-handle {
  width: 43px; height: 5px; margin: 0 auto 24px;
  background: rgba(255,255,255,0.18); border-radius: 39px; flex-shrink: 0;
}
.kpi-cal-range-display {
  display: flex; flex-direction: row; justify-content: center;
  align-items: flex-start; gap: 48px;
  margin-bottom: 16px; flex-shrink: 0;
}
.kpi-cal-range-col {
  display: flex; flex-direction: column; align-items: center; gap: 17px;
  min-width: 100px;
}
.kpi-cal-range-lbl {
  font-size: 17px; font-weight: 590; line-height: 22px;
  letter-spacing: -0.43px; color: rgba(255,255,255,0.7);
}
.kpi-cal-range-val {
  font-size: 17px; font-weight: 590; line-height: 22px;
  letter-spacing: -0.43px; color: #FFFFFF;
}
.kpi-cal-nav {
  display: flex; flex-direction: row; justify-content: space-between;
  align-items: center; margin-bottom: 16px; flex-shrink: 0;
}
.kpi-cal-nav-btn {
  width: 45px; height: 45px; border: none; border-radius: 150px;
  background: #23293A; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  -webkit-tap-highlight-color: transparent; flex-shrink: 0;
}
.kpi-cal-month {
  font-size: 17px; font-weight: 590; line-height: 22px;
  letter-spacing: -0.43px; color: #FFFFFF; text-align: center;
}
.kpi-cal-hint {
  font-size: 17px; line-height: 20px; color: #FFFFFF;
  opacity: 0.5; text-align: center; margin: 0 0 16px; flex-shrink: 0;
}
.kpi-cal-body { flex: 1; min-height: 0; overflow: hidden; padding-bottom: 8px; }
.kpi-cal-weekdays {
  display: flex; flex-direction: row; opacity: 0.5; margin-bottom: 0;
}
.kpi-cal-wd {
  flex: 1; height: 52px;
  display: flex; align-items: center; justify-content: center;
  font-size: 17px; line-height: 20px; color: #FFFFFF;
}
.kpi-cal-grid { display: flex; flex-direction: column; }
.kpi-cal-row { display: flex; flex-direction: row; }
.kpi-cal-day {
  flex: 1; height: 52px; border: none; padding: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 17px; line-height: 20px; color: #FFFFFF;
  background: transparent; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  font-family: inherit;
}
.kpi-cal-day--empty { pointer-events: none; }
.kpi-cal-day--in-range { background: rgba(226, 184, 6, 0.5); }
.kpi-cal-day--range-start {
  background: #E2B806; border-radius: 16px 0 0 16px;
  color: #0B0F1A; font-weight: 590; letter-spacing: -0.43px;
}
.kpi-cal-day--range-end {
  background: #E2B806; border-radius: 0 16px 16px 0;
  color: #0B0F1A; font-weight: 590; letter-spacing: -0.43px;
}
.kpi-cal-day--range-start.kpi-cal-day--range-end { border-radius: 16px; }
.kpi-cal-day:active:not(.kpi-cal-day--empty) { opacity: 0.85; }
/* Select rows */
.kpi-fs-select {
  display: flex; align-items: center; justify-content: space-between;
  background: #23293A; border: 1px solid rgba(255,255,255,0.15);
  border-radius: 12px; padding: 14px 16px; cursor: pointer;
}
.kpi-fs-select-val {
  font-size: 15px; color: #fff; letter-spacing: -0.23px; flex: 1;
}
.kpi-fs-opts {
  background: #23293A; border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px; margin-top: 6px;
  max-height: 180px; overflow-y: auto;
}
.kpi-fs-opt {
  padding: 12px 16px; font-size: 15px; color: rgba(255,255,255,0.85);
  cursor: pointer; border-bottom: 1px solid rgba(255,255,255,0.06);
  letter-spacing: -0.23px;
}
.kpi-fs-opt:last-child { border-bottom: none; }
.kpi-fs-opt--active { color: #E2B806; font-weight: 590; }
.kpi-fs-opt:active { background: rgba(255,255,255,0.05); }

/* ── PWA: Детализация выдачи (без вкладок аналитики) ── */
#id-pwa-wrap.id-pwa-wrap {
  display: none;
  flex-direction: column;
  position: fixed;
  inset: 0;
  z-index: 200;
  overflow: hidden;
  background: #0B0F1A;
  color: #fff;
  font-family: -apple-system, 'SF Pro', sans-serif;
}
html.pwa-standalone #id-pwa-wrap.id-pwa-wrap {
  display: flex;
}
#id-pwa-wrap .id-page-root {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 16px 24px;
  background: transparent;
}
#id-pwa-wrap .kpi-filter-bar {
  padding: 16px 16px 0;
  flex-shrink: 0;
}
#id-pwa-wrap .id-hdr-desktop,
#id-pwa-wrap .dl-fbar {
  display: none !important;
}
#id-pwa-wrap .id-loading {
  color: rgba(255,255,255,0.5);
}
#id-pwa-wrap .id-spin {
  border-color: rgba(255,255,255,0.15);
  border-top-color: #E2B806;
}
#id-pwa-wrap .id-err {
  background: rgba(232,85,92,0.12);
  border-color: rgba(232,85,92,0.35);
  color: #ffb4b8;
}
#id-pwa-wrap .id-data-card {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-top: 0;
}
#id-pwa-wrap .id-data-card.id-data-card--cards {
  background: transparent;
  border: none;
  padding: 0;
}
#id-pwa-wrap .id-empty-state,
#id-pwa-wrap .id-filter-hint {
  color: rgba(255,255,255,0.5);
  padding: 8px 0 12px;
}
/* Список карточек (Figma: Frame 222, gap 16px) */
#id-pwa-wrap .id-cards-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
}
/* Карточка выдачи (Figma: Frame 215, 361×114) */
#id-pwa-wrap .id-issue-card {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 114px;
  padding: 16px;
  background: #1C202F;
  border-radius: 16px;
  flex-shrink: 0;
}
#id-pwa-wrap .id-issue-card__row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
#id-pwa-wrap .id-issue-card__row--top {
  margin-bottom: 8px;
}
#id-pwa-wrap .id-issue-card__row--bottom {
  margin-top: 8px;
  align-items: center;
}
#id-pwa-wrap .id-issue-card__car {
  flex: 1;
  min-width: 0;
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #E2B806;
  word-break: break-word;
}
#id-pwa-wrap .id-issue-card__status {
  flex-shrink: 0;
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  text-align: right;
  white-space: nowrap;
}
#id-pwa-wrap .id-issue-card__status--rent { color: #FF4646; }
#id-pwa-wrap .id-issue-card__status--park { color: #59DA4E; }
#id-pwa-wrap .id-issue-card__status--done { color: #59DA4E; }
#id-pwa-wrap .id-issue-card__client {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
  word-break: break-word;
}
#id-pwa-wrap .id-issue-card__date {
  flex: 1;
  min-width: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#id-pwa-wrap .id-issue-card__duration {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
  white-space: nowrap;
}
#id-pwa-wrap .id-issue-card__clock {
  flex-shrink: 0;
  display: block;
}
#id-pwa-wrap .id-table-wrap {
  display: none !important;
}

/* ═══════════════════════════════════════════════════
   PWA: Экран детали выдачи (Детализация выдачи 3)
   ═══════════════════════════════════════════════════ */
.id-issue-detail {
  position: fixed;
  inset: 0;
  z-index: 400;
  background: #0B0F1A;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.id-issue-detail.id-issue-detail--open {
  transform: translateX(0);
}

/* Scrollable body */
.id-issue-detail-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 16px 40px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Section card (Figma: #1C202F, border-radius 16px) */
.id-detail-section {
  box-sizing: border-box;
  background: #1C202F;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

/* Row inside section: label left, value right */
.id-detail-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 22px;
  gap: 8px;
}
.id-detail-label {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: rgba(255,255,255,0.7);
  white-space: nowrap;
  flex-shrink: 0;
}
.id-detail-value {
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
  text-align: right;
  word-break: break-word;
}
.id-detail-value--rent { color: #FF4646; }
.id-detail-value--done { color: #59DA4E; }

/* ── PWA: Детализация штрафы (без вкладок аналитики) ── */
#fd-pwa-wrap.fd-pwa-wrap {
  display: none;
  flex-direction: column;
  position: fixed;
  inset: 0;
  z-index: 200;
  overflow: hidden;
  background: #0B0F1A;
  color: #fff;
  font-family: -apple-system, 'SF Pro', sans-serif;
}
#fd-pwa-wrap .fd-page-root {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 16px 24px;
  background: transparent;
  min-height: auto;
}
#fd-pwa-wrap .fd-hdr-desktop,
#fd-pwa-wrap .fd-fbar-desktop,
#fd-pwa-wrap .fd-count-hint-desktop {
  display: none !important;
}
#fd-pwa-wrap .kpi-filter-bar {
  padding: 16px 16px 0;
  flex-shrink: 0;
}
#fd-pwa-wrap .id-loading {
  color: rgba(255,255,255,0.5);
}
#fd-pwa-wrap .id-spin {
  border-color: rgba(255,255,255,0.15);
  border-top-color: #E2B806;
}
#fd-pwa-wrap .id-err {
  background: rgba(232,85,92,0.12);
  border-color: rgba(232,85,92,0.35);
  color: #ffb4b8;
}
#fd-pwa-wrap .fd-count-hint {
  color: rgba(255,255,255,0.5);
}
#fd-pwa-wrap #fd-host {
  display: none !important;
}
/* Список аренд — карточки (Figma: Frame 222) */
#fd-pwa-wrap .fd-ri-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  max-height: none;
  overflow: visible;
  margin-bottom: 0;
}
#fd-pwa-wrap .fd-rental-card-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 10px;
  width: 100%;
  min-height: 114px;
  background: #1C202F;
  border-radius: 16px;
  border: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.15s;
}
#fd-pwa-wrap .fd-rental-card-item:active,
#fd-pwa-wrap .fd-rental-card-item--active {
  background: #252B3F;
}
#fd-pwa-wrap .fd-rental-card__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
#fd-pwa-wrap .fd-rental-card__car {
  width: 100%;
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #E2B806;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#fd-pwa-wrap .fd-rental-card__client,
#fd-pwa-wrap .fd-rental-card__date {
  width: 100%;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#fd-pwa-wrap .fd-rental-card__chevron {
  flex-shrink: 0;
  opacity: 0.5;
  display: block;
}
#fd-pwa-wrap .fd-pwa-empty {
  margin: 0;
  padding: 24px 0;
  text-align: center;
  font-size: 17px;
  color: rgba(255,255,255,0.5);
}
#fd-pwa-wrap .fd-rental-card {
  background: #1C202F;
  border-color: rgba(255,255,255,0.08);
}
#fd-pwa-wrap .fd-rf-label { color: rgba(255,255,255,0.6); }
#fd-pwa-wrap .fd-rf-value { color: #FFFFFF; }
#fd-pwa-wrap .fd-block {
  background: #1C202F;
  border-color: rgba(255,255,255,0.08);
}
#fd-pwa-wrap .fd-table-wrap {
  background: #161926;
  border-color: rgba(255,255,255,0.06);
}
#fd-pwa-wrap .fd-table thead th {
  background: #23293A;
  color: rgba(255,255,255,0.7);
  border-bottom-color: rgba(255,255,255,0.08);
}
#fd-pwa-wrap .fd-table tbody td {
  color: #FFFFFF;
  border-bottom-color: rgba(255,255,255,0.05);
}
#fd-pwa-wrap .fd-totals {
  color: rgba(255,255,255,0.6);
}
#fd-pwa-wrap .fd-totals b { color: #FFFFFF; }
#fd-pwa-wrap .dl-fbar {
  background: #1C202F;
  border-color: rgba(255,255,255,0.08);
}
#fd-pwa-wrap .dl-fcell {
  border-color: rgba(255,255,255,0.08);
}
#fd-pwa-wrap .dl-flabel {
  color: rgba(255,255,255,0.6);
}
#fd-pwa-wrap .dl-fsel-wrap {
  background: #23293A;
}
#fd-pwa-wrap .dl-fsel-wrap select,
#fd-pwa-wrap .dl-fsel-arrow {
  color: rgba(255,255,255,0.7);
}
#fd-pwa-wrap .dl-fsel-wrap select.set {
  color: #FFFFFF;
}
#fd-pwa-wrap .fd-fi-input {
  background: #23293A;
  border-color: rgba(255,255,255,0.08);
  color: #FFFFFF;
}
#fd-pwa-wrap .fd-fi-input::placeholder {
  color: rgba(255,255,255,0.35);
}
#fd-pwa-wrap .dl-freset {
  color: rgba(255,255,255,0.5);
}

/* ── PWA: Депозиты (без вкладок аналитики) ── */
#dep-pwa-wrap.dep-pwa-wrap {
  display: none;
  flex-direction: column;
  position: fixed;
  inset: 0;
  z-index: 200;
  overflow: hidden;
  background: #0B0F1A;
  color: #fff;
  font-family: -apple-system, 'SF Pro', sans-serif;
}
html.pwa-standalone #dep-pwa-wrap.dep-pwa-wrap {
  display: flex;
}
html:not(.pwa-standalone) #dep-pwa-wrap {
  display: none !important;
}
#dep-pwa-wrap .dep-hdr-desktop,
#dep-pwa-wrap .dep-filter-desktop,
#dep-pwa-wrap .dep-legend-desktop {
  display: none !important;
}
#dep-pwa-wrap .kpi-filter-bar {
  padding: 8px 16px 0;
  flex-shrink: 0;
}
#dep-pwa-wrap .dep-page-root {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 24px;
  background: transparent;
  min-height: auto;
}
#dep-pwa-wrap .dep-page-root > #dep-loading,
#dep-pwa-wrap .dep-page-root > #dep-err {
  padding: 0 16px;
}
#dep-pwa-wrap .id-data-card {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-top: 0;
  padding: 0 16px;
}
#dep-pwa-wrap .id-data-card.id-data-card--cards {
  background: transparent;
  border: none;
  padding: 0 16px;
}
#dep-pwa-wrap .dep-legend-pwa {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 12px 0 16px;
  padding: 0;
  background: transparent;
}
#dep-pwa-wrap .dep-legend-pwa-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 23px;
  flex-wrap: wrap;
}
#dep-pwa-wrap .dep-legend-pwa-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
  flex: 1;
  min-width: 0;
}
#dep-pwa-wrap .dep-legend-pwa-dot {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  border-radius: 5px;
  box-sizing: border-box;
}
#dep-pwa-wrap .dep-legend-pwa-dot--green {
  background: rgba(89, 218, 78, 0.7);
  border: 1px solid #59DA4E;
}
#dep-pwa-wrap .dep-legend-pwa-dot--red {
  background: rgba(255, 70, 70, 0.7);
  border: 1px solid #FF4646;
}
#dep-pwa-wrap .dep-legend-pwa-dot--warn {
  background: rgba(226, 184, 6, 0.7);
  border: 1px solid #E2B806;
}
#dep-pwa-wrap .dep-cards-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
}
#dep-pwa-wrap .dep-card {
  box-sizing: border-box;
  width: 100%;
  padding: 16px;
  background: #1C202F;
  border-radius: 16px;
}
#dep-pwa-wrap .dep-card__title {
  font-weight: 590;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
  margin-bottom: 8px;
  word-break: break-word;
}
#dep-pwa-wrap .dep-card__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 22px;
}
#dep-pwa-wrap .dep-card__row + .dep-card__row {
  margin-top: 8px;
}
#dep-pwa-wrap .dep-card__row--dates {
  margin-top: 8px;
}
#dep-pwa-wrap .dep-card__label {
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
  flex-shrink: 0;
}
#dep-pwa-wrap .dep-card__val {
  font-weight: 590;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: -0.43px;
  text-align: right;
}
#dep-pwa-wrap .dep-card__val--neg { color: #FF4646; }
#dep-pwa-wrap .dep-card__val--pos { color: #59DA4E; }
#dep-pwa-wrap .dep-card__val--pay { color: #E2B806; }
#dep-pwa-wrap .dep-card__divider {
  width: 100%;
  height: 0;
  margin: 8px 0;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
#dep-pwa-wrap .dep-card__date {
  font-weight: 590;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
}
#dep-pwa-wrap .id-loading {
  color: rgba(255,255,255,0.5);
}
#dep-pwa-wrap .id-spin {
  border-color: rgba(255,255,255,0.15);
  border-top-color: #E2B806;
}
#dep-pwa-wrap .id-err {
  background: rgba(232,85,92,0.12);
  border-color: rgba(232,85,92,0.35);
  color: #ffb4b8;
}
#dep-pwa-wrap .dep-legend {
  background: #1C202F;
  border: none;
  border-radius: 12px;
  color: rgba(255,255,255,0.65);
  font-size: 11px;
  margin-bottom: 12px;
}
#dep-pwa-wrap .dep-summary {
  background: #1C202F;
  border: none;
  border-radius: 12px;
  color: rgba(255,255,255,0.65);
  margin-bottom: 12px;
}
#dep-pwa-wrap .dep-summary b { color: #FFFFFF; }
#dep-pwa-wrap .id-empty-state,
#dep-pwa-wrap .id-filter-hint {
  color: rgba(255,255,255,0.5);
}
#dep-pwa-wrap .id-table-wrap {
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
}
#dep-pwa-wrap .id-table thead th {
  background: #1C202F;
  color: rgba(255,255,255,0.55);
  border-bottom-color: rgba(255,255,255,0.08);
}
#dep-pwa-wrap .id-table tbody td {
  background: #161B28;
  color: #FFFFFF;
  border-bottom-color: rgba(255,255,255,0.06);
}
#dep-pwa-wrap .id-table tbody tr:hover td {
  background: rgba(226,184,6,0.08) !important;
}
#dep-pwa-wrap .dep-toast {
  background: #1C202F;
  color: #FFFFFF;
}

/* ── PWA: Выдача сотрудник (без вкладок аналитики) ── */
#ea-pwa-wrap.ea-pwa-wrap {
  display: none;
  flex-direction: column;
  position: fixed;
  inset: 0;
  z-index: 200;
  overflow: hidden;
  background: #0B0F1A;
  color: #fff;
  font-family: -apple-system, 'SF Pro', sans-serif;
}
html.pwa-standalone #ea-pwa-wrap.ea-pwa-wrap {
  display: flex;
}
html:not(.pwa-standalone) #ea-pwa-wrap,
html:not(.pwa-standalone) #ea-detail {
  display: none !important;
}
#ea-pwa-wrap .ea-page-root {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 24px;
  background: transparent;
  min-height: auto;
}
#ea-pwa-wrap .ea-hdr-desktop,
#ea-pwa-wrap .ea-filter-desktop {
  display: none !important;
}
#ea-pwa-wrap .kpi-filter-bar {
  padding: 8px 16px 0;
  flex-shrink: 0;
}
#ea-pwa-wrap .ea-page-root > #ea-loading,
#ea-pwa-wrap .ea-page-root > #ea-err {
  padding: 0 16px;
}
#ea-pwa-wrap .ea-data-card {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-top: 0;
  padding: 0 16px;
}
#ea-pwa-wrap .ea-data-card.ea-data-card--cards {
  background: transparent;
  border: none;
  padding: 0 16px;
}
#ea-pwa-wrap .ea-loading {
  color: rgba(255,255,255,0.5);
}
#ea-pwa-wrap .ea-spin {
  border-color: rgba(255,255,255,0.15);
  border-top-color: #E2B806;
}
#ea-pwa-wrap .ea-err {
  background: rgba(232,85,92,0.12);
  border-color: rgba(232,85,92,0.35);
  color: #ffb4b8;
}
#ea-pwa-wrap .ea-table-info,
#ea-pwa-wrap .ea-empty {
  color: rgba(255,255,255,0.5);
  font-size: 14px;
  margin-bottom: 12px;
}
#ea-pwa-wrap .ea-empty {
  display: block;
  text-align: center;
  padding: 3rem 1rem;
  color: rgba(255,255,255,0.55);
}
#ea-pwa-wrap .id-cards-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
}
#ea-pwa-wrap .id-issue-card {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 114px;
  padding: 16px;
  background: #1C202F;
  border-radius: 16px;
  flex-shrink: 0;
}
#ea-pwa-wrap .id-issue-card__row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
#ea-pwa-wrap .id-issue-card__row--top { margin-bottom: 8px; }
#ea-pwa-wrap .id-issue-card__row--bottom {
  margin-top: 8px;
  align-items: center;
}
#ea-pwa-wrap .id-issue-card__car {
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #E2B806;
  flex: 1;
  min-width: 0;
  word-break: break-word;
}
#ea-pwa-wrap .id-issue-card__status {
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  flex-shrink: 0;
  white-space: nowrap;
}
#ea-pwa-wrap .id-issue-card__status--rent { color: #FF4646; }
#ea-pwa-wrap .id-issue-card__status--done { color: #59DA4E; }
#ea-pwa-wrap .id-issue-card__client {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
  word-break: break-word;
}
#ea-pwa-wrap .id-issue-card__date {
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
}
#ea-pwa-wrap .id-issue-card__duration {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
}
#ea-pwa-wrap .id-issue-card__clock { flex-shrink: 0; }

/* ═══════════════════════════════════════════════════
   PWA: Экран детали выдачи сотруднику
   ═══════════════════════════════════════════════════ */
.ea-detail {
  position: fixed;
  inset: 0;
  z-index: 400;
  background: #0B0F1A;
  display: none;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  font-family: -apple-system, 'SF Pro', sans-serif;
}
.ea-detail.ea-detail--open {
  transform: translateX(0);
}
.ea-detail-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 16px 40px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ── PWA: Почасовая аренда (без вкладок аналитики) ── */
#hr-pwa-wrap.hr-pwa-wrap {
  display: none;
  flex-direction: column;
  position: fixed;
  inset: 0;
  z-index: 200;
  overflow: hidden;
  background: #0B0F1A;
  color: #fff;
  font-family: -apple-system, 'SF Pro', sans-serif;
}
html.pwa-standalone #hr-pwa-wrap.hr-pwa-wrap {
  display: flex;
}
html:not(.pwa-standalone) #hr-pwa-wrap,
html:not(.pwa-standalone) #hr-detail {
  display: none !important;
}
#hr-pwa-wrap .hr-page-root {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 24px;
  background: transparent;
  min-height: auto;
}
#hr-pwa-wrap .hr-hdr-desktop,
#hr-pwa-wrap .hr-filter-desktop {
  display: none !important;
}
#hr-pwa-wrap .kpi-filter-bar {
  padding: 8px 16px 0;
  flex-shrink: 0;
}
#hr-pwa-wrap .hr-page-root > #hr-loading,
#hr-pwa-wrap .hr-page-root > #hr-err {
  padding: 0 16px;
}
#hr-pwa-wrap .hr-data-card {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-top: 0;
  padding: 0 16px;
}
#hr-pwa-wrap .hr-data-card.hr-data-card--cards {
  background: transparent;
  border: none;
  padding: 0 16px;
}
#hr-pwa-wrap .hr-loading {
  color: rgba(255,255,255,0.5);
}
#hr-pwa-wrap .hr-spin {
  border-color: rgba(255,255,255,0.15);
  border-top-color: #E2B806;
}
#hr-pwa-wrap .hr-err {
  background: rgba(232,85,92,0.12);
  border-color: rgba(232,85,92,0.35);
  color: #ffb4b8;
}
#hr-pwa-wrap .hr-table-info,
#hr-pwa-wrap .hr-empty {
  color: rgba(255,255,255,0.5);
  font-size: 14px;
  margin-bottom: 12px;
}
#hr-pwa-wrap .hr-empty {
  display: block;
  text-align: center;
  padding: 3rem 1rem;
  color: rgba(255,255,255,0.55);
}
#hr-pwa-wrap .id-cards-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
}
#hr-pwa-wrap .id-issue-card {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 114px;
  padding: 16px;
  background: #1C202F;
  border-radius: 16px;
  flex-shrink: 0;
}
#hr-pwa-wrap .id-issue-card__row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
#hr-pwa-wrap .id-issue-card__row--top { margin-bottom: 8px; }
#hr-pwa-wrap .id-issue-card__row--bottom {
  margin-top: 8px;
  align-items: center;
}
#hr-pwa-wrap .id-issue-card__car {
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #E2B806;
  flex: 1;
  min-width: 0;
  word-break: break-word;
}
#hr-pwa-wrap .id-issue-card__status {
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  flex-shrink: 0;
  white-space: nowrap;
}
#hr-pwa-wrap .id-issue-card__status--active { color: #E2B806; }
#hr-pwa-wrap .id-issue-card__status--done { color: #59DA4E; }
#hr-pwa-wrap .id-issue-card__status--cancel { color: #FF4646; }
#hr-pwa-wrap .id-issue-card__client {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
  word-break: break-word;
}
#hr-pwa-wrap .id-issue-card__date {
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
}
#hr-pwa-wrap .id-issue-card__duration {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
}
#hr-pwa-wrap .id-issue-card__clock { flex-shrink: 0; }

/* PWA: экран детали почасовой аренды */
.hr-detail {
  position: fixed;
  inset: 0;
  z-index: 400;
  background: #0B0F1A;
  display: none;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  font-family: -apple-system, 'SF Pro', sans-serif;
}
.hr-detail.hr-detail--open {
  transform: translateX(0);
}
.hr-detail-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 16px 40px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#hr-detail .hr-detail-value--active { color: #E2B806; }
#hr-detail .hr-detail-value--done { color: #59DA4E; }
#hr-detail .hr-detail-value--cancel { color: #FF4646; }

/* ═══════════════════════════════════════════════════
   PWA: Экран детали депозита (Депозиты 2)
   ═══════════════════════════════════════════════════ */
.dep-detail {
  position: fixed;
  inset: 0;
  z-index: 400;
  background: #0B0F1A;
  display: none;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  font-family: -apple-system, 'SF Pro', sans-serif;
}
.dep-detail.dep-detail--open {
  transform: translateX(0);
}
.dep-detail-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 16px 40px;
}
#dep-detail .dep-detail-section {
  gap: 12px;
}
#dep-detail .id-detail-row--top {
  align-items: flex-start;
}
#dep-detail .id-detail-value--neg { color: #FF4646; }
#dep-detail .id-detail-value--pos { color: #59DA4E; }
html:not(.pwa-standalone) #dep-detail {
  display: none !important;
}

/* ── Депозиты: кнопка «Редактировать» в детальной панели ── */
.dep-detail-footer {
  flex-shrink: 0;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
  background: #0B0F1A;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.dep-detail-edit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 54px;
  background: #E2B806;
  border: none;
  border-radius: 16px;
  font-size: 17px;
  font-weight: 590;
  color: #0B0F1A;
  letter-spacing: -0.43px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.15s;
}
.dep-detail-edit-btn:active { opacity: 0.8; }

/* ── Депозиты: sheet редактирования ── */
.dep-edit-sheet {
  max-height: 90vh;
  overflow-y: auto;
}
.dep-edit-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 18px;
}
.dep-edit-label {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,0.55);
  letter-spacing: 0.1px;
}
.dep-edit-select,
.dep-edit-input,
.dep-edit-textarea {
  width: 100%;
  box-sizing: border-box;
  background: #1A2235;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 12px;
  color: #fff;
  font-size: 15px;
  font-family: inherit;
  padding: 12px 14px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color 0.15s;
}
.dep-edit-select:focus,
.dep-edit-input:focus,
.dep-edit-textarea:focus {
  border-color: #E2B806;
}
.dep-edit-select option {
  background: #1A2235;
  color: #fff;
}
.dep-edit-textarea {
  resize: none;
  min-height: 80px;
  line-height: 1.5;
}
.dep-edit-save-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 54px;
  background: #E2B806;
  border: none;
  border-radius: 16px;
  font-size: 17px;
  font-weight: 590;
  color: #0B0F1A;
  letter-spacing: -0.43px;
  cursor: pointer;
  margin-top: 4px;
  margin-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.15s;
}
.dep-edit-save-btn:active  { opacity: 0.8; }
.dep-edit-save-btn:disabled { opacity: 0.4; cursor: default; }

html:not(.pwa-standalone) #dep-edit-backdrop,
html:not(.pwa-standalone) #dep-edit-sheet { display: none !important; }

/* PWA-only: скрыть на десктопе */
html:not(.pwa-standalone) #fd-pwa-wrap,
html:not(.pwa-standalone) .fd-rental-detail {
  display: none !important;
}

/* ═══════════════════════════════════════════════════
   PWA: Экран детали аренды (Детализация штрафы 2)
   ═══════════════════════════════════════════════════ */
.fd-rental-detail {
  position: fixed;
  inset: 0;
  z-index: 400;
  background: #0B0F1A;
  display: none;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  font-family: -apple-system, 'SF Pro', sans-serif;
}
.fd-rental-detail.fd-rental-detail--open {
  transform: translateX(0);
}
.fd-sub-detail {
  z-index: 450;
}
.fd-rental-detail-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 16px 40px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fd-rental-detail-loading {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 0;
}
.fd-rental-detail .id-detail-section {
  box-sizing: border-box;
  background: #1C202F;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.fd-rental-detail .id-detail-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 22px;
  gap: 8px;
}
.fd-rental-detail .id-detail-label {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: rgba(255,255,255,0.7);
  flex-shrink: 0;
}
.fd-rental-detail .id-detail-value {
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
  text-align: right;
  word-break: break-word;
}
/* Строки «Штрафы» / «Платные проезды» */
.fd-nav-row {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 16px;
  width: 100%;
  min-height: 64px;
  background: #1C202F;
  border-radius: 16px;
  border: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
}
.fd-nav-row:active {
  background: #252B3F;
}
.fd-nav-row__title {
  flex: 1;
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
}
.fd-nav-row__count {
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
  flex-shrink: 0;
}
.fd-nav-row .fd-rental-card__chevron {
  flex-shrink: 0;
  opacity: 0.5;
}
/* Подэкран: список штрафов / проездов */
.fd-sub-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fd-sub-card {
  background: #1C202F;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fd-sub-card__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}
.fd-sub-card__row--sm .fd-sub-card__label,
.fd-sub-card__row--sm .fd-sub-card__value {
  font-size: 15px;
  line-height: 20px;
}
.fd-sub-card__label {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  color: rgba(255,255,255,0.7);
  flex-shrink: 0;
}
.fd-sub-card__value {
  font-size: 17px;
  font-weight: 590;
  line-height: 22px;
  color: #FFFFFF;
  text-align: right;
  word-break: break-word;
}

/* ═══════════════════════════════════════════════════════
   PWA: ABC анализ  (#ab-pwa-wrap)
   Только для PWA, ПК не трогаем
   ═══════════════════════════════════════════════════════ */

/* Скрываем десктопную страницу в PWA */
html.pwa-standalone .ab-page { display: none !important; }
@media (display-mode: standalone) {
	.ab-page { display: none !important; }
	#ab-pwa-wrap { display: flex !important; }
}

/* Скрываем PWA-обёртку на десктопе */
html:not(.pwa-standalone) #ab-pwa-wrap { display: none !important; }

/* ── Общая обёртка ── */
#ab-pwa-wrap {
	position: fixed;
	inset: 0;
	z-index: 200;
	background: #0D1321;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif;
}

/* ── Переключатель Клиент / Авто ── */
.ab-pwa-mode-bar {
	display: flex;
	margin: 12px 16px 4px;
	background: rgba(255,255,255,0.06);
	border-radius: 12px;
	padding: 3px;
	gap: 2px;
	flex-shrink: 0;
}
.ab-pwa-mode-btn {
	flex: 1;
	height: 36px;
	border: none;
	border-radius: 10px;
	background: transparent;
	color: rgba(255,255,255,0.5);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: background .18s, color .18s;
}
.ab-pwa-mode-btn--active {
	background: #4E83E5;
	color: #fff;
}

/* ── Фильтр-бар ── */
#ab-pwa-wrap .ab-pwa-filter-bar {
	padding: 8px 16px 4px;
	flex-shrink: 0;
}

/* ── Сегментные чипсы ── */
.ab-pwa-seg-bar {
	display: flex;
	gap: 6px;
	padding: 6px 16px 8px;
	flex-shrink: 0;
}
.ab-pwa-seg-chip {
	height: 30px;
	padding: 0 16px;
	border-radius: 15px;
	border: 1px solid rgba(255,255,255,0.18);
	background: transparent;
	color: rgba(255,255,255,0.55);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: background .15s, color .15s, border-color .15s;
}
.ab-pwa-seg-chip--active {
	background: rgba(255,255,255,0.12);
	color: #fff;
	border-color: rgba(255,255,255,0.35);
}
.ab-pwa-seg-chip--a { border-color: rgba(89,218,78,.4); }
.ab-pwa-seg-chip--a.ab-pwa-seg-chip--active { background: rgba(89,218,78,.18); color: #59DA4E; border-color: #59DA4E; }
.ab-pwa-seg-chip--b { border-color: rgba(226,184,6,.4); }
.ab-pwa-seg-chip--b.ab-pwa-seg-chip--active { background: rgba(226,184,6,.18); color: #E2B806; border-color: #E2B806; }
.ab-pwa-seg-chip--c { border-color: rgba(255,255,255,.25); }
.ab-pwa-seg-chip--c.ab-pwa-seg-chip--active { background: rgba(255,255,255,.10); color: rgba(255,255,255,.75); border-color: rgba(255,255,255,.5); }

/* ── Сводная полоса сегментов ── */
.ab-pwa-summary {
	display: flex;
	gap: 8px;
	padding: 0 16px 10px;
	flex-shrink: 0;
}
.ab-pwa-sum-chip {
	flex: 1;
	border-radius: 12px;
	padding: 8px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1px;
}
.ab-pwa-sum-chip--a { background: rgba(89,218,78,.12);  border: 1px solid rgba(89,218,78,.3); }
.ab-pwa-sum-chip--b { background: rgba(226,184,6,.12);  border: 1px solid rgba(226,184,6,.3); }
.ab-pwa-sum-chip--c { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); }
.ab-pwa-sum-letter {
	font-size: 15px;
	font-weight: 700;
}
.ab-pwa-sum-chip--a .ab-pwa-sum-letter { color: #59DA4E; }
.ab-pwa-sum-chip--b .ab-pwa-sum-letter { color: #E2B806; }
.ab-pwa-sum-chip--c .ab-pwa-sum-letter { color: rgba(255,255,255,.55); }
.ab-pwa-sum-count {
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	white-space: nowrap;
}
.ab-pwa-sum-rev {
	font-size: 10px;
	color: rgba(255,255,255,.45);
	white-space: nowrap;
}

/* ── Состояния (загрузка / ошибка / пусто) ── */
.ab-pwa-state-wrap {
	padding: 40px 24px;
	text-align: center;
	color: rgba(255,255,255,0.5);
	font-size: 15px;
}
.ab-pwa-err-wrap {
	margin: 16px;
	padding: 12px 16px;
	border-radius: 12px;
	background: rgba(255,70,70,.12);
	border: 1px solid rgba(255,70,70,.3);
	color: #FF4646;
	font-size: 14px;
}
.ab-pwa-spin {
	display: inline-block;
	width: 18px; height: 18px;
	border: 2px solid rgba(255,255,255,.2);
	border-top-color: #fff;
	border-radius: 50%;
	animation: kpi-spin .7s linear infinite;
	margin-right: 6px;
	vertical-align: middle;
}

/* ── Список карточек ── */
.ab-cards-list {
	flex: 1;
	overflow-y: auto;
	padding: 0 16px 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* ── Карточка ── */
.ab-pwa-card {
	background: #1C202F;
	border: 1px solid rgba(255,255,255,0.10);
	border-radius: 16px;
	padding: 14px 16px 12px;
	flex-shrink: 0;
}
.ab-pwa-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 6px;
}
.ab-pwa-card-name {
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
}
.ab-pwa-card-phone {
	font-size: 13px;
	font-weight: 400;
	color: rgba(255,255,255,.5);
}

/* Бейдж сегмента */
.ab-pwa-seg-badge {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px; height: 26px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 700;
}
.ab-pwa-seg-badge--a { background: rgba(89,218,78,.18);  color: #59DA4E; }
.ab-pwa-seg-badge--b { background: rgba(226,184,6,.18);  color: #E2B806; }
.ab-pwa-seg-badge--c { background: rgba(255,255,255,.08); color: rgba(255,255,255,.55); }

/* Выручка */
.ab-pwa-card-revenue {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 6px;
	letter-spacing: -.01em;
}

/* Мета-строка */
.ab-pwa-card-meta {
	font-size: 13px;
	color: rgba(255,255,255,.55);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
}
.ab-pwa-card-sep {
	color: rgba(255,255,255,.25);
	padding: 0 2px;
}

/* Даты */
.ab-pwa-card-dates {
	margin-top: 6px;
	font-size: 12px;
	color: rgba(255,255,255,.35);
}

/* ═══════════════════════════════════════════════════════
   PWA: Чёрный список (#bl-pwa-wrap)
   ═══════════════════════════════════════════════════════ */

html:not(.pwa-standalone) #bl-pwa-wrap { display: none !important; }

#bl-pwa-wrap {
	position: fixed;
	inset: 0;
	z-index: 200;
	background: #0B0F1A;
	display: none;
	flex-direction: column;
	overflow: hidden;
	font-family: -apple-system, 'SF Pro', sans-serif;
	color: #fff;
}
html.pwa-standalone #bl-pwa-wrap { display: flex; }
@media (display-mode: standalone) {
	#bl-pwa-wrap { display: flex !important; }
	body:has(#bl-pwa-wrap) .carsharing-nav { display: none !important; }
}
.pwa-standalone body:has(#bl-pwa-wrap) .carsharing-nav,
body:has(#bl-pwa-wrap) .pwa-standalone .carsharing-nav {
	display: none !important;
}

#bl-pwa-wrap .kpi-navbar {
	flex-shrink: 0;
	position: relative;
}
#bl-pwa-wrap .kpi-navbar-title {
	flex: 1;
	text-align: center;
}

.bl-pwa-add-bar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 54px;
	min-height: 54px;
	margin-bottom: 16px;
	border: none;
	border-radius: 16px;
	background: #E2B806;
	color: #0B0F1A;
	font-size: 17px;
	font-weight: 590;
	font-family: inherit;
	letter-spacing: -0.43px;
	cursor: pointer;
	flex-shrink: 0;
	-webkit-tap-highlight-color: transparent;
	transition: opacity 0.15s;
}
.bl-pwa-add-bar:active { opacity: 0.8; }

.bl-pwa-body {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 16px 16px 24px;
}

.bl-cards-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Карточка клиента — Figma Frame 218: #1C202F, radius 16px, padding 16, gap 8 */
#bl-pwa-wrap .bl-card {
	box-sizing: border-box;
	width: 100%;
	padding: 16px;
	background: #1C202F;
	border-radius: 16px;
	border: none;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

#bl-pwa-wrap .bl-card .id-detail-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	min-height: 22px;
	gap: 8px;
	flex: none;
	align-self: stretch;
}
#bl-pwa-wrap .bl-card .id-detail-label {
	font-family: -apple-system, 'SF Pro', sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.43px;
	color: #FFFFFF;
	opacity: 0.7;
	flex: none;
	flex-shrink: 0;
}
#bl-pwa-wrap .bl-card .id-detail-value {
	font-family: -apple-system, 'SF Pro', sans-serif;
	font-size: 17px;
	font-weight: 590;
	line-height: 22px;
	letter-spacing: -0.43px;
	color: #FFFFFF;
	text-align: right;
	word-break: break-word;
	flex: none;
	max-width: 65%;
}
#bl-pwa-wrap .bl-card .bl-card__row--multiline {
	align-items: flex-start;
	min-height: 22px;
}
#bl-pwa-wrap .bl-card .bl-card__row--multiline .id-detail-value {
	white-space: pre-wrap;
	line-height: 22px;
}

.bl-card__delete {
	margin-top: 14px;
	width: 100%;
	height: 44px;
	border: 1px solid rgba(255,70,70,0.45);
	border-radius: 12px;
	background: rgba(255,70,70,0.1);
	color: #FF4646;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	padding: 0 16px;
}
.bl-card__delete:active {
	background: rgba(255,70,70,0.18);
}

.bl-pwa-empty,
.bl-pwa-err {
	text-align: center;
	padding: 40px 16px;
	color: rgba(255,255,255,0.5);
	font-size: 15px;
}
.bl-pwa-err {
	color: #ffb4b8;
}

/* Bottom sheets: добавление / удаление */
.bl-pwa-overlay {
	position: fixed;
	inset: 0;
	z-index: 500;
	pointer-events: none;
}
.bl-pwa-overlay:not([aria-hidden="true"]) {
	pointer-events: auto;
}
.bl-pwa-sheet {
	padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	max-height: 92vh;
	overflow-y: auto;
}
.bl-pwa-sheet--confirm .cs-car-sheet-title {
	margin-bottom: 8px;
}
.bl-pwa-confirm-text {
	margin: 0 0 16px;
	padding: 0 4px;
	font-size: 15px;
	line-height: 20px;
	color: rgba(255,255,255,0.65);
}

.bl-pwa-form-field {
	margin-bottom: 14px;
}
.bl-pwa-form-label {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 500;
	color: rgba(255,255,255,0.7);
}
.bl-pwa-req { color: #FF4646; }
.bl-pwa-input {
	width: 100%;
	box-sizing: border-box;
	padding: 12px 14px;
	border: 1px solid rgba(255,255,255,0.14);
	border-radius: 12px;
	background: rgba(255,255,255,0.06);
	color: #fff;
	font-size: 16px;
	font-family: inherit;
}
.bl-pwa-input::placeholder { color: rgba(255,255,255,0.35); }
.bl-pwa-input:focus {
	outline: none;
	border-color: rgba(78,131,229,0.6);
}
.bl-pwa-textarea {
	min-height: 88px;
	resize: vertical;
}

.bl-pwa-form-actions {
	display: flex;
	gap: 10px;
	margin-top: 8px;
}
.bl-pwa-btn {
	flex: 1;
	height: 48px;
	border-radius: 12px;
	border: none;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	font-family: inherit;
}
.bl-pwa-btn--ghost {
	background: rgba(255,255,255,0.08);
	color: #fff;
}
.bl-pwa-btn--danger {
	background: #dc3545;
	color: #fff;
}
.bl-pwa-btn:disabled { opacity: 0.6; cursor: not-allowed; }

.bl-pwa-form-alert {
	padding: 10px 14px;
	border-radius: 10px;
	margin-bottom: 14px;
	font-size: 14px;
}
.bl-pwa-form-alert--danger {
	background: rgba(255,70,70,0.12);
	border: 1px solid rgba(255,70,70,0.35);
	color: #ffb4b8;
}
.bl-pwa-form-alert--success {
	background: rgba(89,218,78,0.12);
	border: 1px solid rgba(89,218,78,0.35);
	color: #59DA4E;
}

/* ══ Скрываем PWA-оверлеи на ПК и мобильном сайте ══
   #id-pwa-wrap уже имеет style="display:none" в HTML,
   #id-issue-detail имеет transform:translateX(100%) но display:flex,
   из-за чего position:sticky дочернего kpi-navbar может "убегать" в некоторых браузерах.
   Явно скрываем оба элемента вне PWA-режима. */
html:not(.pwa-standalone) #id-pwa-wrap,
html:not(.pwa-standalone) #id-issue-detail {
	display: none !important;
}

/* Скрываем Frappe navbar и breadcrumbs на ПК/мобильном (не-PWA) для страниц аналитики */
body:has(.carsharing-analytics) .page-breadcrumbs,
body:has(.carsharing-analytics) .page-header-wrapper,
body:has(.carsharing-analytics) .breadcrumb-container,
body:has(.id-page) .page-breadcrumbs,
body:has(.id-page) .page-header-wrapper { display: none !important; }

/* ═══════════════════════════════════════════════════
   Редактирование аренд — PWA
   ═══════════════════════════════════════════════════ */

/* Скрываем PC-версию в PWA, PWA-версию на PC */
html:not(.pwa-standalone) .er-pwa-wrap { display: none !important; }
html.pwa-standalone .er-pc-wrap       { display: none !important; }

/* Полноэкранная страница */
.er-pwa-wrap {
	position: fixed;
	inset: 0;
	background: #0B0F1A;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	z-index: 10;
}

/* Navbar — Tab Bar */
.er-pwa-navbar {
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	height: 45px;
	flex-shrink: 0;
	margin-top: 56px; /* status bar */
	padding: 0 16px;
}
.er-pwa-back-btn {
	width: 45px;
	height: 45px;
	background: #23293A;
	border: none;
	border-radius: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
	color: #fff;
}
.er-pwa-back-btn svg {
	width: 13px;
	height: 20px;
}
.er-pwa-navbar-title {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 590;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.43px;
	color: #FFFFFF;
	white-space: nowrap;
}

/* Подзаголовок */
.er-pwa-subtitle {
	padding: 16px 16px 0;
	font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.43px;
	color: #FFFFFF;
	opacity: 0.7;
	margin: 0;
}

/* Список */
.er-pwa-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 16px;
	overflow-y: auto;
	flex: 1;
}

/* Пустое состояние */
.er-pwa-empty {
	font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 15px;
	color: rgba(255,255,255,0.4);
	text-align: center;
	margin-top: 32px;
}

/* Карточка аренды */
.er-pwa-item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 16px;
	gap: 16px;
	background: #1C202F;
	border-radius: 16px;
	text-decoration: none;
	min-height: 76px;
	flex-shrink: 0;
}
.er-pwa-item:active {
	background: #252A3D;
}

/* Левая часть: название авто */
.er-pwa-car-name {
	font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 590;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.43px;
	color: #FFFFFF;
	flex-shrink: 0;
	max-width: 160px;
}

/* Правая часть: статус */
.er-pwa-status {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
.er-pwa-dot {
	width: 8px;
	height: 8px;
	background: #FF4646;
	border-radius: 35px;
	flex-shrink: 0;
}
.er-pwa-dot--free { background: #22C55E; }
.er-pwa-dot--employee { background: #3B82F6; }
.er-pwa-dot--rented { background: #FF4646; }
.er-pwa-dot--hourly { background: #F59E0B; }

.er-pwa-client {
	font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 590;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.43px;
	color: #FF4646;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* Подзаголовок авто в bottom sheet приёма */
.cs-ret-car-info { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.cs-ret-car-client {
	font-size: 13px;
	line-height: 18px;
	color: rgba(255,255,255,0.55);
	margin-top: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.er-pwa-client--free     { color: #22C55E; }
.er-pwa-client--employee { color: #3B82F6; }
.er-pwa-client--hourly   { color: #F59E0B; }

/* ═══════════════════════════════════════════════════
   Форма редактирования аренды — PWA  (erf-)
   ═══════════════════════════════════════════════════ */

html:not(.pwa-standalone) .erf-pwa-wrap { display: none !important; }
html.pwa-standalone .erf-pc-wrap        { display: none !important; }

.erf-pwa-wrap {
	position: fixed;
	inset: 0;
	background: #0B0F1A;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	z-index: 10;
}

/* Navbar */
.erf-pwa-navbar {
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	height: 45px;
	flex-shrink: 0;
	margin-top: 56px;
	padding: 0 16px;
}
.erf-pwa-back-btn {
	width: 45px;
	height: 45px;
	background: #23293A;
	border: none;
	border-radius: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
	color: #fff;
}
.erf-pwa-back-btn svg { width: 13px; height: 20px; }
.erf-pwa-navbar-title {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 590;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.43px;
	color: #FFFFFF;
	white-space: nowrap;
	max-width: calc(100% - 128px);
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Прокручиваемая область */
.erf-pwa-scroll {
	flex: 1;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 16px 16px 32px;
	display: flex;
	flex-direction: column;
	gap: 17px;
}

/* Секция: заголовок + карточка */
.erf-pwa-section { display: flex; flex-direction: column; gap: 8px; }
.erf-pwa-section-title {
	font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 590;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.43px;
	color: #FFFFFF;
}
.erf-pwa-card {
	border: 1px solid rgba(255,255,255,0.15);
	border-radius: 16px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Поле формы */
.erf-pwa-field { display: flex; flex-direction: column; gap: 8px; }
.erf-pwa-label {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 4px;
	font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.43px;
	color: #FFFFFF;
}
.erf-pwa-required { color: #FF4646; }

/* Input / Textarea */
.erf-pwa-input,
.erf-pwa-textarea {
	background: #1C202F;
	border: 1px solid rgba(255,255,255,0.14);
	border-radius: 16px;
	padding: 16px;
	color: #FFFFFF;
	font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.43px;
	outline: none;
	width: 100%;
	box-sizing: border-box;
}
.erf-pwa-input {
	height: 54px;
}
.erf-pwa-textarea {
	min-height: 124px;
	resize: none;
}
.erf-pwa-input::placeholder,
.erf-pwa-textarea::placeholder { color: rgba(255,255,255,0.5); }
.erf-pwa-input:focus,
.erf-pwa-textarea:focus { border-color: rgba(255,255,255,0.35); }

/* Custom Select */
.erf-pwa-select-wrap { position: relative; }
.erf-pwa-select {
	-webkit-appearance: none;
	appearance: none;
	background: #1C202F;
	border: 1px solid rgba(255,255,255,0.14);
	border-radius: 16px;
	padding: 16px;
	padding-right: 44px;
	height: 54px;
	color: #FFFFFF;
	font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.43px;
	outline: none;
	width: 100%;
	box-sizing: border-box;
	cursor: pointer;
}
.erf-pwa-select option { background: #1C202F; color: #fff; }
.erf-pwa-select-wrap::after {
	content: '';
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 13px;
	height: 8px;
	background: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.5 7L12 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
	pointer-events: none;
}

/* Кнопка сохранить */
.erf-pwa-save-btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 54px;
	background: #E2B806;
	border: none;
	border-radius: 16px;
	font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 590;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.43px;
	color: #0B0F1A;
	cursor: pointer;
	flex-shrink: 0;
}
.erf-pwa-save-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* Toast уведомление */
.erf-pwa-toast {
	position: fixed;
	bottom: 32px;
	left: 50%;
	transform: translateX(-50%);
	background: #1C202F;
	border: 1px solid rgba(255,255,255,0.15);
	border-radius: 12px;
	padding: 12px 20px;
	color: #fff;
	font-size: 15px;
	z-index: 200;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s;
}
.erf-pwa-toast--visible { opacity: 1; }
.erf-pwa-toast--ok   { border-color: #22C55E; color: #22C55E; }
.erf-pwa-toast--err  { border-color: #FF4646; color: #FF4646; }



/* ═══════════════════════════════════════════════════════
   PWA: Фото аренд (/rental_photos)
   ═══════════════════════════════════════════════════════ */

/* Карточка "Фото аренд" — скрыта на PC, видна только в PWA */
.cs-card-pwa-only { display: none; }
.pwa-standalone .cs-card-pwa-only { display: block; }

/* ── Экраны ── */
#rp-pwa-wrap {
  font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.rp-screen {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #0B0F1A;
  transform: translateX(0);
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.rp-screen--slide {
  transform: translateX(100%);
}

.rp-screen--open {
  transform: translateX(0);
}

/* ── Поиск ── */
.rp-search-wrap {
  position: relative;
  margin: 12px 16px 8px;
  flex-shrink: 0;
}

.rp-search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  flex-shrink: 0;
}

.rp-search-input {
  width: 100%;
  height: 40px;
  background: #1C202F;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  padding: 0 36px 0 36px;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  outline: none;
  box-sizing: border-box;
  -webkit-appearance: none;
}

.rp-search-input::placeholder {
  color: rgba(255,255,255,0.35);
}

.rp-search-input:focus {
  border-color: rgba(255,255,255,0.25);
}

.rp-search-clear {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: rgba(255,255,255,0.12);
  border: none;
  border-radius: 50%;
  color: rgba(255,255,255,0.7);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

/* ── Список ── */
.rp-list-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 8px 16px 32px;
}

.rp-cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Карточки аренды: тот же стиль что #id-pwa-wrap .id-issue-card */
.rp-list-card {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 114px;
  padding: 16px;
  background: #1C202F;
  border-radius: 16px;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.12s;
}

.rp-list-card:active {
  background: #252B3F;
}

.rp-list-card .id-issue-card__row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.rp-list-card .id-issue-card__row--top { margin-bottom: 8px; }
.rp-list-card .id-issue-card__row--bottom { margin-top: 8px; align-items: center; }

.rp-list-card .id-issue-card__car {
  flex: 1; min-width: 0;
  font-size: 17px; font-weight: 590; line-height: 22px; letter-spacing: -0.43px;
  color: #E2B806; word-break: break-word;
}

.rp-list-card .id-issue-card__status {
  flex-shrink: 0;
  font-size: 17px; font-weight: 590; line-height: 22px; letter-spacing: -0.43px;
  text-align: right; white-space: nowrap;
}

.rp-list-card .id-issue-card__status--rent { color: #FF4646; }
.rp-list-card .id-issue-card__status--done { color: #59DA4E; }

.rp-list-card .id-issue-card__client {
  font-size: 17px; font-weight: 400; line-height: 22px; letter-spacing: -0.43px;
  color: #FFFFFF; word-break: break-word;
}

.rp-list-card .id-issue-card__date {
  flex: 1; min-width: 0;
  font-size: 17px; font-weight: 400; line-height: 22px; letter-spacing: -0.43px;
  color: #FFFFFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.rp-list-card .id-issue-card__duration {
  display: flex; flex-direction: row; align-items: center; gap: 6px; flex-shrink: 0;
  font-size: 17px; font-weight: 590; line-height: 22px; letter-spacing: -0.43px;
  color: #FFFFFF; white-space: nowrap;
}

.rp-list-card .id-issue-card__clock { flex-shrink: 0; display: block; }

/* Бейдж наличия фото */
.rp-photo-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,0.55);
  letter-spacing: -0.2px;
}

.rp-photo-badge--none {
  color: rgba(255,255,255,0.2);
}

/* ── Детали ── */
.rp-detail-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 16px 40px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Заголовок секции (ВЫДАЧА / ПРИЁМ) */
.rp-section-header {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #FFFFFF;
  padding: 4px 0 0;
  margin-top: 4px;
}

/* Категория фото */
.rp-cat-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.rp-cat-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: rgba(255,255,255,0.75);
  letter-spacing: -0.3px;
}

.rp-cat-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  border-radius: 11px;
  background: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.55);
  font-size: 12px;
  font-weight: 600;
  padding: 0 6px;
}

/* Ряд превью (тот же паттерн, что cs-issue-preview-wrap) */
.rp-thumb-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rp-thumb {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 10px;
  overflow: hidden;
  border: 1.5px solid rgba(255,255,255,0.12);
  flex-shrink: 0;
  background: rgba(255,255,255,0.06);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: border-color 0.12s;
}

.rp-thumb:active {
  border-color: rgba(255,255,255,0.4);
}

.rp-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.rp-thumb-video {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rp-no-photos {
  font-size: 15px;
  color: rgba(255,255,255,0.35);
  padding: 8px 0;
}

.rp-no-photos--big {
  padding: 32px 0;
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
}

/* ── Спиннер / ошибка / пусто ── */
.rp-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px 16px;
  font-size: 15px;
  color: rgba(255,255,255,0.5);
}

.rp-spin {
  width: 22px;
  height: 22px;
  border: 2px solid rgba(255,255,255,0.1);
  border-top-color: rgba(255,255,255,0.6);
  border-radius: 50%;
  animation: rp-spin 0.75s linear infinite;
  flex-shrink: 0;
}

@keyframes rp-spin { to { transform: rotate(360deg); } }

.rp-err {
  margin: 16px;
  padding: 14px 16px;
  background: rgba(255,70,70,0.1);
  border: 1px solid rgba(255,70,70,0.3);
  border-radius: 12px;
  font-size: 14px;
  color: #FF8080;
}

.rp-empty {
  padding: 40px 16px;
  text-align: center;
  font-size: 15px;
  color: rgba(255,255,255,0.35);
}

/* ── Лайтбокс ── */
.rp-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0,0,0,0.96);
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.rp-lb-topbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(52px + env(safe-area-inset-top, 0px));
  padding-top: env(safe-area-inset-top, 0px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 12px;
  padding-right: 12px;
  z-index: 2;
  background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, transparent 100%);
  box-sizing: border-box;
}

.rp-lb-counter {
  font-size: 15px;
  font-weight: 500;
  color: rgba(255,255,255,0.8);
  letter-spacing: -0.3px;
}

.rp-lb-btn {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.12);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}

.rp-lb-btn:active { background: rgba(255,255,255,0.22); }

.rp-lb-stage {
  flex: 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 12px;
  box-sizing: border-box;
}

.rp-lb-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
  border-radius: 4px;
  user-select: none;
  -webkit-user-drag: none;
}

.rp-lb-video-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: rgba(255,255,255,0.7);
  font-size: 16px;
}

.rp-lb-video-lbl { font-size: 18px; }

.rp-lb-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 8px;
  pointer-events: none;
  z-index: 2;
}

.rp-lb-prev,
.rp-lb-next {
  pointer-events: all;
  background: rgba(0,0,0,0.45);
}


/* ── Документы (паспорт + прописка) в один ряд ── */
.rp-docs-row {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.rp-docs-col {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 0 0 auto;
}

.rp-docs-col-label {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,0.5);
  letter-spacing: -0.1px;
}

/* ═══════════════════════════════════════════════════════
   Фото — меню выбора (копия стилей analytics_menu)
   ═══════════════════════════════════════════════════════ */
.rp-am-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 16px 32px;
}
.rp-am-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 10px;
  background: #1C202F;
  border-radius: 16px;
  text-decoration: none;
  min-height: 64px;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.15s;
  border: none;
  cursor: pointer;
  width: 100%;
}
.rp-am-item:active {
  background: #252B3F;
}
.rp-am-item-label {
  flex: 1;
  font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 590;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #FFFFFF;
  text-align: left;
}
.rp-am-chevron {
  flex-shrink: 0;
  opacity: 0.5;
}