/* ============================================================================================
   ACESSO PARKET — a tela de entrar do moveis.parket.works
   Mesmo desenho das outras aplicações da casa: fundo Off White Mineral, papel branco com
   borda de 1px, PARKET em Cinzel caixa alta, Inter no corpo, Preto Parket no texto e Chai no
   foco. Nada de cinza-azulado, nada de canto arredondado, nada de "criar conta": quem entra
   aqui é da Parket e recebe acesso pelo cadastro do Space.
   ============================================================================================ */

html body #authGate.pkGate:not(#_) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
  margin: 0 !important;
  background: #F3F0E8 !important;
  background-image: none !important;
  color: #1A1A1A !important;
  font-family: Inter, system-ui, -apple-system, sans-serif !important;
  overflow: auto !important;
}
html body #authGate.pkGate.hidden:not(#_) { display: none !important; }

html body #authGate.pkGate:not(#_) *,
html body #authGate.pkGate:not(#_) *::before,
html body #authGate.pkGate:not(#_) *::after {
  box-sizing: border-box !important;
  border-radius: 0 !important;
  font-family: Inter, system-ui, -apple-system, sans-serif !important;
}
html body #authGate.pkGate:not(#_) .pkGateCard {
  width: min(420px, 100%) !important;
  padding: 38px 34px 30px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid rgba(26, 26, 26, .22) !important;
  box-shadow: none !important;
}
html body #authGate.pkGate:not(#_) .pkGateBrand {
  text-align: center !important;
  padding-bottom: 22px !important;
  margin-bottom: 22px !important;
  border-bottom: 1px solid rgba(26, 26, 26, .14) !important;
}
html body #authGate.pkGate:not(#_) .pkGateMark {
  width: 42px !important; height: 42px !important;
  margin: 0 auto 14px !important;
  display: grid !important; place-items: center !important;
  background: #1A1A1A !important;
  border: 1px solid #1A1A1A !important;
  color: #F3F0E8 !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 22px !important; font-weight: 700 !important; line-height: 1 !important;
  letter-spacing: 0 !important;
}
html body #authGate.pkGate:not(#_) .pkGateWord {
  font-family: Cinzel, Georgia, serif !important;
  font-size: 25px !important;
  font-weight: 600 !important;
  letter-spacing: .30em !important;
  text-indent: .30em !important;
  text-transform: uppercase !important;
  color: #1A1A1A !important;
  line-height: 1.1 !important;
}
html body #authGate.pkGate:not(#_) .pkGateSub {
  margin-top: 8px !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: .26em !important;
  text-transform: uppercase !important;
  color: #5F4F42 !important;
}
html body #authGate.pkGate:not(#_) .pkGateLabel {
  display: block !important;
  margin: 0 0 6px !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: #5E5A52 !important;
}
html body #authGate.pkGate:not(#_) .pkGateForm .pkGateLabel:not(:first-child) {
  margin-top: 16px !important;
}
html body #authGate.pkGate:not(#_) .pkGateInput {
  display: block !important;
  width: 100% !important;
  padding: 12px 12px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(26, 26, 26, .30) !important;
  color: #1A1A1A !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  text-transform: none !important;
}
html body #authGate.pkGate:not(#_) .pkGateInput::placeholder {
  color: #77736A !important;
  text-transform: none !important;
}
html body #authGate.pkGate:not(#_) .pkGateInput:focus {
  border-color: #968473 !important;
  box-shadow: 0 0 0 1px #968473 !important;
}
html body #authGate.pkGate:not(#_) .pkGateErro:not(:empty) {
  margin-top: 14px !important;
  padding: 9px 11px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: #9C3028 !important;
  background: rgba(156, 48, 40, .07) !important;
  border: 1px solid rgba(156, 48, 40, .35) !important;
}
html body #authGate.pkGate:not(#_) .pkGateBt {
  display: block !important;
  width: 100% !important;
  margin-top: 20px !important;
  padding: 13px 14px !important;
  background: #1A1A1A !important;
  border: 1px solid #1A1A1A !important;
  color: #F3F0E8 !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .24em !important;
  text-indent: .24em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}
