/* GREEN DREAMS | APPROVED MARKET LAB FINISH */

@import url('https://fonts.googleapis.com/css2?family=Trade+Winds&display=swap');

:root {
  --gd-graffiti: 'Trade Winds', 'Permanent Marker', cursive;
  --gd-orange: #f3ac70;
}

/* Larger desktop sidebar */
@media (min-width: 901px) {
  .app {
    grid-template-columns: 270px minmax(0, 1fr) !important;
  }

  .rail {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* Main sidebar logo area */
.rail .brand {
  text-align: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding-top: 22px !important;
  padding-bottom: 20px !important;
}

.rail .brand img {
  width: min(80%, 155px) !important;
  height: auto !important;
  max-height: 160px !important;
  object-fit: contain !important;
}

/* MARKET LAB — graffiti-style embossed copper */
.rail .brand small,
.rail .brand .tagline,
.rail .brand .subtitle,
.rail .brand .brand-subtitle {
  font-family: var(--gd-graffiti) !important;
  font-size: clamp(23px, 2vw, 32px) !important;
  font-weight: 700 !important;
  letter-spacing: .045em !important;
  line-height: 1.25 !important;
  color: var(--gd-orange) !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: normal !important;
  text-shadow:
    0 1px 0 #ffdda9,
    0 -2px 1px #5e3018,
    2px 3px 3px rgba(0,0,0,.75) !important;
}

/* Larger industrial sidebar tabs */
.rail #nav button,
.rail .nav button,
#nav button {
  min-height: 57px !important;
  padding: 12px 14px !important;
  font-size: 16px !important;
  letter-spacing: .055em !important;
  line-height: 1.3 !important;
  border-radius: 11px !important;
  white-space: normal !important;
}

/* Slightly more space between controls */
#nav {
  gap: 9px !important;
}

label, .eyebrow,
.panel-head,
.workspace-label,
.metric label,
.station small,
.pill {
  letter-spacing: .065em !important;
}

/* Preserve unambiguous ticker symbols */
#tickers button,
#tickers button *,
button[data-ticker],
button[data-ticker] * {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;
  letter-spacing: .05em !important;
}

/* Keep the warm orange selected-state effect */
#nav button.active,
#nav button[aria-current="page"],
#tickers button.active,
#tickers button[aria-pressed="true"] {
  border-color: #f2a14b !important;
  box-shadow:
    inset 0 2px 3px rgba(255,229,183,.25),
    0 0 10px rgba(255,155,56,.45),
    0 0 19px rgba(255,130,35,.2) !important;
}

/* Mobile layout stays compact */
@media (max-width: 900px) {
  .rail #nav button,
  .rail .nav button,
  #nav button {
    min-height: 44px !important;
    padding: 9px 12px !important;
    font-size: 13px !important;
  }
}

/* GREEN DREAMS | PRECISE LOGO + TITLE CENTERING */

.rail .brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Center original bull logo */
.rail .brand img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-self: center !important;
}

/* Center MARKET LAB directly underneath */
.rail .brand small,
.rail .brand .subtitle,
.rail .brand .tagline,
.rail .brand .brand-subtitle,
.rail .brand .lab-title {
  display: block !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: center !important;
  align-self: center !important;
  box-sizing: border-box !important;
}


/* GREEN DREAMS | BRAND ALIGNMENT CORRECTION */

.rail .brand {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* The actual inner logo-and-title container */
.rail .brand > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* CSS-rendered official logo */
.rail .brand > div > strong {
  display: block !important;
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* MARKET LAB directly beneath it */
.rail .brand > div > small {
  display: block !important;
  align-self: center !important;
  width: 100% !important;
  margin: 8px auto 0 !important;
  padding: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}