/* Gradient glow overlays (CSS-заміна top.svg + bottom.svg) */
/* --glow-top-color і --glow-bottom-color: rgba, opacity не більше 0.1 */
:root {
    --glow-top-color: rgba(148, 0, 255, 0.15);
    --glow-bottom-color: rgba(32, 14, 52, 0.5);
}

.gvp-glow {
    position: fixed;
    inset: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 0;
}

/* Верхній блик — м’який растушований градієнт, макс. 20% прозорості */
.gvp-glow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 140%;
    max-width: 2200px;
    height: 320px;
    background: radial-gradient(
        ellipse 80% 100% at 50% 0%,
        var(--glow-top-color) 0%,
        var(--glow-top-color) 25%,
        transparent 55%,
        transparent 100%
    );
}

/* Нижній блик — м’який растушований градієнт, макс. 20% прозорості */
.gvp-glow::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 140%;
    max-width: 2200px;
    height: 400px;
    background: radial-gradient(
        ellipse 85% 100% at 50% 100%,
        var(--glow-bottom-color) 0%,
        var(--glow-bottom-color) 25%,
        transparent 55%,
        transparent 100%
    );
}

/* Main */
.gvp-main {
    flex: 1;
    margin-top: 30px;
    margin-left: 100px;
    min-height: 100vh;
    min-width: 0;
}

.gvp-main--with-sidebar {
    margin-left: 30px;
    transition: margin-left 0.3s ease;
}

.gvp-main--with-sidebar.gvp-main--sidebar-collapsed {
    margin-left: 130px;
}

/* Коли основного sidebar немає (публічний перегляд) */
/* Стилі винесені в gvp-public-form.css */