/**
 * AzarX Pro - Company Search Module Styles
 *
 * Adószám alapú céglekérdező és pályázatkereső modul stílusai
 * Dark mode design - Pályázat-Radar stílus
 *
 * @package AzarX_Pro
 * @version 1.0.0
 */

/* ========================================
   CSS VARIABLES
   ======================================== */

.azarx-company-search {
	--cs-dark-bg: #0D1117;
	--cs-dark-surface: #161B22;
	--cs-dark-surface-hover: #1F2937;
	--cs-dark-border: #30363D;
	--cs-dark-border-hover: #484F58;

	--cs-blue: #3B82F6;
	--cs-blue-light: #60A5FA;
	--cs-blue-dark: #2563EB;
	--cs-purple: #8B5CF6;
	--cs-purple-light: #A78BFA;
	--cs-green: #10B981;
	--cs-green-light: #34D399;
	--cs-red: #EF4444;
	--cs-red-light: #F87171;
	--cs-orange: #F59E0B;
	--cs-orange-light: #FBBF24;

	--cs-text-primary: #E5E7EB;
	--cs-text-secondary: #9CA3AF;
	--cs-text-muted: #6B7280;

	--cs-gradient-primary: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
	--cs-gradient-warm: linear-gradient(135deg, #EC4899 0%, #F59E0B 100%);
	--cs-gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);

	--cs-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
	--cs-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.3);
	--cs-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.4);
	--cs-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.3);

	--cs-radius-sm: 8px;
	--cs-radius-md: 12px;
	--cs-radius-lg: 16px;
	--cs-radius-xl: 24px;

	--cs-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ========================================
   BASE STYLES
   ======================================== */

.azarx-company-search {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: var(--cs-text-primary);
	line-height: 1.6;
}

.azarx-company-search * {
	box-sizing: border-box;
}

/* ========================================
   SEARCH WRAPPER
   ======================================== */

.azarx-search-wrapper {
	background: var(--cs-dark-surface);
	border-radius: var(--cs-radius-xl);
	padding: 32px 48px 56px;
	margin-bottom: 32px;
	position: relative;
	border: none;
}

/* Animált vékony körvonal */
@property --angle {
	syntax: '<angle>';
	initial-value: 0deg;
	inherits: false;
}

.azarx-search-wrapper::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: var(--cs-radius-xl);
	padding: 1px;
	background: conic-gradient(
		from var(--angle, 0deg),
		transparent 0deg,
		var(--cs-blue) 90deg,
		var(--cs-purple) 180deg,
		transparent 270deg,
		transparent 360deg
	);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	animation: azarx-border-spin 3s linear infinite;
	z-index: 0;
	pointer-events: none;
}

@keyframes azarx-border-spin {
	0% { --angle: 0deg; }
	100% { --angle: 360deg; }
}

.azarx-search-header {
	text-align: center;
	margin-bottom: 32px;
}

.azarx-search-icon-wrapper {
	width: 64px;
	height: 64px;
	background: var(--cs-gradient-primary);
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px auto 20px;
	box-shadow: var(--cs-shadow-glow);
	color: white;
}

.azarx-search-title {
	font-size: 28px;
	font-weight: 700;
	margin: 0 0 12px 0;
	color: var(--cs-text-primary);
}

.azarx-search-subtitle {
	font-size: 16px;
	color: var(--cs-text-secondary);
	margin: 0;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

/* ========================================
   SEARCH FORM
   ======================================== */

.azarx-tax-search-form {
	max-width: 700px;
	margin: 0 auto;
}

.azarx-input-group {
	display: flex;
	gap: 20px;
	align-items: flex-end;
	justify-content: center;
}

.azarx-input-wrapper {
	flex: 1;
	max-width: 450px;
}

.azarx-input-label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: var(--cs-text-secondary);
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	text-align: center;
}

.azarx-input-field {
	display: flex;
	align-items: center;
	background: var(--cs-dark-bg);
	border: 2px solid var(--cs-dark-border);
	border-radius: var(--cs-radius-md);
	overflow: hidden;
	transition: var(--cs-transition);
}

