/* Fix all menu cards for light mode - Force consistency */
#menuModal .grid>a>div:last-child {
    background: rgb(248 250 252) !important;
    /* bg-slate-50 */
    border-color: rgb(226 232 240) !important;
    /* border-slate-200 */
    padding: 1.5rem !important;
    /* p-6 */
}

#menuModal .grid>a>div:last-child:hover {
    background: rgb(241 245 249) !important;
    /* hover:bg-slate-100 */
}

#menuModal .grid>a span {
    color: rgb(30 41 59) !important;
    /* text-slate-800 */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    display: block !important;
    padding: 0 4px !important;
    font-size: 0.875rem !important;
    /* text-sm */
    font-weight: 700 !important;
}

/* Dark mode overrides */
.dark #menuModal .grid>a>div:last-child {
    background: rgba(255, 255, 255, 0.05) !important;
    /* dark:bg-white/5 */
    border-color: rgba(255, 255, 255, 0.1) !important;
    /* dark:border-white/10 */
}

.dark #menuModal .grid>a>div:last-child:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    /* dark:hover:bg-white/10 */
}

.dark #menuModal .grid>a span {
    color: rgb(255 255 255) !important;
    /* dark:text-white */
}

/* Ensure ALL icons stay smaller and consistent */
#menuModal .grid>a>div>div {
    width: 3.5rem !important;
    /* w-14 */
    height: 3.5rem !important;
    /* h-14 */
    margin-bottom: 0.75rem !important;
    /* mb-3 */
}

#menuModal .grid>a>div>div>i {
    font-size: 1.25rem !important;
    /* text-xl */
}