/* Winston V3 — Ledger screen. #131 — filter row + holdings table styling
   + totals row + disabled export link. */

#screen-ledger .holdings-table {
  width: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}
#screen-ledger .holdings-table th,
#screen-ledger .holdings-table td {
  padding: var(--space-2) var(--space-3);
  text-align: left;
  border-bottom: 1px solid var(--hairline);
}
#screen-ledger .holdings-table th {
  font-size: var(--type-xs);
  font-weight: var(--weight-semibold);
  color: var(--ink-2);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
#screen-ledger .holdings-table td.num,
#screen-ledger .holdings-table th.num {
  text-align: right;
  font-family: var(--font-mono);
}

#screen-ledger .ledger-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-4);
  align-items: flex-end;
  margin-bottom: var(--space-3);
}
#screen-ledger .ledger-filter-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
#screen-ledger .ledger-filter-group label {
  font-size: var(--type-xs);
  font-weight: var(--weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
#screen-ledger .ledger-filter-actions {
  margin-left: auto;
}
#screen-ledger .ledger-symbol-input {
  /* Width tuned so a 5-char ticker (NVDA / GOOGL) fits with room. */
  width: 110px;
}

#screen-ledger .ledger-totals-row td {
  border-top: 2px solid var(--border);
  border-bottom: none;
  background: var(--surface-2);
}

/* Disabled Form 8949 link: visually + interactively. Selector lives on
   the screen so the global `.btn` base class isn't overridden elsewhere. */
#screen-ledger .btn.is-disabled,
.btn.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: auto;       /* allow click so we can preventDefault() */
  text-decoration: none;
}
#screen-ledger .btn.is-disabled:hover { background: inherit; }

/* Wash-sale chip mirrors the "warn" tone used elsewhere. */
#screen-ledger .chip.chip-warn {
  background: color-mix(in oklab, var(--warn) 18%, transparent);
  color: var(--warn);
  font-size: var(--type-xs);
  padding: 0 var(--space-2);
  border-radius: var(--radius-sm);
  vertical-align: middle;
}

@media (max-width: 720px) {
  #screen-ledger .ledger-filter-actions { margin-left: 0; width: 100%; }
  /* Hide the sleeve column on narrow screens — the table already has 9
     columns and would overflow. Operator can re-expose by widening. */
  #screen-ledger .holdings-table th:nth-child(2),
  #screen-ledger .holdings-table td:nth-child(2) { display: none; }
}