.etf-stock-name-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-width: 0;
}

.etf-stock-name { min-width: 0; overflow-wrap: anywhere; }
.etf-stock-trend-button {
  flex: 0 0 auto;
  min-height: 26px;
  padding: 3px 5px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: var(--accent, #5eead4);
  font: inherit;
  font-size: .75rem;
  line-height: 1.2;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.etf-stock-trend-button:hover { border-color: color-mix(in srgb, var(--accent, #5eead4) 55%, transparent); }
.etf-stock-trend-button:focus-visible { border-color: var(--accent, #5eead4); outline: 2px solid var(--accent, #5eead4); outline-offset: 2px; }

.active-etf-modal-backdrop { position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, .78); }
.active-etf-modal-backdrop.is-open { display: flex; }
.active-etf-modal-content { position: relative; width: min(760px, 100%); max-height: min(90vh, 760px); overflow: auto; padding: 20px; border: 1px solid var(--border); border-radius: 12px; background: var(--card, #161a1e); color: var(--text, #fff); box-shadow: 0 24px 70px rgba(0, 0, 0, .42); }
.active-etf-modal-close { position: absolute; top: 8px; right: 10px; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--muted, #aaa); font-size: 1.75rem; line-height: 1; cursor: pointer; }
.active-etf-modal-close:hover,
.active-etf-modal-close:focus-visible { background: rgba(255, 255, 255, .07); color: var(--text, #fff); outline: 2px solid var(--accent, #5eead4); }
.active-etf-modal-eyebrow { margin: 0 44px 4px 0; color: var(--accent, #5eead4); font-size: .75rem; font-weight: 800; letter-spacing: .08em; }
.active-etf-modal-content h2 { margin: 0 44px 0 0; }
.active-etf-modal-status { min-height: 1.5em; margin-top: 8px; line-height: 1.5; }
.active-etf-modal-chart { height: 260px; margin: 14px 0 20px; }
.active-etf-modal-table-wrap { max-height: 240px; }
.active-etf-modal-table-wrap .data-table { width: 100%; min-width: 0; table-layout: fixed; }
.active-etf-modal-table-wrap th,
.active-etf-modal-table-wrap td { padding: 7px 8px !important; overflow-wrap: anywhere; font-size: .78rem !important; }

@media (max-width: 640px) {
  .etf-mobile-compact-table .etf-stock-name-control { align-items: flex-start; flex-direction: column; gap: 2px; }
  .etf-mobile-compact-table .etf-stock-trend-button { min-height: 24px; margin-left: -3px; padding: 2px 3px; font-size: .65rem; }
  .active-etf-modal-content { max-height: calc(100vh - 32px); padding: 16px 12px; }
  .active-etf-modal-chart { height: 220px; }
  .active-etf-modal-table-wrap th,
  .active-etf-modal-table-wrap td { padding: 6px 4px !important; font-size: .68rem !important; }
}