/* Tax loss harvesting: harvested history, and lot selection per security */
@layer components {
  .tlh-table {
    inline-size: 100%;
    margin-block-end: var(--block-space);
    text-align: start;

    th {
      font-weight: 400;
    }
  }

  .tlh-table__heading {
    color: var(--color-ink-medium);
    font-size: var(--text-x-small);
  }

  .tlh-table__numeric {
    text-align: end;
  }

  /* Lot selection
  /* ------------------------------------------------------------------------ */

  .tlh-form {
    display: flex;
    flex-direction: column;
    gap: var(--block-space-half);
  }

  .tlh-lots {
    border: var(--border);
    padding: var(--block-space-half) var(--inline-space);

    legend small {
      color: var(--color-ink-medium);
    }
  }

  /* The lot checkboxes keep the native control — they read as a data grid
     rather than a form, so the styled box would be too heavy here */
  .tlh-lots input[type=checkbox] {
    appearance: auto;
    block-size: 0.75rem;
    inline-size: 0.75rem;
  }
}