/* NIGHTSHIFT · pages compte (connexion / inscription / profil) */

.authwrap{min-height:calc(100vh - 56px);display:grid;place-items:center;padding:2rem 1.2rem}
.authcard{width:min(440px,100%);position:relative}
.authcard .winbar .path{color:var(--green-2)}
.authcard .pad{padding:1.6rem 1.6rem 1.8rem}
.authcard h1{font-family:var(--ff-mono);font-weight:800;font-size:1.5rem;color:var(--bright);margin-bottom:.3rem}
.authcard .lead{font-family:var(--ff-mono);font-size:.82rem;color:var(--text-3);margin-bottom:1.3rem}
.authcard .lead .amb{color:var(--amber)}

.field{margin-bottom:1rem}
.field label{display:block;font-family:var(--ff-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green-2);margin-bottom:.4rem}
.field label::before{content:"// "}
.field input{width:100%;background:var(--green-deep);border:1px solid var(--edge-soft);color:var(--bright);
  font-family:var(--ff-mono);font-size:.95rem;padding:.7rem .85rem;border-radius:2px;transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.field input:focus{outline:0;border-color:var(--green);box-shadow:var(--glow)}
.field input::placeholder{color:var(--text-3)}
.field .hint{font-family:var(--ff-mono);font-size:.68rem;color:var(--text-3);margin-top:.35rem}

.authcard .btn{width:100%;justify-content:center;margin-top:.4rem}
.authmsg{font-family:var(--ff-mono);font-size:.8rem;padding:.7rem .85rem;border-radius:2px;margin-bottom:1rem;display:none}
.authmsg.err{display:block;color:#ff6b6b;border:1px solid rgba(255,51,85,.4);background:rgba(255,51,85,.08)}
.authmsg.ok{display:block;color:var(--green);border:1px solid var(--edge);background:var(--green-deep)}
.authfoot{margin-top:1.3rem;padding-top:1.1rem;border-top:1px solid var(--edge-soft);font-family:var(--ff-mono);font-size:.8rem;color:var(--text-3);text-align:center}
.authfoot a{color:var(--green)}

/* ---- profil ---- */
.profile{width:min(1000px,100%);margin:2rem auto;padding:0 1.2rem}
.profile-head{display:flex;align-items:center;gap:1.2rem;margin:1.4rem 0 2rem;flex-wrap:wrap}
.profile-head .avatar{width:64px;height:64px;border:1px solid var(--edge);display:grid;place-items:center;
  font-family:var(--ff-display);font-size:2rem;color:var(--green);background:var(--green-deep);text-shadow:var(--glow)}
.profile-head h1{font-family:var(--ff-mono);font-weight:800;font-size:1.6rem;color:var(--bright)}
.profile-head .sub{font-family:var(--ff-mono);font-size:.8rem;color:var(--text-3)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}
.pstat{padding:1.1rem 1.2rem}
.pstat .lbl{margin-bottom:.6rem}
.pstat .big{font-family:var(--ff-display);font-size:2.4rem;line-height:.9;color:var(--bright);text-shadow:var(--glow)}
.pstat .bar{margin-top:.7rem}
.psection{margin-bottom:2rem}
.psection>h2{font-family:var(--ff-mono);font-weight:800;font-size:1.15rem;color:var(--green);margin-bottom:1rem}
.psection>h2::before{content:"// ";color:var(--text-3)}
.prefrow{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--edge-soft);flex-wrap:wrap}
.prefrow:last-child{border-bottom:0}
.prefrow .k{font-family:var(--ff-mono);font-size:.9rem;color:var(--text)}
.prefrow .k small{display:block;color:var(--text-3);font-size:.72rem;margin-top:.15rem}
.seg{display:inline-flex;border:1px solid var(--edge)}
.seg button{font-family:var(--ff-mono);font-size:.74rem;letter-spacing:.05em;color:var(--text-2);background:var(--green-deep);border:0;border-right:1px solid var(--edge-soft);padding:.4em .9em;cursor:pointer;transition:all var(--t-fast)}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:var(--amber);color:#201400}
.pcparcours{display:flex;flex-direction:column;gap:.5rem}
.pcrow{display:grid;grid-template-columns:1fr auto 130px;align-items:center;gap:1rem;padding:.6rem 1rem;border:1px solid var(--edge-soft)}
.pcrow b{font-family:var(--ff-mono);font-weight:600;color:var(--bright);font-size:.9rem}
.pcrow .mono{font-family:var(--ff-mono);font-size:.72rem;color:var(--text-3)}
@media (max-width:520px){.pcrow{grid-template-columns:1fr auto}.pcrow .bar{display:none}}