/* name: Desktop: Night; base: dark; source: generated desktop theme (tools/make_desktop_theme.py) */
@import url("_generated.css");
@import url("_desktop.css");
@import url("_desktop-icons.css");

:root, [data-bs-theme] {
    --fm-bg: #0f2027;
    --fm-fg: #f2f5fa;
    --fm-surface: rgba(18, 22, 30, .78);
    --fm-surface-2: #1b2230;
    --fm-border: rgba(255, 255, 255, .2);
    --fm-input-bg: rgba(255, 255, 255, .12);
    --fm-muted: #c3cbd8;
    --fm-accent: #7fd3ff;
    --fm-link: #ffffff;
    --fm-hover-bg: rgba(255, 255, 255, .14);
    --fm-row-border: transparent;
    --fm-icon-bg: rgba(18, 22, 30, .75);
    --fm-icon-fg: #ffffff;
    --fm-danger: #e5604f;
    --fm-success: #2f9f6a;
}

:root {
    --d-label-fg: #ffffff;
    --d-label-shadow: 0 1px 2px rgba(0, 0, 0, .85), 0 0 6px rgba(0, 0, 0, .5);
    --d-hover-bg: rgba(255, 255, 255, .13);
    --d-sel-bg: rgba(120, 170, 255, .35);
    --d-sel-border: rgba(160, 200, 255, .9);
    --d-bar-bg: rgba(18, 22, 30, .78);
    --d-bar-fg: #eef2f7;
    --d-bar-border: 1px solid rgba(255, 255, 255, .12);
}

body,
body.theme-dark,
body.fm-login-page {
    background: radial-gradient(1200px 600px at 15% 10%, rgba(255, 255, 255, .12), transparent 60%), linear-gradient(135deg, #0f2027, #2c5364) fixed;
}

/* top bar */
.main-nav,
.main-nav.bg-body-tertiary {
    background-color: var(--d-bar-bg) !important;
    backdrop-filter: blur(8px);
    border: 0;
    border-bottom: var(--d-bar-border);
    border-radius: 0;
    margin-bottom: 8px !important;
}

.main-nav a,
.main-nav .navbar-brand,
.main-nav i {
    color: var(--d-bar-fg) !important;
}

.main-nav .nav-link {
    white-space: nowrap;
}

.bread-crumb {
    opacity: .5;
}

.card,
.message {
    background-color: var(--fm-surface) !important;
}