/* Hızlı erişim — kompakt renkli ikon kartları */
.thk-quick-menu {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin: 14px 0 22px;
	padding: 0;
}

.thk-quick-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-height: 108px;
	padding: 14px 8px 12px;
	border-radius: 10px;
	background: #ffffff;
	border: 1px solid rgba(9, 63, 138, 0.09);
	box-shadow: 0 2px 10px rgba(9, 63, 138, 0.05);
	color: #093f8a;
	text-decoration: none;
	text-align: center;
	transition:
		transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.3s ease,
		border-color 0.3s ease;
}

.thk-quick-card:hover,
.thk-quick-card:focus {
	transform: translateY(-4px);
	border-color: rgba(9, 63, 138, 0.28);
	box-shadow: 0 10px 22px rgba(9, 63, 138, 0.12);
	text-decoration: none;
	color: #093f8a;
	outline: none;
}

.thk-quick-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin-bottom: 9px;
	border-radius: 11px;
	transition: transform 0.3s ease;
}

.thk-quick-card:hover .thk-quick-card__icon,
.thk-quick-card:focus .thk-quick-card__icon {
	transform: scale(1.08);
}

.thk-quick-card__icon .fa {
	font-size: 20px;
	line-height: 1;
	color: var(--ic-fg);
	transition: color 0.3s ease, transform 0.3s ease;
}

.thk-quick-card:hover .thk-quick-card__icon .fa,
.thk-quick-card:focus .thk-quick-card__icon .fa {
	color: var(--ic-accent);
}

.thk-quick-card__label {
	display: block;
	font-size: 11.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0.01em;
	max-width: 10.5em;
}

/* Renk temaları */
.thk-quick-card--blue   { --ic-fg: #093f8a; --ic-accent: #00aeef; }
.thk-quick-card--blue   .thk-quick-card__icon { background: linear-gradient(145deg, #eef4fc, #dce9f9); }

.thk-quick-card--orange { --ic-fg: #c2410c; --ic-accent: #ea580c; }
.thk-quick-card--orange .thk-quick-card__icon { background: linear-gradient(145deg, #fff4eb, #ffe8d6); }

.thk-quick-card--sky    { --ic-fg: #0369a1; --ic-accent: #0ea5e9; }
.thk-quick-card--sky    .thk-quick-card__icon { background: linear-gradient(145deg, #eff8ff, #dbeefe); }

.thk-quick-card--purple { --ic-fg: #6d28d9; --ic-accent: #8b5cf6; }
.thk-quick-card--purple .thk-quick-card__icon { background: linear-gradient(145deg, #f5f3ff, #ede9fe); }

.thk-quick-card--coral  { --ic-fg: #b91c1c; --ic-accent: #ef4444; }
.thk-quick-card--coral  .thk-quick-card__icon { background: linear-gradient(145deg, #fef2f2, #fee2e2); }

.thk-quick-card--teal   { --ic-fg: #0f766e; --ic-accent: #14b8a6; }
.thk-quick-card--teal   .thk-quick-card__icon { background: linear-gradient(145deg, #f0fdfa, #ccfbf1); }

.thk-quick-card--rose   { --ic-fg: #be123c; --ic-accent: #e11d48; }
.thk-quick-card--rose   .thk-quick-card__icon { background: linear-gradient(145deg, #fff1f2, #ffe4e6); }

.thk-quick-card--navy   { --ic-fg: #093f8a; --ic-accent: #2563eb; }
.thk-quick-card--navy   .thk-quick-card__icon { background: linear-gradient(145deg, #eff6ff, #dbeafe); }

@media (max-width: 992px) {
	.thk-quick-menu {
		grid-template-columns: repeat(4, 1fr);
		gap: 10px;
	}

	.thk-quick-card {
		min-height: 100px;
		padding: 12px 6px 10px;
	}

	.thk-quick-card__label {
		font-size: 10.5px;
	}
}

@media (max-width: 768px) {
	.thk-quick-menu {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}

@media (max-width: 480px) {
	.thk-quick-menu {
		gap: 8px;
	}

	.thk-quick-card {
		min-height: 94px;
		padding: 11px 6px 9px;
	}

	.thk-quick-card__icon {
		width: 38px;
		height: 38px;
		margin-bottom: 7px;
		border-radius: 9px;
	}

	.thk-quick-card__icon .fa {
		font-size: 18px;
	}

	.thk-quick-card__label {
		font-size: 10px;
		line-height: 1.3;
	}
}