/* Floating investors menu styles */
.apar-investors-floating { position: fixed; top: 90px; z-index: 999999999999; font-size: 12px; transition: transform 320ms cubic-bezier(.2,.9,.2,1), opacity 220ms ease; will-change: transform, opacity; }
.apar-investors-left { left: 8px; transform: translateX(0); }
.apar-investors-right { right: 8px; transform: translateX(0); }
.apar-investors-list { list-style: none; margin: 0; padding: 6px 8px; border: 1px solid var(--brand-color, #f7941d); border-radius: 8px; background: #fff; box-shadow: 0 3px 8px rgba(16,24,40,0.06); min-width: 180px; line-height: 1.1; }
.apar-investors-item { padding: 4px 2px; color: #374151; display: flex; align-items: center; gap: 6px; border-radius: 3px; margin-bottom: 2px; line-height: 1; }
.apar-investors-item:last-child { margin-bottom: 0; }
.apar-investors-item a { color: inherit; text-decoration: none; display: flex; align-items: center; gap: 4px; width: 100%; }
.apar-index { font-weight: 400; color: #9ca3af; min-width: 18px; display: inline-block; font-size: 11px; text-align: right; margin-right: 4px; }
.apar-title { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; }
.apar-investors-item.active .apar-title, .apar-investors-item:hover .apar-title { color: var(--brand-color, #f7941d); font-weight: 700; }
.apar-investors-item.active { background: transparent; }


/* Toggle button - fixed to viewport center vertically, larger and easier to tap */
.apar-investors-toggle { position: fixed; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,0.98); border: 1px solid rgba(16,24,40,0.06); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; pointer-events: auto; z-index: 2147483648; box-shadow: 0 6px 12px rgba(16,24,40,0.06); transition: left 260ms ease, right 260ms ease, transform 220ms ease; }
.apar-investors-toggle .apar-toggle-icon { color: var(--brand-color, #f7941d); fill: currentColor; width: 22px; height: 22px; transition: transform 180ms ease; display: block; }

/* Position the fixed handle on the left or right side of the viewport depending on nav side */
.apar-investors-left .apar-investors-toggle { left: 8px; right: auto; }
.apar-investors-right .apar-investors-toggle { right: 8px; left: auto; }
.apar-investors-floating.collapsed .apar-toggle-icon { transform: rotate(180deg); }

/* Collapsed state: the list is hidden but the fixed handle remains centered vertically */
.apar-investors-floating.collapsed { width: 28px; overflow: visible; }
.apar-investors-floating .apar-investors-list { transition: opacity 220ms ease; }
.apar-investors-floating.collapsed .apar-investors-list { opacity: 0; pointer-events: none; }
/* no additional styles needed for fixed toggle when collapsed */

@media (max-width: 992px) {
  .apar-investors-floating { display: none; }
}