/**
 * Shared Zenith Zoho Tools design tokens & common controls.
 * Tokens inspected from https://zenithinnovations.net/zoho-consultancy-plans/
 */

.zenith-zoho-calculator,
.zenith-zoho-health-check,
.zenith-zoho-automation-finder,
.zenith-zoho-integration-finder,
.zenith-zoho-agent-mcp-planner {
	--zzt-brand: #a72049;
	--zzt-brand-hover: #8e1b3e;
	--zzt-ink: #222429;
	--zzt-muted: #777777;
	--zzt-slate: #64748b;
	--zzt-border: #e2e8f0;
	--zzt-bg: #f8fafc;
	--zzt-card: #ffffff;
	--zzt-focus: #a72049;
	--zzt-radius-card: 12px;
	--zzt-radius-btn: 5px;
	--zzt-radius-option: 8px;
	--zzt-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
	--zzt-font-body: "Open Sans", sans-serif;
	--zzt-font-heading: Jost, sans-serif;
	--zzt-max: 720px;

	/* Back-compat aliases used by calculator.css */
	--zzc-brand: var(--zzt-brand);
	--zzc-brand-hover: var(--zzt-brand-hover);
	--zzc-ink: var(--zzt-ink);
	--zzc-muted: var(--zzt-muted);
	--zzc-slate: var(--zzt-slate);
	--zzc-border: var(--zzt-border);
	--zzc-bg: var(--zzt-bg);
	--zzc-card: var(--zzt-card);
	--zzc-focus: var(--zzt-focus);
	--zzc-radius-card: var(--zzt-radius-card);
	--zzc-radius-btn: var(--zzt-radius-btn);
	--zzc-radius-option: var(--zzt-radius-option);
	--zzc-shadow: var(--zzt-shadow);
	--zzc-font-body: var(--zzt-font-body);
	--zzc-font-heading: var(--zzt-font-heading);
	--zzc-max: var(--zzt-max);
}

.zenith-zoho-tool,
.zenith-zoho-tool * ,
.zenith-zoho-tool *::before,
.zenith-zoho-tool *::after {
	box-sizing: border-box;
}

.zenith-zoho-tool__shell {
	background: var(--zzt-card);
	border-radius: var(--zzt-radius-card);
	box-shadow: var(--zzt-shadow);
	padding: 2rem 1.5rem;
}

@media (min-width: 768px) {
	.zenith-zoho-tool__shell {
		padding: 2.75rem 2.5rem;
	}
}

.zenith-zoho-tool__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 48px;
	padding: 14px 28px;
	border: 1px solid transparent;
	border-radius: var(--zzt-radius-btn);
	font-family: var(--zzt-font-heading);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.zenith-zoho-tool__btn:focus-visible {
	outline: 2px solid var(--zzt-focus);
	outline-offset: 2px;
}

.zenith-zoho-tool__btn--primary {
	background: var(--zzt-brand);
	color: #fff;
}

.zenith-zoho-tool__btn--primary:hover,
.zenith-zoho-tool__btn--primary:focus {
	background: var(--zzt-brand-hover);
	color: #fff;
	text-decoration: none;
}

.zenith-zoho-tool__btn:disabled {
	opacity: 0.65;
	cursor: not-allowed;
}

@media (max-width: 640px) {
	.zenith-zoho-tool__shell {
		padding: 1.5rem 1rem;
		border-radius: 10px;
	}

	.zenith-zoho-tool__btn {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.zenith-zoho-tool__btn {
		transition: none;
	}
}

.zenith-consultation {
	margin: 0 0 1.25rem;
	padding: 1rem 1.1rem;
	border: 1px solid var(--zzt-border, #e2e8f0);
	border-radius: 8px;
	background: var(--zzt-bg, #f8fafc);
	text-align: left;
}

.zenith-consultation__ready,
.zenith-consultation__note,
.zenith-consultation__status {
	margin: 0 0 0.5rem;
	color: var(--zzt-ink, #222429);
}

.zenith-consultation__label {
	margin: 0 0 0.35rem;
	font-family: var(--zzt-font-heading, Jost, sans-serif);
	font-weight: 700;
}

.zenith-consultation__reference {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	letter-spacing: 0.04em;
	user-select: all;
}

.zenith-consultation__status:empty {
	display: none;
}