/* Scoped workspace components, shared by private pages and public demo/sign-in views. */
.ui-shell .stock-tabs-nav .stock-tab-label-mobile { display: none; }
.ui-shell .watchlist-section-title { margin: 0; padding: 14px 20px; border-bottom: 1px solid var(--ui-line); font-size: 15px; }
.ui-shell .watchlist-upcoming { padding: 0; overflow: hidden; }
.ui-shell .watchlist-upcoming-list { padding: 0 20px; }
.ui-shell .watchlist-upcoming-more { border-top: 1px solid var(--ui-line); padding: 0 20px; }
.ui-shell .watchlist-upcoming-more > summary { min-height: 44px; padding: 12px 0; color: var(--ui-link); cursor: pointer; font-size: 13px; }
.watchlist-name__text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.watchlist-name-details { margin-top: 4px; font-size: 12px; font-weight: 400; color: var(--ui-muted); }
.watchlist-name-details > summary { min-height: 28px; cursor: pointer; }
.watchlist-name-details > div { padding: 4px 0 2px; font-weight: 400; line-height: 1.4; }
.portfolio-save-bar { gap: 12px; }
.portfolio-group-heading th { padding: 8px 12px !important; background: var(--ui-hover); color: var(--ui-muted); font-size: 12px; font-weight: 600; }
.portfolio-holdings-group + .portfolio-holdings-group { margin-top: 8px; }
.portfolio-save-bar[data-save-bar] { position: sticky; bottom: 12px; z-index: 8; padding: 10px 12px; border: 1px solid var(--ui-line); border-radius: 8px; background: color-mix(in srgb, var(--ui-surface) 94%, transparent); box-shadow: 0 4px 16px rgba(15,23,42,.1); }
.portfolio-save-bar[data-save-bar] .btn { margin-left: auto; }
.portfolio-save-bar[data-save-bar]:not([data-dirty="true"]) .btn { opacity: .8; }
.transaction-heading { align-items: flex-end; }
.transaction-current-position { display: flex; flex-wrap: wrap; max-width: 100%; align-items: baseline; gap: 6px; padding: 10px 14px; border: 1px solid var(--ui-line); border-radius: 7px; background: var(--ui-surface); color: var(--ui-muted); font-size: 12px; }
.transaction-current-position strong { min-width: 0; overflow-wrap: anywhere; color: var(--ui-ink); font-size: 17px; font-variant-numeric: tabular-nums; }
.transaction-sides { display: flex; gap: 4px; }
.transaction-sides .transaction-side { flex: 1; }
.transaction-sides .transaction-side.is-selected { border-color: var(--ui-link); background: var(--ui-selected); color: var(--ui-link); }
.transaction-preview { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: baseline; margin: 4px 0 16px; padding: 12px 14px; border-left: 3px solid var(--ui-link); background: var(--ui-hover); color: var(--ui-muted); font-size: 13px; }
.transaction-preview strong { color: var(--ui-ink); }
.transaction-preview span:last-child { margin-left: auto; color: var(--ui-ink); font-variant-numeric: tabular-nums; }
.digest-overview > section[aria-labelledby="digest-upcoming-title"] { order: -1; }
.digest-empty--compact { min-height: 0; align-items: flex-start; padding: 14px 0; text-align: left; flex-direction: row; gap: 8px; }
.digest-empty--compact .digest-empty-icon { margin: 0; }
.digest-empty--compact h3 { margin: 0; }
.digest-empty--compact p { display: none; }
.notification-setting-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 16px; padding: 12px 0; border-top: 1px solid var(--ui-line); border-bottom: 1px solid var(--ui-line); }
.notification-setting-row .custom-control { padding: 0; }
.notification-setting-time { margin: 0; }
.notification-complete { display: flex; flex-wrap: wrap; gap: 4px 8px; padding: 12px 14px; border-left: 3px solid #27835b; background: var(--ui-hover); }
.resume-investment-card { max-width: 620px; margin: 24px auto; }
.resume-investment-status { color: var(--ui-link); font-size: 14px; }
.resume-investment-help { margin-top: 12px; }
.account-save-status, .note-save-status { min-height: 20px; margin: 8px 0; color: var(--ui-link); font-size: 13px; }
.note-form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.note-form-actions .note-save-status { flex-basis: 100%; }
.note-image-current, .note-image-preview { display: block; max-width: 100%; max-height: 360px; margin: 8px 0 16px; object-fit: contain; }
.note-card .note-image-current { max-height: 280px; width: auto; }
.note-card__summary { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin: 0 0 10px; line-height: 1.45; }
.note-card__read { display: inline-block; }
.note-view-actions { display: flex; align-items: center; gap: 8px; }
.note-view-actions .ui-action-menu { display: inline-block; }
.membership-page { width: min(100%, 840px); margin: 0 auto; }
.membership-panel--account { width: 100%; }
.membership-status--expired { max-width: 840px; margin: 12px auto; padding: 12px 16px; border: 1px solid var(--ui-line); border-radius: 7px; background: var(--ui-hover); color: var(--ui-muted); font-size: 14px; }
.google-signin { gap: 10px; }
.google-mark { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #fff; color: #4285f4; font-weight: 700; }
@media (max-width: 767.98px) {
    .ui-shell .stock-tabs-nav { grid-auto-columns: minmax(108px, max-content); justify-content: start; overflow-x: auto; }
    .ui-shell .stock-tabs-nav .stock-tab-label-mobile { display: inline; }
    .ui-shell .watchlist-upcoming-list { padding: 0 16px; }
    .ui-shell .watchlist-upcoming-more { padding: 0 16px; }
    .transaction-current-position { width: 100%; justify-content: space-between; }
    .transaction-current-position > span:first-child { flex-basis: 100%; }
    .transaction-current-position strong { flex: 1 1 180px; }
    .transaction-heading > div:first-child { flex-basis: 100%; }
    .transaction-preview span:last-child { margin-left: 0; flex-basis: 100%; }
    .notification-setting-row { align-items: flex-start; }
    .notification-setting-time { flex-basis: 100%; padding-left: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    .portfolio-save-bar[data-save-bar] { box-shadow: none; }
}