/* ============================================================
   Inscription / connexion (page-login.php, /login/), refaite le 26/09/2026.
   Cadre, menu du haut : mlive/entete.css ; en-tête rose et bouton vert : mlive/showcam.css.
   ============================================================ */
.lg { max-width: 560px; margin: 0 auto; }
.lg-avatar { flex: 0 0 auto; width: 54px; height: 54px; border-radius: 50%; object-fit: cover; border: 3px solid #ffffff; box-shadow: 0 3px 10px rgba(208, 25, 81, 0.18); }

.lg-onglets { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin: -4px 0 18px; padding: 4px; border-radius: 999px; background: #f6eef5; }
.lg-onglets button { padding: 10px 8px; border: 0; border-radius: 999px; background: transparent; color: #7e597e; font-size: 15px; font-weight: bold; font-family: inherit; cursor: pointer;
	transition: background .15s ease, color .15s ease, box-shadow .15s ease; }
.lg-onglets button.lg-on { background: #ffffff; color: #d01951; box-shadow: 0 2px 8px rgba(126, 89, 126, 0.15); }

.lg-champ { display: block; margin-bottom: 14px; }
.lg-champ > span { display: block; margin: 0 0 6px 4px; color: #7e597e; font-size: 13.5px; font-weight: bold; }
.lg-champ input { box-sizing: border-box; width: 100%; height: 48px; padding: 0 14px; border: 1.5px solid #eedde9; border-radius: 14px; background: #fbf8fb; color: #5d445d;
	font-size: 16px; font-family: inherit; outline: none; -webkit-appearance: none; transition: border-color .15s ease, background .15s ease; }
.lg-champ input:focus { border-color: #cba9cb; background: #ffffff; }
.lg-champ input[readonly] { color: #9c7f9c; background: #f6eef5; }
.lg-aide { display: block; margin: 5px 0 0 4px; color: #a58ea5; font-size: 12.5px; line-height: 1.35; }
.lg-champ.lg-ko input { border-color: #e46a8f; background: #fff7fa; }
.lg-champ.lg-ko .lg-aide { color: #d01951; }
.lg-champ.lg-ok input { border-color: #7fd3a4; }
.lg-champ.lg-ok > span::after { content: " ✓"; color: #1f9d57; }

.lg-mdp { position: relative; }
.lg-mdp input { padding-right: 50px; }
.lg-oeil { position: absolute; top: 4px; right: 4px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 0; border-radius: 10px;
	background: transparent; color: #b39ab3; cursor: pointer; }
.lg-oeil.lg-oeil-on { color: #d01951; }

.lg-bouton { margin-top: 6px; }
.lg-lien { display: block; margin-top: 14px; color: #d01951 !important; font-size: 14px; text-align: center; }

.lg-alerte { margin-bottom: 14px; padding: 11px 14px; border-radius: 12px; background: #fff0f5; border: 1px solid #f7cfdf; color: #b3134a; font-size: 13.5px; }
.lg-alerte-ok { background: #eefaf2; border-color: #c9eed6; color: #1f7a45; }

.lg-code { margin: 4px 0 6px; padding: 14px; border-radius: 16px; background: #fdf2f7; border: 1px dashed #f3c4d6; }
.lg-code-info { margin-bottom: 12px; color: #7e5f7e; font-size: 13.5px; line-height: 1.45; text-align: center; }
.lg-code-info b { color: #5d445d; word-break: break-all; }
.lg-code .lg-champ { margin-bottom: 8px; }
.lg-code .lg-champ > span { text-align: center; margin-left: 0; }
.lg-code input[name="code"] { height: 56px; background: #ffffff; font-size: 26px; font-weight: bold; letter-spacing: 10px; text-align: center; }
.lg-code .lg-aide { text-align: center; margin-left: 0; }
.lg-code-liens { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 18px; }
.lg-code-liens button { padding: 4px 0; border: 0; background: none; color: #d01951; font-size: 13px; font-family: inherit; text-decoration: underline; cursor: pointer; }
.lg-code-liens button:disabled { color: #b39ab3; text-decoration: none; cursor: default; }

/* case piège anti-robots : invisible pour les humains */
.lg-piege { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }

.lg-message { text-align: center; }
.lg-message b { display: block; color: #5d445d; font-size: 17px; }
.lg-message p { margin: 8px 0 14px; color: #7e5f7e; }
.lg-message-icone { font-size: 34px; margin-bottom: 6px; }
.lg .sc-valide-texte b { word-break: break-all; }