html body #authGate.pkGate:not(#_) .pkGateBt:hover {
  background: #60544D !important;
  border-color: #60544D !important;
}
html body #authGate.pkGate:not(#_) .pkGateBt[disabled] {
  opacity: .55 !important;
  cursor: default !important;
}
html body #authGate.pkGate:not(#_) .pkGateFoot {
  margin-top: 22px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(26, 26, 26, .14) !important;
  text-align: center !important;
  font-size: 10px !important;
  line-height: 1.9 !important;
  color: #5E5A52 !important;
}
html body #authGate.pkGate:not(#_) .pkGateFoot span { display: block !important; }
html body #authGate.pkGate:not(#_) #authStatus:not(#_) {
  display: block !important;
  min-height: 14px !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  color: #5E5A52 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body #authGate.pkGate:not(#_) #authStatus.error:not(#_) { color: #9C3028 !important; }
html body #authGate.pkGate:not(#_) #authStatus.good:not(#_) { color: #19652B !important; }
html body #authGate.pkGate:not(#_) #authStatus.warn:not(#_) { color: #7B4C16 !important; }

/* ── modal de acesso para as páginas secundárias (ambientes, produção, supervisor) ─────────── */
#pkMoveisLogin {
  position: fixed; inset: 0; z-index: 2147483000; display: none; place-items: center;
  padding: 24px; background: rgba(26, 26, 26, .54);
  font: 14px/1.45 Inter, system-ui, sans-serif; color: #1A1A1A;
}
#pkMoveisLogin.on { display: grid; }
#pkMoveisLogin .cx {
  width: min(400px, 100%); padding: 34px 30px 28px; background: #FFFFFF;
  border: 1px solid rgba(26, 26, 26, .22); border-radius: 0; text-align: left;
}
#pkMoveisLogin .cx::before {
  content: "PARKET"; display: block; text-align: center;
  font-family: Cinzel, Georgia, serif; font-size: 22px; font-weight: 600;
  letter-spacing: .30em; text-indent: .30em; text-transform: uppercase; color: #1A1A1A;
}
#pkMoveisLogin .sub {
  text-align: center; margin: 8px 0 22px; padding-bottom: 18px;
  border-bottom: 1px solid rgba(26, 26, 26, .14);
  font-size: 9px; letter-spacing: .26em; text-transform: uppercase; color: #5F4F42;
}
#pkMoveisLogin label {
  display: block; margin: 14px 0 6px; font-family: Cinzel, Georgia, serif;
  font-size: 9px; letter-spacing: .22em; text-transform: uppercase; color: #5E5A52;
}
#pkMoveisLogin input {
  display: block; width: 100%; padding: 12px; border-radius: 0;
  background: #FFFFFF; border: 1px solid rgba(26, 26, 26, .30); color: #1A1A1A;
  font: 14px/1.4 Inter, system-ui, sans-serif; outline: none;
}
#pkMoveisLogin input:focus { border-color: #968473; box-shadow: 0 0 0 1px #968473; }
#pkMoveisLogin button {
  display: block; width: 100%; margin-top: 20px; padding: 13px 14px; border-radius: 0;
  background: #1A1A1A; border: 1px solid #1A1A1A; color: #F3F0E8;
  font-family: Cinzel, Georgia, serif; font-size: 11px; letter-spacing: .24em;
  text-transform: uppercase; cursor: pointer;
}
#pkMoveisLogin button[disabled] { opacity: .55; cursor: default; }
#pkMoveisLogin .erro {
  min-height: 16px; margin-top: 12px; font-size: 12px; color: #9C3028;
}
#pkMoveisLogin .rodape {
  margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(26, 26, 26, .14);
  text-align: center; font-size: 10px; line-height: 1.9; color: #5E5A52;
}

@media (max-width: 520px) {
  html body #authGate.pkGate:not(#_) { padding: 14px !important; place-items: start center !important; }
  html body #authGate.pkGate:not(#_) .pkGateCard { padding: 30px 22px 24px !important; margin: 6vh auto 24px !important; }
  html body #authGate.pkGate:not(#_) .pkGateWord { font-size: 22px !important; }
}