/* ==========================================================================
   STYLE SPÉCIFIQUE WEB - PORTAIL RP RETURN
   ========================================================================== */

/* On écrase le fond transparent de rtn_core.css pour mettre un fond GTA/Sombre */
body {
    background: #050505 url('https://images.unsplash.com/photo-1605806616949-1e87b487cb2a?q=80&w=1920&auto=format&fit=crop') no-repeat center center fixed !important;
    background-size: cover !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    margin: 0;
    /* Un filtre sombre par-dessus l'image pour que ton panel ressorte bien */
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.75);
}

/* Le conteneur qui garde ton panel à une bonne taille */
.landing-wrapper {
    width: 100%;
    max-width: 550px;
    padding: 20px;
    animation: fadeIn 0.8s ease-out; /* Petite animation d'apparition */
}

/* Disposition de la ligne "Statut" */
.status-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--gap-md);
    padding-bottom: var(--gap-sm);
    border-bottom: var(--border-light);
}

/* Disposition des boutons en bas */
.action-buttons {
    display: flex;
    gap: var(--gap-sm);
    margin-top: var(--gap-md);
}

/* Pour que les boutons prennent toute la largeur dispo */
.action-buttons a {
    text-decoration: none;
    flex: 1;
}

.action-buttons .rtn-btn {
    width: 100%;
}

/* Animation d'entrée */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}