/* Poarta cu parola si bara sectiunii deschise.
   Traiau numai in interzis.css, iar clienti.html incarca alta foaie: acolo
   formularul se afisa nestilizat, un camp alb de browser pe fond intunecat.
   Stau acum intr-un singur fisier, incarcat de amandoua paginile private. */

.poarta{max-width:440px;margin:72px 0 0;padding:40px;background:var(--brun);border:1px solid var(--linie)}
.poarta label{display:block;font:500 11px var(--f);letter-spacing:.18em;text-transform:uppercase;color:var(--aur);margin-bottom:12px}
.poarta input{width:100%;height:52px;padding:0 16px;background:var(--negru);border:1px solid var(--linie);
  color:var(--alb);font:400 16px var(--ft);letter-spacing:.1em}
.poarta input:focus{outline:none;border-color:var(--aur)}
.poarta button{margin-top:20px;width:100%}
.poarta .mesaj{margin:18px 0 0;color:#c07676;font-size:15px}
.poarta .explicatie{margin:24px 0 0;color:var(--fum);font-size:14px}
.bara-privata{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  padding:16px 20px;border:1px solid var(--linie);background:var(--brun);margin-bottom:48px}
.bara-privata span{font:400 13px var(--ft);color:var(--fum)}
.bara-privata b{color:var(--aur);font-weight:400}
.bara-privata button{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;
  background:transparent;border:1px solid var(--linie);color:var(--alb);font:500 11px/1 var(--f);
  letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.bara-privata button:hover{border-color:var(--aur)}