/* ─── Westplan Track Record — Frontend styles ─────────────────────────────── */

/* Chart */
.wtr-chart-wrap {
  position: relative;
  width: 100%;
  background: #f0ebe3;
  border-radius: 12px;
  overflow: hidden;
}
.wtr-chart-svg {
  display: block;
  width: 100%;
  height: auto;
}
.wtr-lollipop { cursor: pointer; }
.wtr-lollipop circle,
.wtr-lollipop line { transition: opacity .15s; }
.wtr-lollipop:hover circle { opacity: 0.7; }

/* Tooltip */
.wtr-tooltip {
  display: none;
  position: absolute;
  background: #1e3d2a;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  padding: 8px 12px;
  border-radius: 8px;
  pointer-events: none;
  white-space: nowrap;
  z-index: 10;
  box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
.wtr-tooltip.wtr-tooltip--visible { display: block; }
.wtr-tooltip strong { color: #c8b98a; display: block; }

/* Chart empty state */
.wtr-chart-empty {
  padding: 48px 32px;
  text-align: center;
  color: #8a8278;
  font-style: italic;
}

/* ─── Table ────────────────────────────────────────────────────────────────── */
.wtr-table-wrap {
  font-family: Inter, sans-serif;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e8e0d4;
  background: #fff;
}

/* Tabs */
.wtr-tabs {
  display: flex;
  background: #1e3d2a;
  padding: 0 20px;
  gap: 4px;
}
.wtr-tab {
  padding: 14px 20px;
  border: none;
  background: transparent;
  color: rgba(255,255,255,.55);
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: color .15s, border-color .15s;
}
.wtr-tab:hover { color: rgba(255,255,255,.85); }
.wtr-tab--active {
  color: #fff;
  border-bottom-color: #c8b98a;
}

/* Pane */
.wtr-pane { display: none; }
.wtr-pane--active { display: block; }

/* Scrollable wrapper */
.wtr-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Table */
.wtr-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  color: #1a1a1a;
  min-width: 700px;
}
.wtr-table thead tr {
  background: #1e3d2a;
}
.wtr-table thead th {
  padding: 12px 16px;
  text-align: left;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #c8b98a;
  white-space: nowrap;
}
.wtr-table thead th.wtr-num { text-align: right; }

.wtr-table tbody td {
  padding: 11px 16px;
  border-bottom: 1px solid rgba(200,185,138,.18);
  vertical-align: middle;
}
.wtr-table tbody td.wtr-num { text-align: right; font-variant-numeric: tabular-nums; }
.wtr-table tbody td.wtr-deal-num { color: #8a8278; font-size: 12px; }
.wtr-table tbody td.wtr-name { font-weight: 500; color: #1e3d2a; }

/* Row states */
.wtr-row--alt td { background: rgba(240,235,227,.45); }
.wtr-row--footer td {
  background: #f0ebe3;
  font-weight: 600;
  font-size: 12px;
  color: #1e3d2a;
  border-top: 1.5px solid #c8b98a;
}
.wtr-row--footer .wtr-footer-label { color: #8a8278; font-weight: 400; }
.wtr-footnote { font-size: 11px; color: #8a8278; font-weight: 400; margin-left: 6px; }

/* IRR colouring */
.wtr-irr--above { color: #1e3d2a; font-weight: 600; }
.wtr-irr--avg   { color: #1e3d2a; font-weight: 700; }

/* No data */
.wtr-empty, .wtr-no-data {
  padding: 32px 24px;
  color: #8a8278;
  font-style: italic;
  text-align: center;
}