:root {
	--rzc-business-green: #113f38;
	--rzc-business-mint: #8cb89f;
	--rzc-business-navy: #193046;
	--rzc-business-soft: #edf7f2;
	--rzc-business-ink: #0f172a;
	/* Semantic surface tokens: light values here, dark values below. Widgets that
	   must follow the desk theme (home, desktop icons, feedback panel, language
	   switcher, help page) read these instead of literal colours. */
	--rzc-bg: #ffffff;
	--rzc-surface: #ffffff;
	--rzc-surface-2: #f5f7f6;
	--rzc-text: #1b2a25;
	--rzc-muted: #7b8a83;
	--rzc-border: #e7ebe9;
}

html[data-theme="dark"] {
	--rzc-bg: #111a17;
	--rzc-surface: #19231f;
	--rzc-surface-2: #1d2a25;
	--rzc-text: #e5e9ee;
	--rzc-muted: #a6b0bd;
	--rzc-border: #34413d;
}

.desktop-icon {
	border: 1px solid transparent;
	border-radius: 16px;
	padding: 10px 8px !important;
	transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.desktop-icon:hover {
	border-color: rgba(140, 184, 159, 0.28);
	background: #ffffff;
	box-shadow: 0 10px 26px rgba(25, 48, 70, 0.08);
	transform: translateY(-1px);
}

.desktop-icon .icon-container {
	width: 44px !important;
	height: 44px !important;
	border: 1px solid rgba(17, 63, 56, 0.14) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
	overflow: hidden;
	position: relative;
	transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.desktop-icon:hover .icon-container {
	border-color: rgba(17, 63, 56, 0.28) !important;
	background: #f8fbf9 !important;
	box-shadow: 0 6px 14px rgba(25, 48, 70, 0.08) !important;
}

.desktop-icon .icon-container::after {
	display: none !important;
}

.desktop-icon .icon-container svg {
	width: 22px;
	height: 22px;
	color: var(--rzc-business-green) !important;
	fill: none !important;
	stroke: var(--rzc-business-green) !important;
}

.desktop-icon .icon-container .desktop-alphabet,
.desktop-icon .icon-container .app-icon {
	position: relative;
	z-index: 1;
}

.desktop-icon .icon-container .desktop-alphabet {
	color: var(--rzc-business-green) !important;
	font-size: 16px !important;
	font-weight: 900 !important;
	letter-spacing: -0.03em;
}

.desktop-icon .icon-container .app-icon {
	max-width: 30px;
	max-height: 30px;
	object-fit: contain;
	filter: none;
}

.desktop-icon .label,
.desktop-icon .icon-label,
.desktop-icon .desktop-label {
	color: var(--rzc-business-navy) !important;
	font-size: 12.5px !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
}

.desktop-icon[data-id="RZC Business Suite"] .icon-container,
.desktop-icon[data-id="RZC Lite AI"] .icon-container,
.desktop-icon[data-id="Marka Patent"] .icon-container {
	border-color: rgba(17, 63, 56, 0.22) !important;
	background: #ffffff !important;
}

.desktop-icon[data-id="RZC Business Suite"] .app-icon {
	max-width: 34px;
	max-height: 34px;
}

.sidebar-header .icon-container,
.standard-sidebar .icon-container,
.desk-sidebar .icon-container {
	background: rgba(237, 247, 242, 0.84) !important;
	border: 1px solid rgba(17, 63, 56, 0.12);
	box-shadow: none;
}

.sidebar-header .icon-container svg,
.standard-sidebar .icon-container svg,
.desk-sidebar .icon-container svg {
	color: var(--rzc-business-green) !important;
	fill: none !important;
	stroke: var(--rzc-business-green) !important;
}

.body-sidebar[data-title="RZC Business Suite"] .sidebar-header .title-container {
	min-width: 0;
	padding-right: 4px;
}

.body-sidebar[data-title="RZC Business Suite"] .sidebar-header .header-title {
	overflow: visible;
	font-size: 13px;
	letter-spacing: -0.035em;
	white-space: nowrap;
}

.standard-sidebar .item-anchor:hover,
.desk-sidebar .item-anchor:hover,
.standard-sidebar-item:hover {
	background: var(--rzc-business-soft) !important;
}

.standard-sidebar .item-anchor.selected,
.standard-sidebar-item.selected {
	background: rgba(140, 184, 159, 0.18) !important;
	color: var(--rzc-business-green) !important;
}

.navbar .app-logo,
.app-logo {
	border-radius: 10px;
	max-height: 34px;
	max-width: 150px;
	object-fit: contain;
	background: #fff;
	padding: 2px 6px;
}

/* The brand logo at the top left of the desk home's bar (Navbar Settings app_logo,
   a wide RZC wordmark): the desk draws it 32px tall, which made it the largest
   thing on the bar. A modest height, aspect ratio kept, the same on every width. */
body.desktop-page .navbar-home #brand-logo,
.desktop-navbar .navbar-home img {
	height: 22px !important;
	width: auto !important;
	max-width: 96px;
	object-fit: contain;
}

.rzc-ai-page {
	max-width: 1180px;
	margin: 0 auto;
	padding: 14px 24px 24px;
}

.rzc-ai-hero {
	display: flex;
	gap: 0;
	align-items: center;
	width: fit-content;
	min-height: 0;
	padding: 8px 10px;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.rzc-ai-logo-box {
	width: 82px;
	min-width: 82px;
	height: 42px;
	border-radius: 12px;
	background: #fff;
	display: grid;
	place-items: center;
	box-shadow: inset 0 0 0 1px #eef2f7;
	padding: 5px 8px;
}

.rzc-ai-logo-box img {
	width: 100%;
	max-width: 66px;
	max-height: 30px;
	object-fit: contain;
}

.rzc-ai-kicker {
	color: var(--rzc-business-green);
	font-weight: 700;
	margin-bottom: 4px;
}

.rzc-ai-muted {
	color: #64748b;
	max-width: 720px;
	margin: 0;
}

.rzc-ai-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 260px;
	gap: 20px;
	margin-top: 12px;
}

.rzc-ai-chat,
.rzc-ai-side {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 24px;
	box-shadow: 0 12px 45px rgba(15, 23, 42, 0.05);
}

.rzc-ai-chat {
	padding: 16px;
}

.rzc-ai-messages {
	min-height: 360px;
	max-height: 520px;
	overflow: auto;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 8px;
}

.rzc-ai-message {
	max-width: 82%;
	border-radius: 18px;
	padding: 12px 14px;
	white-space: pre-wrap;
	line-height: 1.5;
}

.rzc-ai-message.assistant {
	background: #f1f5f9;
	color: var(--rzc-business-ink);
	align-self: flex-start;
}

.rzc-ai-message.user {
	background: var(--rzc-business-green);
	color: #fff;
	align-self: flex-end;
}

.rzc-ai-input-row {
	display: flex;
	gap: 12px;
	padding-top: 12px;
	border-top: 1px solid #eef2f7;
}

.rzc-ai-input-row textarea {
	flex: 1;
	border: 1px solid #dbe3ea;
	border-radius: 16px;
	padding: 12px;
	resize: vertical;
}

.rzc-ai-side {
	padding: 18px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.rzc-ai-side a {
	padding: 10px 12px;
	border-radius: 14px;
	background: #f8fafc;
	color: var(--rzc-business-ink);
	text-decoration: none;
	font-weight: 600;
}

.rzc-ai-side a:hover {
	background: #edf7f2;
	color: var(--rzc-business-green);
}

.rzc-dashboard-page {
	max-width: 1440px;
	margin: 0 auto;
	padding: 24px 28px 40px;
	color: var(--rzc-business-ink);
}

.rzc-dashboard-page a {
	text-decoration: none;
}

.rzc-dashboard-hero {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 310px;
	gap: 24px;
	align-items: stretch;
	padding: 30px;
	border: 1px solid rgba(140, 184, 159, 0.25);
	border-radius: 32px;
	background:
		radial-gradient(circle at 85% 15%, rgba(140, 184, 159, 0.28), transparent 30%),
		linear-gradient(135deg, #ffffff 0%, #f7fbf9 44%, #edf7f2 100%);
	box-shadow: 0 22px 70px rgba(15, 23, 42, 0.08);
}

.rzc-dashboard-hero::before {
	position: absolute;
	inset: auto -120px -180px auto;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: rgba(17, 63, 56, 0.08);
	content: "";
}

.rzc-dashboard-hero-copy {
	position: relative;
	z-index: 1;
}

.rzc-dashboard-eyebrow {
	margin: 0 0 8px;
	color: var(--rzc-business-green);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.rzc-dashboard-hero h1 {
	margin: 0;
	color: var(--rzc-business-navy);
	font-size: clamp(34px, 4vw, 56px);
	font-weight: 850;
	letter-spacing: -0.045em;
	line-height: 0.96;
}

.rzc-dashboard-hero p:not(.rzc-dashboard-eyebrow) {
	max-width: 700px;
	margin: 16px 0 0;
	color: #475569;
	font-size: 16px;
	line-height: 1.65;
}

.rzc-dashboard-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 24px;
}

.rzc-dashboard-hero-panel {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 210px;
	padding: 20px;
	border: 1px solid rgba(148, 163, 184, 0.22);
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 18px 50px rgba(25, 48, 70, 0.08);
	backdrop-filter: blur(14px);
}

.rzc-dashboard-hero-panel img {
	width: 100%;
	max-width: 230px;
	max-height: 86px;
	object-fit: contain;
	padding: 12px 10px;
	border-radius: 20px;
	background: #fff;
}

.rzc-dashboard-hero-panel span {
	color: #64748b;
	font-size: 12px;
	font-weight: 700;
}

.rzc-dashboard-grid {
	display: grid;
	gap: 16px;
}

.rzc-dashboard-kpis {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin-top: 18px;
}

.rzc-dashboard-card,
.rzc-dashboard-widget,
.rzc-dashboard-dept,
.rzc-dashboard-activity {
	border: 1px solid rgba(226, 232, 240, 0.95);
	background: #fff;
	box-shadow: 0 16px 45px rgba(15, 23, 42, 0.055);
}

.rzc-dashboard-card {
	min-height: 148px;
	padding: 18px;
	border-radius: 24px;
	transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.rzc-dashboard-card:hover,
.rzc-dashboard-dept:hover,
.rzc-dashboard-alert:hover,
.rzc-dashboard-activity-row:hover {
	transform: translateY(-2px);
	border-color: rgba(140, 184, 159, 0.55);
	box-shadow: 0 22px 55px rgba(15, 23, 42, 0.09);
}

.rzc-dashboard-kpi {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: var(--rzc-business-ink);
}

.rzc-dashboard-kpi span,
.rzc-dashboard-kpi small {
	color: #64748b;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.rzc-dashboard-kpi strong {
	margin: 14px 0 10px;
	color: var(--rzc-business-navy);
	font-size: clamp(26px, 2.8vw, 40px);
	font-weight: 850;
	letter-spacing: -0.045em;
}

.rzc-dashboard-kpi::after,
.rzc-dashboard-dept::before {
	display: block;
	width: 42px;
	height: 4px;
	margin-top: 10px;
	border-radius: 999px;
	background: var(--rzc-business-green);
	content: "";
}

.rzc-dashboard-kpi.tone-amber::after,
.rzc-dashboard-dept.tone-amber::before {
	background: #c48a2c;
}

.rzc-dashboard-kpi.tone-mint::after,
.rzc-dashboard-dept.tone-mint::before {
	background: var(--rzc-business-mint);
}

.rzc-dashboard-main {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 20px;
	margin-top: 22px;
}

.rzc-dashboard-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.rzc-dashboard-section-head h2,
.rzc-dashboard-section-head h3 {
	margin: 0;
	color: var(--rzc-business-navy);
	font-weight: 820;
	letter-spacing: -0.03em;
}

.rzc-dashboard-section-head h2 {
	font-size: 24px;
}

.rzc-dashboard-section-head h3 {
	font-size: 17px;
}

.rzc-dashboard-section-head.compact {
	margin-bottom: 12px;
}

.rzc-dashboard-link {
	color: var(--rzc-business-green);
	font-size: 13px;
	font-weight: 800;
}

.rzc-dashboard-departments {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.rzc-dashboard-dept {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 210px;
	padding: 20px;
	border-radius: 26px;
	color: var(--rzc-business-ink);
	transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.rzc-dashboard-dept-mark {
	display: inline-grid;
	place-items: center;
	min-width: 44px;
	height: 34px;
	margin-bottom: 14px;
	padding: 0 10px;
	border-radius: 14px;
	background: #edf7f2;
	color: var(--rzc-business-green);
	font-size: 12px;
	font-weight: 850;
	letter-spacing: -0.02em;
}

.rzc-dashboard-dept.tone-navy .rzc-dashboard-dept-mark {
	background: rgba(25, 48, 70, 0.08);
	color: var(--rzc-business-navy);
}

.rzc-dashboard-dept.tone-amber .rzc-dashboard-dept-mark {
	background: rgba(196, 138, 44, 0.12);
	color: #9a6515;
}

.rzc-dashboard-dept h3 {
	margin: 0;
	color: var(--rzc-business-navy);
	font-size: 18px;
	font-weight: 820;
	letter-spacing: -0.025em;
}

.rzc-dashboard-dept p {
	margin: 7px 0 0;
	color: #64748b;
	line-height: 1.45;
}

.rzc-dashboard-dept-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin-top: 18px;
}

.rzc-dashboard-dept-metrics span {
	padding: 10px 8px;
	border-radius: 16px;
	background: #f8fafc;
	color: #64748b;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.25;
}

.rzc-dashboard-dept-metrics b {
	display: block;
	margin-bottom: 2px;
	color: var(--rzc-business-ink);
	font-size: 18px;
	font-weight: 850;
}

.rzc-dashboard-side {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.rzc-dashboard-widget {
	padding: 18px;
	border-radius: 26px;
}

.rzc-dashboard-alert {
	display: block;
	padding: 14px;
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	color: var(--rzc-business-ink);
	transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.rzc-dashboard-alert + .rzc-dashboard-alert {
	margin-top: 10px;
}

.rzc-dashboard-alert strong,
.rzc-dashboard-alert span {
	display: block;
}

.rzc-dashboard-alert strong {
	margin-bottom: 4px;
	color: var(--rzc-business-navy);
	font-weight: 820;
}

.rzc-dashboard-alert span {
	color: #64748b;
	font-size: 13px;
}

.rzc-dashboard-alert b {
	color: var(--rzc-business-green);
	font-size: 18px;
}

.rzc-dashboard-alert.tone-danger b {
	color: #b42318;
}

.rzc-dashboard-alert.tone-amber b {
	color: #a16207;
}

.rzc-dashboard-actions {
	display: grid;
	gap: 10px;
}

.rzc-dashboard-action {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	background: #f8fafc;
	color: var(--rzc-business-ink);
	font-weight: 800;
	text-align: left;
	transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}

.rzc-dashboard-action:hover {
	border-color: rgba(140, 184, 159, 0.6);
	background: #edf7f2;
	color: var(--rzc-business-green);
}

.rzc-dashboard-ai {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 90% 10%, rgba(140, 184, 159, 0.28), transparent 24%),
		linear-gradient(145deg, var(--rzc-business-navy), var(--rzc-business-green));
	color: #fff;
}

.rzc-dashboard-ai h3 {
	color: #fff;
}

.rzc-dashboard-ai p {
	color: rgba(255, 255, 255, 0.82);
	line-height: 1.55;
}

.rzc-dashboard-ai a {
	color: #fff;
	font-weight: 850;
}

.rzc-dashboard-ai-badge {
	display: inline-grid;
	place-items: center;
	width: 42px;
	height: 42px;
	margin-bottom: 14px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.14);
	font-weight: 900;
}

.rzc-dashboard-activity {
	margin-top: 22px;
	padding: 20px;
	border-radius: 28px;
}

.rzc-dashboard-activity-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.rzc-dashboard-activity-row {
	display: flex;
	flex-direction: column;
	min-height: 118px;
	padding: 14px;
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	color: var(--rzc-business-ink);
	transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.rzc-dashboard-activity-row span,
.rzc-dashboard-activity-row small {
	color: #64748b;
	font-size: 12px;
	font-weight: 700;
}

.rzc-dashboard-activity-row strong {
	flex: 1;
	margin: 8px 0;
	color: var(--rzc-business-navy);
	font-weight: 820;
	line-height: 1.35;
}

.rzc-dashboard-empty {
	padding: 18px;
	border: 1px dashed #cbd5e1;
	border-radius: 18px;
	background: #f8fafc;
	color: #64748b;
	font-weight: 700;
}

.rzc-dashboard-card.is-loading {
	background: linear-gradient(90deg, #f8fafc, #edf7f2, #f8fafc);
	background-size: 200% 100%;
	animation: rzc-dashboard-loading 1.2s ease-in-out infinite;
}

.rzc-dashboard-page.is-refreshing {
	cursor: progress;
}

@keyframes rzc-dashboard-loading {
	0% {
		background-position: 0% 50%;
	}
	100% {
		background-position: -200% 50%;
	}
}

@media (max-width: 720px) {
	.rzc-ai-hero {
		align-items: flex-start;
		flex-direction: row;
	}

	.rzc-ai-logo-box {
		width: 82px;
		min-width: 82px;
	}
}

@media (max-width: 900px) {
	.rzc-ai-layout {
		grid-template-columns: 1fr;
	}

	.rzc-dashboard-hero,
	.rzc-dashboard-main {
		grid-template-columns: 1fr;
	}

	.rzc-dashboard-kpis,
	.rzc-dashboard-departments,
	.rzc-dashboard-activity-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 620px) {
	.rzc-dashboard-page {
		padding: 16px;
	}

	.rzc-dashboard-hero {
		padding: 22px;
		border-radius: 24px;
	}

	.rzc-dashboard-kpis,
	.rzc-dashboard-departments,
	.rzc-dashboard-activity-list {
		grid-template-columns: 1fr;
	}

	.rzc-dashboard-dept-metrics {
		grid-template-columns: 1fr;
	}
}

.rzc-business-dashboard-v2 {
	--rzc-dash-green: #113f38;
	--rzc-dash-green-700: #0c2f2a;
	--rzc-dash-mint: #8cb89f;
	--rzc-dash-mint-soft: #cfe3d8;
	--rzc-dash-navy: #193046;
	--rzc-dash-soft: #edf7f2;
	--rzc-dash-ink: #0f172a;
	--rzc-dash-muted: #64748b;
	--rzc-dash-line: #e7ece9;
	--rzc-dash-bg: #f4f7f5;
	--rzc-dash-card: #ffffff;
	--rzc-dash-shadow: 0 1px 2px rgba(16, 40, 32, 0.04), 0 10px 30px rgba(16, 40, 32, 0.05);
	--rzc-dash-shadow-sm: 0 1px 2px rgba(16, 40, 32, 0.05);
	--rzc-dash-amber: #b7791f;
	--rzc-dash-amber-bg: #fdf6e7;
	--rzc-dash-red: #b42318;
	--rzc-dash-red-bg: #fdeceb;
	--rzc-dash-ok-bg: #e9f6ef;
	--rzc-dash-ok-fg: #0f7a4f;
	display: block;
	width: 100%;
	min-height: calc(100vh - 56px);
	margin: 0;
	background: var(--rzc-dash-bg);
	color: var(--rzc-dash-ink);
	font-family: "Manrope", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	-webkit-font-smoothing: antialiased;
}

.rzc-business-dashboard-v2 *,
.rzc-business-dashboard-v2 *::before,
.rzc-business-dashboard-v2 *::after,
.rzc-dash-sidebar,
.rzc-dash-sidebar *,
.rzc-dash-sidebar *::before,
.rzc-dash-sidebar *::after {
	box-sizing: border-box;
}

.rzc-business-dashboard-v2 a,
.rzc-dash-sidebar a {
	color: inherit;
	text-decoration: none;
}

.rzc-business-dashboard-v2 svg,
.rzc-dash-sidebar svg {
	width: 18px;
	height: 18px;
	stroke-width: 2;
}

.rzc-dash-sidebar {
	position: sticky;
	top: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100vh;
	padding: 18px 14px;
	overflow: auto;
	background: linear-gradient(180deg, var(--rzc-dash-green) 0%, var(--rzc-dash-green-700) 100%);
	color: #dbe9e2;
	font-family: "Manrope", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	-webkit-font-smoothing: antialiased;
}

.rzc-dash-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 8px 18px;
}

.rzc-dash-logo-badge {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	flex-shrink: 0;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
}

.rzc-dash-logo-badge img {
	width: 26px;
	height: 26px;
	object-fit: contain;
}

.rzc-dash-brand strong {
	display: block;
	color: #ffffff;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.2px;
	line-height: 1.1;
}

.rzc-dash-brand small {
	display: block;
	margin-top: 2px;
	color: var(--rzc-dash-mint);
	font-size: 11px;
	font-weight: 700;
}

.rzc-dash-nav-label {
	padding: 14px 10px 6px;
	color: #7fa593;
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.rzc-dash-nav {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.rzc-dash-nav a {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 9px 11px;
	border-radius: 10px;
	color: #bcd4c8;
	font-size: 13px;
	font-weight: 700;
	transition: background 0.15s, color 0.15s, transform 0.15s;
}

.rzc-dash-nav a:hover {
	transform: translateX(2px);
	background: rgba(255, 255, 255, 0.06);
	color: #ffffff;
}

.rzc-dash-nav a.active {
	background: rgba(140, 184, 159, 0.2);
	color: #ffffff;
}

.rzc-dash-nav a.active svg {
	color: var(--rzc-dash-mint);
}

.rzc-dash-nav a span {
	margin-left: auto;
	padding: 1px 7px;
	border-radius: 999px;
	background: var(--rzc-dash-mint);
	color: var(--rzc-dash-green-700);
	font-size: 11px;
	font-weight: 900;
}

.rzc-dash-side-foot {
	margin-top: auto;
	padding-top: 14px;
}

.rzc-dash-ai-card {
	padding: 13px;
	border: 1px solid rgba(140, 184, 159, 0.3);
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(140, 184, 159, 0.22), rgba(25, 48, 70, 0.3));
}

.rzc-dash-ai-card img {
	display: block;
	max-width: 112px;
	height: 18px;
	margin-bottom: 8px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.rzc-dash-ai-card strong {
	display: block;
	margin-bottom: 6px;
	color: #ffffff;
	font-size: 13px;
	font-weight: 900;
}

.rzc-dash-ai-card p {
	margin: 0 0 10px;
	color: #c5dccf;
	font-size: 11.5px;
	line-height: 1.5;
}

.rzc-dash-ai-card a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	padding: 8px;
	border-radius: 9px;
	background: var(--rzc-dash-mint);
	color: var(--rzc-dash-green-700);
	font-size: 12.5px;
	font-weight: 900;
}

.rzc-dash-main {
	display: flex;
	min-width: 0;
	flex-direction: column;
	overflow: auto;
}

.rzc-dash-topbar {
	position: sticky;
	top: 0;
	z-index: 20;
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px 26px;
	border-bottom: 1px solid var(--rzc-dash-line);
	background: rgba(244, 247, 245, 0.85);
	backdrop-filter: blur(10px);
}

.rzc-dash-search {
	display: flex;
	align-items: center;
	gap: 9px;
	width: min(420px, 100%);
	padding: 9px 13px;
	border: 1px solid var(--rzc-dash-line);
	border-radius: 11px;
	background: #ffffff;
	color: var(--rzc-dash-muted);
	box-shadow: var(--rzc-dash-shadow-sm);
}

.rzc-dash-search input {
	width: 100%;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--rzc-dash-ink);
	font: inherit;
	font-size: 13px;
}

.rzc-dash-top-spacer {
	flex: 1;
}

.rzc-dash-icon-btn {
	position: relative;
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border: 1px solid var(--rzc-dash-line);
	border-radius: 10px;
	background: #ffffff;
	color: var(--rzc-dash-navy);
	box-shadow: var(--rzc-dash-shadow-sm);
}

.rzc-dash-dot {
	position: absolute;
	top: 8px;
	right: 9px;
	width: 7px;
	height: 7px;
	border: 1.5px solid #ffffff;
	border-radius: 50%;
	background: var(--rzc-dash-red);
}

.rzc-dash-user {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-left: 6px;
}

.rzc-dash-avatar {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 11px;
	background: linear-gradient(135deg, var(--rzc-dash-navy), var(--rzc-dash-green));
	color: #ffffff;
	font-size: 13px;
	font-weight: 900;
}

.rzc-dash-user strong,
.rzc-dash-user small {
	display: block;
}

.rzc-dash-user strong {
	color: var(--rzc-dash-ink);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.1;
}

.rzc-dash-user small {
	margin-top: 2px;
	color: var(--rzc-dash-muted);
	font-size: 11px;
}

.rzc-dash-content {
	display: flex;
	width: 100%;
	max-width: 1480px;
	flex-direction: column;
	gap: 20px;
	padding: 24px 26px 40px;
}

.rzc-dash-page-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.rzc-dash-page-head h1 {
	margin: 0;
	color: var(--rzc-dash-navy);
	font-size: 24px;
	font-weight: 900;
	letter-spacing: -0.3px;
}

.rzc-dash-page-head p,
.rzc-dash-panel-head p {
	margin: 4px 0 0;
	color: var(--rzc-dash-muted);
	font-size: 13.5px;
}

.rzc-dash-head-actions,
.rzc-dash-chip-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.rzc-dash-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 14px;
	border: 1px solid var(--rzc-dash-line);
	border-radius: 10px;
	background: #ffffff;
	color: var(--rzc-dash-navy);
	box-shadow: var(--rzc-dash-shadow-sm);
	font: inherit;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
}

.rzc-dash-svg-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	flex: 0 0 auto;
	vertical-align: -0.15em;
}

.rzc-dash-nav-btn {
	width: 76px;
	justify-content: center;
	padding-inline: 10px;
}

.rzc-dash-btn.primary {
	border-color: var(--rzc-dash-green);
	background: var(--rzc-dash-green);
	color: #ffffff;
}

.rzc-dash-btn.small {
	padding: 7px 11px;
	font-size: 12px;
}

.rzc-dash-kpis {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.rzc-dash-kpi,
.rzc-dash-panel {
	border: 1px solid var(--rzc-dash-line);
	border-radius: 16px;
	background: var(--rzc-dash-card);
	box-shadow: var(--rzc-dash-shadow);
}

.rzc-dash-kpi {
	display: flex;
	min-height: 168px;
	flex-direction: column;
	gap: 12px;
	justify-content: space-between;
	padding: 18px;
	transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s;
}

.rzc-dash-kpi:hover,
.rzc-dash-row:hover,
.rzc-dash-activity-row:hover {
	transform: translateY(-2px);
	border-color: rgba(140, 184, 159, 0.55);
	box-shadow: 0 18px 44px rgba(16, 40, 32, 0.08);
}

.rzc-dash-kpi-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.rzc-dash-kpi-ico,
.rzc-dash-row-ico,
.rzc-dash-ai-title > span {
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.rzc-dash-kpi-ico {
	width: 40px;
	height: 40px;
	border-radius: 11px;
}

.rzc-dash-kpi-ico.green,
.rzc-dash-row-ico.green {
	background: var(--rzc-dash-soft);
	color: var(--rzc-dash-green);
}

.rzc-dash-kpi-ico.navy,
.rzc-dash-row-ico.navy {
	background: #eaf0f5;
	color: var(--rzc-dash-navy);
}

.rzc-dash-kpi-ico.mint,
.rzc-dash-row-ico.mint {
	background: var(--rzc-dash-ok-bg);
	color: var(--rzc-dash-ok-fg);
}

.rzc-dash-kpi-ico.amber,
.rzc-dash-row-ico.amber {
	background: var(--rzc-dash-amber-bg);
	color: var(--rzc-dash-amber);
}

.rzc-dash-kpi small {
	display: block;
	color: var(--rzc-dash-muted);
	font-size: 12.5px;
	font-weight: 700;
}

.rzc-dash-kpi strong {
	display: block;
	margin-top: 8px;
	color: var(--rzc-dash-navy);
	font-size: clamp(24px, 2.4vw, 32px);
	font-weight: 900;
	letter-spacing: -0.5px;
	line-height: 1;
}

.rzc-dash-kpi p {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: var(--rzc-dash-muted);
	font-size: 12px;
}

.rzc-dash-kpi p svg {
	width: 14px;
	height: 14px;
}

.rzc-dash-trend {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 8px;
	border-radius: 999px;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
}

.rzc-dash-trend svg {
	width: 13px;
	height: 13px;
}

.rzc-dash-trend.up {
	background: var(--rzc-dash-ok-bg);
	color: var(--rzc-dash-ok-fg);
}

.rzc-dash-trend.down {
	background: var(--rzc-dash-red-bg);
	color: var(--rzc-dash-red);
}

.rzc-dash-trend.flat {
	background: #eef1f4;
	color: var(--rzc-dash-muted);
}

.rzc-dash-grid-2 {
	display: grid;
	grid-template-columns: 1.55fr 1fr;
	gap: 16px;
}

.rzc-dash-grid-3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.rzc-dash-panel {
	display: flex;
	min-width: 0;
	flex-direction: column;
	overflow: hidden;
}

.rzc-dash-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 18px;
	border-bottom: 1px solid var(--rzc-dash-line);
}

.rzc-dash-panel-head h3 {
	margin: 0;
	color: var(--rzc-dash-navy);
	font-size: 15px;
	font-weight: 900;
}

.rzc-dash-panel-body {
	padding: 18px;
}

.rzc-dash-panel-body.compact {
	padding-top: 6px;
	padding-bottom: 8px;
}

.rzc-dash-more {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	color: var(--rzc-dash-green);
	font-size: 12.5px;
	font-weight: 800;
}

.rzc-dash-more svg {
	width: 14px;
	height: 14px;
}

.rzc-dash-seg {
	display: flex;
	gap: 4px;
	padding: 3px;
	border: 1px solid var(--rzc-dash-line);
	border-radius: 9px;
	background: var(--rzc-dash-bg);
}

.rzc-dash-seg button {
	padding: 5px 11px;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: var(--rzc-dash-muted);
	font: inherit;
	font-size: 12px;
	font-weight: 800;
	cursor: pointer;
}

.rzc-dash-seg button.on {
	background: #ffffff;
	color: var(--rzc-dash-navy);
	box-shadow: var(--rzc-dash-shadow-sm);
}

.rzc-dash-chart-legend {
	display: flex;
	gap: 18px;
	padding: 0 32px 8px;
}

.rzc-dash-chart-legend span {
	display: flex;
	align-items: center;
	gap: 7px;
	color: var(--rzc-dash-muted);
	font-size: 12px;
	font-weight: 700;
}

.rzc-dash-chart-legend i {
	width: 10px;
	height: 10px;
	border-radius: 3px;
}

.rzc-dash-chart {
	padding: 6px 18px 10px;
}

.rzc-dash-chart > svg {
	display: block;
	width: 100%;
	height: auto;
	min-height: 210px;
}

.rzc-dash-funnel {
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.rzc-dash-funnel-row {
	display: flex;
	align-items: center;
	gap: 12px;
}

.rzc-dash-funnel-row > span {
	display: flex;
	min-width: 90px;
	height: 38px;
	align-items: center;
	padding: 0 13px;
	border-radius: 9px;
	color: #ffffff;
	font-size: 13px;
	font-weight: 800;
}

.rzc-dash-funnel-row em {
	display: flex;
	flex-direction: column;
	font-style: normal;
}

.rzc-dash-funnel-row strong {
	color: var(--rzc-dash-navy);
	font-size: 13px;
	font-weight: 800;
}

.rzc-dash-funnel-row small {
	color: var(--rzc-dash-muted);
	font-size: 11.5px;
}

.rzc-dash-list {
	display: flex;
	flex-direction: column;
}

.rzc-dash-row {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 13px 0;
	border-bottom: 1px solid var(--rzc-dash-line);
	transition: transform 0.15s;
}

.rzc-dash-row:last-child {
	border-bottom: 0;
}

.rzc-dash-row-ico {
	width: 38px;
	height: 38px;
	border-radius: 11px;
}

.rzc-dash-row-ico svg {
	width: 18px;
	height: 18px;
}

.rzc-dash-row-main {
	min-width: 0;
	flex: 1;
}

.rzc-dash-row-main strong {
	display: block;
	overflow: hidden;
	color: var(--rzc-dash-navy);
	font-size: 13.5px;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rzc-dash-row-main small {
	display: block;
	margin-top: 2px;
	color: var(--rzc-dash-muted);
	font-size: 12px;
}

.rzc-dash-row-right {
	display: flex;
	align-items: flex-end;
	flex-shrink: 0;
	flex-direction: column;
	gap: 4px;
	text-align: right;
}

.rzc-dash-row-right b {
	color: var(--rzc-dash-navy);
	font-size: 13.5px;
	font-weight: 900;
}

.rzc-dash-pill {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 3px 9px;
	border-radius: 999px;
	font-size: 11px;
	font-style: normal;
	font-weight: 800;
	white-space: nowrap;
}

.rzc-dash-pill i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
}

.rzc-dash-pill.ok {
	background: var(--rzc-dash-ok-bg);
	color: var(--rzc-dash-ok-fg);
}

.rzc-dash-pill.run {
	background: #eaf0f5;
	color: var(--rzc-dash-navy);
}

.rzc-dash-pill.wait {
	background: var(--rzc-dash-amber-bg);
	color: var(--rzc-dash-amber);
}

.rzc-dash-pill.crit {
	background: var(--rzc-dash-red-bg);
	color: var(--rzc-dash-red);
}

.rzc-dash-pill.plan {
	background: #eef1f4;
	color: var(--rzc-dash-muted);
}

.rzc-dash-progress {
	display: block;
	height: 6px;
	margin-top: 8px;
	overflow: hidden;
	border-radius: 99px;
	background: #eef1ef;
}

.rzc-dash-progress i {
	display: block;
	height: 100%;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--rzc-dash-mint), var(--rzc-dash-green));
}

.rzc-dash-stat-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 18px;
	border-top: 1px solid var(--rzc-dash-line);
	color: var(--rzc-dash-muted);
	font-size: 12.5px;
}

.rzc-dash-stat-foot strong {
	color: var(--rzc-dash-navy);
	font-size: 14px;
	font-weight: 900;
}

.rzc-dash-stack {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.rzc-dash-ai-title {
	display: flex;
	align-items: center;
	gap: 9px;
}

.rzc-dash-ai-title > span {
	width: 34px;
	height: 34px;
	border-radius: 11px;
	background: var(--rzc-dash-green);
	color: #ffffff;
}

.rzc-dash-ai-note {
	padding: 13px 14px;
	border-radius: 12px;
	background: var(--rzc-dash-soft);
	color: var(--rzc-dash-ink);
	font-size: 13px;
	line-height: 1.6;
}

.rzc-dash-ai-note strong {
	color: var(--rzc-dash-green);
}

.rzc-dash-chip-actions {
	margin-top: 12px;
}

.rzc-dash-task {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 11px 0;
	border-bottom: 1px solid var(--rzc-dash-line);
}

.rzc-dash-task:last-child {
	border-bottom: 0;
}

.rzc-dash-task > span {
	display: grid;
	width: 20px;
	height: 20px;
	place-items: center;
	flex-shrink: 0;
	border: 2px solid #cbd5cf;
	border-radius: 6px;
}

.rzc-dash-task > span svg {
	width: 13px;
	height: 13px;
	color: #ffffff;
	opacity: 0;
}

.rzc-dash-task.done > span {
	border-color: var(--rzc-dash-green);
	background: var(--rzc-dash-green);
}

.rzc-dash-task.done > span svg {
	opacity: 1;
}

.rzc-dash-task em {
	display: flex;
	min-width: 0;
	flex-direction: column;
	font-style: normal;
}

.rzc-dash-task strong {
	color: var(--rzc-dash-navy);
	font-size: 13px;
	font-weight: 800;
}

.rzc-dash-task.done strong {
	color: var(--rzc-dash-muted);
	text-decoration: line-through;
}

.rzc-dash-task small {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 2px;
	color: var(--rzc-dash-muted);
	font-size: 11.5px;
}

.rzc-dash-task small svg {
	width: 12px;
	height: 12px;
}

.rzc-dash-activity {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	padding: 18px;
}

.rzc-dash-activity-row {
	display: flex;
	min-height: 118px;
	flex-direction: column;
	padding: 14px;
	border: 1px solid var(--rzc-dash-line);
	border-radius: 18px;
	transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s;
}

.rzc-dash-activity-row span,
.rzc-dash-activity-row small {
	color: var(--rzc-dash-muted);
	font-size: 12px;
	font-weight: 800;
}

.rzc-dash-activity-row strong {
	flex: 1;
	margin: 8px 0;
	color: var(--rzc-dash-navy);
	font-weight: 900;
	line-height: 1.35;
}

.rzc-dash-empty {
	padding: 18px;
	border: 1px dashed #cbd5e1;
	border-radius: 18px;
	background: #f8fafc;
	color: var(--rzc-dash-muted);
	font-weight: 800;
}

.rzc-dash-kpi.is-loading {
	background: linear-gradient(90deg, #f8fafc, #edf7f2, #f8fafc);
	background-size: 200% 100%;
	animation: rzc-dashboard-loading 1.2s ease-in-out infinite;
}

/* Online shop panel and its fifth KPI tile: present only with the shop application. */
.rzc-dash-kpis.has-shop {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

/* Five tiles share the width of four: the value steps down so a seven-digit
   receivables total still fits on one line in a 1280px desk window. */
.rzc-dash-kpis.has-shop .rzc-dash-kpi strong {
	font-size: clamp(20px, 1.9vw, 30px);
	letter-spacing: -0.4px;
}

.rzc-dash-shop[hidden] {
	display: none;
}

.rzc-dash-shop-links {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.rzc-dash-shop-body {
	display: grid;
	grid-template-columns: 1.55fr 1fr;
	gap: 18px;
	padding: 16px 18px;
}

.rzc-dash-shop-metrics {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	align-content: start;
}

.rzc-dash-shop-metric {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 6px;
	padding: 12px 14px;
	border: 1px solid var(--rzc-dash-line);
	border-radius: 12px;
	background: #f8fafc;
	color: inherit;
	text-decoration: none;
	transition: transform 0.15s, border-color 0.15s;
}

.rzc-dash-shop-metric:hover {
	transform: translateY(-2px);
	border-color: rgba(140, 184, 159, 0.55);
	text-decoration: none;
}

/* A tile without a list behind it (customers with web login) does not lift on hover. */
.rzc-dash-shop-metric.is-static,
.rzc-dash-shop-metric.is-static:hover {
	transform: none;
	border-color: var(--rzc-dash-line);
	cursor: default;
}

.rzc-dash-shop-metric small {
	display: block;
	color: var(--rzc-dash-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
}

.rzc-dash-shop-metric strong {
	display: block;
	overflow: hidden;
	color: var(--rzc-dash-navy);
	font-size: 20px;
	font-weight: 900;
	letter-spacing: -0.3px;
	line-height: 1.1;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rzc-dash-shop-metric.is-currency strong {
	font-size: 17px;
}

.rzc-dash-shop-requests h4 {
	margin: 0 0 4px;
	color: var(--rzc-dash-navy);
	font-size: 13px;
	font-weight: 900;
}

.rzc-business-dashboard-v2.is-refreshing {
	cursor: progress;
}

@media (max-width: 1180px) {
	.rzc-dash-kpis,
	.rzc-dash-kpis.has-shop {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Two columns leave the fifth (shop) tile alone: it takes the whole last row. */
	.rzc-dash-kpis.has-shop .rzc-dash-kpi:last-child {
		grid-column: 1 / -1;
	}

	.rzc-dash-grid-2,
	.rzc-dash-grid-3,
	.rzc-dash-shop-body {
		grid-template-columns: 1fr;
	}

	.rzc-dash-shop-metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 860px) {
	.rzc-business-dashboard-v2 {
		grid-template-columns: 1fr;
		margin: -10px;
	}

	.rzc-dash-sidebar {
		position: relative;
		height: auto;
	}

	.rzc-dash-content {
		padding: 18px;
	}
}

@media (max-width: 620px) {
	.rzc-dash-kpis,
	.rzc-dash-activity {
		grid-template-columns: 1fr;
	}

	.rzc-dash-topbar,
	.rzc-dash-page-head {
		align-items: stretch;
		flex-direction: column;
	}

	.rzc-dash-search {
		width: 100%;
	}
}

/* ===== RZC module photo cards: desk module tiles -> rectangle + real photo ===== */
.rzc-photo-grid {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(132px, 1fr)) !important;
	/* The desk reserves three equal rows; only the rows the cards fill are drawn, so a
	   hidden card (RZC Lite AI switched off) leaves no empty band under the grid. */
	grid-template-rows: none !important;
	grid-auto-rows: auto !important;
	gap: 12px !important;
	align-items: stretch !important;
}
.desktop-icon.rzc-photo-card {
	position: relative !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 88px !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: initial !important;
	justify-self: stretch !important;
	align-self: stretch !important;
	border-radius: 13px !important;
	overflow: hidden !important;
	background-image: linear-gradient(135deg, rgba(12, 38, 34, 0.92), rgba(12, 38, 34, 0.2) 68%), var(--rzc-photo) !important;
	background-size: cover, cover !important;
	background-position: center, center !important;
	background-repeat: no-repeat !important;
	box-shadow: 0 5px 16px rgba(16, 42, 67, 0.12) !important;
	transition: transform 0.16s ease, box-shadow 0.16s ease !important;
}
.desktop-icon.rzc-photo-card:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 24px rgba(16, 42, 67, 0.2) !important;
}
.desktop-icon.rzc-photo-card .icon-container,
.desktop-icon.rzc-photo-card .app-icon,
.desktop-icon.rzc-photo-card .desktop-alphabet,
.desktop-icon.rzc-photo-card svg.desktop-alphabet,
.desktop-icon.rzc-photo-card .hide-button {
	display: none !important;
}
/* The desk gives the caption a fixed one-line height (35px, nowrap) and the title
   an ellipsis, so a long department name was cut after its first line ("Kalite ve"
   for "Kalite ve Laboratuvar"). On the photo card the caption grows with its text
   and the title wraps onto up to three lines; a single long word breaks instead
   of running out of the card. */
.desktop-icon.rzc-photo-card .icon-caption {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	display: block !important;
	height: auto !important;
	max-height: 100% !important;
	margin: 0 !important;
	padding: 9px 11px !important;
	z-index: 2 !important;
	text-align: left !important;
	text-wrap: wrap !important;
	white-space: normal !important;
	background: none !important;
}
.desktop-icon.rzc-photo-card .icon-title {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 3 !important;
	line-clamp: 3 !important;
	overflow: hidden !important;
	text-overflow: clip !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	max-width: none !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
	hyphens: auto;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45) !important;
}

/* ===== RZC report photo cards: self-contained, same look as module cards ===== */
.rzc-report-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
	gap: 8px !important;
	align-items: stretch !important;
}
.rzc-report-card {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 42px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	flex: initial !important;
	border: 1px solid #e4e9e6 !important;
	border-radius: 11px !important;
	overflow: hidden !important;
	text-decoration: none !important;
	background: #ffffff !important;
	box-shadow: none !important;
	transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease !important;
}
.rzc-report-card:hover {
	transform: translateY(-1px) !important;
	border-color: rgba(17, 63, 56, 0.24) !important;
	background: #f8fbf9 !important;
	text-decoration: none !important;
}
.rzc-report-card .rzc-report-label {
	position: static !important;
	display: flex !important;
	align-items: center !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2 !important;
	text-align: left !important;
	color: #193046 !important;
	font-weight: 600 !important;
	font-size: 12.5px !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	text-shadow: none !important;
}

/* ===== RZC Desk home: hero + quick actions + recent/announcements ===== */
.rzc-home-wrap {
	background: #ffffff !important;
	display: block !important;
	margin-top: 0 !important;
	padding: 12px 20px 22px !important;
}
.rzc-home-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 14px;
	padding: 0 2px 12px;
	border-bottom: 1px solid #edf0ee;
}
.rzc-home-hero-main { display: flex; align-items: center; gap: 13px; min-width: 0; }
.rzc-home-logo { height: 38px; width: auto; flex: 0 0 auto; }
.rzc-home-hero-text h1 { margin: 0; font-size: 20px; font-weight: 700; color: #1b2a25; letter-spacing: -0.01em; }
.rzc-home-hero-text h1 span { color: #113f38; }
.rzc-home-hero-text p { margin: 3px 0 0; font-size: 12.5px; color: #7b8a83; }
.rzc-home-hero-text { min-width: 0; }
/* The company this ERP is set up for, under the greeting: its name, as text. */
.rzc-home-hero-text .rzc-home-company { display: flex; align-items: center; gap: 8px; min-width: 0; margin: 5px 0 0; font-size: 13.5px; font-weight: 600; color: #2f4a42; }
.rzc-home-company span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rzc-home-hero-date { text-align: right; flex: 0 0 auto; }
.rzc-home-hero-date strong { display: block; font-size: 13px; color: #1b2a25; font-weight: 600; }
.rzc-home-hero-date small { display: block; font-size: 12px; color: #9aa8a1; margin-top: 2px; }
.rzc-home-actions { margin: 0 0 14px; }
.rzc-home-actions-label { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #9aa8a1; margin-bottom: 8px; }
.rzc-home-actions-row { display: flex; flex-wrap: wrap; gap: 8px; }
.rzc-home-action { border: 1px solid #dfe4e1; background: #fff; color: #1b2a25; font-weight: 600; font-size: 12.5px; padding: 7px 13px; border-radius: 8px; cursor: pointer; transition: all 0.14s ease; }
.rzc-home-action:hover { background: #113f38; color: #fff; border-color: #113f38; }
.rzc-home-sechead { margin: 2px 0 9px; }
.rzc-home-sechead b { font-size: 11px; color: #9aa8a1; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
.rzc-home-sechead span { display: none; }
.rzc-home-reports { margin-top: 14px; }
.rzc-home-bottom { display: grid; grid-template-columns: 1.3fr 1fr; gap: 14px; margin: 14px 0 0; }
.rzc-home-panel { background: #fff; border: 1px solid #e7ebe9; border-radius: 14px; padding: 15px 17px; }
.rzc-home-panel-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.rzc-home-panel-head b { font-size: 14px; color: #1b2a25; }
.rzc-home-panel-head a { font-size: 12px; color: #113f38; text-decoration: none; font-weight: 600; }
.rzc-home-recent-item { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 9px 6px; border-radius: 8px; text-decoration: none; color: inherit; }
.rzc-home-recent-item:hover { background: #f5f7f6; }
.rzc-home-recent-tag { font-size: 10.5px; font-weight: 700; color: #2f7a64; background: #eef5f1; padding: 3px 8px; border-radius: 5px; white-space: nowrap; }
.rzc-home-recent-item strong { font-size: 13px; color: #1b2a25; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rzc-home-recent-item small { font-size: 11px; color: #9aa8a1; white-space: nowrap; }
.rzc-home-empty { color: #9aa8a1; font-size: 13px; padding: 12px 6px; }
.rzc-home-ann-item { display: block; padding: 10px 0 10px 12px; border-left: 2px solid #cde0d6; }
.rzc-home-ann-item + .rzc-home-ann-item { margin-top: 4px; }
.rzc-home-ann-item strong { display: block; font-size: 13px; color: #1b2a25; }
.rzc-home-ann-item small { display: block; font-size: 11.5px; color: #7b8a83; margin-top: 3px; line-height: 1.4; }
a.rzc-home-ann-item { color: inherit; text-decoration: none; border-radius: 0 8px 8px 0; }
a.rzc-home-ann-item:hover { background: #f5f7f6; text-decoration: none; }
.rzc-home-ann-item small.rzc-home-ann-date { font-size: 11px; color: #9aa8a1; }
.rzc-home-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding-top: 15px; border-top: 1px solid #edf0ee; color: #9aa8a1; font-size: 12px; }
@media (max-width: 780px) {
	.rzc-home-bottom { grid-template-columns: 1fr; }
	.rzc-home-hero { flex-direction: column; align-items: flex-start; gap: 14px; }
	.rzc-home-hero-date { text-align: left; }
	.rzc-home-hero-text h1 { font-size: 19px; }
}

/* ===== Mobile: desk home grids, help page, feedback widget, language switcher =====
   The module tile grid was pinned to 6 columns at every width, so phones scrolled
   sideways. The feedback panel and the language switcher carry their base CSS in
   injected <style> tags that load after this sheet, hence the "html" prefix to
   out-rank them at equal id/class weight. */
@media (max-width: 900px) {
	.rzc-photo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
	.rzc-report-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
	.rzc-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
	.rzc-report-grid { grid-template-columns: 1fr !important; }
	.rzc-home-wrap { padding: 10px 12px 18px !important; }
	.rzc-home-actions-row { gap: 6px; }
	.rzc-home-action { flex: 1 1 calc(50% - 6px); min-height: 44px; }
	.rzc-home-panel { padding: 12px; }
	.rzc-home-recent-item { grid-template-columns: auto 1fr; }
	.rzc-home-recent-item strong { white-space: normal; }
	.rzc-home-recent-item small { grid-column: 2; }
	.rzc-home-footer { flex-direction: column; align-items: flex-start; gap: 4px; }
	.rzc-help .hero { flex-direction: column; padding: 18px 16px; }
	.rzc-help .hero h1 { font-size: 22px; }
	.rzc-help section.blk { padding: 16px 14px; }
	.rzc-help .langsw button { min-height: 40px; }
	html #rzc-fb-panel { right: 8px; left: 8px; width: auto; max-width: none; bottom: 78px; }
	html #rzc-fb-btn { right: 14px; bottom: 14px; }
	html #rzc-fb-close { min-width: 44px; min-height: 44px; }
	html .rzc-fb-secondary, html .rzc-fb-send { min-height: 44px; }
	html #rzc-lang-switch { margin: 0 2px 0 0; gap: 1px; }
	html #rzc-lang-switch button { padding: 6px 4px; min-height: 36px; }
	html #rzc-lang-switch .rzc-lang-label { display: none; }
}

/* ===== Dark theme: desk home, desktop icons, feedback panel, language switcher, help =====
   Mirrors the .rzc-mp-* dark block further down; only the semantic tokens change. */
html[data-theme="dark"] .rzc-home-wrap { background: var(--rzc-bg) !important; color: var(--rzc-text); }
html[data-theme="dark"] .rzc-home-hero,
html[data-theme="dark"] .rzc-home-footer { border-color: var(--rzc-border); }
html[data-theme="dark"] .rzc-home-hero-text h1,
html[data-theme="dark"] .rzc-home-hero-date strong,
html[data-theme="dark"] .rzc-home-panel-head b,
html[data-theme="dark"] .rzc-home-recent-item strong,
html[data-theme="dark"] .rzc-home-ann-item strong { color: var(--rzc-text); }
html[data-theme="dark"] .rzc-home-hero-text h1 span,
html[data-theme="dark"] .rzc-home-panel-head a { color: var(--rzc-business-mint); }
html[data-theme="dark"] .rzc-home-hero-text p,
html[data-theme="dark"] .rzc-home-hero-date small,
html[data-theme="dark"] .rzc-home-actions-label,
html[data-theme="dark"] .rzc-home-sechead b,
html[data-theme="dark"] .rzc-home-recent-item small,
html[data-theme="dark"] .rzc-home-empty,
html[data-theme="dark"] .rzc-home-ann-item small,
html[data-theme="dark"] .rzc-home-footer { color: var(--rzc-muted); }
html[data-theme="dark"] .rzc-home-action { background: var(--rzc-surface); color: var(--rzc-text); border-color: var(--rzc-border); }
html[data-theme="dark"] .rzc-home-action:hover { background: var(--rzc-business-green); border-color: var(--rzc-business-green); color: #ffffff; }
html[data-theme="dark"] .rzc-home-panel { background: var(--rzc-surface); border-color: var(--rzc-border); }
html[data-theme="dark"] .rzc-home-recent-item:hover { background: var(--rzc-surface-2); }
html[data-theme="dark"] .rzc-home-recent-tag { color: var(--rzc-business-mint); background: #213b33; }
html[data-theme="dark"] .rzc-home-ann-item { border-left-color: #3d7768; }
html[data-theme="dark"] a.rzc-home-ann-item:hover { background: var(--rzc-surface-2); }
html[data-theme="dark"] .rzc-home-ann-item small.rzc-home-ann-date { color: var(--rzc-muted); }
html[data-theme="dark"] .rzc-home-hero-text .rzc-home-company { color: var(--rzc-text); }
html[data-theme="dark"] .rzc-report-card { background: var(--rzc-surface) !important; border-color: var(--rzc-border) !important; }
html[data-theme="dark"] .rzc-report-card:hover { background: var(--rzc-surface-2) !important; border-color: #3d7768 !important; }
html[data-theme="dark"] .rzc-report-card .rzc-report-label { color: var(--rzc-text) !important; }

html[data-theme="dark"] .desktop-icon:hover { background: var(--rzc-surface); border-color: #3d7768; box-shadow: 0 10px 26px rgba(0, 0, 0, 0.3); }
html[data-theme="dark"] .desktop-icon .icon-container { background: var(--rzc-surface) !important; border-color: var(--rzc-border) !important; box-shadow: none !important; }
html[data-theme="dark"] .desktop-icon:hover .icon-container { background: var(--rzc-surface-2) !important; border-color: #3d7768 !important; }
html[data-theme="dark"] .desktop-icon .icon-container svg { color: var(--rzc-business-mint) !important; stroke: var(--rzc-business-mint) !important; }
html[data-theme="dark"] .desktop-icon .icon-container .desktop-alphabet { color: var(--rzc-business-mint) !important; }
html[data-theme="dark"] .desktop-icon .label,
html[data-theme="dark"] .desktop-icon .icon-label,
html[data-theme="dark"] .desktop-icon .desktop-label { color: var(--rzc-text) !important; }

html[data-theme="dark"] #rzc-fb-panel { background: var(--rzc-surface); border-color: var(--rzc-border); color: var(--rzc-text); box-shadow: 0 12px 34px rgba(0, 0, 0, 0.5); }
html[data-theme="dark"] #rzc-fb-body textarea { background: var(--rzc-bg); color: var(--rzc-text); border-color: #40504a; }
html[data-theme="dark"] .rzc-fb-secondary { background: var(--rzc-surface); color: var(--rzc-text); border-color: #40504a; }
html[data-theme="dark"] .rzc-fb-secondary:hover { background: var(--rzc-surface-2); }
html[data-theme="dark"] .rzc-fb-shot { border-color: var(--rzc-border); }
html[data-theme="dark"] .rzc-fb-hint { color: var(--rzc-muted); }

html[data-theme="dark"] #rzc-lang-switch button { color: var(--rzc-text); }
html[data-theme="dark"] #rzc-lang-switch button.on { border-color: #3d7768; background: #213b33; }

html[data-theme="dark"] .rzc-help {
	--navy: #eef4f1;
	--green: var(--rzc-business-mint);
	--ink: var(--rzc-text);
	--muted: var(--rzc-muted);
	--line: var(--rzc-border);
	--bg: var(--rzc-bg);
}
html[data-theme="dark"] .rzc-help .hero { background: linear-gradient(180deg, var(--rzc-surface), var(--rzc-bg)); }
html[data-theme="dark"] .rzc-help section.blk,
html[data-theme="dark"] .rzc-help .chips a,
html[data-theme="dark"] .rzc-help .langsw button { background: var(--rzc-surface); }
html[data-theme="dark"] .rzc-help .langsw button.on { background: #236c5e; border-color: #3d7768; color: #ffffff; }
html[data-theme="dark"] .rzc-help .chips a:hover { background: var(--rzc-surface-2); }
html[data-theme="dark"] .rzc-help ol.steps li::before { background: #213b33; }
html[data-theme="dark"] .rzc-help .note { background: var(--rzc-surface-2); border-color: #3d7768; }

/* ============================================================================
   RZC /login experience — Variant-3 (white) port
   ----------------------------------------------------------------------------
   EVERYTHING here is scoped to "#page-login.rzc-login" — the class is added by
   applyLoginExperience() ONLY after the brand panel + footer are injected. So
   on every other page (and on /login if the JS throws) NOTHING below applies.
   Brand-panel selectors (.rzc-v3-*) target the INJECTED markup; form selectors
   target the REAL Frappe elements (.login-content.page-card, input.form-control,
   .btn-login, .btn-login-with-email-link, .forgot-password-message a,
   .login-error-banner, #login_token, #verify_token) — restyle only.
   ========================================================================== */

/* Brand tokens (only resolved on the enhanced login page). */
#page-login.rzc-login {
	--green: #113f38;
	--green-2: #1b5b50;
	--mint: #8cb89f;
	--mint-soft: #edf7f2;
	--navy: #193046;
	--ink: #16243a;
	--muted: #64748b;
	--line: #e6eae8;
	--shadow: 0 18px 55px rgba(15, 23, 42, 0.10);
	--shadow-soft: 0 10px 28px rgba(15, 23, 42, 0.07);
	--r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-xl: 18px;
	font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	-webkit-font-smoothing: antialiased;
	color: var(--ink);
}

/* ---- Anti-FOUC: hide the raw Frappe login pre-paint so the unstyled page
   never flashes before applyLoginExperience() applies the V3 design. Fail-safe:
   a delayed keyframe reveals it after 2s, and the JS catch adds .rzc-login-fallback,
   so the login is NEVER stranded hidden if the JS is slow, errors, or never loads.
   (#page-login only exists on /login, so this touches no other page.) ---- */
#page-login { transition: opacity .28s ease; }
#page-login:not(.rzc-login):not(.rzc-login-fallback) {
	opacity: 0;
	animation: rzc-login-reveal 0.01s linear 2s forwards;
}
@keyframes rzc-login-reveal { to { opacity: 1; } }

/* ---- Two-column shell: LEFT white brand panel, RIGHT white form field ---- */
#page-login.rzc-login {
	display: grid;
	grid-template-columns: 56% 44%;
	min-height: 100vh;
	background: #ffffff;
}

/* ===================== BRAND PANEL (white) ===================== */
#page-login.rzc-login > .rzc-v3-brand {
	grid-column: 1;
	position: relative;
	overflow: hidden;
	color: var(--ink);
	padding: 48px 56px;
	display: flex;
	flex-direction: column;
	border-right: 1px solid var(--line);
	background:
		radial-gradient(55% 45% at 8% 6%, rgba(140, 184, 159, .16), transparent 60%),
		radial-gradient(46% 46% at 98% 98%, rgba(25, 48, 70, .045), transparent 65%),
		#ffffff;
}
/* faint dot-grid texture, fading out toward center */
#page-login.rzc-login > .rzc-v3-brand::before {
	content: ""; position: absolute; inset: 0;
	background-image: radial-gradient(rgba(25, 48, 70, .055) 1px, transparent 1.4px);
	background-size: 24px 24px;
	-webkit-mask-image: radial-gradient(120% 90% at 0% 0%, #000 0%, transparent 70%);
	mask-image: radial-gradient(120% 90% at 0% 0%, #000 0%, transparent 70%);
	pointer-events: none;
}
#page-login.rzc-login > .rzc-v3-brand::after {
	content: ""; position: absolute; width: 55%; height: 55%; top: -8%; left: 28%;
	background: radial-gradient(circle, rgba(140, 184, 159, .16), transparent 70%);
	filter: blur(26px);
	animation: rzc-v3-drift 22s ease-in-out infinite alternate; pointer-events: none;
}
@keyframes rzc-v3-drift { 0% { transform: translate(0,0) scale(1); } 100% { transform: translate(-7%,5%) scale(1.12); } }
#page-login.rzc-login .rzc-v3-brand-inner { position: relative; z-index: 1; display: flex; flex-direction: column; flex: 1; }
#page-login.rzc-login .rzc-v3-brand-inner > * { position: relative; z-index: 1; }

/* logo lockup */
#page-login.rzc-login .rzc-v3-logo { display: flex; align-items: center; gap: 14px; }
#page-login.rzc-login .rzc-v3-logo img { height: 34px; width: auto; display: block; }
#page-login.rzc-login .rzc-v3-logo-divider { width: 1px; height: 26px; background: var(--line); }
#page-login.rzc-login .rzc-v3-product { font-weight: 600; font-size: 16px; color: var(--navy); letter-spacing: -.01em; }

/* headline */
#page-login.rzc-login .rzc-v3-headline { margin-top: 46px; max-width: 30ch; }
#page-login.rzc-login .rzc-v3-eyebrow {
	display: inline-flex; align-items: center; gap: 8px;
	font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
	color: var(--green-2); background: var(--mint-soft);
	border: 1px solid rgba(140, 184, 159, .42);
	padding: 6px 12px; border-radius: 999px;
}
#page-login.rzc-login .rzc-v3-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px rgba(140,184,159,.22); }
#page-login.rzc-login .rzc-v3-headline h1 {
	margin: 18px 0 14px; font-size: clamp(30px, 3.2vw, 40px); line-height: 1.12;
	font-weight: 800; letter-spacing: -.022em;
	background: linear-gradient(100deg, #193046 20%, #1b5b50 95%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
#page-login.rzc-login .rzc-v3-headline p { margin: 0; font-size: 16px; line-height: 1.6; color: var(--muted); max-width: 42ch; }

/* ---------- product preview island ---------- */
#page-login.rzc-login .rzc-v3-stage { margin-top: 34px; perspective: 1600px; flex: 0 0 auto; position: relative; }
#page-login.rzc-login .rzc-v3-dash {
	transform: perspective(1600px) rotateY(-7deg) rotateX(2deg);
	transform-origin: left center;
	border-radius: var(--r-xl); background: #ffffff; color: var(--ink);
	box-shadow: var(--shadow); border: 1px solid var(--line);
	overflow: hidden; display: grid; grid-template-columns: 58px 1fr;
	width: 100%; max-width: 560px;
	opacity: 0; animation: rzc-v3-rise .9s cubic-bezier(.16,.84,.44,1) .15s forwards;
}
@keyframes rzc-v3-rise {
	from { opacity: 0; transform: perspective(1600px) rotateY(-7deg) rotateX(2deg) translateY(26px); }
	to   { opacity: 1; transform: perspective(1600px) rotateY(-7deg) rotateX(2deg) translateY(0); }
}
#page-login.rzc-login .rzc-v3-side { background: linear-gradient(180deg, var(--navy), #142536); padding: 14px 0; display: flex; flex-direction: column; align-items: center; gap: 16px; }
#page-login.rzc-login .rzc-v3-glyph { width: 22px; height: 22px; border-radius: 7px; background: rgba(255,255,255,.10); display: grid; place-items: center; }
#page-login.rzc-login .rzc-v3-glyph.on { background: var(--mint); }
#page-login.rzc-login .rzc-v3-glyph svg { width: 13px; height: 13px; }
#page-login.rzc-login .rzc-v3-dbody { padding: 14px 16px 16px; }
#page-login.rzc-login .rzc-v3-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
#page-login.rzc-login .rzc-v3-search { flex: 1; height: 28px; border-radius: 999px; background: #f1f5f3; border: 1px solid #e2e8e4; display: flex; align-items: center; gap: 7px; padding: 0 12px; font-size: 11px; color: #94a3b8; max-width: 230px; }
#page-login.rzc-login .rzc-v3-av { width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, var(--green-2), var(--mint)); margin-left: 12px; flex: 0 0 auto; }
#page-login.rzc-login .rzc-v3-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-bottom: 12px; }
#page-login.rzc-login .rzc-v3-kpi { border: 1px solid #eef2f0; border-radius: var(--r-lg); padding: 9px 10px; background: #fff; box-shadow: 0 2px 8px rgba(15,23,42,.04); }
#page-login.rzc-login .rzc-v3-lab { font-size: 9.5px; color: var(--muted); font-weight: 500; }
#page-login.rzc-login .rzc-v3-num { font-size: 17px; font-weight: 800; letter-spacing: -.02em; margin-top: 3px; color: var(--ink); }
#page-login.rzc-login .rzc-v3-delta { font-size: 9px; font-weight: 700; color: var(--green-2); display: inline-flex; align-items: center; gap: 2px; margin-top: 2px; }
#page-login.rzc-login .rzc-v3-charts { display: grid; grid-template-columns: 1.7fr 1fr; gap: 9px; margin-bottom: 11px; }
#page-login.rzc-login .rzc-v3-card-mini { border: 1px solid #eef2f0; border-radius: var(--r-lg); padding: 10px 11px; background: #fff; box-shadow: 0 2px 8px rgba(15,23,42,.04); }
#page-login.rzc-login .rzc-v3-ttl { font-size: 10px; font-weight: 600; color: var(--ink); margin-bottom: 6px; display: flex; justify-content: space-between; }
#page-login.rzc-login .rzc-v3-ttl em { font-style: normal; color: var(--muted); font-weight: 500; font-size: 9px; }
#page-login.rzc-login .rzc-v3-area { width: 100%; height: 62px; display: block; }
#page-login.rzc-login .rzc-v3-line { fill: none; stroke: var(--green-2); stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 320; stroke-dashoffset: 320; animation: rzc-v3-draw 1.6s ease .5s forwards; }
@keyframes rzc-v3-draw { to { stroke-dashoffset: 0; } }
#page-login.rzc-login .rzc-v3-donut-wrap { display: flex; align-items: center; gap: 10px; }
#page-login.rzc-login .rzc-v3-donut { width: 58px; height: 58px; flex: 0 0 auto; transform: rotate(-90deg); }
#page-login.rzc-login .rzc-v3-track { fill: none; stroke: #eef2f0; stroke-width: 7; }
#page-login.rzc-login .rzc-v3-val { fill: none; stroke: var(--mint); stroke-width: 7; stroke-linecap: round; stroke-dasharray: 151; stroke-dashoffset: 151; animation: rzc-v3-donut 1.4s ease .6s forwards; }
@keyframes rzc-v3-donut { to { stroke-dashoffset: 49; } }
#page-login.rzc-login .rzc-v3-donut-cap { font-size: 9px; color: var(--muted); }
#page-login.rzc-login .rzc-v3-donut-cap b { display: block; font-size: 15px; color: var(--ink); }
#page-login.rzc-login .rzc-v3-portlet { border: 1px solid #eef2f0; border-radius: var(--r-lg); background: #fff; box-shadow: 0 2px 8px rgba(15,23,42,.04); overflow: hidden; }
#page-login.rzc-login .rzc-v3-portlet .rzc-v3-row { display: flex; align-items: center; justify-content: space-between; padding: 8px 11px; font-size: 10.5px; border-top: 1px solid #f1f5f3; }
#page-login.rzc-login .rzc-v3-portlet .rzc-v3-row:first-child { border-top: 0; }
#page-login.rzc-login .rzc-v3-row .rzc-v3-l { display: flex; align-items: center; gap: 8px; color: var(--ink); font-weight: 500; }
#page-login.rzc-login .rzc-v3-row .rzc-v3-l i { width: 18px; height: 18px; border-radius: 6px; background: var(--mint-soft); color: var(--green); font-style: normal; display: grid; place-items: center; font-size: 9px; font-weight: 800; }
#page-login.rzc-login .rzc-v3-amt { font-weight: 700; color: var(--green-2); }
#page-login.rzc-login .rzc-v3-amt.neg { color: #b4561f; }

/* floating accent card — crisp solid light card */
#page-login.rzc-login .rzc-v3-float {
	position: absolute; right: -6px; bottom: 26px; z-index: 3;
	background: #ffffff; border: 1px solid var(--line);
	border-left: 3px solid var(--mint);
	border-radius: var(--r-lg); padding: 11px 14px 11px 13px;
	box-shadow: var(--shadow); color: var(--ink); min-width: 152px;
	opacity: 0; animation: rzc-v3-rise .9s cubic-bezier(.16,.84,.44,1) .65s forwards;
}
#page-login.rzc-login .rzc-v3-cap { font-size: 10px; color: var(--muted); display: flex; align-items: center; gap: 6px; }
#page-login.rzc-login .rzc-v3-pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 0 rgba(140,184,159,.6); animation: rzc-v3-pulse 2s infinite; }
@keyframes rzc-v3-pulse { 0%{box-shadow:0 0 0 0 rgba(140,184,159,.55);} 70%{box-shadow:0 0 0 8px rgba(140,184,159,0);} 100%{box-shadow:0 0 0 0 rgba(140,184,159,0);} }
#page-login.rzc-login .rzc-v3-big { font-size: 21px; font-weight: 800; letter-spacing: -.02em; margin-top: 4px; color: var(--navy); }
#page-login.rzc-login .rzc-v3-big small { font-size: 11px; font-weight: 600; color: var(--muted); }
#page-login.rzc-login .rzc-v3-meta { font-size: 10px; color: var(--green-2); font-weight: 600; margin-top: 2px; }

/* stat strip */
#page-login.rzc-login .rzc-v3-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 36px; }
#page-login.rzc-login .rzc-v3-stat { border-left: 2px solid rgba(140, 184, 159, .55); padding-left: 12px; }
#page-login.rzc-login .rzc-v3-n { font-size: clamp(20px, 2vw, 26px); font-weight: 800; letter-spacing: -.02em; color: var(--navy); }
#page-login.rzc-login .rzc-v3-n span { color: var(--green-2); }
#page-login.rzc-login .rzc-v3-sl { font-size: 11.5px; color: var(--muted); margin-top: 2px; }

/* value props */
#page-login.rzc-login .rzc-v3-props { display: flex; flex-wrap: wrap; gap: 22px 30px; margin-top: 28px; }
#page-login.rzc-login .rzc-v3-prop { display: flex; align-items: center; gap: 11px; }
#page-login.rzc-login .rzc-v3-ic { width: 38px; height: 38px; flex: 0 0 auto; border-radius: 11px; display: grid; place-items: center; background: var(--mint-soft); border: 1px solid rgba(140, 184, 159, .35); }
#page-login.rzc-login .rzc-v3-ic svg { width: 18px; height: 18px; stroke: var(--green-2); fill: none; stroke-width: 1.7; }
#page-login.rzc-login .rzc-v3-tx b { display: block; font-size: 13.5px; font-weight: 600; color: var(--ink); }
#page-login.rzc-login .rzc-v3-tx small { font-size: 11.5px; color: var(--muted); }

/* brand footer */
#page-login.rzc-login .rzc-v3-foot { margin-top: auto; padding-top: 30px; display: flex; align-items: center; gap: 16px; color: var(--muted); font-size: 11.5px; }
#page-login.rzc-login .rzc-v3-badges { display: flex; gap: 8px; }
#page-login.rzc-login .rzc-v3-badge { display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--line); border-radius: 999px; padding: 4px 10px; color: var(--muted); font-weight: 600; font-size: 10.5px; }
#page-login.rzc-login .rzc-v3-badge svg { width: 12px; height: 12px; stroke: var(--green-2); fill: none; stroke-width: 1.8; }

/* ===================== FORM PANEL (real Frappe elements) ===================== */
#page-login.rzc-login > .page-content-wrapper {
	grid-column: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 40px 36px;
	background: #fcfdfc;
}
#page-login.rzc-login > .page-content-wrapper > main.container {
	width: 100%;
	max-width: 384px;
	padding: 0;
	margin: 0 auto;
}

/* The white login card */
#page-login.rzc-login .login-content.page-card {
	width: 100%;
	max-width: 384px;
	margin: 0 auto;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	padding: 0;
	opacity: 0;
	animation: rzc-v3-fadeup .7s ease .3s forwards;
}
@keyframes rzc-v3-fadeup { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }

#page-login.rzc-login .page-card-head { text-align: left; margin-bottom: 26px; }
/* Hide Frappe's default app logo in the card head (brand panel carries it). */
#page-login.rzc-login img.app-logo { display: none; }
#page-login.rzc-login .page-card-head-text,
#page-login.rzc-login .page-card-head h4 {
	font-size: 25px; line-height: 1.1; font-weight: 800;
	letter-spacing: -.02em; color: var(--navy); margin: 0;
}
#page-login.rzc-login .page-card-subtitle {
	margin: 7px 0 0; font-size: 14px; line-height: 1.5; font-weight: 400; color: var(--muted);
}

/* Form fields — labels above inputs */
#page-login.rzc-login .form-group { margin-bottom: 16px; }
#page-login.rzc-login .form-label {
	display: block; font-size: 13px; line-height: 1.2; font-weight: 600;
	margin-bottom: 7px; color: #334155;
}
#page-login.rzc-login input.form-control {
	width: 100%; height: 46px;
	border: 1px solid var(--line); border-radius: var(--r-lg);
	padding: 0 14px; font: inherit; font-size: 14px; color: var(--ink);
	background: #fff; transition: border-color .18s, box-shadow .18s;
}
#page-login.rzc-login input.form-control::placeholder { color: #aab4be; }
#page-login.rzc-login input.form-control:focus {
	outline: none; border-color: var(--green-2);
	box-shadow: 0 0 0 4px rgba(27, 91, 80, .12);
}
#page-login.rzc-login .field-error,
#page-login.rzc-login .help-box.text-danger {
	color: #A4231E; font-size: 12.5px; line-height: 1.3; font-weight: 500; margin-top: 6px;
}

/* Primary button (green gradient, full width) */
#page-login.rzc-login .page-card-actions { margin-top: 22px; }
#page-login.rzc-login .btn-login {
	width: 100%; height: 48px; border: 0; border-radius: var(--r-lg);
	background: linear-gradient(135deg, var(--green), var(--green-2));
	color: #fff; font: inherit; font-size: 15px; font-weight: 700; letter-spacing: .01em;
	cursor: pointer; box-shadow: 0 10px 24px rgba(17, 63, 56, .24);
	transition: transform .14s, box-shadow .18s, filter .18s;
}
#page-login.rzc-login .btn-login:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(17, 63, 56, .30); filter: brightness(1.04); }
#page-login.rzc-login .btn-login:active { transform: translateY(0); }
#page-login.rzc-login .btn-login:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(27, 91, 80, .28); }

/* Secondary (outlined / SSO-style) button: email-link login */
/* Frappe ships login + forgot-password + email-link as separate stacked cards
   and only hides the FORMS (.hide), not the card heads — so all the headings
   ("Şifremi Unuttum", "Sign In") were showing. Restore .hide AND drop the whole
   auxiliary cards: enterprise login is just the credentials card. */
#page-login.rzc-login .hide { display: none !important; }
#page-login.rzc-login .login-content.page-card:has(.form-forgot),
#page-login.rzc-login .login-content.page-card:has(.form-login-with-email-link),
#page-login.rzc-login .login-content.page-card:has(.form-signup) { display: none !important; }
#page-login.rzc-login .btn-login-with-email-link,
#page-login.rzc-login .forgot-password-message,
#page-login.rzc-login .btn-signup,
#page-login.rzc-login .for-signup,
#page-login.rzc-login .sign-up-message,
#page-login.rzc-login .signup-disabled-message,
#page-login.rzc-login a[href*="signup"],
#page-login.rzc-login a[href*="register"] { display: none !important; }

/* Frappe's website footer (a big logo + link columns) lives at the very bottom
   of the page, outside #page-login. Drop it on the login page only (matched via
   :has(#page-login), so other web pages keep their footer). */
body:has(#page-login) .web-footer,
body:has(#page-login) .page-footer { display: none !important; }

/* Banners — the error banner has whitespace inside (so :empty fails); the JS
   tags it .rzc-empty when it has no real text, so an empty banner never shows
   as a stray red box. It still styles red when an actual error is present. */
#page-login.rzc-login .login-error-banner.rzc-empty { display: none !important; }
#page-login.rzc-login .login-error-banner {
	background: #FBECEA; border: 1px solid #A4231E; color: #A4231E;
	border-radius: var(--r-md); padding: 10px 12px; font-size: 14px; margin-bottom: 14px;
}
#page-login.rzc-login .indicator.green,
#page-login.rzc-login .alert-success {
	background: #E8F2EC; color: #226B45;
}

/* 2FA verify form — same input/button tokens */
#page-login.rzc-login .form-verify input#login_token {
	height: 46px; border-radius: var(--r-lg);
	border: 1px solid var(--line); background: #fff;
	font-size: 14px; color: var(--ink); padding: 0 14px;
	transition: border-color .18s, box-shadow .18s;
}
#page-login.rzc-login .form-verify input#login_token:focus {
	outline: none; border-color: var(--green-2); box-shadow: 0 0 0 4px rgba(27, 91, 80, .12);
}
#page-login.rzc-login .form-verify #verify_token {
	width: 100%; height: 48px; border-radius: var(--r-lg);
	background: linear-gradient(135deg, var(--green), var(--green-2));
	color: #fff; border: none; font-size: 15px; font-weight: 700;
	box-shadow: 0 10px 24px rgba(17, 63, 56, .24);
	transition: transform .14s, box-shadow .18s, filter .18s;
}
#page-login.rzc-login .form-verify #verify_token:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(17, 63, 56, .30); filter: brightness(1.04); }
#page-login.rzc-login .form-verify #verify_token:active { transform: translateY(0); }

/* ---- Form footer: discrete enterprise line below the card ---- */
#page-login.rzc-login .rzc-v3-form-foot {
	width: 100%; max-width: 384px; margin: 34px auto 0;
	font-size: 11.5px; line-height: 1.9; color: var(--muted); text-align: center;
}
#page-login.rzc-login .rzc-v3-form-foot .rzc-v3-foot-line { display: block; }
#page-login.rzc-login .rzc-v3-form-foot a { color: var(--muted); text-decoration: none; }
#page-login.rzc-login .rzc-v3-form-foot a:hover { color: var(--green-2); text-decoration: underline; }
#page-login.rzc-login .rzc-v3-form-foot .rzc-v3-sep { opacity: .5; margin: 0 6px; }

/* ===================== RESPONSIVE ===================== */
@media (max-width: 1080px) {
	#page-login.rzc-login { grid-template-columns: 50% 50%; }
	#page-login.rzc-login > .rzc-v3-brand { padding: 40px 40px; }
}
@media (max-width: 880px) {
	#page-login.rzc-login {
		display: flex;
		flex-direction: column;
		min-height: auto;
		background: #fcfdfc;
	}
	#page-login.rzc-login > .rzc-v3-brand {
		order: 1;
		padding: 36px 28px 44px;
		border-right: 0;
		border-bottom: 1px solid var(--line);
	}
	#page-login.rzc-login .rzc-v3-headline { margin-top: 30px; }
	#page-login.rzc-login .rzc-v3-stage { display: none; }
	#page-login.rzc-login .rzc-v3-float { display: none; }
	#page-login.rzc-login .rzc-v3-stats { margin-top: 30px; grid-template-columns: repeat(2, 1fr); }
	#page-login.rzc-login > .page-content-wrapper { order: 2; padding: 32px 18px; }
	#page-login.rzc-login .rzc-v3-form-foot { order: 3; }
}
@media (max-width: 460px) {
	#page-login.rzc-login > .rzc-v3-brand { padding: 30px 20px 36px; }
	#page-login.rzc-login > .page-content-wrapper { padding: 32px 22px; }
	#page-login.rzc-login .rzc-v3-props { gap: 16px 20px; }
}

/* ---- prefers-reduced-motion guards ---- */
@media (prefers-reduced-motion: reduce) {
	#page-login.rzc-login *,
	#page-login.rzc-login *::before,
	#page-login.rzc-login *::after { animation: none !important; transition: none !important; }
	#page-login.rzc-login .rzc-v3-dash,
	#page-login.rzc-login .rzc-v3-float,
	#page-login.rzc-login .login-content.page-card { opacity: 1 !important; }
	#page-login.rzc-login .rzc-v3-line { stroke-dashoffset: 0 !important; }
	#page-login.rzc-login .rzc-v3-val { stroke-dashoffset: 49 !important; }
}

/* ===================== MARKA PATENT DASHBOARD ===================== */
.rzc-mp-dashboard {
	--rzc-mp-green: #113f38;
	--rzc-mp-green-2: #1b5b50;
	--rzc-mp-mint: #8cb89f;
	--rzc-mp-mint-soft: #e9f4ee;
	--rzc-mp-navy: #193046;
	--rzc-mp-ink: #17202c;
	--rzc-mp-muted: #667085;
	--rzc-mp-line: #e4e9e7;
	--rzc-mp-surface: #ffffff;
	--rzc-mp-canvas: #f5f8f6;
	--rzc-mp-red: #b42318;
	--rzc-mp-red-soft: #fdefed;
	--rzc-mp-amber: #a15c08;
	--rzc-mp-amber-soft: #fff4df;
	--rzc-mp-purple: #6941c6;
	--rzc-mp-purple-soft: #f2edff;
	--rzc-mp-shadow: 0 16px 42px rgba(18, 49, 42, 0.07);
	width: 100%;
	max-width: 1540px;
	margin: 0 auto;
	padding: 22px 28px 42px;
	color: var(--rzc-mp-ink);
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	-webkit-font-smoothing: antialiased;
}

.rzc-mp-dashboard *,
.rzc-mp-dashboard *::before,
.rzc-mp-dashboard *::after {
	box-sizing: border-box;
}

.rzc-mp-dashboard a {
	color: inherit;
	text-decoration: none;
}

.rzc-mp-dashboard button {
	font: inherit;
}

.rzc-mp-dashboard [hidden] {
	display: none !important;
}

.rzc-mp-icon {
	display: inline-block;
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	vertical-align: -0.2em;
}

.rzc-mp-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(310px, 0.75fr);
	min-height: 312px;
	overflow: hidden;
	border: 1px solid rgba(140, 184, 159, 0.34);
	border-radius: 28px;
	background:
		radial-gradient(circle at 3% 4%, rgba(140, 184, 159, 0.2), transparent 30%),
		linear-gradient(132deg, #ffffff 0%, #f0f7f3 100%);
	box-shadow: var(--rzc-mp-shadow);
}

.rzc-mp-hero::after {
	position: absolute;
	right: 31%;
	bottom: -160px;
	width: 340px;
	height: 340px;
	border: 1px solid rgba(17, 63, 56, 0.08);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.rzc-mp-hero-copy {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 38px 42px;
}

.rzc-mp-kicker {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 10px;
	color: var(--rzc-mp-green-2);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.rzc-mp-kicker span {
	color: var(--rzc-mp-mint);
}

.rzc-mp-hero h1 {
	margin: 0;
	color: var(--rzc-mp-navy);
	font-size: clamp(38px, 4vw, 58px);
	font-weight: 850;
	letter-spacing: -0.05em;
	line-height: 0.98;
}

.rzc-mp-lead {
	max-width: 730px;
	margin: 18px 0 0;
	color: #52606d;
	font-size: 15.5px;
	line-height: 1.68;
}

.rzc-mp-hero-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	margin-top: 20px;
	color: var(--rzc-mp-muted);
	font-size: 12px;
	font-weight: 650;
}

.rzc-mp-hero-meta span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.rzc-mp-hero-meta .rzc-mp-icon {
	width: 16px;
	height: 16px;
	color: var(--rzc-mp-green-2);
}

.rzc-mp-hero-meta b {
	font-weight: 650;
}

.rzc-mp-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 24px;
}

.rzc-mp-btn {
	display: inline-flex;
	min-height: 42px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 9px 15px;
	border: 1px solid #d7e0dc;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.88);
	color: var(--rzc-mp-green);
	font-size: 13px;
	font-weight: 750;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.rzc-mp-btn:hover {
	transform: translateY(-1px);
	border-color: rgba(17, 63, 56, 0.34);
	background: #ffffff;
	box-shadow: 0 8px 20px rgba(25, 48, 70, 0.09);
}

.rzc-mp-btn.primary {
	border-color: var(--rzc-mp-green);
	background: linear-gradient(135deg, var(--rzc-mp-green), var(--rzc-mp-green-2));
	color: #ffffff;
	box-shadow: 0 10px 24px rgba(17, 63, 56, 0.2);
}

.rzc-mp-btn.primary:hover {
	border-color: var(--rzc-mp-green-2);
	background: linear-gradient(135deg, #0e372f, var(--rzc-mp-green-2));
	box-shadow: 0 14px 28px rgba(17, 63, 56, 0.25);
}

.rzc-mp-hero-visual {
	position: relative;
	min-height: 312px;
	overflow: hidden;
}

.rzc-mp-hero-visual img {
	width: 100%;
	height: 100%;
	min-height: 312px;
	object-fit: cover;
	object-position: center;
	filter: saturate(0.86) contrast(1.02);
}

.rzc-mp-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #eff7f3 0%, rgba(239, 247, 243, 0.08) 36%, rgba(10, 38, 34, 0.16) 100%);
}

.rzc-mp-hero-stat {
	position: absolute;
	right: 22px;
	bottom: 22px;
	min-width: 158px;
	padding: 15px 17px;
	border: 1px solid rgba(255, 255, 255, 0.56);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 16px 34px rgba(14, 43, 38, 0.18);
	backdrop-filter: blur(12px);
}

.rzc-mp-hero-stat span,
.rzc-mp-hero-stat small {
	display: block;
	color: var(--rzc-mp-muted);
	font-size: 10.5px;
	font-weight: 700;
}

.rzc-mp-hero-stat strong {
	display: block;
	margin: 3px 0;
	color: var(--rzc-mp-navy);
	font-size: 31px;
	font-weight: 850;
	letter-spacing: -0.04em;
	line-height: 1;
}

.rzc-mp-notice {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	margin-top: 16px;
	padding: 13px 15px;
	border: 1px solid #e9d6ab;
	border-radius: 15px;
	background: #fff9eb;
	color: #734b12;
}

.rzc-mp-notice > span {
	display: grid;
	width: 32px;
	height: 32px;
	place-items: center;
	border-radius: 10px;
	background: #fbe8b9;
}

.rzc-mp-notice strong,
.rzc-mp-notice p {
	display: block;
	margin: 0;
}

.rzc-mp-notice strong {
	font-size: 13px;
	font-weight: 800;
}

.rzc-mp-notice p {
	margin-top: 2px;
	font-size: 12px;
	line-height: 1.45;
}

.rzc-mp-notice button {
	padding: 7px 11px;
	border: 1px solid #e7c673;
	border-radius: 10px;
	background: #ffffff;
	color: #734b12;
	font-size: 12px;
	font-weight: 750;
	cursor: pointer;
}

.rzc-mp-summary {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
	margin-top: 18px;
}

.rzc-mp-management {
	margin-top: 22px;
}

.rzc-mp-management > .rzc-mp-panel-head {
	min-height: 0;
	padding: 0 4px 2px;
	border-bottom: 0;
}

.rzc-mp-management > .rzc-mp-summary {
	margin-top: 10px;
}

.rzc-mp-summary-card {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 11px;
	min-height: 120px;
	padding: 15px;
	overflow: hidden;
	border: 1px solid var(--rzc-mp-line);
	border-radius: 19px;
	background: var(--rzc-mp-surface);
	box-shadow: 0 8px 26px rgba(18, 49, 42, 0.045);
	transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.rzc-mp-summary-card::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: var(--rzc-mp-green-2);
	content: "";
}

.rzc-mp-summary-card:hover {
	transform: translateY(-2px);
	border-color: rgba(17, 63, 56, 0.28);
	box-shadow: var(--rzc-mp-shadow);
}

.rzc-mp-summary-card > .rzc-mp-icon {
	width: 15px;
	height: 15px;
	color: #98a2b3;
}

.rzc-mp-summary-icon {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 12px;
	background: var(--rzc-mp-mint-soft);
	color: var(--rzc-mp-green-2);
}

.rzc-mp-summary-copy {
	min-width: 0;
}

.rzc-mp-summary-copy small,
.rzc-mp-summary-copy strong,
.rzc-mp-summary-copy em {
	display: block;
}

.rzc-mp-summary-copy small {
	display: -webkit-box;
	min-height: 2.5em;
	overflow: hidden;
	color: var(--rzc-mp-muted);
	font-size: 10.5px;
	font-weight: 750;
	line-height: 1.25;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	white-space: normal;
}

.rzc-mp-summary-copy strong {
	margin: 3px 0;
	color: var(--rzc-mp-navy);
	font-size: 27px;
	font-weight: 850;
	letter-spacing: -0.04em;
	line-height: 1;
}

.rzc-mp-summary-copy em {
	overflow: hidden;
	color: #7a8699;
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rzc-mp-summary-card.tone-red::before,
.rzc-mp-summary-card.tone-red .rzc-mp-summary-icon {
	background-color: var(--rzc-mp-red-soft);
	color: var(--rzc-mp-red);
}

.rzc-mp-summary-card.tone-red::before { background: var(--rzc-mp-red); }
.rzc-mp-summary-card.tone-amber::before { background: #d48b18; }
.rzc-mp-summary-card.tone-amber .rzc-mp-summary-icon { background: var(--rzc-mp-amber-soft); color: var(--rzc-mp-amber); }
.rzc-mp-summary-card.tone-purple::before { background: var(--rzc-mp-purple); }
.rzc-mp-summary-card.tone-purple .rzc-mp-summary-icon { background: var(--rzc-mp-purple-soft); color: var(--rzc-mp-purple); }
.rzc-mp-summary-card.tone-navy::before { background: var(--rzc-mp-navy); }
.rzc-mp-summary-card.tone-navy .rzc-mp-summary-icon { background: #edf1f5; color: var(--rzc-mp-navy); }
.rzc-mp-summary-card.tone-slate::before { background: #667085; }
.rzc-mp-summary-card.tone-slate .rzc-mp-summary-icon { background: #f1f3f5; color: #475467; }
.rzc-mp-summary-card.is-unavailable { opacity: 0.72; }

.rzc-mp-summary-card.skeleton {
	display: block;
	background: linear-gradient(100deg, #eef2f0 20%, #f8faf9 40%, #eef2f0 60%);
	background-size: 240% 100%;
	animation: rzc-mp-shimmer 1.25s ease-in-out infinite;
}

.rzc-mp-grid {
	display: grid;
	gap: 16px;
	margin-top: 16px;
}

.rzc-mp-grid-overview,
.rzc-mp-grid-feed {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rzc-mp-grid-main {
	grid-template-columns: minmax(0, 1.55fr) minmax(290px, 0.45fr);
}

.rzc-mp-panel {
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--rzc-mp-line);
	border-radius: 21px;
	background: var(--rzc-mp-surface);
	box-shadow: 0 9px 28px rgba(18, 49, 42, 0.045);
}

.rzc-mp-panel-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	min-height: 76px;
	padding: 17px 19px 14px;
	border-bottom: 1px solid #edf0ef;
}

.rzc-mp-panel-head p,
.rzc-mp-panel-head h2 {
	margin: 0;
}

.rzc-mp-panel-head p {
	margin-bottom: 3px;
	color: var(--rzc-mp-green-2);
	font-size: 9.5px;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.rzc-mp-panel-head h2 {
	color: var(--rzc-mp-navy);
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -0.025em;
}

.rzc-mp-panel-head > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	color: var(--rzc-mp-green-2);
	font-size: 11.5px;
	font-weight: 750;
}

.rzc-mp-panel-head > a:hover {
	color: var(--rzc-mp-green);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.rzc-mp-panel-head > a .rzc-mp-icon {
	width: 14px;
	height: 14px;
}

.rzc-mp-panel-body {
	min-height: 150px;
	padding: 17px 19px;
}

.rzc-mp-panel-body.flush {
	padding: 0;
}

.rzc-mp-bands {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.rzc-mp-band {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	padding: 13px;
	border: 1px solid #e8ecea;
	border-radius: 15px;
	background: #fbfcfb;
	transition: border-color 0.16s ease, transform 0.16s ease;
}

.rzc-mp-band:hover {
	transform: translateY(-1px);
	border-color: rgba(17, 63, 56, 0.28);
}

.rzc-mp-band span strong,
.rzc-mp-band span small {
	display: block;
}

.rzc-mp-band span strong {
	color: var(--rzc-mp-navy);
	font-size: 12px;
	font-weight: 800;
}

.rzc-mp-band span small {
	margin-top: 2px;
	color: var(--rzc-mp-muted);
	font-size: 9.5px;
	font-weight: 650;
}

.rzc-mp-band > b {
	color: var(--rzc-mp-navy);
	font-size: 22px;
	font-weight: 850;
	letter-spacing: -0.04em;
}

.rzc-mp-band > i {
	grid-column: 1 / -1;
	height: 4px;
	overflow: hidden;
	border-radius: 999px;
	background: #e9eeeb;
}

.rzc-mp-band > i em {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--rzc-mp-green-2);
}

.rzc-mp-band.tone-red > i em { background: var(--rzc-mp-red); }
.rzc-mp-band.tone-amber > i em { background: #d48b18; }
.rzc-mp-band.is-unavailable { opacity: 0.62; }

.rzc-mp-distribution-total {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

.rzc-mp-distribution-total span {
	color: var(--rzc-mp-muted);
	font-size: 11px;
	font-weight: 650;
}

.rzc-mp-distribution-total strong {
	color: var(--rzc-mp-navy);
	font-size: 25px;
	font-weight: 850;
	letter-spacing: -0.04em;
}

.rzc-mp-distribution-bar {
	display: flex;
	height: 8px;
	margin: 10px 0 14px;
	overflow: hidden;
	border-radius: 999px;
	background: #edf1ef;
}

.rzc-mp-distribution-bar i { min-width: 0; }
.rzc-mp-distribution-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 14px; }
.rzc-mp-distribution-list a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 10px; }
.rzc-mp-distribution-list a:hover { background: var(--rzc-mp-mint-soft); }
.rzc-mp-distribution-list a > i { width: 8px; height: 8px; border-radius: 3px; }
.rzc-mp-distribution-list span { min-width: 0; }
.rzc-mp-distribution-list strong,
.rzc-mp-distribution-list small { display: block; }
.rzc-mp-distribution-list strong { overflow: hidden; color: var(--rzc-mp-ink); font-size: 11px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.rzc-mp-distribution-list small { color: var(--rzc-mp-muted); font-size: 9px; }
.rzc-mp-distribution-list b { color: var(--rzc-mp-navy); font-size: 13px; font-weight: 800; }
.rzc-mp-dashboard .segment-0 { background: var(--rzc-mp-green-2); }
.rzc-mp-dashboard .segment-1 { background: var(--rzc-mp-navy); }
.rzc-mp-dashboard .segment-2 { background: #d49325; }
.rzc-mp-dashboard .segment-3 { background: var(--rzc-mp-purple); }

.rzc-mp-record-list {
	display: flex;
	flex-direction: column;
}

.rzc-mp-record {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-height: 67px;
	padding: 11px 17px;
	border-top: 1px solid #edf0ef;
	transition: background 0.14s ease;
}

.rzc-mp-record:first-child {
	border-top: 0;
}

.rzc-mp-record:hover {
	background: #f7faf8;
}

.rzc-mp-record-icon,
.rzc-mp-score {
	display: grid;
	width: 39px;
	height: 39px;
	place-items: center;
	border-radius: 12px;
	background: var(--rzc-mp-mint-soft);
	color: var(--rzc-mp-green-2);
}

.rzc-mp-record-icon.tone-red { background: var(--rzc-mp-red-soft); color: var(--rzc-mp-red); }
.rzc-mp-record-icon.tone-amber { background: var(--rzc-mp-amber-soft); color: var(--rzc-mp-amber); }
.rzc-mp-record-icon.tone-neutral { background: #f1f3f5; color: #667085; }

.rzc-mp-score {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: var(--rzc-mp-purple-soft);
	color: var(--rzc-mp-purple);
}

.rzc-mp-score strong,
.rzc-mp-score small {
	display: block;
	line-height: 1;
}

.rzc-mp-score strong { font-size: 15px; font-weight: 850; }
.rzc-mp-score small { margin-top: 3px; font-size: 8px; font-weight: 750; }

.rzc-mp-record-main {
	min-width: 0;
}

.rzc-mp-record-main strong,
.rzc-mp-record-main small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rzc-mp-record-main strong {
	color: var(--rzc-mp-ink);
	font-size: 12px;
	font-weight: 750;
}

.rzc-mp-record-main small {
	margin-top: 3px;
	color: var(--rzc-mp-muted);
	font-size: 10px;
	font-weight: 600;
}

.rzc-mp-record-side {
	display: flex;
	min-width: 98px;
	align-items: flex-end;
	flex-direction: column;
	gap: 5px;
}

.rzc-mp-record-side b,
.rzc-mp-record-side em {
	font-style: normal;
	font-weight: 750;
}

.rzc-mp-record-side b {
	font-size: 10.5px;
}

.rzc-mp-record-side em {
	max-width: 150px;
	overflow: hidden;
	padding: 2px 7px;
	border-radius: 999px;
	background: #f1f3f5;
	color: #475467;
	font-size: 8.5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rzc-mp-record-side .tone-red { color: var(--rzc-mp-red); }
.rzc-mp-record-side em.tone-red { background: var(--rzc-mp-red-soft); }
.rzc-mp-record-side .tone-amber { color: var(--rzc-mp-amber); }
.rzc-mp-record-side em.tone-amber { background: var(--rzc-mp-amber-soft); }
.rzc-mp-record-side .tone-green { color: #087443; }
.rzc-mp-record-side em.tone-green { background: #e9f7ef; }

.rzc-mp-score-track {
	display: block;
	width: 74px;
	height: 3px;
	overflow: hidden;
	border-radius: 999px;
	background: #e6e8ec;
}

.rzc-mp-score-track b {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--rzc-mp-purple);
}

.rzc-mp-actions-panel {
	background: linear-gradient(145deg, #ffffff 0%, #f5faf7 100%);
}

.rzc-mp-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 9px;
}

.rzc-mp-actions button {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 9px;
	width: 100%;
	min-height: 61px;
	padding: 9px 11px;
	border: 1px solid #e1e7e4;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.9);
	color: var(--rzc-mp-ink);
	text-align: left;
	cursor: pointer;
	transition: transform 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease;
}

.rzc-mp-actions button:hover {
	transform: translateY(-1px);
	border-color: rgba(17, 63, 56, 0.3);
	box-shadow: 0 9px 20px rgba(18, 49, 42, 0.07);
}

.rzc-mp-actions button > span {
	display: grid;
	width: 31px;
	height: 31px;
	place-items: center;
	border-radius: 10px;
	background: var(--rzc-mp-mint-soft);
	color: var(--rzc-mp-green-2);
}

.rzc-mp-actions button > .rzc-mp-icon {
	width: 13px;
	height: 13px;
	color: #98a2b3;
}

.rzc-mp-actions em,
.rzc-mp-actions strong,
.rzc-mp-actions small {
	display: block;
	min-width: 0;
	font-style: normal;
}

.rzc-mp-actions strong {
	overflow: hidden;
	font-size: 10.5px;
	font-weight: 750;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rzc-mp-actions small {
	overflow: hidden;
	margin-top: 2px;
	color: var(--rzc-mp-muted);
	font-size: 8.5px;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rzc-mp-empty {
	display: flex;
	min-height: 150px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 24px;
	color: var(--rzc-mp-muted);
	text-align: center;
}

.rzc-mp-empty > span {
	display: grid;
	width: 39px;
	height: 39px;
	place-items: center;
	margin-bottom: 9px;
	border-radius: 13px;
	background: var(--rzc-mp-mint-soft);
	color: var(--rzc-mp-green-2);
}

.rzc-mp-empty strong {
	color: var(--rzc-mp-ink);
	font-size: 11.5px;
	font-weight: 750;
}

.rzc-mp-empty p {
	max-width: 410px;
	margin: 5px 0 0;
	font-size: 10.5px;
	line-height: 1.5;
}

.rzc-mp-empty.compact {
	min-height: 110px;
	font-size: 11px;
}

.rzc-mp-legal-note {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 16px;
	padding: 13px 15px;
	border: 1px dashed #cfdad5;
	border-radius: 15px;
	background: rgba(247, 250, 248, 0.72);
	color: var(--rzc-mp-muted);
}

.rzc-mp-legal-note .rzc-mp-icon {
	margin-top: 1px;
	color: var(--rzc-mp-green-2);
}

.rzc-mp-legal-note p {
	margin: 0;
	font-size: 10.5px;
	line-height: 1.55;
}

.rzc-mp-legal-note strong {
	color: var(--rzc-mp-ink);
}

.rzc-mp-dashboard a:focus-visible,
.rzc-mp-dashboard button:focus-visible {
	outline: 3px solid rgba(27, 91, 80, 0.25);
	outline-offset: 2px;
}

.rzc-mp-dashboard.is-refreshing {
	cursor: progress;
}

.rzc-mp-dashboard.is-refreshing [data-refresh] {
	opacity: 0.62;
	pointer-events: none;
}

@keyframes rzc-mp-shimmer {
	0% { background-position: 100% 0; }
	100% { background-position: -100% 0; }
}

html[data-theme="dark"] .rzc-mp-dashboard {
	--rzc-mp-ink: #e5e9ee;
	--rzc-mp-muted: #a6b0bd;
	--rzc-mp-line: #34413d;
	--rzc-mp-surface: #19231f;
	--rzc-mp-canvas: #111a17;
	--rzc-mp-navy: #eef4f1;
	--rzc-mp-mint-soft: #213b33;
	--rzc-mp-shadow: 0 16px 42px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] .rzc-mp-hero {
	border-color: #344b42;
	background: radial-gradient(circle at 3% 4%, rgba(140, 184, 159, 0.12), transparent 30%), linear-gradient(132deg, #19231f, #162c25);
}

html[data-theme="dark"] .rzc-mp-lead,
html[data-theme="dark"] .rzc-mp-summary-copy em {
	color: #a6b0bd;
}

html[data-theme="dark"] .rzc-mp-btn,
html[data-theme="dark"] .rzc-mp-hero-stat,
html[data-theme="dark"] .rzc-mp-actions button {
	border-color: #40504a;
	background: rgba(25, 35, 31, 0.92);
}

html[data-theme="dark"] .rzc-mp-btn.primary {
	border-color: #3d7768;
	background: linear-gradient(135deg, #174d43, #236c5e);
}

html[data-theme="dark"] .rzc-mp-hero-overlay {
	background: linear-gradient(90deg, #182721 0%, rgba(24, 39, 33, 0.1) 38%, rgba(0, 0, 0, 0.28) 100%);
}

html[data-theme="dark"] .rzc-mp-panel-head,
html[data-theme="dark"] .rzc-mp-record {
	border-color: #2f3c37;
}

html[data-theme="dark"] .rzc-mp-band,
html[data-theme="dark"] .rzc-mp-record:hover,
html[data-theme="dark"] .rzc-mp-legal-note {
	border-color: #34413d;
	background: #1d2a25;
}

html[data-theme="dark"] .rzc-mp-distribution-list a:hover {
	background: #243b33;
}

html[data-theme="dark"] .rzc-mp-notice {
	border-color: #755a2b;
	background: #302817;
	color: #f3d89b;
}

@media (max-width: 1280px) {
	.rzc-mp-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.rzc-mp-grid-main { grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr); }
}

@media (max-width: 1024px) {
	.rzc-mp-dashboard { padding: 18px 20px 34px; }
	.rzc-mp-hero { grid-template-columns: minmax(0, 1fr) 320px; }
	.rzc-mp-hero-copy { padding: 32px; }
	.rzc-mp-grid-overview,
	.rzc-mp-grid-main,
	.rzc-mp-grid-feed { grid-template-columns: 1fr; }
	.rzc-mp-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
	.rzc-mp-dashboard { padding: 14px 12px 28px; }
	.rzc-mp-hero { grid-template-columns: 1fr; border-radius: 22px; }
	.rzc-mp-hero-copy { padding: 27px 24px; }
	.rzc-mp-hero h1 { font-size: 38px; }
	.rzc-mp-hero-visual,
	.rzc-mp-hero-visual img { min-height: 220px; }
	.rzc-mp-hero-overlay { background: linear-gradient(180deg, #f1f7f4 0%, rgba(241, 247, 244, 0.04) 34%, rgba(10, 38, 34, 0.24) 100%); }
	html[data-theme="dark"] .rzc-mp-hero-overlay { background: linear-gradient(180deg, #182721 0%, rgba(24, 39, 33, 0.04) 34%, rgba(0, 0, 0, 0.34) 100%); }
	.rzc-mp-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rzc-mp-bands { grid-template-columns: 1fr; }
	.rzc-mp-distribution-list { grid-template-columns: 1fr; }
	.rzc-mp-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rzc-mp-notice { grid-template-columns: auto minmax(0, 1fr); }
	.rzc-mp-notice button { grid-column: 1 / -1; justify-self: start; margin-left: 44px; }
}

@media (max-width: 520px) {
	.rzc-mp-hero-copy { padding: 24px 19px; }
	.rzc-mp-kicker { align-items: flex-start; flex-direction: column; gap: 2px; }
	.rzc-mp-kicker span { display: none; }
	.rzc-mp-hero-actions,
	.rzc-mp-btn { width: 100%; }
	.rzc-mp-summary { grid-template-columns: 1fr; }
	.rzc-mp-summary-card { min-height: 100px; }
	.rzc-mp-panel-head { align-items: flex-start; flex-direction: column; gap: 8px; }
	.rzc-mp-panel-head > a { align-self: flex-start; }
	.rzc-mp-actions { grid-template-columns: 1fr; }
	.rzc-mp-record { grid-template-columns: auto minmax(0, 1fr); }
	.rzc-mp-record-side { grid-column: 2; min-width: 0; align-items: flex-start; flex-direction: row; flex-wrap: wrap; }
	.rzc-mp-record-side em { max-width: 210px; }
	.rzc-mp-score-track { align-self: center; }
}

@media (prefers-reduced-motion: reduce) {
	.rzc-mp-dashboard *,
	.rzc-mp-dashboard *::before,
	.rzc-mp-dashboard *::after {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}
}

@media print {
	.rzc-mp-dashboard { max-width: none; padding: 0; }
	.rzc-mp-hero-actions,
	.rzc-mp-notice button { display: none !important; }
	.rzc-mp-hero,
	.rzc-mp-panel,
	.rzc-mp-summary-card { break-inside: avoid; box-shadow: none; }
}

/* ---------------------------------------------------------------------------
   Marka Patent — Bülten Araştırma
   The shared .rzc-mp-* controls read their palette from custom properties that
   the dashboard declares on its own root, so the search page redeclares them.
   --------------------------------------------------------------------------- */

.rzc-mp-bulletin {
	--rzc-mp-green: #113f38;
	--rzc-mp-green-2: #1b5b50;
	--rzc-mp-mint-soft: #e9f4ee;
	--rzc-mp-ink: #17202c;
	--rzc-mp-muted: #667085;
	--rzc-mp-line: #e4e9e7;
	--rzc-mp-surface: #ffffff;
	--rzc-mp-canvas: #f5f8f6;
	--rzc-mp-red: #b42318;
	--rzc-mp-red-soft: #fdefed;
	padding: 22px 26px 40px;
	background: var(--rzc-mp-canvas);
	color: var(--rzc-mp-ink);
	min-height: 100%;
}

.rzc-mp-bs-head h1 {
	margin: 6px 0 8px;
	font-size: 26px;
	font-weight: 800;
	color: var(--rzc-mp-green);
}

.rzc-mp-bs-form {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 20px 0 18px;
	padding: 18px;
	border: 1px solid var(--rzc-mp-line);
	border-radius: 16px;
	background: var(--rzc-mp-surface);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.rzc-mp-bs-row {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: flex-end;
}

.rzc-mp-bs-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1 1 190px;
	min-width: 0;
}

.rzc-mp-bs-field.rzc-mp-bs-grow { flex: 2 1 320px; }

.rzc-mp-bs-field > span {
	font-size: 12px;
	font-weight: 700;
	color: var(--rzc-mp-muted);
}

.rzc-mp-bs-field input,
.rzc-mp-bs-field select {
	min-height: 42px;
	padding: 8px 12px;
	border: 1px solid #d7e0dc;
	border-radius: 12px;
	background: #ffffff;
	color: var(--rzc-mp-ink);
	font-size: 13px;
	width: 100%;
}

.rzc-mp-bs-field input:focus,
.rzc-mp-bs-field select:focus {
	outline: 2px solid rgba(17, 63, 56, 0.35);
	outline-offset: 1px;
	border-color: var(--rzc-mp-green);
}

.rzc-mp-bs-actions {
	display: flex;
	gap: 10px;
	flex: 0 0 auto;
	margin-left: auto;
}

.rzc-mp-bs-notice {
	margin: 0 0 14px;
	padding: 11px 14px;
	border: 1px solid var(--rzc-mp-line);
	border-radius: 12px;
	background: var(--rzc-mp-mint-soft);
	font-size: 13px;
	font-weight: 600;
	color: var(--rzc-mp-green);
}

.rzc-mp-bs-notice.is-error {
	border-color: rgba(180, 35, 24, 0.28);
	background: var(--rzc-mp-red-soft);
	color: var(--rzc-mp-red);
}

.rzc-mp-bs-summary {
	margin-bottom: 12px;
	font-size: 13px;
	font-weight: 700;
	color: var(--rzc-mp-muted);
}

.rzc-mp-bs-results {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.rzc-mp-bs-card {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: space-between;
	padding: 14px 16px;
	border: 1px solid var(--rzc-mp-line);
	border-radius: 14px;
	background: var(--rzc-mp-surface);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.rzc-mp-bs-card-main { flex: 1 1 340px; min-width: 0; }
.rzc-mp-bs-card-side {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 6px;
	flex: 0 1 auto;
	max-width: 100%;
}

.rzc-mp-bs-title {
	font-size: 15px;
	font-weight: 750;
	color: var(--rzc-mp-green);
	overflow-wrap: anywhere;
}

.rzc-mp-bs-owner {
	margin: 4px 0 0;
	font-size: 13px;
	font-weight: 650;
	color: var(--rzc-mp-ink);
	overflow-wrap: anywhere;
}

.rzc-mp-bs-meta {
	margin: 4px 0 0;
	font-size: 12px;
	color: var(--rzc-mp-muted);
	overflow-wrap: anywhere;
}

.rzc-mp-bs-classes {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	flex-basis: 100%;
}

.rzc-mp-bs-chip {
	display: inline-flex;
	align-items: center;
	padding: 3px 9px;
	border-radius: 999px;
	background: var(--rzc-mp-mint-soft);
	color: var(--rzc-mp-green);
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
}

.rzc-mp-bs-empty {
	margin: 0;
	padding: 28px 16px;
	border: 1px dashed var(--rzc-mp-line);
	border-radius: 14px;
	background: var(--rzc-mp-surface);
	text-align: center;
	font-size: 13px;
	color: var(--rzc-mp-muted);
}

.rzc-mp-bs-more {
	display: flex;
	justify-content: center;
	margin-top: 16px;
}

@media (max-width: 720px) {
	.rzc-mp-bulletin { padding: 16px 14px 32px; }
	.rzc-mp-bs-actions { margin-left: 0; width: 100%; }
	.rzc-mp-bs-actions .rzc-mp-btn { flex: 1 1 auto; }
}

html[data-theme="dark"] .rzc-mp-bulletin {
	--rzc-mp-ink: #e8edf2;
	--rzc-mp-muted: #9aa8b8;
	--rzc-mp-line: #2b3a44;
	--rzc-mp-surface: #16212a;
	--rzc-mp-canvas: #101820;
	--rzc-mp-mint-soft: #17352c;
	--rzc-mp-green: #8cb89f;
	--rzc-mp-red-soft: #3a1d1a;
}

html[data-theme="dark"] .rzc-mp-bs-field input,
html[data-theme="dark"] .rzc-mp-bs-field select {
	border-color: #2b3a44;
	background: #101820;
	color: var(--rzc-mp-ink);
}

/* ---------------------------------------------------------------------------
   Marka Patent — Araştır (smart research)

   Register-style result list rather than floating cards: IP professionals scan
   many marks per screen and compare them side by side, so rows are separated by
   hairlines and aligned on a fixed grid. Mark images keep their natural aspect
   at a fixed cap height, because register marks are predominantly landscape and
   a square crop box letterboxes them into illegible thumbnails.

   Fonts are declared with a platform stack that actually resolves. The rest of
   this file names "Manrope"/Inter, but no @font-face or webfont loader exists
   anywhere in the app, so those declarations silently fall back; naming the
   fallback directly keeps the rendered result predictable.
   --------------------------------------------------------------------------- */

.rzc-mp-arastir {
	/* Neutrals carry a slight green cast so they sit with the brand mark
	   without reading as mint. */
	--rzc-mp-ink: #141a1f;
	--rzc-mp-ink-2: #33404b;
	--rzc-mp-muted: #55616d;
	/* Both greys carry small type (11px labels, coverage), so they are set at
	   the darkest value that still reads as secondary: 4.8:1 on the surface and
	   4.5:1 on the canvas. */
	--rzc-mp-faint: #68737f;
	--rzc-mp-line: #dee3e1;
	--rzc-mp-line-soft: #eaeeec;
	--rzc-mp-surface: #ffffff;
	--rzc-mp-canvas: #f6f7f6;
	--rzc-mp-plate: #fbfbfa;
	--rzc-mp-hover: #f2f5f3;

	--rzc-mp-green: #113f38;
	--rzc-mp-green-2: #1b5b50;
	--rzc-mp-mint-soft: #eef4f1;

	--rzc-mp-red: #a3231a;
	--rzc-mp-red-soft: #fbeeec;
	--rzc-mp-amber: #8a5a0b;
	--rzc-mp-ok: #12684a;

	--rzc-mp-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
		"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--rzc-mp-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
		"Liberation Mono", monospace;

	/* One spacing scale for the whole screen. */
	--rzc-mp-s1: 4px;
	--rzc-mp-s2: 8px;
	--rzc-mp-s3: 12px;
	--rzc-mp-s4: 16px;
	--rzc-mp-s5: 24px;
	--rzc-mp-s6: 32px;

	--rzc-mp-radius: 3px;

	padding: var(--rzc-mp-s5) var(--rzc-mp-s5) var(--rzc-mp-s6);
	background: var(--rzc-mp-canvas);
	color: var(--rzc-mp-ink);
	font-family: var(--rzc-mp-sans);
	font-size: 13px;
	line-height: 1.45;
	-webkit-font-smoothing: antialiased;
	min-height: 100%;
}

.rzc-mp-arastir *,
.rzc-mp-arastir *::before,
.rzc-mp-arastir *::after {
	box-sizing: border-box;
}

/* ---- Page head ---------------------------------------------------------- */

.rzc-mp-rs-head {
	max-width: 74ch;
	margin-bottom: var(--rzc-mp-s5);
}

.rzc-mp-arastir .rzc-mp-kicker {
	margin: 0 0 var(--rzc-mp-s2);
	color: var(--rzc-mp-muted);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.rzc-mp-arastir .rzc-mp-kicker span {
	color: var(--rzc-mp-faint);
}

.rzc-mp-rs-head h1 {
	margin: 0 0 var(--rzc-mp-s2);
	color: var(--rzc-mp-green);
	font-size: 21px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

.rzc-mp-arastir .rzc-mp-lead {
	margin: 0;
	color: var(--rzc-mp-muted);
	font-size: 13px;
	line-height: 1.55;
}

/* ---- Filter bar --------------------------------------------------------- */

.rzc-mp-rs-form {
	display: flex;
	flex-direction: column;
	gap: var(--rzc-mp-s3);
	margin: 0 0 var(--rzc-mp-s4);
	padding: var(--rzc-mp-s4);
	border: 1px solid var(--rzc-mp-line);
	border-radius: var(--rzc-mp-radius);
	background: var(--rzc-mp-surface);
}

.rzc-mp-rs-row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rzc-mp-s3);
	align-items: flex-end;
}

.rzc-mp-rs-field {
	display: flex;
	flex-direction: column;
	gap: var(--rzc-mp-s1);
	flex: 1 1 160px;
	min-width: 0;
}

.rzc-mp-rs-field.rzc-mp-rs-grow { flex: 2 1 300px; }

.rzc-mp-rs-field > span {
	color: var(--rzc-mp-muted);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.rzc-mp-rs-field input,
.rzc-mp-rs-field select {
	width: 100%;
	min-height: 34px;
	padding: 6px 9px;
	border: 1px solid var(--rzc-mp-line);
	border-radius: var(--rzc-mp-radius);
	background: var(--rzc-mp-surface);
	color: var(--rzc-mp-ink);
	font-family: inherit;
	font-size: 13px;
	line-height: 1.4;
}

.rzc-mp-rs-field input::placeholder {
	color: var(--rzc-mp-faint);
}

.rzc-mp-rs-field input[type="date"],
.rzc-mp-rs-field input[type="number"],
.rzc-mp-rs-field input[name="application_number"] {
	font-variant-numeric: tabular-nums;
}

.rzc-mp-rs-field input:focus,
.rzc-mp-rs-field select:focus {
	outline: 2px solid var(--rzc-mp-green-2);
	outline-offset: -1px;
	border-color: var(--rzc-mp-green);
}

.rzc-mp-rs-actions {
	display: flex;
	gap: var(--rzc-mp-s2);
	flex: 0 0 auto;
	margin-left: auto;
}

/* Flatten the shared button treatment on this screen: no gradient, no lift,
   no coloured shadow. Scoped so the dashboard keeps its own styling. */
.rzc-mp-arastir .rzc-mp-btn {
	min-height: 34px;
	padding: 6px 14px;
	border: 1px solid var(--rzc-mp-line);
	border-radius: var(--rzc-mp-radius);
	background: var(--rzc-mp-surface);
	color: var(--rzc-mp-ink-2);
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	box-shadow: none;
	transition: background 0.12s ease, border-color 0.12s ease;
}

.rzc-mp-arastir .rzc-mp-btn:hover {
	transform: none;
	border-color: var(--rzc-mp-faint);
	background: var(--rzc-mp-hover);
	box-shadow: none;
}

.rzc-mp-arastir .rzc-mp-btn.primary {
	border-color: var(--rzc-mp-green);
	background: var(--rzc-mp-green);
	color: #ffffff;
	font-weight: 600;
	box-shadow: none;
}

.rzc-mp-arastir .rzc-mp-btn.primary:hover {
	border-color: var(--rzc-mp-green-2);
	background: var(--rzc-mp-green-2);
	box-shadow: none;
}

.rzc-mp-arastir .rzc-mp-btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.rzc-mp-arastir .rzc-mp-btn:focus-visible,
.rzc-mp-arastir a:focus-visible,
.rzc-mp-arastir input:focus-visible {
	outline: 2px solid var(--rzc-mp-green-2);
	outline-offset: 1px;
}

/* ---- Notice / toolbar --------------------------------------------------- */

.rzc-mp-rs-notice {
	margin: 0 0 var(--rzc-mp-s3);
	padding: 9px 12px;
	border: 1px solid var(--rzc-mp-line);
	border-left: 3px solid var(--rzc-mp-green);
	border-radius: var(--rzc-mp-radius);
	background: var(--rzc-mp-mint-soft);
	color: var(--rzc-mp-green);
	font-size: 12.5px;
	font-weight: 500;
}

.rzc-mp-rs-notice.is-error {
	border-color: var(--rzc-mp-line);
	border-left-color: var(--rzc-mp-red);
	background: var(--rzc-mp-red-soft);
	color: var(--rzc-mp-red);
}

.rzc-mp-rs-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rzc-mp-s3);
	align-items: center;
	justify-content: space-between;
	padding-bottom: var(--rzc-mp-s2);
	border-bottom: 1px solid var(--rzc-mp-line);
	margin-bottom: 0;
}

.rzc-mp-rs-summary {
	color: var(--rzc-mp-muted);
	font-size: 12px;
	font-variant-numeric: tabular-nums;
}

/* ---- Result register ---------------------------------------------------- */

.rzc-mp-rs-results {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--rzc-mp-line);
	border-top: none;
	border-radius: 0 0 var(--rzc-mp-radius) var(--rzc-mp-radius);
	background: var(--rzc-mp-surface);
	/* Not clipped: the mark plate's enlarged preview overflows its row. */
	overflow: visible;
}

.rzc-mp-rs-card {
	position: relative;
	display: grid;
	grid-template-columns: 22px 132px minmax(0, 1fr) 88px;
	gap: var(--rzc-mp-s4);
	align-items: start;
	padding: var(--rzc-mp-s3) var(--rzc-mp-s4);
	border-top: 1px solid var(--rzc-mp-line-soft);
	background: transparent;
	transition: background 0.12s ease;
}

.rzc-mp-rs-card:first-child { border-top: none; }

.rzc-mp-rs-card:hover {
	background: var(--rzc-mp-hover);
	/* Raise only while hovered so the enlarged mark sits above later rows. */
	z-index: 2;
}

.rzc-mp-rs-card:focus-within { z-index: 2; }

.rzc-mp-rs-select {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 22px;
	padding-top: 2px;
}

.rzc-mp-rs-select input {
	width: 15px;
	height: 15px;
	margin: 0;
	accent-color: var(--rzc-mp-green);
	cursor: pointer;
}

/* Mark plate: fixed footprint keeps every row aligned, while the image itself
   keeps its natural aspect under a cap height so a landscape logo reads as a
   logo instead of being letterboxed inside a square. */
.rzc-mp-rs-mark {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 132px;
	height: 58px;
	padding: 5px 7px;
	border: 1px solid var(--rzc-mp-line);
	border-radius: var(--rzc-mp-radius);
	background: var(--rzc-mp-plate);
	text-decoration: none;
}

/* max-* only, never width/height: bulletin crops are low-resolution scans and
   upscaling a small one to fill the plate just renders it blurry. */
.rzc-mp-rs-mark > img {
	max-width: 100%;
	max-height: 46px;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

/* A mark wider than roughly 6:1 lands only a few pixels tall at list scale, so
   the plate reveals the artwork at a readable size on hover or keyboard focus
   rather than forcing a round trip to the record. */
.rzc-mp-rs-zoom {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	z-index: 30;
	display: none;
	padding: 10px 12px;
	border: 1px solid var(--rzc-mp-line);
	border-radius: var(--rzc-mp-radius);
	background: #ffffff;
	box-shadow: 0 6px 20px rgba(16, 26, 32, 0.16);
	pointer-events: none;
}

.rzc-mp-rs-zoom img {
	display: block;
	max-width: 380px;
	max-height: 190px;
	width: auto;
	height: auto;
}

@media (hover: hover) {
	.rzc-mp-rs-mark:hover .rzc-mp-rs-zoom { display: block; }
}

.rzc-mp-rs-mark:focus-visible .rzc-mp-rs-zoom { display: block; }

/* The last rows would push the preview below the fold; flip it above instead. */
.rzc-mp-rs-card:nth-last-child(-n + 2) .rzc-mp-rs-zoom {
	top: auto;
	bottom: calc(100% + 6px);
}

/* Word marks carry no device image; the register shows the wording itself so
   the column never collapses into an empty box. */
.rzc-mp-rs-mark.is-wordmark {
	background: var(--rzc-mp-surface);
	border-style: dashed;
	border-color: var(--rzc-mp-line-soft);
}

/* Clamped to two lines: a hard overflow cut slices the third line in half and
   reads as a rendering fault rather than as truncation. */
.rzc-mp-rs-wordmark {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: var(--rzc-mp-ink-2);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0.01em;
	text-align: center;
	overflow-wrap: anywhere;
}

.rzc-mp-rs-card-main { min-width: 0; }

.rzc-mp-rs-titlerow {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rzc-mp-s1) var(--rzc-mp-s2);
	align-items: baseline;
}

.rzc-mp-rs-title {
	color: var(--rzc-mp-green);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	overflow-wrap: anywhere;
}

a.rzc-mp-rs-title:hover { text-decoration: underline; }

.rzc-mp-rs-owner {
	margin: 2px 0 0;
	color: var(--rzc-mp-ink-2);
	font-size: 13px;
	font-weight: 400;
	overflow-wrap: anywhere;
}

/* Label/value facts instead of one run-on meta sentence: register identifiers
   are compared column-wise, so they get their own tabular treatment. */
.rzc-mp-rs-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 2px var(--rzc-mp-s4);
	margin: var(--rzc-mp-s2) 0 0;
	padding: 0;
}

.rzc-mp-rs-fact {
	display: inline-flex;
	align-items: baseline;
	gap: var(--rzc-mp-s1);
	font-size: 12px;
}

.rzc-mp-rs-fact .k {
	color: var(--rzc-mp-faint);
	font-size: 11px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	white-space: nowrap;
}

.rzc-mp-rs-fact .v {
	color: var(--rzc-mp-ink-2);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.rzc-mp-rs-fact .v.num {
	font-family: var(--rzc-mp-mono);
	font-size: 11.5px;
	letter-spacing: -0.01em;
}

.rzc-mp-rs-chips {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rzc-mp-s1);
	margin-top: var(--rzc-mp-s2);
}

/* Square-cornered tags, not pills; class numbers stay tabular so a column of
   Nice classes lines up. */
.rzc-mp-rs-chip {
	display: inline-flex;
	align-items: center;
	padding: 1px 6px;
	border: 1px solid var(--rzc-mp-line);
	border-radius: 2px;
	background: var(--rzc-mp-surface);
	color: var(--rzc-mp-muted);
	font-size: 11px;
	font-weight: 500;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.rzc-mp-rs-chip.is-live {
	border-color: var(--rzc-mp-green-2);
	color: var(--rzc-mp-green);
}

.rzc-mp-arastir .rzc-mp-btn.link,
.rzc-mp-rs-btn {
	min-height: 0;
	margin-top: var(--rzc-mp-s2);
	padding: 0;
	border: none;
	background: none;
	color: var(--rzc-mp-green-2);
	font-family: inherit;
	font-size: 12px;
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
	box-shadow: none;
}

.rzc-mp-arastir .rzc-mp-btn.link:hover {
	background: none;
	border: none;
	color: var(--rzc-mp-green);
}

.rzc-mp-rs-ocr {
	margin: var(--rzc-mp-s2) 0 0;
	color: var(--rzc-mp-muted);
	font-size: 11.5px;
}

.rzc-mp-rs-ocr b {
	color: var(--rzc-mp-faint);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

/* ---- Score breakdown ---------------------------------------------------- */

.rzc-mp-rs-components {
	margin-top: var(--rzc-mp-s2);
	border: 1px solid var(--rzc-mp-line);
	border-radius: var(--rzc-mp-radius);
	overflow-x: auto;
}

.rzc-mp-rs-components table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}

.rzc-mp-rs-components th,
.rzc-mp-rs-components td {
	padding: 5px 10px;
	text-align: left;
	border-bottom: 1px solid var(--rzc-mp-line-soft);
}

.rzc-mp-rs-components td + td,
.rzc-mp-rs-components th + th {
	text-align: right;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.rzc-mp-rs-components th {
	background: var(--rzc-mp-plate);
	color: var(--rzc-mp-muted);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.rzc-mp-rs-components tr:last-child td { border-bottom: none; }

.rzc-mp-rs-disclaimer {
	margin: 0;
	padding: 6px 10px;
	border-top: 1px solid var(--rzc-mp-line-soft);
	color: var(--rzc-mp-faint);
	font-size: 11px;
}

/* ---- Score indicator ---------------------------------------------------- */

/* A number plus a proportional rule reads faster than a coloured pill, and
   keeps colour meaning the band rather than decorating the row. */
.rzc-mp-rs-score {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 3px;
	padding-top: 2px;
}

.rzc-mp-rs-score-value {
	color: var(--rzc-mp-ink);
	font-size: 17px;
	font-weight: 600;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

.rzc-mp-rs-score-track {
	width: 100%;
	height: 3px;
	border-radius: 2px;
	background: var(--rzc-mp-line);
	overflow: hidden;
}

.rzc-mp-rs-score-fill {
	display: block;
	height: 100%;
	background: var(--rzc-mp-band, var(--rzc-mp-faint));
}

.rzc-mp-rs-score-band {
	color: var(--rzc-mp-band, var(--rzc-mp-muted));
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: right;
}

.rzc-mp-rs-score-coverage {
	color: var(--rzc-mp-faint);
	font-size: 10.5px;
	font-variant-numeric: tabular-nums;
}

/* Band colours also label 10.5px text, so each is dark enough to clear AA on
   both the row surface and its hover tint. */
.rzc-mp-rs-score-very-high { --rzc-mp-band: #0f5c3c; }
.rzc-mp-rs-score-high { --rzc-mp-band: #12684a; }
.rzc-mp-rs-score-medium { --rzc-mp-band: #8a5a0b; }
.rzc-mp-rs-score-low { --rzc-mp-band: #586873; }
.rzc-mp-rs-score-minimal { --rzc-mp-band: #646f7a; }

/* ---- Empty / footer ----------------------------------------------------- */

.rzc-mp-rs-empty {
	margin: 0;
	padding: 40px 16px;
	border: 1px solid var(--rzc-mp-line);
	border-radius: var(--rzc-mp-radius);
	background: var(--rzc-mp-surface);
	color: var(--rzc-mp-muted);
	font-size: 13px;
	text-align: center;
}

.rzc-mp-rs-research-link {
	margin: var(--rzc-mp-s3) 0 0;
	font-size: 13px;
	font-weight: 500;
}

.rzc-mp-rs-research-link a {
	color: var(--rzc-mp-green-2);
	text-underline-offset: 2px;
}

@media (max-width: 860px) {
	.rzc-mp-arastir { padding: var(--rzc-mp-s4) var(--rzc-mp-s3) var(--rzc-mp-s6); }
	.rzc-mp-rs-actions { margin-left: 0; width: 100%; }
	.rzc-mp-arastir .rzc-mp-rs-actions .rzc-mp-btn { flex: 1 1 auto; }
	.rzc-mp-rs-card {
		grid-template-columns: 22px 96px minmax(0, 1fr);
		gap: var(--rzc-mp-s3);
	}
	.rzc-mp-rs-mark { width: 96px; height: 50px; }
	.rzc-mp-rs-mark img { max-height: 38px; }
	.rzc-mp-rs-score {
		grid-column: 2 / -1;
		flex-direction: row;
		align-items: center;
		gap: var(--rzc-mp-s2);
	}
	.rzc-mp-rs-score-track { width: 72px; }
}

/* ---- Dark theme --------------------------------------------------------- */

html[data-theme="dark"] .rzc-mp-arastir {
	--rzc-mp-ink: #e6eaec;
	--rzc-mp-ink-2: #c2cbd2;
	--rzc-mp-muted: #97a3ad;
	--rzc-mp-faint: #7b8791;
	--rzc-mp-line: #2c363d;
	--rzc-mp-line-soft: #232c33;
	--rzc-mp-surface: #151c21;
	--rzc-mp-canvas: #10161a;
	--rzc-mp-plate: #1b232a;
	--rzc-mp-hover: #1b232a;

	--rzc-mp-green: #8cc0ae;
	--rzc-mp-green-2: #a5d3c2;
	--rzc-mp-mint-soft: #16302a;

	--rzc-mp-red: #f08b81;
	--rzc-mp-red-soft: #35201e;
	--rzc-mp-amber: #e0ae5c;
	--rzc-mp-ok: #74c9a4;
}

html[data-theme="dark"] .rzc-mp-arastir .rzc-mp-btn.primary {
	border-color: var(--rzc-mp-green);
	background: var(--rzc-mp-green);
	color: #0d1418;
}

html[data-theme="dark"] .rzc-mp-arastir .rzc-mp-btn.primary:hover {
	background: var(--rzc-mp-green-2);
	border-color: var(--rzc-mp-green-2);
}

/* The mark plate stays light: register images are supplied as black artwork on
   a transparent or white ground and vanish on a dark plate. */
html[data-theme="dark"] .rzc-mp-rs-mark {
	background: #f4f5f4;
	border-color: #2c363d;
}

html[data-theme="dark"] .rzc-mp-rs-mark.is-wordmark {
	background: var(--rzc-mp-plate);
}

html[data-theme="dark"] .rzc-mp-rs-wordmark { color: var(--rzc-mp-ink-2); }

html[data-theme="dark"] .rzc-mp-rs-score-very-high { --rzc-mp-band: #6fc79f; }
html[data-theme="dark"] .rzc-mp-rs-score-high { --rzc-mp-band: #74c9a4; }
html[data-theme="dark"] .rzc-mp-rs-score-medium { --rzc-mp-band: #e0ae5c; }
html[data-theme="dark"] .rzc-mp-rs-score-low { --rzc-mp-band: #93a3ae; }
html[data-theme="dark"] .rzc-mp-rs-score-minimal { --rzc-mp-band: #7b8791; }