/* Global */
body {
  background-color: #f9fafb;
  color: #212529;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

/* Navbar */
.brand-navbar { background-color: #0d477d; }
.brand-logo { height: 36px; }

.navbar-nav .nav-link {
  color: #ffffff !important;
  margin-left: 12px;
  transition: all 0.2s ease;
}
.navbar-nav .nav-link:hover { text-decoration: underline; opacity: 0.9; }
.navbar-nav .nav-link.active-tab {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.nav-search {
  width: 180px;
  transition: width 0.3s ease;
}
.nav-search:focus { width: 240px; }

/* Cards */
.company-card, .rank-card, .score-card {
  min-height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
}
.company-card, .rank-card { background-color: #f8f9fa; color: #000; }

/* Recommendation colors (industry-style) */
/* Strong Buy: bright institutional green */
.score-strongbuy {
  background-color: #00b050;
  color: #ffffff;
}

/* Buy: soft lime green */
.score-buy {
  background-color: #92d050;
  color: #000000;
}

/* Hold: neutral gray with black text (fixes all inner headings and labels) */
.score-hold {
  background-color: #d9d9d9 !important;
  color: #000000 !important;
}

/* Force all child text elements to black */
.score-hold *,
.score-hold h1,
.score-hold h2,
.score-hold h3,
.score-hold h4,
.score-hold h5,
.score-hold h6,
.score-hold p,
.score-hold span,
.score-hold strong,
.score-hold b {
  color: #000000 !important;
  fill: #000000 !important; /* also covers SVG icons */
}



/* Sell: light red/orange */
.score-sell {
  background-color: #ff6666;
  color: #000000;
}

/* Strong Sell: deep red */
.score-strongsell {
  background-color: #c00000;
  color: #ffffff;
}

/* Footer */
.brand-footer {
  background-color: #f8f9fa;
  border-top: 1px solid #dee2e6;
  padding: 25px 0;
  text-align: center;
  font-size: 0.95rem;
  color: #6c757d;
  margin-top: 60px;
}
.brand-footer .small { font-size: 0.8rem; color: #9aa0a6; margin-top: 5px; }

/* Autocomplete */
.list-group-item { cursor: pointer; }
.list-group-item:hover { background-color: #f1f1f1; }

/* Mobile stack order preserved by DOM order */
@media (max-width: 768px) {
  .nav-search { width: 160px; }
}