/* RD Web Client branding — /RDWeb/bachmann/custom.css */

html,
body {
  height: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
}

/* Full-viewport background. Do not put cover on body: html/body have 0 height
   in this SPA, so background-size:cover on body does not fill the screen. */
body.rdweb-is-login::before,
body.rdweb-is-app::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: #0a3a40;
  background-image: url("/RDWeb/bachmann/bckg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

body.rdweb-is-login,
body.rdweb-is-login .webclient,
body.rdweb-is-app,
body.rdweb-is-app .webclient {
  background: transparent !important;
  background-image: none !important;
}

/* Hide the gray top bar on the login screen so the image is edge-to-edge */
body.rdweb-is-login nav {
  visibility: hidden !important;
}

/* Let the photo show through the Fluent UI dimmer, and do not steal clicks */
body.rdweb-is-login .ms-Overlay,
body.rdweb-is-login .ms-Overlay--dark {
  background-color: transparent !important;
  pointer-events: none !important;
}

body.rdweb-is-app nav {
  visibility: visible !important;
  background: #fff !important;
  position: relative;
  z-index: 5;
}

body.rdweb-is-app .rdweb-app-panel {
  background: #fff !important;
  margin: 12px 48px 100px 188px;
  border-radius: 8px;
  box-sizing: border-box;
  overflow: auto;
}

body.rdweb-is-app .tenants {
  position: relative;
}

body.rdweb-is-app .rdweb-siqma-logo {
  left: 50%;
  top: 17px;
  transform: translateX(-50%);
  max-width: 129px;
}

#rdweb-brand-root {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  pointer-events: none;
}

.rdweb-social-links {
  position: fixed;
  right: 40px;
  bottom: 28px;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  pointer-events: auto;
}

.rdweb-social-links a {
  display: inline-block;
  margin-right: 10px;
  line-height: 0;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.rdweb-social-links a:last-child {
  margin-right: 0;
}

.rdweb-social-links a:hover {
  opacity: 0.8;
}

.rdweb-social-links img {
  display: block;
  width: 114px;
  height: 38px;
  border: 0;
}

.rdweb-siqma-access {
  display: inline-flex !important;
  align-items: center;
  box-sizing: border-box;
  width: 114px;
  height: 38px;
  padding: 0 6px 0 8px;
  gap: 8px;
  background: #fff;
  border-radius: 19px;
  box-shadow: 0 2px 3px rgba(19, 19, 19, 0.35);
  text-decoration: none;
  line-height: 1 !important;
}

.rdweb-siqma-access__icon {
  width: 18px;
  height: 18px;
  padding-left: 4px;
  flex-shrink: 0;
}

.rdweb-siqma-access__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 5px;
  padding-top: 2px;
  color: #535353;
  font: 600 13px/0.9 Arial, sans-serif;
}

@media (max-width: 1100px) {
  body.rdweb-is-app .rdweb-app-panel {
    margin: 12px 16px 100px 16px;
  }

  body.rdweb-is-app .rdweb-siqma-logo {
    left: 50%;
    top: 17px;
    transform: translateX(-50%);
    max-width: 129px;
  }
}

/* SIQMA logo — JS pins it to the top-center of the login box */
.rdweb-siqma-logo {
  position: fixed;
  z-index: 1000001;
  max-width: 280px;
  max-height: 80px;
  width: auto;
  height: auto;
  transform: translate(-50%, calc(-100% - 28px));
}

/* SB logo — bottom center of the viewport */
.rdweb-sb-logo {
  position: fixed;
  left: 50%;
  bottom: 32px;
  z-index: 1000001;
  height: 36px;
  width: auto;
  transform: translateX(-50%);
}

body.rdweb-is-session #rdweb-brand-root,
body.rdweb-is-session .rdweb-social-links,
body.rdweb-is-session .rdweb-siqma-logo,
body.rdweb-is-session .rdweb-sb-logo {
  display: none !important;
}
body.rdweb-is-session .rdweb-app-panel {
  margin: 0 !important;
  border-radius: 0 !important;
}