/* Shared on/off switch: use .ui-switch with an input[role=switch] and
   .ui-switch-track, or a button[role=switch] containing the same track. */
.ui-switch {
  position: relative;
  display: inline-block;
  flex: 0 0 36px;
  box-sizing: border-box;
  width: 36px;
  min-width: 36px;
  height: 20px;
  min-height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  vertical-align: middle;
  cursor: pointer;
}
.ui-switch > input[role=switch] {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
}
.ui-switch > .ui-switch-track {
  display: block;
  box-sizing: border-box;
  width: 36px;
  height: 20px;
  border: 1px solid #52706b;
  border-radius: 999px;
  background: #52615f;
  pointer-events: none;
  transition: background .15s;
}
.ui-switch-track::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  margin: 2px;
  border-radius: 50%;
  background: #fff;
  transition: transform .15s;
}
.ui-switch > input:checked + .ui-switch-track,
.ui-switch[aria-checked=true] > .ui-switch-track { background: #4ecaaa; }
.ui-switch > input:checked + .ui-switch-track::before,
.ui-switch[aria-checked=true] > .ui-switch-track::before { transform: translateX(16px); }
.ui-switch > input:focus-visible + .ui-switch-track,
.ui-switch:focus-visible { outline: 2px solid #6190c7; outline-offset: 3px; }
.ui-switch > input:disabled,
.ui-switch:disabled { cursor: not-allowed; }
.ui-switch > input:disabled + .ui-switch-track,
.ui-switch:disabled > .ui-switch-track { opacity: .55; }
@media (prefers-reduced-motion: reduce) {
  .ui-switch-track, .ui-switch-track::before { transition: none; }
}
.portfolio-summary-controls .portfolio-account-selector{margin-right:auto;min-width:0}.portfolio-summary-controls .portfolio-account-selector select{width:clamp(180px,30vw,380px);max-width:100%}@media(max-width:620px){.portfolio-summary-controls .portfolio-account-selector{width:100%}.portfolio-summary-controls .portfolio-account-selector select{flex:1;min-width:0;width:auto}}
.account-nickname-row{align-items:flex-end;margin:14px 0;flex-wrap:wrap}.account-nickname-row label{flex:1;min-width:220px;max-width:480px}.account-nickname-row input{width:100%}