/* RadSuite / Conductor brand layout correction
   Purpose: use the full Conductor wordmark without changing page structure.
   The logo is transparent, tightly cropped, and contained inside existing header/sidebar areas. */

:root {
  --rs-wordmark-header-w: 188px;
  --rs-wordmark-header-h: 50px;
  --rs-wordmark-sidebar-w: 188px;
  --rs-wordmark-sidebar-h: 40px;
  --rs-wordmark-login-w: 420px;
  --rs-wordmark-login-h: 112px;
}

/* Universal logo cleanup: no tile, no shadow, no background */
img[src$="conductor_logo.png"],
.rs-conductor-logo,
.rs-conductor-wordmark-logo {
  display: block !important;
  object-fit: contain !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove duplicate written app name; keep module labels such as Billing/MIPS/Critical. */
.brand-text,
.sidebar__brand-text,
.sidebar .brand-text,
.app-title,
.logo-title,
.logo-text {
  display: none !important;
}

/* Header wordmark: larger than an icon, but contained so it cannot spill into cards/toolbars. */
body > header .brand,
header.rs-dashboard-header .brand,
.header-main .brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
}

body > header .brand-icon,
header.rs-dashboard-header .brand-icon,
.header-main .brand-icon {
  width: var(--rs-wordmark-header-w) !important;
  height: var(--rs-wordmark-header-h) !important;
  min-width: var(--rs-wordmark-header-w) !important;
  min-height: var(--rs-wordmark-header-h) !important;
  max-width: var(--rs-wordmark-header-w) !important;
  max-height: var(--rs-wordmark-header-h) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

body > header .brand-icon img,
header.rs-dashboard-header .brand-icon img,
.header-main .brand-icon img,
body > header img.rs-conductor-logo,
header.rs-dashboard-header img.rs-conductor-logo {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* Sidebar wordmark: uses the available brand row without forcing a taller sidebar. */
.sidebar .brand,
.sidebar__brand {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

.sidebar .brand-mark,
.sidebar__brand-mark {
  width: auto !important;
  height: 40px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 180px !important;
  max-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.sidebar .brand-mark img,
.sidebar__brand-mark img,
.sidebar img.rs-conductor-logo,
.sidebar__brand img.rs-conductor-logo {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* Login wordmark. No otter, no tile, no shadow. */
.login-conductor-mark,
.brand-mark.login-conductor-mark,
.login-logo {
  width: var(--rs-wordmark-login-w) !important;
  height: var(--rs-wordmark-login-h) !important;
  max-width: 92vw !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.login-conductor-mark img,
.brand-mark.login-conductor-mark img,
.login-logo img,
.rs-conductor-wordmark-logo {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* Keep Ops KPI first card breathing room from earlier fix. */
.dash-kpi-grid > .dash-kpi:first-child {
  padding-left: 30px !important;
}

@media (max-width: 900px) {
  :root {
    --rs-wordmark-header-w: 150px;
    --rs-wordmark-header-h: 42px;
    --rs-wordmark-sidebar-w: 160px;
    --rs-wordmark-sidebar-h: 40px;
    --rs-wordmark-login-w: 340px;
    --rs-wordmark-login-h: 92px;
  }
}