/* POLITA_MINIMAL_NAV_V208 */

#politaGuideHeaderV199.polita-mini-nav-v208 {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns:
    max-content 44px max-content !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  width: max-content !important;
  max-width: calc(100% - 20px) !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin: 6px auto 20px !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: Rajdhani, sans-serif !important;
}

/* POLITA_TWO_PAGE_ALIGNMENT_V212 */

/* Commands' original wrapper begins 23px earlier.
   Correct its navigation without moving Streamer Hub. */
@media (min-width:731px) {
  html body
  #politaGuideHeaderV199.polita-mini-nav-v208
  [data-unused-v212] {
    display:none;
  }

  html body
  #politaGuideHeaderV199.polita-mini-nav-v208[data-current="commands"] {
    margin-top:23px !important;
  }
}

/* Streamer Hub: clean, matching first-panel padding. */
html body:has(
  #politaGuideHeaderV199[data-current="streamer"]
) main section.hero {
  box-sizing:border-box !important;
  padding:22px !important;
}

/* Match the Commands page typography scale. */
html body:has(
  #politaGuideHeaderV199[data-current="streamer"]
) main h1.polita-streamer-title-v212 {
  font-size:clamp(30px,3.2vw,42px) !important;
  line-height:1.08 !important;
  letter-spacing:-.015em !important;
  margin:0 0 22px !important;
  font-weight:700 !important;
}

html body .polita-streamer-kicker-v212 {
  display:table !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 0 14px !important;
  padding:5px 9px !important;
  border:1px solid rgba(73,223,255,.32) !important;
  border-radius:999px !important;
  background:rgba(73,223,255,.09) !important;
  color:#95f1ff !important;
  font:700 11px/1.15 Rajdhani,sans-serif !important;
}

@media (max-width:730px) {
  html body:has(
    #politaGuideHeaderV199[data-current="streamer"]
  ) main section.hero {
    padding:18px !important;
  }
}


/* Account for the Streamer Hub wrapper's
   existing 6px top offset, without changing
   the other three pages. */
@media (min-width: 731px) {
  #politaGuideHeaderV199.polita-mini-nav-v208
  [data-unused-selector] {
    display: none;
  }

  #politaGuideHeaderV199.polita-mini-nav-v208
  [data-current="never"] {
    display: none;
  }

  #politaGuideHeaderV199.polita-mini-nav-v208
  :is(.polita-mini-logo-v208) {
    position: relative;
  }

  #politaGuideHeaderV199.polita-mini-nav-v208[data-current="streamer"] {
    margin-top: 0 !important;
  }
}

#politaGuideHeaderV199 .polita-mini-tab-v208 {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 7px 14px !important;
  margin: 0 !important;
  border: 1px solid #353a40 !important;
  border-radius: 9px !important;
  background: #1a1d21 !important;
  background-image: none !important;
  color: #e5e7eb !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font: 700 15px/1.2 Rajdhani,sans-serif !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
}

#politaGuideHeaderV199 .polita-mini-tab-v208:hover,
#politaGuideHeaderV199 .polita-mini-tab-v208.is-active {
  background: #13272d !important;
  border-color: #26c5e4 !important;
  color: #49dfff !important;
}

#politaGuideHeaderV199 .polita-mini-logo-v208 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#politaGuideHeaderV199 .polita-mini-logo-v208 img {
  display: block !important;
  width: 36px !important;
  height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  object-fit: contain !important;
  transform: none !important;
  filter: drop-shadow(0 0 5px rgba(73,223,255,.16));
}

@media (max-width: 480px) {
  #politaGuideHeaderV199.polita-mini-nav-v208 {
    grid-template-columns:
      max-content 36px max-content !important;
    gap: 9px !important;
  }

  #politaGuideHeaderV199 .polita-mini-tab-v208 {
    padding: 7px 9px !important;
    font-size: 13px !important;
  }

  #politaGuideHeaderV199 .polita-mini-logo-v208 {
    width: 36px !important;
    height: 36px !important;
  }

  #politaGuideHeaderV199 .polita-mini-logo-v208 img {
    width: 30px !important;
    height: 30px !important;
  }
}

/* POLITA_TWO_PAGE_LAYOUT_V209
   Common 1180px page shell for the two tabs.
   The navigation remains the original V208 component.
*/

html body:has(
  #politaGuideHeaderV199[data-current="commands"]
) main,
html body:has(
  #politaGuideHeaderV199[data-current="streamer"]
) main {
  box-sizing: border-box !important;
  width: min(1180px, calc(100% - 32px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body:has(
  #politaGuideHeaderV199[data-current="commands"]
) #politaGuideHeaderV199,
html body:has(
  #politaGuideHeaderV199[data-current="streamer"]
) #politaGuideHeaderV199 {
  margin-bottom: 20px !important;
}