/* Tela de entrada da plataforma — usa as cores do sistema (styles.css) */
.pl-fundo {
  position: fixed; inset: 0; z-index: 50;
  display: flex; align-items: center; justify-content: center;
  padding: 24px 16px; overflow-y: auto;
  background: var(--papel-fundo, #E6E4DB); color: var(--tinta, #332E2B);
  font-family: "Jost", system-ui, sans-serif;
}
.pl-fundo[hidden] { display: none !important; }
.pl-cartao {
  width: 100%; max-width: 400px; margin: auto;
  background: var(--card, #FBFAF6); border: 1px solid var(--linha, rgba(51,46,43,.13));
  border-radius: 18px 18px 6px 6px; box-shadow: var(--sombra, 0 8px 24px -12px rgba(51,46,43,.18));
  padding: 32px 28px 26px;
}
.pl-marca { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 22px; text-align: center; }
.pl-mono {
  width: 52px; height: 52px; display: grid; place-items: center;
  border: 1px solid var(--dourado, #A98B63); border-radius: 26px 26px 8px 8px;
  font-family: "Marcellus", serif; font-size: 20px; color: var(--dourado, #A98B63);
}
.pl-nome { font-family: "Marcellus", serif; font-size: 20px; letter-spacing: .14em; margin-top: 6px; }
.pl-sub { font-family: "Style Script", cursive; font-size: 22px; color: var(--cerejeira-f, #9A7E82); line-height: 1; }
.pl-titulo { font-family: "Marcellus", serif; font-weight: 400; font-size: 18px; margin: 0 0 4px; }
.pl-nota { font-size: 13.5px; line-height: 1.5; color: var(--tinta-2, #6A605A); margin: 0 0 16px; }
.pl-form { display: flex; flex-direction: column; gap: 12px; }
.pl-campo { display: flex; flex-direction: column; gap: 5px; }
.pl-campo label { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--tinta-2, #6A605A); }
.pl-campo input {
  font: inherit; font-size: 15px; padding: 11px 12px; border-radius: 8px;
  border: 1px solid var(--linha-forte, rgba(51,46,43,.26)); background: var(--papel, #EFEEE8); color: inherit;
}
.pl-campo input:focus { outline: 2px solid var(--dourado, #A98B63); outline-offset: 1px; border-color: transparent; }
.pl-botao {
  font: inherit; font-size: 15px; font-weight: 500; letter-spacing: .03em;
  padding: 12px 16px; margin-top: 4px; border: 0; border-radius: 8px; cursor: pointer;
  background: var(--tinta, #332E2B); color: var(--card, #FBFAF6);
}
.pl-botao:disabled { opacity: .6; cursor: wait; }
.pl-links { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 16px; }
.pl-link { font: inherit; font-size: 13.5px; background: none; border: 0; padding: 4px 0; cursor: pointer; color: var(--dourado, #A98B63); text-decoration: underline; text-underline-offset: 3px; }
.pl-msg { font-size: 13.5px; line-height: 1.45; padding: 10px 12px; border-radius: 8px; margin: 0 0 12px; }
.pl-msg[data-tom="erro"] { background: var(--critico-bg, rgba(169,58,51,.11)); color: var(--critico, #A93A33); }
.pl-msg[data-tom="ok"] { background: var(--ok-bg, rgba(15,122,67,.11)); color: var(--ok, #0F7A43); }
.pl-rodape { margin-top: 18px; text-align: center; font-size: 12px; color: var(--tinta-3, #948A82); }
.pl-rodape { line-height: 1.5; }
.pl-rodape-marca { margin-top: 4px; opacity: .8; }