body[data-page="portfolio"] .btn:focus-visible,
body[data-page="portfolio"] .panel-nav-btn:focus-visible,
body[data-page="portfolio"] .asset-category-tab:focus-visible,
body[data-page="portfolio"] .tab:focus-visible,
body[data-page="portfolio"] .pager-nav:focus-visible,
body[data-page="portfolio"] .pager-page:focus-visible,
body[data-page="portfolio"] .close:focus-visible,
body[data-page="portfolio"] input:focus-visible,
body[data-page="portfolio"] select:focus-visible,
body[data-page="portfolio"] textarea:focus-visible,
body[data-page="portfolio"] .portfolio-switch-trigger:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand) 72%, white 28%);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent);
}

body[data-page="portfolio"] .row-clickable:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand) 65%, transparent);
  outline-offset: -2px;
}

@media (max-width: 1023.98px) {
  body[data-page="portfolio"] .panel-nav-btn[aria-current="page"] {
    color: var(--brand);
    border-color: color-mix(in srgb, var(--brand) 60%, var(--line));
    background: color-mix(in srgb, var(--brand) 9%, var(--panel));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand) 16%, transparent);
  }

  body[data-page="portfolio"] .asset-category-tab[aria-selected="true"] {
    background: var(--panel);
    color: var(--text);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08), inset 0 0 0 1px color-mix(in srgb, var(--brand) 32%, transparent);
  }

  body[data-page="portfolio"] .modal .close {
    min-width: 44px;
    min-height: 44px;
    border-radius: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="portfolio"] .main-col-slider-viewport {
    transition: none !important;
  }

  body[data-page="portfolio"] .dashboard .card,
  body[data-page="portfolio"] .card,
  body[data-page="portfolio"] .chart-wrap,
  body[data-page="portfolio"] .dividends-panel-toggle,
  body[data-page="portfolio"] .panel-nav-btn {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}