.azarx-input-field:focus-within {
	border-color: var(--cs-blue);
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.azarx-input-prefix {
	padding: 16px 12px 16px 16px;
	background: rgba(59, 130, 246, 0.1);
	color: var(--cs-blue-light);
	font-weight: 700;
	font-size: 16px;
	border-right: 1px solid var(--cs-dark-border);
}

.azarx-tax-input {
	flex: 1;
	background: transparent;
	border: none;
	padding: 16px;
	font-size: 18px;
	font-weight: 600;
	color: var(--cs-text-primary);
	letter-spacing: 1px;
	font-family: 'JetBrains Mono', 'Fira Code', monospace;
}

.azarx-tax-input:focus {
	outline: none;
}

.azarx-tax-input::placeholder {
	color: var(--cs-text-muted);
	font-weight: 400;
}

.azarx-input-status {
	padding: 0 16px;
	font-size: 20px;
}

.azarx-input-status.valid::after {
	content: '\2713';
	color: var(--cs-green);
}

.azarx-input-status.invalid::after {
	content: '\2717';
	color: var(--cs-red);
}

.azarx-input-hint {
	font-size: 12px;
	color: var(--cs-text-muted);
	margin: 8px 0 0 0;
	text-align: center;
}

/* Search Button */
.azarx-search-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 28px;
	background: var(--cs-gradient-primary);
	color: white;
	border: none;
	border-radius: var(--cs-radius-md);
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: var(--cs-transition);
	white-space: nowrap;
	box-shadow: var(--cs-shadow-sm);
	margin-bottom: 20px;
}

.azarx-search-btn:hover {
	transform: translateY(-2px);
	box-shadow: var(--cs-shadow-glow);
}

.azarx-search-btn:active {
	transform: translateY(0);
}

.azarx-search-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

.azarx-search-btn .azarx-btn-icon {
	transition: transform 0.3s ease;
}

.azarx-search-btn:hover .azarx-btn-icon {
	transform: scale(1.1);
}

/* Spinner Animation */
.azarx-spinner {
	width: 20px;
	height: 20px;
	animation: azarx-spin 1s linear infinite;
}

.azarx-spinner--large {
	width: 32px;
	height: 32px;
}

@keyframes azarx-spin {
	to {
		transform: rotate(360deg);
	}
}

/* Error Message */
.azarx-error-message {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 20px;
	background: rgba(239, 68, 68, 0.1);
	border: 1px solid rgba(239, 68, 68, 0.3);
	border-radius: var(--cs-radius-md);
	color: var(--cs-red-light);
	margin-top: 20px;
	animation: azarx-shake 0.5s ease;
}

@keyframes azarx-shake {
	0%, 100% { transform: translateX(0); }
	20%, 60% { transform: translateX(-5px); }
	40%, 80% { transform: translateX(5px); }
}

/* ========================================
   RESULTS SECTION
   ======================================== */

.azarx-results-section {
	animation: azarx-fadeInUp 0.6s ease forwards;
}

@keyframes azarx-fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ========================================
   COMPANY CARD
   ======================================== */

.azarx-company-card {
	background: var(--cs-dark-surface);
	border: 1px solid var(--cs-dark-border);
	border-radius: var(--cs-radius-xl);
	overflow: hidden;
	margin-bottom: 32px;
}

.azarx-company-header {
	padding: 32px;
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
	border-bottom: 1px solid var(--cs-dark-border);
}

.azarx-company-status {
	margin-bottom: 16px;
}

.azarx-status-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
}

.azarx-status-badge--active {
	background: rgba(16, 185, 129, 0.15);
	color: var(--cs-green-light);
}

.azarx-status-badge--inactive {
	background: rgba(239, 68, 68, 0.15);
	color: var(--cs-red-light);
}

.azarx-status-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	animation: azarx-pulse 2s ease-in-out infinite;
}

@keyframes azarx-pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.5; }
}

.azarx-company-name {
	font-size: 28px;
	font-weight: 800;
	margin: 0 0 8px 0;
	color: var(--cs-text-primary);
}

.azarx-company-form {
	font-size: 15px;
	color: var(--cs-text-secondary);
	margin: 0;
}

/* Compact Header Layout */
.azarx-company-header--compact {
	padding: 24px 32px;
}

.azarx-company-header--compact .azarx-company-header-top {
	margin-bottom: 12px;
}

.azarx-company-header--compact .azarx-company-name {
	font-size: 24px;
	margin-bottom: 8px;
}

/* Company Meta Line (Tax Number + Company Type) */
.azarx-company-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 14px;
	color: var(--cs-text-secondary);
	margin: 0 0 16px 0;
}

.azarx-company-tax-inline {
	font-weight: 500;
	color: var(--cs-text-secondary);
}

.azarx-company-tax-inline span {
	font-family: 'JetBrains Mono', 'Fira Code', monospace;
	font-weight: 600;
	color: var(--cs-blue-light);
	letter-spacing: 0.5px;
}

.azarx-company-separator {
	color: var(--cs-text-muted);
	font-weight: 300;
}

