/*
 * Vector Energy Core adoption layer for Proiectare.
 *
 * This is intentionally additive: the module-specific selectors remain the
 * composition layer, while Core owns the shared tokens, primitive geometry,
 * focus treatment and responsive form rules. Remove selectors here only after
 * the module-specific CSS has been fully migrated and browser readback is
 * complete on desktop and mobile.
 */

.ve-engineering,
.ve-engineering-admin {
	--ve-eng-deep: var(--ve-deep-green, #044a3c);
	--ve-eng-teal: var(--ve-energy-teal, #008b78);
	--ve-eng-green: var(--ve-secondary-green, #288654);
	--ve-eng-yellow: var(--ve-solar-yellow, #fccf42);
	--ve-eng-ink: var(--ve-ink, #0e2426);
	--ve-eng-muted: var(--ve-text-muted, #5c6c69);
	--ve-eng-soft: var(--ve-soft-green, #eaf4ef);
	--ve-eng-canvas: var(--ve-canvas, #f7faf8);
	--ve-eng-border: var(--ve-border, #d9e4de);
	--ve-eng-radius: var(--ve-radius-lg, 20px);
	font-family: var(--ve-font, Inter, system-ui, -apple-system, "Segoe UI", sans-serif);
}

.ve-engineering__container {
	width: min(calc(100% - 72px), var(--ve-engineering-max-width));
}

.ve-engineering__button,
.ve-engineering-button {
	border-radius: var(--ve-radius-sm, 10px);
	font-family: var(--ve-font, Inter, system-ui, -apple-system, "Segoe UI", sans-serif);
}

.ve-engineering__button--primary {
	background: var(--ve-solar-yellow, #fccf42);
	border-color: var(--ve-solar-yellow, #fccf42);
	color: var(--ve-deep-green, #044a3c);
}

.ve-engineering__button--ghost,
.ve-engineering .ve-button--ghost-light {
	border-color: rgba(255, 255, 255, .7);
	background: rgba(4, 74, 60, .24);
	color: var(--ve-white, #fff);
}

.ve-engineering__hero-card,
.ve-engineering__solution-card,
.ve-engineering__intro-card,
.ve-engineering__brief-grid,
.ve-engineering__form-wrap {
	border-radius: var(--ve-radius-lg, 20px);
	border-color: var(--ve-border, #d9e4de);
}

.ve-engineering__hero-card,
.ve-engineering__solution-card,
.ve-engineering__intro-card,
.ve-engineering__brief-grid {
	box-shadow: var(--ve-shadow-2, 0 6px 20px rgba(14, 36, 38, .08));
}

.ve-engineering__solution-grid,
.ve-engineering__service-grid,
.ve-engineering__process-grid {
	gap: var(--ve-space-4, 16px);
}

.ve-engineering .vecrm-field input:not([type="checkbox"]):not([type="file"]),
.ve-engineering .vecrm-field select,
.ve-engineering .vecrm-field textarea,
.ve-engineering .vecrm-field input[type="file"] {
	border-color: var(--ve-border, #d9e4de);
	border-radius: var(--ve-radius-sm, 10px);
	font-family: var(--ve-font, Inter, system-ui, -apple-system, "Segoe UI", sans-serif);
}

.ve-engineering .vecrm-field input:focus,
.ve-engineering .vecrm-field select:focus,
.ve-engineering .vecrm-field textarea:focus {
	border-color: var(--ve-energy-teal, #008b78);
	box-shadow: 0 0 0 3px rgba(0, 139, 120, .12);
}

.ve-engineering-admin {
	color: var(--ve-ink, #0e2426);
}

.ve-engineering-admin__intro {
	border-radius: var(--ve-radius-lg, 20px);
	background: var(--ve-deep-green, #044a3c);
}

.ve-engineering-admin__badge,
.ve-engineering-admin__eyebrow {
	color: var(--ve-deep-green, #044a3c);
}

.ve-engineering-admin__badge {
	border-radius: var(--ve-radius-xs, 6px);
	background: var(--ve-solar-yellow, #fccf42);
}

.ve-engineering-admin__quick-links a,
.ve-engineering-admin__status,
.ve-engineering-admin__panel,
.ve-engineering-form-settings-field {
	border-color: var(--ve-border, #d9e4de);
	border-radius: var(--ve-radius-md, 14px);
}

.ve-engineering-admin__quick-links a,
.ve-engineering-admin__status,
.ve-engineering-admin__panel,
.ve-engineering-form-settings-field {
	background: var(--ve-white, #fff);
}

.ve-engineering-admin__status {
	border-color: var(--ve-solar-yellow, #fccf42);
	background: var(--ve-warning-soft, #fff3e0);
}

.ve-engineering-admin__quick-links strong,
.ve-engineering-admin__status strong,
.ve-engineering-admin__panel h2,
.ve-engineering-admin__panel h3,
.ve-engineering-admin__form .form-table th,
.ve-engineering-form-settings-field legend {
	color: var(--ve-deep-green, #044a3c);
}

.ve-engineering-admin__quick-links span,
.ve-engineering-admin__status span,
.ve-engineering-admin__panel p,
.ve-engineering-admin__form .description,
.ve-engineering-form-settings-field legend code {
	color: var(--ve-text-muted, #5c6c69);
}

.ve-engineering-admin__form input[type="text"],
.ve-engineering-admin__form input[type="url"],
.ve-engineering-admin__form select,
.ve-engineering-admin__form textarea {
	border-color: var(--ve-border, #d9e4de);
	border-radius: var(--ve-radius-sm, 10px);
}

.ve-engineering-admin__form input:focus,
.ve-engineering-admin__form select:focus,
.ve-engineering-admin__form textarea:focus {
	border-color: var(--ve-energy-teal, #008b78);
	box-shadow: 0 0 0 1px var(--ve-energy-teal, #008b78);
}

.ve-engineering-admin__form .button-primary {
	border-color: var(--ve-deep-green, #044a3c);
	border-radius: var(--ve-radius-sm, 10px);
	background: var(--ve-deep-green, #044a3c);
}

.ve-engineering-admin__form .button-primary:hover,
.ve-engineering-admin__form .button-primary:focus {
	border-color: var(--ve-energy-teal, #008b78);
	background: var(--ve-energy-teal, #008b78);
}

@media (max-width: 767px) {
	.ve-engineering__container {
		width: min(calc(100% - 32px), var(--ve-engineering-max-width));
	}

	.ve-engineering .vecrm-request-form__grid,
	.ve-engineering .vecrm-project-request-form .vecrm-request-form__grid {
		grid-template-columns: 1fr;
	}

	.ve-engineering .vecrm-request-form__grid > .vecrm-field,
	.ve-engineering .vecrm-project-request-form .vecrm-request-form__grid > .vecrm-field {
		grid-column: auto;
	}
}

/* The module CSS has a legacy white mobile card rule. Keep Proiectare on the
 * shared Casa Verde-style floating dark card contract instead. */
@media (max-width: 760px) {
	.ve-engineering__hero-card {
		position: absolute;
		right: 16px;
		bottom: 22px;
		left: 16px;
		max-width: none;
		margin: 0;
		border-color: rgba(255, 255, 255, .42);
		background: rgba(4, 74, 60, .78);
		color: #fff;
		backdrop-filter: blur(12px);
	}

	.ve-engineering__hero-card strong { color: #fff; }
	.ve-engineering__hero-card p { color: rgba(255, 255, 255, .78); }
	.ve-engineering__hero-card .ve-engineering__card-note {
		border-top-color: rgba(255, 255, 255, .2);
		color: #eaf4ef;
	}
}