@charset "utf-8";
/* CSS Document */

body {
    margin: 0;
    padding: 0;
    background: linear-gradient(
        180deg,
        var(--page-bg-start),
        var(--page-bg-end)
    );
    color: var(--bos-text-primary, var(--text-primary));
}

body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(rgba(34, 211, 238, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 211, 238, 0.045) 1px, transparent 1px),
        linear-gradient(115deg, rgba(168, 85, 247, 0.08), transparent 34%),
        linear-gradient(245deg, rgba(16, 185, 129, 0.08), transparent 38%);
    background-size:
        42px 42px,
        42px 42px,
        auto,
        auto;
}

#app-main {
    padding-bottom: 64px;
    background: transparent;
    color: var(--bos-text-primary, var(--text-primary));
}

html[data-theme="dark"] body,
body.dark-mode {
    background: linear-gradient(180deg, var(--bos-surface-page), var(--bos-surface-shell));
    color: var(--bos-text-primary);
}

html[data-theme="dark"] body::before,
body.dark-mode::before {
    background:
        linear-gradient(rgba(125, 211, 252, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(125, 211, 252, 0.035) 1px, transparent 1px),
        linear-gradient(115deg, rgba(59, 130, 246, 0.12), transparent 34%),
        linear-gradient(245deg, rgba(20, 184, 166, 0.10), transparent 38%);
    background-size: 42px 42px, 42px 42px, auto, auto;
}

#app-main.container:has(.workspace-dashboard) {
    width: 100%;
    max-width: 1500px;
    padding-top: 2rem !important;
}

body > .navbar,
body > .app-navbar {
    width: 100%;
    margin: 0;
    border-radius: 0;
}

.app-navbar {
    min-height: 56px;
}