/* Shared brand/Desk components. ERP font and screen-theme tokens live in
   rzc_erp_typography.css; storefront font faces belong to rzc_storefront.css. */
: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: var(--rzc-erp-background, #ffffff);
	--rzc-surface: var(--rzc-erp-surface, #ffffff);
	--rzc-surface-2: var(--rzc-erp-surface-2, #f5f7f6);
	--rzc-text: var(--rzc-erp-text, #1b2a25);
	--rzc-muted: var(--rzc-erp-muted-soft, #7b8a83);
	--rzc-border: var(--rzc-erp-border, #e7ebe9);
}

html[data-theme="dark"] {
	--rzc-bg: var(--rzc-erp-background, #111a17);
	--rzc-surface: var(--rzc-erp-surface, #19231f);
	--rzc-surface-2: var(--rzc-erp-surface-2, #1d2a25);
	--rzc-text: var(--rzc-erp-text, #e5e9ee);
	--rzc-muted: var(--rzc-erp-muted-soft, #a6b0bd);
	--rzc-border: var(--rzc-erp-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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: 15px;
	letter-spacing: 0;
	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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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-heading: var(--rzc-erp-heading, #193046);
	--rzc-dash-link: var(--rzc-erp-accent-ink, #113f38);
	--rzc-dash-soft: var(--rzc-erp-accent-soft, #edf7f2);
	--rzc-dash-ink: var(--rzc-erp-ink, #0f172a);
	--rzc-dash-muted: var(--rzc-erp-secondary, #64748b);
	--rzc-dash-line: var(--rzc-erp-panel-border, #e7ece9);
	--rzc-dash-bg: var(--rzc-erp-canvas, #f4f7f5);
	--rzc-dash-card: var(--rzc-erp-surface, #ffffff);
	--rzc-dash-shadow: var(--rzc-erp-shadow, 0 1px 2px rgba(16, 40, 32, 0.04), 0 10px 30px rgba(16, 40, 32, 0.05));
	--rzc-dash-shadow-sm: var(--rzc-erp-shadow-sm, 0 1px 2px rgba(16, 40, 32, 0.05));
	--rzc-dash-amber: var(--rzc-erp-warning, #b7791f);
	--rzc-dash-amber-bg: var(--rzc-erp-warning-soft, #fdf6e7);
	--rzc-dash-red: var(--rzc-erp-danger, #b42318);
	--rzc-dash-red-bg: var(--rzc-erp-danger-soft, #fdeceb);
	--rzc-dash-ok-bg: var(--rzc-erp-success-soft, #e9f6ef);
	--rzc-dash-ok-fg: var(--rzc-erp-success, #0f7a4f);
	display: block;
	width: 100%;
	min-height: calc(100vh - 56px);
	margin: 0;
	background: var(--rzc-dash-bg);
	color: var(--rzc-dash-ink);
	font-family: var(--rzc-erp-font-ui, var(--font-stack, system-ui));
	-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: var(--rzc-erp-font-ui, var(--font-stack, system-ui));
	-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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-topbar, 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: var(--rzc-dash-card);
	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: var(--rzc-dash-card);
	color: var(--rzc-dash-heading);
	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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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-heading);
	font-size: 24px;
	font-weight: var(--rzc-erp-weight-bold, 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: var(--rzc-dash-card);
	color: var(--rzc-dash-heading);
	box-shadow: var(--rzc-dash-shadow-sm);
	font: inherit;
	font-size: 13px;
	font-weight: var(--rzc-erp-weight-bold, 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-link);
	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-link);
}

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

.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-heading);
	font-size: clamp(24px, 2.4vw, 32px);
	font-weight: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-neutral-soft, #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-heading);
	font-size: 15px;
	font-weight: var(--rzc-erp-weight-bold, 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-link);
	font-size: 12.5px;
	font-weight: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 800);
	cursor: pointer;
}

.rzc-dash-seg button.on {
	background: var(--rzc-dash-card);
	color: var(--rzc-dash-heading);
	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: var(--rzc-erp-weight-bold, 800);
}

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

.rzc-dash-funnel-row strong {
	color: var(--rzc-dash-heading);
	font-size: 13px;
	font-weight: var(--rzc-erp-weight-bold, 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-heading);
	font-size: 13.5px;
	font-weight: var(--rzc-erp-weight-bold, 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-heading);
	font-size: 13.5px;
	font-weight: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-info-soft, #eaf0f5);
	color: var(--rzc-dash-heading);
}

.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: var(--rzc-erp-neutral-soft, #eef1f4);
	color: var(--rzc-dash-muted);
}

.rzc-dash-progress {
	display: block;
	height: 6px;
	margin-top: 8px;
	overflow: hidden;
	border-radius: 99px;
	background: var(--rzc-erp-progress-track, #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-heading);
	font-size: 14px;
	font-weight: var(--rzc-erp-weight-bold, 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-link);
}

.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 var(--rzc-erp-control-border, #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-link);
	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-heading);
	font-size: 13px;
	font-weight: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 800);
}

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

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

.rzc-dash-kpi.is-loading {
	background: linear-gradient(90deg, var(--rzc-erp-inset, #f8fafc), var(--rzc-dash-soft), var(--rzc-erp-inset, #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: var(--rzc-erp-inset, #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-heading);
	font-size: 20px;
	font-weight: var(--rzc-erp-weight-bold, 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-heading);
	font-size: 13px;
	font-weight: var(--rzc-erp-weight-bold, 900);
}

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

/* SVG presentation attributes are emitted by the dashboard renderer. Only the
   dark ERP screen replaces their light-only ink; print and the light palette
   retain the existing chart appearance. */
@media screen {
	html.rzc-erp-typography[data-theme="dark"] .rzc-business-dashboard-v2 .rzc-dash-chart svg text {
		fill: var(--rzc-dash-muted);
	}
	html.rzc-erp-typography[data-theme="dark"] .rzc-business-dashboard-v2 .rzc-dash-chart svg line {
		stroke: var(--rzc-dash-line);
	}
	html.rzc-erp-typography[data-theme="dark"] .rzc-business-dashboard-v2 .rzc-dash-chart svg path[stroke],
	html.rzc-erp-typography[data-theme="dark"] .rzc-business-dashboard-v2 .rzc-dash-chart svg circle {
		stroke: var(--rzc-dash-link);
	}
	html.rzc-erp-typography[data-theme="dark"] .rzc-business-dashboard-v2 .rzc-dash-chart svg circle {
		fill: var(--rzc-dash-card);
	}
}

@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%;
	}
}

/* Departments hidden on the site (Desktop Icon "hidden"): their panels are left out,
   a row without any panel goes too, and a row with fewer tiles than it was laid out
   for shares the width among them (--rzc-dash-cols, set by the page). */
.rzc-business-dashboard-v2 [data-rzc-dept][hidden],
.rzc-business-dashboard-v2 [data-rzc-fit][hidden] {
	display: none !important;
}

.rzc-dash-content .rzc-dash-fit {
	grid-template-columns: repeat(var(--rzc-dash-cols, 1), minmax(0, 1fr));
}

@media (max-width: 1180px) {
	.rzc-dash-content .rzc-dash-fit.rzc-dash-grid-2,
	.rzc-dash-content .rzc-dash-fit.rzc-dash-grid-3 {
		grid-template-columns: 1fr;
	}

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

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

/* ===== 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: var(--rzc-erp-card-label-size, 13px) !important;
	line-height: var(--rzc-erp-card-label-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: var(--rzc-erp-card-label-size, 12.5px) !important;
	line-height: var(--rzc-erp-card-label-line-height, 1.2) !important;
	white-space: var(--rzc-erp-card-label-wrap, 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; flex: 1 1 auto; max-width: 100%; }
.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; }
/* A long legal name wraps onto a second line: a one-line, cut name made the hero as wide
   as the name and pushed the whole desk home sideways on narrow screens. */
.rzc-home-company span { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.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-main { width: 100%; }
	.rzc-home-hero-date { text-align: left; }
	.rzc-home-hero-text h1 { font-size: 19px; }
}

/* ===== Mobile: desk home grids, 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; }
	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 =====
   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; }


/* ===================== 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: var(--rzc-erp-font-ui, var(--font-stack, system-ui));
	-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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 800);
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.rzc-mp-panel-head h2 {
	color: var(--rzc-mp-navy);
	font-size: 16px;
	font-weight: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 850); }
.rzc-mp-score small { margin-top: 3px; font-size: 8px; font-weight: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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: var(--rzc-erp-weight-bold, 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.

   Typography uses the shared ERP font token; the monospace register identifiers
   keep their distinct code font.
   --------------------------------------------------------------------------- */

.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: var(--rzc-erp-font-ui, var(--font-stack, system-ui));
	--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; }