.app-menu-dropdown {
	position: absolute;
	right: 1rem;
	z-index: 1051;
}

.app-menu-button {
	width: 40px;
	height: 40px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.app-menu-button::after {
	display: none;
}

.app-menu-button i {
	font-size: 1.4rem;
	line-height: 1;
}

.app-menu-list {
    background-color: #ffffff;
    min-width: 14rem;
    padding-top: 0;        /* war: 0.25rem */
    padding-bottom: 0;     /* war: 0.25rem */
    border-radius: 0.5rem;
    overflow: hidden;      /* NEU – Kindelemente bleiben im Border-Radius */
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);  /* NEU – moderner Schatten */
}

.app-menu-item {
    padding: 0.6rem 1rem;
    border-left: 3px solid transparent;  /* NEU – Platzhalter für Akzent */
    transition: background-color 0.15s ease;
}

.app-menu-item:hover,
.app-menu-item:focus {
    background-color: #E9ECEF;   /* helles Grau */
    color: inherit;
    border-left-color: transparent;
}

.app-menu-item.active {
    background-color: #e8f0fe;   /* leichtes Blau */
    color: #1a56db;
    font-weight: 500;
    border-left-color: #1a56db;  /* Akzentbalken */
}

@media (max-width: 1349px) {
	.app-menu-dropdown {
		top: 0.5rem;
		right: 1rem;
	}
}