.azarx-company-form-inline {
	font-weight: 500;
	color: var(--cs-text-secondary);
}

/* Eligible Grants Count Badge */
.azarx-eligible-grants-count {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 20px;
	background: rgba(16, 185, 129, 0.1);
	border: 1px solid rgba(16, 185, 129, 0.3);
	border-radius: var(--cs-radius-md);
	margin-top: 8px;
}

.azarx-eligible-grants-count svg {
	color: var(--cs-green);
	flex-shrink: 0;
}

.azarx-eligible-count-text {
	font-size: 15px;
	font-weight: 600;
	color: var(--cs-green-light);
}

/* Company Details */
.azarx-company-details {
	padding: 32px;
}

.azarx-detail-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 24px;
	margin-bottom: 32px;
}

.azarx-detail-item {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.azarx-detail-label {
	font-size: 12px;
	font-weight: 600;
	color: var(--cs-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.azarx-detail-value {
	font-size: 15px;
	color: var(--cs-text-primary);
	font-weight: 500;
}

/* Activities */
.azarx-main-activity,
.azarx-activities {
	padding-top: 24px;
	border-top: 1px solid var(--cs-dark-border);
	margin-top: 24px;
}

.azarx-activity-title {
	font-size: 14px;
	font-weight: 600;
	color: var(--cs-text-secondary);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 16px 0;
}

.azarx-activity-badge {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 12px 20px;
	background: rgba(59, 130, 246, 0.1);
	border: 1px solid rgba(59, 130, 246, 0.3);
	border-radius: var(--cs-radius-md);
}

.azarx-teaor-code {
	font-family: 'JetBrains Mono', monospace;
	font-size: 14px;
	font-weight: 700;
	color: var(--cs-blue-light);
	background: rgba(59, 130, 246, 0.2);
	padding: 4px 10px;
	border-radius: 6px;
}

.azarx-teaor-name {
	font-size: 15px;
	color: var(--cs-text-primary);
	font-weight: 500;
}

.azarx-activity-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.azarx-activity-list .azarx-activity-badge {
	padding: 8px 14px;
	font-size: 13px;
	background: var(--cs-dark-surface-hover);
	border-color: var(--cs-dark-border);
}

.azarx-activity-list .azarx-teaor-code {
	font-size: 12px;
	padding: 3px 8px;
}

.azarx-activity-list .azarx-teaor-name {
	font-size: 13px;
}

/* ========================================
   METADATA INFO SECTION
   ======================================== */

.azarx-tax-meta-info {
	padding: 20px 32px;
	background: rgba(59, 130, 246, 0.03);
	border-top: 1px solid var(--cs-dark-border);
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.azarx-meta-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: var(--cs-text-muted);
}

.azarx-meta-row svg {
	flex-shrink: 0;
	margin-top: 2px;
	opacity: 0.7;
}

.azarx-meta-text {
	font-size: 12px;
	line-height: 1.5;
}

.azarx-meta-disclaimer {
	color: var(--cs-orange);
}

.azarx-meta-disclaimer svg {
	color: var(--cs-orange);
	opacity: 1;
}

.azarx-meta-source-link {
	color: var(--cs-blue-light);
	text-decoration: none;
	margin-left: 4px;
}

.azarx-meta-source-link:hover {
	text-decoration: underline;
}

/* ========================================
   GRANTS SECTION
   ======================================== */

.azarx-grants-section {
	margin-bottom: 32px;
}

.azarx-grants-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
	flex-wrap: wrap;
	gap: 16px;
}

.azarx-grants-title {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 22px;
	font-weight: 700;
	margin: 0;
	color: var(--cs-text-primary);
}

.azarx-grants-title svg {
	color: var(--cs-blue);
}

.azarx-grants-count {
	padding: 6px 14px;
	background: var(--cs-gradient-primary);
	color: white;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
}

/* Grants Grid */
.azarx-grants-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

@media (max-width: 1200px) {
	.azarx-grants-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.azarx-grants-grid {
		grid-template-columns: 1fr;
	}
}

/* Grant Card */
.azarx-grant-card {
	background: var(--cs-dark-surface);
	border: 1px solid var(--cs-dark-border);
	border-radius: var(--cs-radius-lg);
	padding: 24px;
	transition: var(--cs-transition);
	display: flex;
	flex-direction: column;
}

.azarx-grant-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--cs-shadow-lg);
	border-color: var(--cs-blue);
}

.azarx-grant-card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.azarx-source-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 600;
}

