.dashboard-container {
	padding: 10px 0;
}


/* Stiluri comune pentru toate cardurile */
.dashboard-container .card {
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}
/* Stiluri pentru cardurile cu linkuri */
.dashboard-container a.card {
	text-decoration: none;
	color: inherit;
	border-left: 4px solid var(--primaryColor);
	display: block;
}
.dashboard-container a.card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
/* Elemente specifice */
.card-icon {
	background-color: rgba(16, 145, 152, 0.1);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primaryColor);
	font-size: 1.5rem;
}
.registration-card {
	background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
}
.btn-primary {
	background-color: var(--primaryColor);
	border-color: var(--primaryColor);
}
.btn-primary:hover {
	background-color: #0d7a80;
	border-color: #0d7a80;
}
.text-primary {
	color: var(--primaryColor) !important;
}
.grids {
	display: grid;
	gap: 0.5rem;
	grid-template-columns: repeat(auto-fit, 300px);
	grid-auto-rows: 200px;
	position: relative;
	p {
		opacity: 0.8;
		max-width: 55ch;
		margin: 0;
	}
	h2 {
		font-weight: 600;
		font-size: 1.4em;
	}
}
.cards {
	position: relative;
	background: white;
	padding: 1rem;
	box-shadow: 3px 3px 3px 2px #00000012;
	border-radius: 10px;
}
.cards > svg {
	height: 50%;
	width: 55px;
}
.cards:hover,
.cards:active,
.cards:focus {
	background-attachment: fixed;
	background-image: radial-gradient(circle at var(--x, 0) var(--y, 0), #1091987a, #1091981e 8rem);
	cursor: pointer;
}
.cards:focus-visible {
	outline: var(--primaryColor) solid 2px;
}
.cards::after {
	content: "";
	position: absolute;
	inset: -1px;
	background-attachment: fixed;
	background-image: radial-gradient(circle at var(--x, 0) var(--y, 0), #109198, transparent 5rem);
	pointer-events: none;
	z-index: -1;
}
.grid-containers {
	margin-block-start: 3rem;
	display: grid;
	grid-template-areas: "a";
}
.grid-containers > * {
	grid-area: a;
}
.card-circle-icon {
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-circle-icon * {
	color: var(--white);
}

.text-secondary {
	color: var(--secondaryColor) !important;
}