.app-topbar {
    background-color: rgb(255 255 255 / 0.95) !important;
    color: rgb(30 41 59) !important; /* slate-800 */
    border-color: rgb(226 232 240) !important; /* slate-200 */
}

html.dark .app-topbar {
    background-color: rgb(2 6 23 / 0.95) !important; /* slate-950 */
    color: rgb(241 245 249) !important; /* slate-100 */
    border-color: rgb(30 41 59) !important; /* slate-800 */
}
/* ===== Global Scrollbar Style ===== */
:root {
    --sb-track: #f1f5f9; /* خلفية المسار - رمادي فاتح */
    --sb-thumb: #cbd5e1; /* المقبض - رمادي فاتح */
    --sb-thumb-hover: #94a3b8; /* عند hover - أغمق */
}

/* لو عندك dark mode */
.dark {
    --sb-track: #0f172a;
    --sb-thumb: #475569;
    --sb-thumb-hover: #64748b;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--sb-thumb) var(--sb-track);
}

    /* Chrome / Edge / Safari */
    *::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    *::-webkit-scrollbar-track {
        background: var(--sb-track);
    }

    *::-webkit-scrollbar-thumb {
        background-color: var(--sb-thumb);
        border-radius: