/* ==========================================================================
   Report drill-down — "why is this number off?" (Deirdre's review, 28 Aug 2026)
   The clickable-figure affordance on the report tables + the drawer internals.
   The drawer itself is the global .filter-panel--drawer (filter-panel.css);
   spacing uses the --drawer-* tokens only, per the drawer standard.
   ========================================================================== */

/* ---- clickable figure cells ---------------------------------------------- */
.rep-table td.drill-cell {
  cursor: pointer;
}
.rep-table td.drill-cell:hover,
.rep-table td.drill-cell:focus-visible {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 3px;
}

/* the quiet "has a note" pencil beside a figure */
.drill-mark {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 4px;
  color: var(--color-text-muted);
}
.drill-mark svg { width: 12px; height: 12px; display: inline-block; }

/* ---- drawer internals ----------------------------------------------------- */
#report-drill-drawer { z-index: 70; }

.rdd-figure {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.rdd-figure__period {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.rdd-figure__amt {
  font-size: var(--text-title);
  font-weight: var(--weight-regular);
  letter-spacing: -0.02em;
}

/* the drafted / kept note — a quiet card */
.rdd-note {
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--drawer-row-pad);
  background: var(--color-surface);
}
.rdd-note__lede {
  font-size: var(--text-xs);
  color: var(--color-text-muted);
  margin: 0 0 6px;
}
.rdd-note__text {
  font-size: var(--text-base);
  line-height: 1.5;
  margin: 0;
}
.rdd-note__editta { width: 100%; margin-top: 2px; resize: vertical; }
.rdd-note__actions {
  display: flex;
  gap: var(--space-3);
  margin-top: var(--drawer-row-gap);
}

/* the transactions behind the number */
.rdd-txns__title,
.rdd-ask__label {
  display: block;
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  margin: 0 0 10px;
}
.rdd-txns__list {
  display: flex;
  flex-direction: column;
  gap: var(--drawer-row-gap);
}
.rdd-txn {
  display: flex;
  align-items: baseline;
  gap: 12px;
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--drawer-row-pad);
}
.rdd-txn__date {
  flex: none;
  width: 86px;
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}
.rdd-txn__who { flex: 1; min-width: 0; font-size: var(--text-sm); }
.rdd-txn__who strong { font-weight: var(--weight-medium); display: block; }
.rdd-txn__detail { display: block; font-size: var(--text-xs); color: var(--color-text-muted); }
.rdd-txn__amt {
  flex: none;
  font-size: var(--text-sm);
  font-variant-numeric: tabular-nums;
}
.rdd-txns__sum,
.rdd-txns__none {
  font-size: var(--text-xs);
  color: var(--color-text-muted);
  margin: 10px 0 0;
}

/* ask a question */
.rdd-ask__row { display: flex; gap: var(--space-3); }
.rdd-ask__row .input { flex: 1; min-width: 0; }
.rdd-ask__out { margin-top: var(--drawer-row-gap); }
.rdd-ask__gap {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  margin: 0 0 10px;
}
.rdd-ask__found {
  font-size: var(--text-sm);
  line-height: 1.5;
  margin: 0;
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--drawer-row-pad);
}
.rdd-ask__offer {
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--drawer-row-pad);
}
.rdd-ask__offer p {
  font-size: var(--text-sm);
  line-height: 1.5;
  margin: 0 0 var(--drawer-row-gap);
}