.azarx-source-badge--hu {
	background: rgba(245, 158, 11, 0.15);
	color: var(--cs-orange-light);
}

.azarx-source-badge--eu {
	background: rgba(59, 130, 246, 0.15);
	color: var(--cs-blue-light);
}

.azarx-deadline-badge {
	font-size: 12px;
	color: var(--cs-text-muted);
	font-weight: 500;
}

.azarx-deadline-badge--urgent {
	color: var(--cs-red-light);
	font-weight: 700;
}

.azarx-grant-card-title {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 12px 0;
	line-height: 1.4;
	flex-grow: 1;
}

.azarx-grant-card-title a {
	color: var(--cs-text-primary);
	text-decoration: none;
	transition: color 0.2s ease;
}

.azarx-grant-card-title a:hover {
	color: var(--cs-blue-light);
}

.azarx-grant-card-summary {
	font-size: 14px;
	color: var(--cs-text-secondary);
	margin: 0 0 16px 0;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.azarx-grant-card-amount {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: var(--cs-green-light);
	font-weight: 600;
	margin-bottom: 20px;
	padding: 10px 14px;
	background: rgba(16, 185, 129, 0.1);
	border-radius: var(--cs-radius-sm);
}

.azarx-grant-card-footer {
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px solid var(--cs-dark-border);
}

/* Grants Loader & Empty State */
.azarx-grants-loader {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	padding: 60px 20px;
	color: var(--cs-text-secondary);
}

.azarx-no-grants {
	text-align: center;
	padding: 60px 20px;
	background: var(--cs-dark-surface);
	border: 1px dashed var(--cs-dark-border);
	border-radius: var(--cs-radius-lg);
}

.azarx-no-grants svg {
	color: var(--cs-text-muted);
	margin-bottom: 16px;
}

.azarx-no-grants p {
	color: var(--cs-text-secondary);
	margin: 0 0 8px 0;
}

.azarx-no-grants-hint {
	font-size: 14px;
	color: var(--cs-text-muted);
}

/* ========================================
   CTA BOX
   ======================================== */

.azarx-cta-box {
	background: var(--cs-gradient-primary);
	border-radius: var(--cs-radius-xl);
	padding: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	flex-wrap: wrap;
	box-shadow: var(--cs-shadow-glow);
}

.azarx-cta-content {
	flex: 1;
	min-width: 280px;
}

.azarx-cta-title {
	font-size: 24px;
	font-weight: 700;
	color: white;
	margin: 0 0 8px 0;
}

.azarx-cta-text {
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	font-size: 15px;
}

.azarx-cta-actions {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

/* ========================================
   BUTTONS
   ======================================== */

.azarx-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 24px;
	border-radius: var(--cs-radius-md);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	border: none;
	transition: var(--cs-transition);
}

.azarx-btn--primary {
	background: var(--cs-gradient-primary);
	color: white;
	box-shadow: var(--cs-shadow-sm);
}

.azarx-btn--primary:hover {
	transform: translateY(-2px);
	box-shadow: var(--cs-shadow-md);
}

.azarx-btn--secondary {
	background: rgba(255, 255, 255, 0.1);
	color: white;
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.azarx-btn--secondary:hover {
	background: rgba(255, 255, 255, 0.2);
}

.azarx-btn--small {
	padding: 10px 16px;
	font-size: 13px;
}

.azarx-btn--large {
	padding: 16px 32px;
	font-size: 16px;
}

.azarx-btn--full {
	width: 100%;
}

.azarx-cta-box .azarx-btn--primary {
	background: white;
	color: var(--cs-blue);
}

.azarx-cta-box .azarx-btn--primary:hover {
	background: rgba(255, 255, 255, 0.95);
}

/* ========================================
   CALLBACK MODAL
   ======================================== */

.azarx-callback-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.75);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	animation: azarx-fadeIn 0.3s ease;
}

@keyframes azarx-fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.azarx-callback-modal {
	background: var(--cs-dark-surface);
	border: 1px solid var(--cs-dark-border);
	border-radius: var(--cs-radius-xl);
	width: 100%;
	max-width: 560px;
	max-height: 90vh;
	overflow-y: auto;
	position: relative;
	animation: azarx-slideUp 0.4s ease;
	box-shadow: var(--cs-shadow-lg);
}

