/*
     * Combined Overview table.
     * Mobile: pie → ledger + holdings → spark.
     * Desktop ≥641px: pie left, table right, tops aligned; spark full-width below.
     * Standalone pie legend stays hidden — the ledger is the table.
     */
    #holdings-table-container {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 0;
    }
    #holdings-table-container > #overview-header-ledger {
      order: 2;
      width: 100%;
      max-width: none;
      margin: 0;
    }
    #holdings-table-container > [data-overview-section] {
      order: 3;
      margin: 0;
      padding: 0;
    }
    #holdings-table-container > [data-overview-section] > .ds-group-body {
      padding-top: 0;
    }
    #holdings-table-container > #overview-spark {
      order: 4;
      margin-top: 0;
    }
    #holdings-table-container > #overview-composition {
      order: 1;
    }
    #holdings-table-container > #portfolio-loading,
    #holdings-table-container > #no-holdings {
      order: 0;
    }
    #holdings-table-container.ds-overview--table-legend {
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }
    #holdings-table-container.ds-overview--table-legend > #overview-composition {
      min-width: 0;
      width: 100%;
    }
    #holdings-table-container.ds-overview--table-legend > [data-overview-section]:not(.hidden) {
      min-width: 0;
      width: 100%;
    }
    @media (min-width: 641px) {
      #holdings-table-container,
      #holdings-table-container.ds-overview--table-legend {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        column-gap: var(--ds-space-5);
        row-gap: 0;
        align-items: start;
      }
      #holdings-table-container > #overview-composition,
      #holdings-table-container.ds-overview--table-legend > #overview-composition {
        grid-column: 1;
        grid-row: 1;
        align-self: start;
        width: auto;
        max-width: none;
        min-width: 0;
      }
      #holdings-table-container > #overview-header-ledger,
      #holdings-table-container > [data-overview-section],
      #holdings-table-container.ds-overview--table-legend > [data-overview-section]:not(.hidden) {
        grid-column: 2;
      }
      #holdings-table-container > #overview-spark,
      #holdings-table-container > #portfolio-loading,
      #holdings-table-container > #no-holdings {
        grid-column: 1 / -1;
      }
      /* Drop composition chrome so the pie top lines up with the first table row. */
      #holdings-table-container > #overview-composition .ds-group-body,
      #holdings-table-container > #overview-composition .ds-summary-board-body,
      #holdings-table-container > #overview-composition .ds-overview-charts {
        padding: 0;
      }
      #holdings-table-container > #overview-composition .ds-overview-pie-card,
      #holdings-table-container.ds-overview--table-legend
        .ds-overview-charts--single
        .ds-overview-pie-card {
        width: auto;
        max-width: none;
      }
      #holdings-table-container .ds-composition-layout--overview,
      #holdings-table-container.ds-overview--table-legend .ds-composition-layout--overview {
        justify-content: flex-start;
        width: auto;
      }
    }
    #holdings-table-container #overview-legend-main,
    #holdings-table-container.ds-overview--table-legend #overview-legend-main {
      display: none !important;
    }
    #holdings-table-container.ds-overview--table-legend .ds-overview-charts,
    #holdings-table-container.ds-overview--table-legend .ds-overview-charts--single {
      width: auto;
      max-width: none;
    }
    #holdings-table-container.ds-overview--table-legend .ds-overview-charts--single .ds-overview-pie-card {
      width: auto;
      max-width: none;
    }
    #holdings-table-container.ds-overview--table-legend .ds-composition-layout--overview {
      width: auto;
      max-width: none;
      justify-content: flex-start;
      gap: 0;
    }
    #holdings-table-container.ds-overview--table-legend
      .ds-overview-charts--single
      .ds-composition-layout--overview
      .ds-composition-chart-wrap {
      width: 11rem;
      height: 11rem;
      min-width: 11rem;
      max-width: 11rem;
      flex: 0 0 11rem;
    }
    /* Row = legend entry: swatch + left accent (labels remain — color not sole cue). */
    #holdings-table-container.ds-overview--table-legend .holding-row.ds-slice-legend-row {
      box-shadow: inset 3px 0 0 var(--slice-color, transparent);
    }
    #holdings-table-container.ds-overview--table-legend .ds-td-id-with-swatch {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      max-width: 100%;
      min-width: 0;
      vertical-align: middle;
    }
    #holdings-table-container.ds-overview--table-legend .ds-slice-swatch {
      width: 0.55rem;
      height: 0.55rem;
      border-radius: 2px;
      flex-shrink: 0;
    }
    #holdings-table-container.ds-overview--table-legend .ds-td-id-inner {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
    }