#loginScreen[hidden],
#publicSalesRoot[hidden],
#customerAuthModal[hidden] {
  display:none !important;
}

body[data-entry-mode="operator"] #publicSalesRoot,
body[data-entry-mode="admin"] #publicSalesRoot,
body[data-entry-mode="operator"] .skip-link-public,
body[data-entry-mode="admin"] .skip-link-public,
body[data-entry-mode="sales"] .skip-link-operator,
body[data-entry-mode="customer"] .skip-link-operator,
body[data-entry-mode="sales"] #loginScreen,
body[data-entry-mode="customer"] #loginScreen,
body[data-entry-mode="sales"] .app-shell,
body[data-entry-mode="customer"] .app-shell {
  display:none !important;
}

body[data-auth="ok"] #customerAuthModal[hidden] .login-screen {
  display:none !important;
}

body[data-auth="ok"] #customerAuthModal:not([hidden]) .login-screen {
  display:grid;
}

/* No host admin o login acontece na própria página. No aplicativo local, o
   mesmo botão abre o hostname protegido no navegador do sistema. */
#externalAccess {
  display:none;
}
body[data-entry-mode="operator"] #externalAccess,
body[data-entry-mode="admin"] #externalAccess {
  display:block;
}

/* "Conta comercial conectada" e contexto de cliente; nao aparece na tela de
   login do operador (local/admin). */
body[data-entry-mode="operator"] #customerSessionSummary,
body[data-entry-mode="admin"] #customerSessionSummary {
  display:none !important;
}