.portfolio-workspace-heading { flex-wrap: wrap; }
.portfolio-workspace-intro { flex: 0 1 auto; }
.portfolio-workspace-tabs { flex-wrap: nowrap; overflow-x: auto; }
.portfolio-workspace-tabs button { flex: 0 0 auto; padding-inline: 12px; white-space: nowrap; }
.portfolio-sort-select { width: 135px; min-width: 135px; }
@media (min-width: 761px) {
  .portfolio-workspace-intro { min-width: max-content; }
  .portfolio-workspace-heading .portfolio-table-actions { flex: 1 1 min-content; }
}
.portfolio-prices-table-wrap { overflow-x: auto; }
.portfolio-prices-table { width: 100%; min-width: 960px; table-layout: fixed; border-collapse: collapse; font-size: 14px; font-variant-numeric: tabular-nums; }
.portfolio-prices-table thead { color: #fff; background: linear-gradient(110deg, #398ff0, #2e5bf4 55%, #5824ef); }
.portfolio-prices-table th { padding: 15px 10px; text-align: right; font-weight: 700; }
.portfolio-prices-table th:first-child, .portfolio-prices-table td:first-child { text-align: left; }
.portfolio-prices-table th button { display: inline-flex; align-items: center; justify-content: flex-end; gap: 7px; padding: 4px 0; border: 0; color: inherit; background: transparent; font: inherit; cursor: pointer; }
.portfolio-prices-table th small { display: block; margin-top: 3px; color: #edf3ff; font-size: 12px; font-weight: 400; }
.portfolio-prices-table td { padding: 12px 10px; text-align: right; border-bottom: 1px solid var(--line, #e2e9f4); color: var(--ink-700, #394764); }
.portfolio-prices-table td small { display: block; margin-top: 6px; color: var(--ink-500, #7b8aa4); font-size: 12px; font-weight: 400; }
.portfolio-prices-table td:first-child small { overflow-wrap: anywhere; }
.portfolio-prices-table td:not(:first-child) { white-space: nowrap; }
.portfolio-prices-table tbody tr:last-child td { border-bottom: 0; }
.portfolio-prices-instrument { border: 0; padding: 0; background: transparent; color: var(--ink-900, #14213f); font: inherit; font-weight: 750; text-align: left; cursor: pointer; }
.portfolio-prices-instrument:hover { color: #315bec; }
.portfolio-prices-identity { display: flex; align-items: baseline; gap: 8px; white-space: nowrap; }
.portfolio-prices-instrument { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.portfolio-prices-isin { flex-shrink: 0; color: var(--ink-500, #7b8aa4); font-size: 12px; }
.portfolio-prices-change { font-size: inherit; }
.portfolio-prices-change.is-positive { color: #328366; }
.portfolio-prices-change.is-negative { color: #c44b55; }
.portfolio-prices-missing { color: var(--ink-500, #7b8aa4); }
.portfolio-prices-footer { display: grid; gap: 10px; padding: 16px 20px; border-top: 1px solid var(--line, #e2e9f4); color: var(--ink-500, #7b8aa4); font-size: 12px; }
.portfolio-prices-footer summary { width: fit-content; cursor: pointer; }
.portfolio-prices-footer p { max-width: 960px; line-height: 1.6; margin: 10px 0 0; }
.portfolio-prices-status { padding: 12px 20px; margin: 0; color: var(--ink-500, #7b8aa4); }
.portfolio-prices-status.is-error { color: #c44b55; }
.portfolio-prices-status.is-warning { color: #95621c; }
@media (max-width: 760px) {
  .portfolio-workspace-intro { width: 100%; }
  .portfolio-workspace-tabs button { padding-inline: 8px; min-height: 44px; }
  .portfolio-sort-select { width: 100%; min-width: 0; }
  .portfolio-prices-table { min-width: 960px; font-size: 12px; }
  .portfolio-prices-table th, .portfolio-prices-table td { padding: 10px 12px; }
  .portfolio-prices-table td small, .portfolio-prices-table th small { font-size: 11px; }
  .portfolio-prices-table th button { min-height: 44px; }
  .portfolio-prices-table td:first-child { padding-block: 2px; }
  .portfolio-prices-instrument { min-height: 44px; }
  .portfolio-prices-isin { font-size: 11px; }
}