/**
 * Portal atmosphere — ключевые слои фона приложения.
 * Полная версия: backend/resources/css/app.css (.portal-atmosphere*)
 * Разметка: layouts/app.blade.php
 */

.app-shell-bg {
    --deck-mist: var(--c-f4f7fc);
    background-color: var(--deck-mist);
    isolation: isolate;
}

.portal-atmosphere {
    pointer-events: none;
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}

.portal-atmosphere__base {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(90% 55% at 12% 0%, rgba(37, 99, 235, 0.14), transparent 52%),
        radial-gradient(80% 50% at 92% 4%, rgba(129, 140, 248, 0.16), transparent 48%),
        radial-gradient(70% 45% at 78% 88%, rgba(56, 189, 248, 0.1), transparent 55%),
        radial-gradient(55% 40% at 8% 92%, rgba(245, 158, 11, 0.07), transparent 50%),
        linear-gradient(180deg, var(--c-e8eef8) 0%, var(--c-eef3fb) 28%, var(--c-f5f8fc) 62%, var(--tw-slate-50) 100%);
}

:root[data-theme="dark"] .portal-atmosphere__base {
    background:
        radial-gradient(90% 55% at 12% 0%, rgba(37, 99, 235, 0.12), transparent 52%),
        radial-gradient(80% 50% at 92% 4%, rgba(129, 140, 248, 0.1), transparent 48%),
        radial-gradient(70% 45% at 78% 88%, rgba(56, 189, 248, 0.05), transparent 55%),
        linear-gradient(180deg, #0c1222 0%, var(--color-bg) 45%, #090e1a 100%);
}

.portal-atmosphere__vignette {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 85% 70% at 50% 35%, transparent 55%, rgb(var(--ink-rgb) / 0.03) 100%);
}

/* Контент над фоном — только оболочка приложения (не devtools: Debugbar, Whoops и т.п.) */
body > .app-shell,
body > .iac-auth {
    position: relative;
    z-index: 1;
}