.matrika-dashboard-quick-menu {
    display: grid;
    gap: .75rem;
    min-height: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
    padding: .85rem;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .05);
}

.matrika-dashboard-quick-menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.matrika-dashboard-quick-menu__header h3 {
    margin: 0;
    color: #0f172a;
    font-size: .92rem;
    font-weight: 800;
    line-height: 1.25;
}

.matrika-dashboard-quick-menu__grid {
    display: grid;
    grid-template-columns: repeat(var(--matrika-quick-menu-columns, 2), minmax(0, 1fr));
    gap: .55rem;
}

.matrika-dashboard-quick-menu__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-width: 0;
    min-height: 2.7rem;
    border: 1px solid #dbe3ee;
    border-radius: .8rem;
    padding: .58rem .65rem;
    background: #fff;
    color: #334155;
    font-size: .83rem;
    font-weight: 750;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .035);
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}

.matrika-dashboard-quick-menu__button:hover,
.matrika-dashboard-quick-menu__button:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(15, 23, 42, .08);
}

.matrika-dashboard-quick-menu__icon {
    width: 1.05rem;
    height: 1.05rem;
    flex: 0 0 1.05rem;
}

.matrika-dashboard-quick-menu__button--blue { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; }
.matrika-dashboard-quick-menu__button--red { border-color: #fecaca; background: #fef2f2; color: #b91c1c; }
.matrika-dashboard-quick-menu__button--green { border-color: #bbf7d0; background: #f0fdf4; color: #15803d; }
.matrika-dashboard-quick-menu__button--gray { border-color: #d1d5db; background: #f9fafb; color: #475569; }
.matrika-dashboard-quick-menu__button--amber { border-color: #fde68a; background: #fffbeb; color: #b45309; }
.matrika-dashboard-quick-menu__button--violet { border-color: #ddd6fe; background: #f5f3ff; color: #6d28d9; }
.matrika-dashboard-quick-menu__button--cyan { border-color: #a5f3fc; background: #ecfeff; color: #0e7490; }
.matrika-dashboard-quick-menu__button--emerald { border-color: #a7f3d0; background: #ecfdf5; color: #047857; }
.matrika-dashboard-quick-menu__button--indigo { border-color: #c7d2fe; background: #eef2ff; color: #4338ca; }

.matrika-dashboard-quick-menu__empty {
    width: 100%;
    min-height: 4.5rem;
    border: 1px dashed #cbd5e1;
    border-radius: .8rem;
    background: rgba(248, 250, 252, .8);
    color: #64748b;
    font-size: .82rem;
}

@media (max-width: 800px) {
    .matrika-dashboard-quick-menu[style*="--matrika-quick-menu-columns: 3"] .matrika-dashboard-quick-menu__grid,
    .matrika-dashboard-quick-menu[style*="--matrika-quick-menu-columns: 4"] .matrika-dashboard-quick-menu__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .matrika-dashboard-quick-menu__grid {
        grid-template-columns: 1fr !important;
    }

    .matrika-dashboard-quick-menu__button {
        justify-content: flex-start;
        text-align: left;
    }
}

.dark .matrika-dashboard-quick-menu {
    border-color: #334155;
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%);
    box-shadow: none;
}

.dark .matrika-dashboard-quick-menu__header h3 {
    color: #f8fafc;
}

.dark .matrika-dashboard-quick-menu__empty {
    border-color: #475569;
    background: rgba(15, 23, 42, .65);
    color: #94a3b8;
}