/* Tela de entrada — padrão PROJEAXIS (navy #2B333A, dourado #D69F56, Oxanium + Manrope) */
:root{--navy:#2B333A;--navy-2:#20272C;--gold:#D69F56;--gold-wash:#F8EEE0;--marfim:#FDFCFA;--linha:#EAE5DA;--ink:#1F2A35;--muted:#6B7480;--erro:#B5462E;--ok:#2F7D57}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--marfim);color:var(--ink);font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}

.pj-login{display:grid;grid-template-columns:minmax(380px,44%) 1fr;min-height:100vh}

/* Lado da marca */
.pj-login-marca{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:40px;
  padding:48px 56px;color:#fff;background:var(--navy) url('../img/projeaxis/grafismo-camurca.svg') left 10% top 40%/auto 150% no-repeat}
.pj-login-logo{height:52px;width:auto;display:block}
.pj-login-marca > *{position:relative}
.pj-login-marca-topo{display:flex;align-items:center;gap:14px}
.pj-login-icone{width:52px;height:52px;border-radius:14px;background:var(--marfim);display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.pj-login-icone img{width:38px;height:38px;object-fit:contain}
.pj-login-nome{font-family:Oxanium,Manrope,Arial,sans-serif;font-weight:600;font-size:24px;letter-spacing:.02em;line-height:1}
.pj-login-sub{margin-top:5px;color:#D9B77A;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.pj-login-marca-meio{max-width:440px}
.pj-login-marca h2{margin:10px 0 0;font-family:Oxanium,Manrope,Arial,sans-serif;font-weight:600;font-size:clamp(34px,3.4vw,48px);line-height:1.1;letter-spacing:-.01em}
.pj-login-filete{display:block;width:56px;height:3px;border-radius:3px;background:var(--gold);margin:26px 0 22px}
.pj-login-marca-rodape{color:rgba(255,255,255,.5);font-size:12px}

/* Lado do formulário */
.pj-login-form{display:flex;align-items:center;justify-content:center;padding:48px 24px}
.pj-login-caixa{width:100%;max-width:400px}
.pj-login-logo-mobile{display:none;width:200px;height:auto;margin:0 0 28px}
.pj-login-eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.pj-login-marca .pj-login-eyebrow{color:#E9C48D}
.pj-login-form h1{margin:8px 0 6px;font-family:Oxanium,Manrope,Arial,sans-serif;font-weight:600;font-size:34px;color:var(--navy);line-height:1.1}
.pj-login-lead{margin:0 0 26px;color:var(--muted)}

.pj-login-aviso{border-radius:10px;padding:11px 14px;margin:0 0 18px;font-size:14px;font-weight:600;border:1px solid}
.pj-login-aviso.erro{color:var(--erro);background:#FBEEEA;border-color:#F0CFC6}
.pj-login-aviso.ok{color:var(--ok);background:#EAF4EE;border-color:#C9E3D3}

.pj-login-campo{display:block;margin:0 0 16px}
.pj-login-campo > span:first-child{display:block;margin:0 0 7px;font-size:13px;font-weight:700;color:var(--ink)}
.pj-login-campo input{width:100%;height:48px;padding:0 14px;border:1px solid var(--linha);border-radius:12px;background:#fff;
  font:inherit;color:var(--ink);transition:border-color .15s,box-shadow .15s;outline:none}
.pj-login-campo input::placeholder{color:#A3A9B0}
.pj-login-campo input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(214, 159, 86,.16)}
.pj-login-campo input.invalido{border-color:var(--erro)}
.pj-login-senha{position:relative;display:block}
.pj-login-senha input{padding-right:48px}
.pj-login-olho{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:10px;
  background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.pj-login-olho:hover,.pj-login-olho[aria-pressed="true"]{color:var(--navy);background:var(--gold-wash)}
.pj-login-olho:focus-visible{outline:2px solid var(--gold);outline-offset:1px}

.pj-login-linha{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 22px;font-size:14px}
.pj-login-lembrar{display:flex;align-items:center;gap:8px;color:var(--ink);cursor:pointer}
.pj-login-lembrar input{width:16px;height:16px;accent-color:var(--navy)}
.pj-login-linha a{color:var(--navy);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(214, 159, 86,.5)}
.pj-login-linha a:hover{color:var(--gold)}

.pj-login-btn{width:100%;height:50px;border:0;border-radius:999px;background:var(--navy);color:#fff;font:inherit;font-weight:800;
  font-size:15px;letter-spacing:.02em;cursor:pointer;transition:background .15s,transform .05s;box-shadow:0 8px 20px rgba(43, 51, 58,.22)}
.pj-login-btn:hover{background:var(--navy-2)}
.pj-login-btn:active{transform:translateY(1px)}
.pj-login-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.pj-login-ajuda{margin:22px 0 0;text-align:center;color:var(--muted);font-size:13px}

/* Celular / tablet estreito: só o formulário, com a logo em cima */
@media (max-width:860px){
  .pj-login{grid-template-columns:1fr}
  .pj-login-marca{display:none}
  .pj-login-form{align-items:flex-start;padding:40px 16px;border-top:4px solid var(--navy)}
  .pj-login-logo-mobile{display:block}
  .pj-login-form h1{font-size:30px}
}

/* Links de apoio (voltar para a entrada) */
.pj-login-voltar{color:var(--navy);font-weight:700;text-decoration:none}
.pj-login-voltar:hover{color:var(--gold)}
.pj-login-form form + .pj-login-ajuda{margin-top:20px}