/* ZOLL custom branding overrides for the Remote Desktop Web Client.
   Kept in a separate file so edits are not lost inside the hashed/minified
   build output. Linked from index.html after the main stylesheet. */

/* ZOLL brand blue */
:root {
  --zoll-blue: #0074C8;
}

/* ---- Collapsible "Work Resources" section header color ---- */
:root {
  --tenant-header-background-color: #0074C8;
  --tenant-header-color-expand: #0074C8;
  --tenant-header-font-color: #ffffff;
}
.dark {
  --tenant-header-background-color: #0074C8;
  --tenant-header-color-expand: #0074C8;
  --tenant-header-font-color: #ffffff;
}

/* Collapse the now-empty dialog title/header area so the banner sits at the very top */
.rdweb-credentials-modal-container .ms-Dialog-title {
  display: none;
}
.rdweb-credentials-modal-container .ms-Dialog-header {
  min-height: 0;
}

/* ---- Blue banner across the top of the sign-in dialog ---- */
/* The Fluent dialog adds its own padding on the container; the negative
   margins let the banner bleed to the edges so it spans the full width. */
.rdweb-credentials-modal-container__banner {
  background-color: #0074C8;
  background-color: var(--zoll-blue);
  margin: -24px -24px 20px;   /* pull out to the container edges, space below */
  padding: 16px 24px;
  display: flex;
  align-items: center;
}

.rdweb-credentials-modal-container__logo {
  display: block;
  width: 160px;
  max-width: 100%;
  height: auto;
  margin: 0;                  /* left-justified inside the banner */
}

/* ---- Blue banner across the top of the main (post-login) page ---- */
/* The app navbar (.navbar-resize-group) is position:fixed; top:0, so it would
   overlap an in-flow banner. We fix the banner to the very top at a known
   height, then push the fixed navbar and the page content down by that height. */
:root {
  --rdweb-banner-height: 76px;
}

.rdweb-main-banner {
  background-color: #0074C8;
  background-color: var(--zoll-blue);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--rdweb-banner-height);
  box-sizing: border-box;
  padding: 0 24px;
  display: flex;
  align-items: center;
  z-index: 1000;            /* sit above the fixed navbar */
}
.rdweb-main-banner__logo {
  display: block;
  width: 150px;
  max-width: 100%;
  max-height: 60px;   /* fit within the 76px banner with padding */
  height: auto;
  object-fit: contain;
}

/* Push the fixed navbar down below the banner */
.navbar-resize-group {
  top: var(--rdweb-banner-height) !important;
}

/* Reserve space at the top of the page content so nothing hides under
   the banner + navbar. The webclient root is the app's outer container. */
.webclient {
  padding-top: var(--rdweb-banner-height);
}

/* ---- Sign-in link row (Forgot password / Help) ---- */
.rdweb-credentials-modal-container__links {
  display: flex;
  gap: 20px;
  margin: 14px 0 4px;
}
.rdweb-credentials-modal-container__links .action-item__privacy-link {
  font-size: 14px;
  color: #0072c9;
  color: var(--links-color);
  text-decoration: none;
  cursor: pointer;
}
.rdweb-credentials-modal-container__links .action-item__privacy-link:hover {
  color: #004578;
  color: var(--links-color-hover);
  text-decoration: underline;
}

/* ---- Version label pinned to the bottom of the screen ---- */
#rdweb-version-label {
  position: fixed;
  bottom: 6px;
  right: 10px;
  z-index: 1000;
  font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12px;
  line-height: 1;
  color: #605e5c;
  pointer-events: none;
  user-select: none;
}