/* JustRate — unified premium left filter rail */
.left-col {
  font-family: "Space Grotesk", sans-serif;
  background: radial-gradient(circle at 8% 0%, rgba(124,181,24,.09), transparent 28%), linear-gradient(180deg,#0d1018 0%,#090b12 100%) !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 10px 0 30px rgba(0,0,0,.18);
}

.left-col .fs-sections { padding: .38rem .38rem .24rem; }
.left-col .fs-section,
.left-col > .lc-section {
  margin: 0 0 .34rem !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 12px !important;
  overflow: hidden;
  background: rgba(255,255,255,.018) !important;
  box-shadow: none;
}
.left-col .fs-section.open,
.left-col > .lc-section:focus-within {
  background: linear-gradient(145deg,rgba(18,24,34,.97),rgba(10,13,21,.97)) !important;
  border-color: rgba(124,181,24,.17) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
}
.left-col .fs-toggle,
.left-col .jr-legacy-filter-title {
  min-height: 46px;
  padding: .52rem .62rem !important;
  gap: .55rem;
  color: #b5df37;
  background: linear-gradient(90deg,rgba(181,223,55,.035),transparent 72%) !important;
}
.left-col .fs-toggle:hover,
.left-col .jr-legacy-filter-title:hover { background: linear-gradient(90deg,rgba(181,223,55,.075),rgba(181,223,55,.012)) !important; }
.left-col .fs-toggle-icon,
.left-col .jr-legacy-filter-icon {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #b5df37;
  background: linear-gradient(145deg,rgba(181,226,51,.14),rgba(93,151,13,.06));
  border: 1px solid rgba(181,226,51,.19);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04),0 3px 10px rgba(0,0,0,.15);
}
.left-col .fs-svg-icon,
.left-col .jr-legacy-filter-icon svg { width: 18px !important; height: 18px !important; color: #b5df37 !important; stroke-width: 1.8; }
.left-col .fs-toggle-label,
.left-col .jr-legacy-filter-label {
  flex: 1;
  color: #b5df37 !important;
  font-family: "Space Grotesk",sans-serif !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
}
.left-col .fs-toggle-value {
  color: #b5df37;
  background: rgba(181,223,55,.075);
  border: 1px solid rgba(181,223,55,.15);
  border-radius: 999px;
  padding: .18rem .48rem;
  font-size: .58rem;
  font-weight: 700;
}
.left-col .fs-chevron,
.left-col .jr-legacy-filter-chevron { color: #9dc62e !important; }
.left-col .fs-collapse-inner,
.left-col .jr-legacy-filter-body { padding: .38rem .52rem .62rem; }
.left-col .fs-search-wrap { padding: .62rem .55rem .48rem; border-bottom: 0; }
.left-col .lc-search { border-radius: 9px !important; font-family: "DM Sans",sans-serif !important; }
.left-col .fs-actions {
  margin: .45rem .55rem .7rem;
  padding: 0;
  border: 0;
  background: transparent;
}
.left-col .fs-btn-reset,
.left-col .jr-unified-reset {
  min-height: 36px;
  width: 100%;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 9px !important;
  color: #858aa0 !important;
  background: rgba(255,255,255,.025) !important;
  font-family: "Space Grotesk",sans-serif !important;
  font-size: .65rem !important;
  font-weight: 600 !important;
}

/* Legacy Club / Selection rails are promoted to the same visual component. */
.left-col.jr-unified-legacy { display:flex; flex-direction:column; padding:.38rem !important; gap:0; }
.left-col.jr-unified-legacy > .lc-section { padding:0 !important; }
.left-col .jr-legacy-filter-title { display:flex; align-items:center; width:100%; box-sizing:border-box; }
.left-col .jr-legacy-filter-chevron { display:flex; align-items:center; justify-content:center; width:28px; height:28px; font-size:1rem; }
.left-col .jr-legacy-filter-title + .jr-legacy-filter-body { border-top:1px solid rgba(255,255,255,.035); }
.left-col .jr-legacy-filter-body > .lc-section-label { display:none; }
.left-col.jr-unified-legacy > .lc-section:not(.open) > .jr-legacy-filter-body { display:none; }
.left-col.jr-unified-legacy > .lc-section.open .jr-legacy-filter-chevron { transform:rotate(90deg); }
.left-col .jr-legacy-filter-chevron { transition:transform .2s ease; }
.left-col.jr-unified-legacy .comp-card,
.left-col.jr-unified-legacy .conf-card { font-family:"Space Grotesk",sans-serif; }

@media (max-width: 1100px) {
  .left-col .fs-toggle,
  .left-col .jr-legacy-filter-title { min-height:44px; }
}

/* Unified styling for every nested tab and accordion. */
.left-col .comp-fav-header,
.left-col .comp-acc-header,
.left-col .comp-parent-header,
.left-col .country-acc-header,
.left-col .comp-zone-header {
  min-height: 42px !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: .5rem !important;
  padding: .4rem .5rem !important;
  border-radius: 9px !important;
  font-family: "Space Grotesk",sans-serif !important;
  background: linear-gradient(90deg,rgba(181,223,55,.045),rgba(181,223,55,.012)) !important;
  border: 1px solid rgba(181,223,55,.08);
}
.left-col .comp-fav-header:hover,
.left-col .comp-acc-header:hover,
.left-col .comp-parent-header:hover,
.left-col .country-acc-header:hover,
.left-col .comp-zone-header:hover {
  background: linear-gradient(90deg,rgba(181,223,55,.09),rgba(181,223,55,.025)) !important;
  border-color: rgba(181,223,55,.16);
}
.left-col .comp-fav-label,
.left-col .comp-acc-label,
.left-col .comp-parent-label,
.left-col .country-acc-label,
.left-col .comp-zone-title {
  color: #b5df37 !important;
  font-family: "Space Grotesk",sans-serif !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  line-height: 1.2;
  letter-spacing: .01em !important;
  text-transform: none !important;
}
.left-col .comp-acc-flag,
.left-col .comp-parent-flag,
.left-col .country-acc-flag,
.left-col .country-acc-flag-emoji {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  object-fit: contain !important;
  border-radius: 8px !important;
  color: #b5df37;
  background: linear-gradient(145deg,rgba(181,226,51,.14),rgba(93,151,13,.06));
  border: 1px solid rgba(181,226,51,.19);
  box-sizing: border-box;
  padding: 4px;
}
.left-col .comp-acc-flag svg,
.left-col .comp-parent-flag svg { width: 17px !important; height: 17px !important; color:#b5df37 !important; }
.left-col .comp-fav-icon {
  width: 26px; height:26px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:8px; color:#b5df37; background:rgba(181,223,55,.09); border:1px solid rgba(181,223,55,.16);
}
.left-col .comp-fav-icon::before { content:"★"; font-size:.66rem; }
.left-col .comp-fav-chevron,
.left-col .comp-acc-chevron,
.left-col .comp-parent-chevron,
.left-col .country-acc-arrow,
.left-col .comp-zone-arrow { color:#9dc62e !important; }
.left-col .continent-item {
  min-height: 36px; box-sizing:border-box; font-family:"Space Grotesk",sans-serif !important;
  color:#b5df37 !important; font-size:.72rem !important; font-weight:650 !important;
  border:1px solid rgba(181,223,55,.06) !important; border-radius:9px !important; margin-bottom:.2rem;
  background:linear-gradient(90deg,rgba(181,223,55,.028),transparent);
}
.left-col .continent-item:hover, .left-col .continent-item.active {
  color:#c8ef51 !important; background:rgba(181,223,55,.09) !important; border-color:rgba(181,223,55,.2) !important;
}
.left-col .conf-card { font-family:"Space Grotesk",sans-serif !important; border-radius:9px !important; }
.left-col .conf-card-abbr, .left-col .conf-card-name { font-family:"Space Grotesk",sans-serif !important; color:#a9cf38 !important; }
.left-col .conf-card.active .conf-card-abbr, .left-col .conf-card.active .conf-card-name { color:#c8ef51 !important; }