/* ============ WMS · SM PRO — tela de entrada ============
   À esquerda a marca e o galpão em traço; à direita, o painel de entrada. Tudo na pele do SM PRO. */
.tela-login { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); min-height: 100vh; background: var(--chao); }

.login-arte { display: flex; flex-direction: column; justify-content: space-between; gap: 24px; padding: 20px 44px 36px; overflow: hidden; border-right: 1px solid var(--fio); }
.login-arte .marca { padding: 0; }
.login-arte h1 { display: block; max-width: 22ch; margin: 0 0 10px; font-size: clamp(22px, 2.1vw, 28px); font-weight: 600; line-height: 1.25; }
.login-arte p { max-width: 56ch; }
/* O galpão desenhado (figura de enfeite, com dados inventados): usa as mesmas classes do mapa. */
.login-figura svg { display: block; width: 100%; height: auto; max-height: 46vh; overflow: visible; }

.login-form { position: relative; display: grid; place-items: center; padding: 24px; }
.login-tema { position: absolute; top: 10px; right: 20px; }
.login-cartao { width: min(360px, 100%); padding: var(--by) var(--bx) calc(var(--by) + 2px); background: var(--placa); border: 1px solid var(--fio); border-radius: 20px; box-shadow: var(--sombra-3), var(--brilho); }
.login-cartao h2 {
  margin: calc(var(--by) * -1) calc(var(--bx) * -1) var(--by); padding: 10px var(--bx); border-bottom: 1px solid var(--fio);
  font: 640 14.5px/1.4 var(--fonte);
}
.login-cartao form { flex-direction: column; align-items: stretch; gap: 12px; margin-top: 16px; }
.login-cartao input { height: 36px; }
.login-cartao button { margin-top: 4px; }
.login-cartao .erro { margin: 14px 0 0; }

@media (max-width: 719px) {
  .tela-login { position: relative; grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
  .login-form { position: static; }
  .login-tema { top: 6px; right: 14px; }
  .login-arte { gap: 10px; padding: 8px 18px 18px; border-right: 0; border-bottom: 1px solid var(--fio); }
  .login-arte h1 { font-size: 20px; max-width: none; margin-bottom: 6px; }
  .login-figura { display: none; }
  .login-form { place-items: start center; padding: 28px 18px; }
  .login-cartao input { height: 48px; }
}