@charset "UTF-8";

/*
	Schwarz		#010102	rgba(1, 1, 2, 1.0)
	Dunkelgrau	#2C262D	rgba(44, 38, 45, 1.0)
	Grau		#49444E	rgba(73, 68, 78, 1.0)
	Hellgrau	#FAF8FB	rgba(250, 248, 251, 1.0)
	Weiß		#FCFCFC	rgba(252, 252, 252, 1.0)
	Rosa		#FCB2FF	rgba(252, 178, 255, 1.0)
	Blau		#9799FC	rgba(151, 153, 252, 1.0)
	Dunkelblau	#444067	rgba(68, 64, 103, 1.0)
	Lila		#684C72	rgba(104, 76, 114, 1.0)
	Rot			#DA4453	rgba(218, 68, 83, 1.0)
	Op. Blau	#9799FC1F	rgba(151, 153, 252, 1.0) (keine Transparenz)

	Gradient
	Background Blue		#444067	rgba(68, 64, 103, 1.0)
	Blau oben-rechts	#7e7fd3	rgba(126, 127, 211, 1.0)
	Rot unten-links		#b3344d	rgba(179, 52, 77, 1.0)
	Lila oben-links		#9c79b3	rgba(156, 121, 179, 1.0)

	Türkies	#8FF5D9	rgba(143, 245, 217, 1.0)
	Green	#9FFfbf	rgba(159, 255, 191, 1.0)
	Light Green	#E2FFFF	rgba(226, 255, 255, 1.0)
*/

/* =======================================
	Feature Manager
	------------ */
.upgrade-notification {
    display: flex;
    align-items: center;
    padding: 1rem;
    margin: 1rem 0;
    background-color: rgba(240, 240, 240, 0.9);
    background: radial-gradient(circle at top left, rgba(124, 74, 247, 0.5), transparent 50%),
                radial-gradient(circle at top right, rgba(238, 74, 247, 0.5), transparent 50%),
                radial-gradient(circle at bottom left, rgba(181, 74, 247, 0.5), transparent 50%),
                radial-gradient(circle at bottom right, rgba(74, 81, 247, 0.5), transparent 50%);
    border: 1px solid #ddd;
    border-radius: var(--border-radius-md);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.upgrade-badge {
    flex-shrink: 0;
    margin-right: 1rem;
    align-self: flex-start; /* Vertikal oben ausgerichtet */
}

.upgrade-content {
    flex-grow: 1;
    font-size: 0.95rem;
    color: #333;
}

.upgrade-content p {
    margin: 0 0 0.1rem 0;
}


/*.upgrade-button {
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: var(--border-radius-md);
    font-size: 0.9rem;
    font-weight: bold;
    transition: background-color 0.3s ease;
}*/

/*.upgrade-button:hover {
    background-color: #005177;
}*/