@keyframes azarx-slideUp {
	from {
		opacity: 0;
		transform: translateY(40px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.azarx-modal-close {
	position: absolute;
	top: 20px;
	right: 20px;
	background: var(--cs-dark-surface-hover);
	border: 1px solid var(--cs-dark-border);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--cs-text-secondary);
	transition: var(--cs-transition);
	z-index: 1;
}

.azarx-modal-close:hover {
	background: var(--cs-dark-border);
	color: var(--cs-text-primary);
}

.azarx-modal-header {
	padding: 40px 40px 24px;
	text-align: center;
}

.azarx-modal-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 12px 0;
	color: var(--cs-text-primary);
}

.azarx-modal-title svg {
	color: var(--cs-blue);
}

.azarx-modal-subtitle {
	color: var(--cs-text-secondary);
	margin: 0;
	font-size: 15px;
}

/* Callback Form */
.azarx-callback-form {
	padding: 0 40px 40px;
}

.azarx-form-row {
	margin-bottom: 20px;
}

.azarx-form-row--2col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.azarx-form-group {
	display: flex;
	flex-direction: column;
}

.azarx-form-label {
	font-size: 14px;
	font-weight: 600;
	color: var(--cs-text-secondary);
	margin-bottom: 8px;
}

.azarx-required {
	color: var(--cs-red);
}

.azarx-form-input,
.azarx-form-textarea {
	background: var(--cs-dark-bg);
	border: 2px solid var(--cs-dark-border);
	border-radius: var(--cs-radius-md);
	padding: 14px 16px;
	font-size: 15px;
	color: var(--cs-text-primary);
	transition: var(--cs-transition);
	font-family: inherit;
}

.azarx-form-input:focus,
.azarx-form-textarea:focus {
	outline: none;
	border-color: var(--cs-blue);
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.azarx-form-input[readonly] {
	background: var(--cs-dark-surface-hover);
	color: var(--cs-text-secondary);
}

.azarx-form-textarea {
	resize: vertical;
	min-height: 100px;
}

.azarx-form-group--checkbox {
	flex-direction: row;
	align-items: flex-start;
	gap: 12px;
}

.azarx-form-checkbox {
	width: 20px;
	height: 20px;
	margin-top: 2px;
	accent-color: var(--cs-blue);
	cursor: pointer;
}

.azarx-form-label--checkbox {
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.5;
}

.azarx-form-label--checkbox a {
	color: var(--cs-blue-light);
	text-decoration: none;
}

.azarx-form-label--checkbox a:hover {
	text-decoration: underline;
}

.azarx-form-actions {
	margin-top: 28px;
}

/* Success State */
.azarx-callback-success {
	padding: 60px 40px;
	text-align: center;
}

.azarx-success-icon {
	width: 100px;
	height: 100px;
	background: var(--cs-gradient-success);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 24px;
	color: white;
	animation: azarx-scaleIn 0.5s ease;
}

@keyframes azarx-scaleIn {
	from {
		transform: scale(0);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

.azarx-success-title {
	font-size: 28px;
	font-weight: 700;
	color: var(--cs-text-primary);
	margin: 0 0 12px 0;
}

.azarx-success-message {
	color: var(--cs-text-secondary);
	margin: 0 0 28px 0;
	font-size: 15px;
}

/* ========================================
   RESPONSIVE DESIGN
   ======================================== */

@media (max-width: 768px) {
	.azarx-search-wrapper {
		padding: 32px 24px;
	}

	.azarx-search-title {
		font-size: 22px;
	}

	.azarx-input-group {
		flex-direction: column;
	}

	.azarx-search-btn {
		width: 100%;
		justify-content: center;
	}

	.azarx-company-header,
	.azarx-company-details {
		padding: 24px;
	}

	.azarx-company-name {
		font-size: 22px;
	}

	.azarx-detail-grid {
		grid-template-columns: 1fr 1fr;
		gap: 16px;
	}

	.azarx-grants-grid {
		grid-template-columns: 1fr;
	}

	.azarx-cta-box {
		padding: 32px 24px;
		flex-direction: column;
		text-align: center;
	}

	.azarx-cta-actions {
		width: 100%;
		flex-direction: column;
	}

	.azarx-form-row--2col {
		grid-template-columns: 1fr;
	}

	.azarx-callback-modal {
		max-height: 100vh;
		border-radius: var(--cs-radius-lg);
	}

	.azarx-modal-header,
	.azarx-callback-form {
		padding-left: 24px;
		padding-right: 24px;
	}
}

@media (max-width: 480px) {
	.azarx-detail-grid {
		grid-template-columns: 1fr;
	}

	.azarx-search-icon-wrapper {
		width: 56px;
		height: 56px;
	}

	.azarx-search-icon-wrapper svg {
		width: 24px;
		height: 24px;
	}

	.azarx-grants-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.azarx-grants-title {
		font-size: 18px;
	}
}