*, *::before, *::after 
{

    border-radius: 0 !important;

}

html
{

    background: url('/images/app.png') no-repeat center center fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;

}

html, body
{

    font-family: 'Inter' !important;
    color: white !important;

}

input
{

    text-align: center !important;

}

a
{

    text-decoration: none !important;

}

/* ─── Glass chrome ───────────────────────────────────────────────────────── */

[data-flux-sidebar],
[data-flux-header]
{

    background: rgba(0, 0, 0, 0.25) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-color: rgba(255, 255, 255, 0.07) !important;

}

[data-flux-sidebar-header]
{

    border-color: rgba(255, 255, 255, 0.07) !important;

}

/* ─── Keep header height consistent whether logged in or out ─────────────── */

[data-flux-header] [data-flux-profile]
{

    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: transparent !important;

}

[data-flux-header] [data-flux-profile]:hover
{

    background: transparent !important;

}

[data-flux-header] [data-flux-profile] img
{

    height: 1.5rem !important;
    width: 1.5rem !important;

}

/* Remove gray background from avatar wrapper inside header profile */
[data-flux-header] [data-flux-avatar]
{

    background: transparent !important;

}

/* ─── Dropdown menu: glass blur ──────────────────────────────────────────── */

[data-flux-menu]
{

    background: rgba(15, 15, 20, 0.75) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;

}