/* Platform page #integrations — HRIS rows, code block, endpoints */
.ontarioai-platform-integrations-section__heading {
	font-size: clamp(2rem, 4vw, 3rem);
}

.ontarioai-platform-integrations-section .code-block {
	background: #0a0f1e;
	border: 1px solid rgba(107, 70, 255, 0.25);
	border-radius: 1rem;
	overflow: hidden;
}

.ontarioai-platform-integrations-section .code-line {
	display: flex;
	align-items: flex-start;
	padding: 0.2rem 1.5rem;
}

.ontarioai-platform-integrations-section .code-line:hover {
	background: rgba(107, 70, 255, 0.06);
}

.ontarioai-platform-integrations-section .ln {
	color: rgba(255, 255, 255, 0.15);
	font-size: 0.75rem;
	width: 2rem;
	flex-shrink: 0;
	user-select: none;
}

.ontarioai-platform-integrations-section .kw {
	color: #a78bfa;
}

.ontarioai-platform-integrations-section .st {
	color: #86efac;
}

.ontarioai-platform-integrations-section .cm {
	color: rgba(255, 255, 255, 0.3);
	font-style: italic;
}

.ontarioai-platform-integrations-section .fn {
	color: #67e8f9;
}

.ontarioai-platform-integrations-section .nm {
	color: #fde68a;
}

.ontarioai-platform-integrations-section .op {
	color: rgba(255, 255, 255, 0.5);
}

.ontarioai-platform-integrations-section .int-row {
	transition: background 0.25s, border-color 0.25s;
}

.ontarioai-platform-integrations-section .int-row:hover {
	background: rgba(107, 70, 255, 0.04);
	border-color: rgba(107, 70, 255, 0.3);
}

/* Tab controls (API column + mobile section switcher) */
.ontarioai-platform-integrations-section .ontarioai-int-tab {
	transition: color 0.25s, border-color 0.25s;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	background: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	color: rgba(74, 74, 90, 0.7);
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 0.75rem 1.25rem;
}

.ontarioai-platform-integrations-section .ontarioai-int-tab.active {
	border-bottom-color: #6b46ff;
	color: #0f1629;
}

.ontarioai-platform-integrations-section .ontarioai-int-tab:not(.active):hover {
	border-bottom-color: rgba(107, 70, 255, 0.35);
	color: #4a4a5a;
}

.ontarioai-platform-integrations-section.ontarioai-int-has-api-tabs [data-int-api-panel] {
	display: none;
}

.ontarioai-platform-integrations-section.ontarioai-int-has-api-tabs [data-int-api-panel].active {
	display: block;
}

/* Mobile: switch integration list vs API column */
@media (max-width: 767px) {
	.ontarioai-platform-integrations-section.ontarioai-int-has-section-tabs [data-int-section-panel] {
		display: none;
	}

	.ontarioai-platform-integrations-section.ontarioai-int-has-section-tabs [data-int-section-panel].active {
		display: block;
	}
}

/* Desktop: two columns; section switcher tabs stay mobile-only */
@media (min-width: 768px) {
	.ontarioai-platform-integrations-section .ontarioai-int-section-tabs {
		display: none;
	}

	.ontarioai-platform-integrations-section.ontarioai-int-has-section-tabs [data-int-section-panel] {
		display: block !important;
	}

	.ontarioai-platform-integrations-section.ontarioai-int-has-section-tabs [data-int-section-panel][hidden] {
		display: block !important;
	}
}

/* Elementor editor: reveal blocks + show all tab panels */
.elementor-editor-active .ontarioai-platform-integrations-section .reveal,
.ontarioai-platform-integrations-section .reveal.visible {
	opacity: 1;
	transform: translateY(0);
}

.ontarioai-platform-integrations-section.ontarioai-int-editor-all [data-int-api-panel],
.ontarioai-platform-integrations-section.ontarioai-int-editor-all [data-int-api-panel][hidden],
.ontarioai-platform-integrations-section.ontarioai-int-editor-all [data-int-section-panel],
.ontarioai-platform-integrations-section.ontarioai-int-editor-all [data-int-section-panel][hidden] {
	display: block !important;
}

.ontarioai-platform-integrations-section.ontarioai-int-editor-all .ontarioai-int-api-panels [data-int-api-panel] + [data-int-api-panel] {
	margin-top: 1.5rem;
}