/* Shared surfaces keep the overview and the holdings book in the same rhythm. */
.portfolio-summary-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}
.portfolio-summary-card .portfolio-value-card{border:0;border-radius:0;padding:25px 26px;min-height:182px}
.portfolio-summary-tabs{padding:12px 18px}
.summary-currency{margin-left:auto;font-size:10px;letter-spacing:.4px;color:var(--muted);padding:0 9px}
.portfolio-returns-panel{padding:25px 26px;min-height:182px}
.portfolio-return-total{display:block;font-size:40px;line-height:1.2;font-weight:450;letter-spacing:-1.2px;margin:12px 0 20px;font-variant-numeric:tabular-nums}
.return-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.return-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.return-breakdown>div+div{border-left:1px solid var(--line);padding-left:20px}
.return-breakdown span{font-size:11px;color:var(--muted)}
.return-breakdown strong{font-size:14px;font-weight:450;font-variant-numeric:tabular-nums}
.portfolio-page .portfolio-money-grid{gap:14px;padding-top:14px}
.portfolio-page .portfolio-book{margin-top:22px}
.portfolio-page .overview-main,.portfolio-page .overview-aside{width:100%;min-width:0}
@media(max-width:1100px){.portfolio-page .overview-grid{display:grid;grid-template-columns:minmax(0,1fr)}}

/* Let the company table take the width; the inspector remains useful and readable. */
.predictions-page{max-width:1600px}
@media(min-width:1001px){
  .predictions-page{padding-left:28px!important;padding-right:28px!important}
  .prediction-layout.has-research{grid-template-columns:minmax(0,1fr) 272px;gap:24px}
  .predictions-page .research-panel-header{padding-left:18px;padding-right:18px}
  .predictions-page .research-content{padding-left:18px;padding-right:18px}
  .predictions-page .research-panel-footer{padding-left:18px;padding-right:18px}
}
@media(min-width:1600px){.prediction-layout.has-research{grid-template-columns:minmax(0,1fr) 300px;gap:28px}}
@media(min-width:1001px) and (max-width:1200px){.prediction-layout.has-research{grid-template-columns:minmax(0,1fr) 252px;gap:20px}}

.home-page{max-width:1600px}
.home-widget.home-chart-widget{padding:20px 22px 15px;overflow:hidden}
.home-chart-widget>header{margin-bottom:18px;min-height:28px}
.home-chart-symbol{display:flex;align-items:center;gap:9px;padding:0;min-width:0;max-width:100%;text-align:left}
.home-chart-symbol>strong{font-size:14px;font-weight:550}
.home-chart-symbol>span{font-size:11px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:190px}
.home-chart-symbol>.icon{width:12px;height:12px;transform:rotate(90deg);color:var(--muted)}
.home-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.home-chart-heading>div:first-child{display:flex;align-items:baseline;gap:12px;min-height:36px}
[data-chart-price]{font-size:29px;letter-spacing:-.8px;font-weight:450;font-variant-numeric:tabular-nums}
[data-chart-change]{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.home-chart-ranges{display:flex;gap:2px;align-items:center;background:var(--bg);padding:3px;border-radius:7px}
.home-chart-ranges>button{font-size:10px;color:var(--muted);padding:6px 9px;border-radius:5px;min-height:28px}
.home-chart-ranges>button[aria-pressed=true]{background:var(--selected);color:var(--ink)}
.home-chart-ranges>button:hover{color:var(--ink)}
.home-chart-stage{position:relative;min-width:0;height:245px}
.home-chart-widget.wide .home-chart-stage{height:290px}
.home-chart-canvas{height:100%;width:100%;min-width:0}
.home-chart-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:15px;color:var(--muted);font-size:12px;background:var(--paper);z-index:2}
.home-chart-message>button{border:1px solid var(--line);border-radius:6px;padding:7px 12px;color:var(--ink)}
.home-ticker-chart>footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line-soft);padding-top:12px;margin-top:8px;font-size:10px;color:var(--muted)}
.home-ticker-chart>footer>a{display:flex;align-items:center;gap:7px;color:var(--sub);white-space:nowrap}
.home-ticker-chart>footer .icon{width:12px;height:12px}
.home-grid.is-editing .home-widget{cursor:default}
.home-grid.is-editing .home-widget>header{cursor:grab}
.home-grid.is-editing .home-chart-symbol>span{display:none}
.home-chart-widget .widget-tools{flex:none}
.home-chart-dialog select{appearance:none;width:100%;min-height:46px;border-radius:9px;padding:10px 34px 10px 13px;background-color:var(--bg);border:1px solid var(--line);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23939ba7' stroke-width='1.7'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat}
@media(max-width:1100px){.home-chart-widget:not(.wide) .home-chart-symbol>span{max-width:100px}}
@media(max-width:760px){
  .home-widget.home-chart-widget{padding:18px 16px 13px}
  .home-chart-widget.wide .home-chart-stage,.home-chart-stage{height:230px}
  .home-chart-widget>header{margin-bottom:15px}
  .home-chart-symbol>span{max-width:145px}
  .home-chart-heading{gap:10px}
  .home-chart-heading>div:first-child{min-height:32px}
  [data-chart-price]{font-size:26px}
  .home-chart-ranges{margin-left:auto}
  .home-chart-ranges>button{padding:5px 8px}
  .home-actions>button[data-home-edit]{font-size:0;padding:8px}
  .home-actions>button[data-home-edit]>.icon{width:16px;height:16px}
  .home-actions>button[data-home-add]{font-size:11px;padding:8px 10px}
  .portfolio-summary-card .portfolio-value-card,.portfolio-returns-panel{padding:22px;min-height:210px}
  .portfolio-return-total{font-size:36px}
  .return-breakdown>div{flex-direction:column;align-items:flex-start;gap:6px}
  .return-breakdown>div+div{padding-left:18px}
}