/* --- Só overrides/detalhes do Ecosystem Bubbles Dashboard --- */

.top-filters-bar {
  max-width: 1200px;
  margin: 1.2em auto 1.2em auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.2em;
}
.filters { margin: 0 1.5em 0 0; text-align: center; display:inline-block; vertical-align:middle; }
.dropdown-cat { display:inline-block; text-align:center; vertical-align:middle; }
.filters label, .filters select, .filters .dropdown-cat { margin: 0 .5em; }
.filters select, .filters .dropdown-cat select {
  background:#19202a; color:#fff; border-radius:6px; border:1px solid #222;
  padding:4px 10px; min-width:170px; font-size:1em;
}
#categoryList { max-width: 700px; margin: 2em auto 3em; background: #151b24; border-radius: 12px; box-shadow: 0 2px 14px #0002; padding: 1.5em; display: none; }
#categoryList h2 { margin-bottom: .5em; color: #f8fafc; }
.project { border-bottom: 1px solid #223; padding: .5em 0; color: #f8fafc; line-height: 1.4; }
.project:last-child { border:none; }
.project img:not(.chain-icon):not(.chain-icon-small):not(.project-avatar) { vertical-align: middle; border-radius:4px; margin-right:8px; max-width: 44px; max-height: 44px;}
.project b { color: #f8fafc; }
.project span { color: #94e9ff; }
.status-filters label { margin: 0 1.1em; font-size: 1.08em; color: #e6f7fa; cursor: pointer; }
.status-filters input[type="checkbox"] { accent-color: #44e5c9; margin-right: 5px; }

#backToCategoriesBtn {
  margin: 0 auto 0.8em auto;
  display: none;
  background: #151b24;
  color: #54b3ff;
  border: 1.5px solid #54b3ff;
  border-radius: 8px;
  padding: 0.4em 1.4em;
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s;
  box-shadow: 0 2px 8px #0003;
}
#backToCategoriesBtn:hover { background: #222e39; }

@media (max-width: 800px) {
  .top-filters-bar {
    flex-direction: column;
    align-items: stretch !important;
    gap: 1em;
  }
  .top-filters-bar > button {
    align-self: flex-end;
    margin-left: 0 !important;
    margin-top: 0.5em;
  }
}
#topMovers { display:flex; gap:1em; justify-content:center; flex-wrap:wrap; }
.top-movers-table { background:#182330; border-radius:10px; padding:0.8em; box-shadow:0 3px 15px #0004; min-width:240px; max-width:40%; }
.top-movers-table .label { text-align:center; margin-bottom:0.3em; color:#f8fafc; font-size:1em; font-weight:600; } /* Substitui h3 */
.top-movers-table table { width:100%; border-collapse:collapse; font-size:0.9em; color:#fff; }
.top-movers-table th, .top-movers-table td { padding:0.3em 0.5em; text-align:left; border-bottom:1px solid #223; }
.top-movers-table th { color:#7cf2e3; font-weight:500; font-size:0.95em; }
.change-positive { color:#27f2b6; }
.change-negative { color:#f46d6d; }
@media (max-width: 800px) {
  #topMovers { flex-direction:column; align-items:center; }
  .top-movers-table { max-width:85%; }
}