/* Pages */



/* =========================================================
   Container Page - Structure globale
   ========================================================= */

.page-container {
    width: calc(100% - 40px);
    margin: 10px auto;
    flex: 1;
}

/* =========================================================
   Page Base - Structure globale
   ========================================================= */

/*
    .page-frame
    Grand encadrement visuel de la page.
    Il contient l'entête de page et le contenu principal.
*/
.page-frame {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: var(--spacing-xl);
    width: 100%;
    padding: var(--spacing-xl);
    border: 1px solid rgba(130, 190, 255, 0.22);
    border-radius: var(--radius-lg);
    background:
        radial-gradient(circle at top right,
            rgba(80, 150, 255, 0.16),
            transparent 32rem),
        linear-gradient(145deg,
            rgba(255, 255, 255, 0.065),
            rgba(255, 255, 255, 0.025));
    box-shadow: var(--box-shadow);
}

/*
    Décor lumineux discret.
*/
.page-frame::before {
    content: "";
    position: absolute;
    top: -7rem;
    right: -7rem;
    width: 16rem;
    height: 16rem;
    border-radius: var(--radius-full);
    background: rgba(130, 190, 255, 0.10);
    pointer-events: none;
}