/* Your activity: Since you last visited, Watchlist, Alerts (shared component, pairs with js/theme2/my-activity.js). */
.ma { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap, 16px); align-items: stretch; margin: 0 0 var(--gap, 16px); }
.ma[hidden], .ma-pan[hidden], .ma-badge[hidden] { display: none !important; }
.ma-pan { display: flex; flex-direction: column; gap: 10px; }
.ma-num { font-size: 48px; line-height: 1.05; font-weight: 500; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.ma-h { margin-top: 6px; }
.ma-note { margin-top: 2px; }
.ma-txt { color: var(--t2); }
.ma-btn { align-self: flex-start; text-decoration: none; }
.ma-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.ma-list li { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 8px 0; border-top: 1px solid var(--grid); font-size: 13px; }
.ma-list li:first-child { border-top: 0; }
.ma-list li > span { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ma-list b { font-weight: 500; font-variant-numeric: tabular-nums; flex: none; }
.ma-fund { color: var(--tx); text-decoration: underline; text-decoration-color: var(--r2); text-decoration-thickness: 1.5px; text-underline-offset: 3px; font-weight: 700; min-width: 0; }
.ma-fund .t2-ellip { display: block; }
.ma-badge { display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 999px; background: var(--ink); color: var(--inktx); font-size: 12px; font-weight: 700; vertical-align: middle; }
.ma-al li { align-items: flex-start; }
.ma-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--r2); margin-right: 8px; vertical-align: middle; }
.ma-x { flex: none; width: 32px; height: 32px; border-radius: 9px; border: 1px solid var(--grid); background: var(--ghost); color: var(--t2); font-size: 18px; line-height: 1; cursor: pointer; }
.ma-x:hover { background: var(--seg); color: var(--tx); }
.ma-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding-top: 8px; }
.ma-foot button { background: none; border: 0; cursor: pointer; padding: 0; }
/* identical box size: fixed height, body scrolls inside (alerts keep their footer pinned) */
@media (min-width: 900px) {
  .ma-pan:not(.is-min) { height: 560px; min-height: 0; }
  .ma-pan > [id$="Body"] { flex: 1 1 auto; min-height: 0; overflow-y: auto; scrollbar-width: thin; }
  #maAlertsBody { display: flex; flex-direction: column; overflow: hidden; }
  #maAlertsBody .ma-al { flex: 1 1 auto; min-height: 0; overflow-y: auto; scrollbar-width: thin; }
  #maAlertsBody .ma-foot { flex: none; border-top: 1px solid var(--grid); }
  .ma-pan.is-min { align-self: start; }
}
@media (max-width: 1279px) { .ma { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 899px) {
  .ma { grid-template-columns: minmax(0, 1fr); }
  .ma-x { width: 44px; height: 44px; }
  .ma-foot .t2-link, .ma-foot button, .ma-btn { min-height: 44px; display: inline-flex; align-items: center; }
  .ma-list li { font-size: 14px; }
}