/* ==========================================================================
   SUNU DIINE — Thème commun des pages de compte
   (connexion, inscription, mot de passe oublié)
   Aligne ces pages sur la charte du reste du site : vert profond + or,
   sans toucher à leur structure ni à leur logique.
   ========================================================================== */
:root {
  --gold: #c9a24a;
  --green-deep: #00392b;
  --pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Crect x='22' y='22' width='36' height='36' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='9'/%3E%3Cpath d='M0 40h8M72 40h8M40 0v8M40 72v8'/%3E%3C/g%3E%3C/svg%3E");
}

/* Panneau de gauche : dégradé, motif et halo doré */
.left-panel {
  background:
    radial-gradient(ellipse 70% 50% at 85% 8%, rgba(201, 162, 74, 0.24), transparent 62%),
    linear-gradient(160deg, var(--green-deep) 0%, #00674f 100%) !important;
}
.left-panel::before {
  content: ""; position: absolute; inset: 0; top: 0; right: 0;
  width: auto; height: auto; border: none; border-radius: 0;
  background-image: var(--pattern); background-size: 80px 80px; opacity: 0.06;
}
.left-panel::after { display: none; }
.brand-mark { border-color: rgba(201, 162, 74, 0.75) !important; }
.brand-tagline { color: var(--gold) !important; font-family: 'Playfair Display', serif; font-size: 1rem !important; }

/* Titres du formulaire */
.form-title { font-family: 'Playfair Display', serif; font-weight: 600; font-size: 1.65rem; letter-spacing: -0.01em; }

/* Barre du haut : raccord parfait avec le panneau, bouton d'inscription doré */
@media (min-width: 769px) {
  .navbar {
    background: linear-gradient(to right, var(--green-deep) 0%, var(--green-deep) var(--split), #ffffff var(--split), #ffffff 100%) !important;
  }
  .nav-btn-solid { background: var(--gold); border-color: var(--gold); color: var(--green-deep); }
  .nav-btn-solid:hover { background: #d8b35c; border-color: #d8b35c; }
}
@media (max-width: 768px) {
  .navbar { background: var(--green-deep) !important; }
}