/* Issuer Enrollment section styles. */

.ie-table-wrap{
  background:var(--navy2);
  border:1px solid var(--border);
  border-radius:8px;
  overflow:auto;
  max-height:78vh;
}
.ie-share-table, .ie-trend-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}
.ie-share-table th, .ie-share-table td,
.ie-trend-table th, .ie-trend-table td{
  padding:8px 14px;
  border-bottom:1px solid rgba(30,58,95,.5);
  white-space:nowrap;
}
.ie-share-table thead th, .ie-trend-table thead th{
  font-family:var(--cond);
  font-size:11px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--text3);
  background:var(--navy3);
  border-bottom:1px solid var(--border);
  text-align:right;
  position:sticky;
  top:0;
  z-index:1;
}
.ie-share-table thead th.left, .ie-trend-table thead th.left{text-align:left;}
.ie-share-table thead th.ie-bar-h, .ie-trend-table thead th.ie-bar-h{
  text-align:left;
  font-style:normal;
  min-width:160px;
}
.ie-share-table tbody td.num, .ie-trend-table tbody td.num{
  font-family:var(--mono);
  text-align:right;
  color:var(--text);
}
.ie-share-table tbody td.left, .ie-trend-table tbody td.left{
  font-family:var(--cond);
  color:var(--text);
}
.ie-share-table tbody td.co-name{
  color:var(--text);
  font-weight:500;
  max-width:340px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ie-share-table tbody td.issuer-id{
  font-family:var(--mono);
  color:var(--text3);
  font-size:11px;
}
.ie-share-table tbody td.rank{
  color:var(--text3);
  font-size:11px;
}
.ie-share-table tbody tr:hover td, .ie-trend-table tbody tr:hover td{
  background:rgba(255,255,255,0.02);
}
.ie-share-table tbody tr:nth-child(odd) td,
.ie-trend-table tbody tr:nth-child(odd) td{
  background:rgba(255,255,255,0.012);
}
.ie-share-table tbody tr:nth-child(1) td{background:rgba(13,148,136,.07);}
.ie-share-table tbody tr:nth-child(1) td.co-name{color:var(--white); font-weight:600;}
.ie-share-table tbody tr:last-child td, .ie-trend-table tbody tr:last-child td{border-bottom:none;}

/* Inline bar cell: 100% wide of column, filled to width:N% of container. */
.ie-bar-cell{
  padding:6px 12px !important;
  min-width:160px;
}
.ie-bar-wrap{
  width:100%;
  height:10px;
  background:rgba(255,255,255,0.04);
  border-radius:5px;
  overflow:hidden;
}
.ie-bar{
  height:100%;
  background:linear-gradient(90deg, #0d9488, #14b8a6);
  border-radius:5px;
}

/* Year-Trend line chart. */
.ie-chart-wrap{
  margin-top:1rem;
  background:var(--navy2);
  border:1px solid var(--border);
  border-radius:8px;
  padding:.75rem 1rem;
  max-width:780px;
}
.ie-line-chart{display:block; width:100%; height:auto; max-height:280px;}
.ie-line-chart .axis-label{
  font-family:var(--mono);
  font-size:10px;
  fill:var(--text3);
}

/* ── By Metal grid ── */
.ie-metal-table{
  width:max-content;
  border-collapse:collapse;
  font-size:13px;
}
.ie-metal-table thead th{
  font-family:var(--cond);
  font-size:11px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--text3);
  background:var(--navy3);
  padding:8px 14px;
  border-bottom:1px solid var(--border);
  text-align:right;
  position:sticky;
  top:0;
  z-index:1;
  min-width:130px;
}
.ie-metal-table thead th.left{text-align:left; min-width:240px;}
.ie-metal-table thead th.metal-col-h{text-align:center;}
.ie-metal-table thead tr.ie-metal-sub-hdr th{
  position:static;
  font-family:var(--mono);
  font-size:11px;
  font-weight:500;
  color:var(--text2);
  background:var(--navy2);
  text-transform:none;
  letter-spacing:0;
  border-top:1px solid rgba(30,58,95,.4);
  padding:4px 14px;
}
.ie-metal-table tbody td{
  padding:8px 14px;
  border-bottom:1px solid rgba(30,58,95,.5);
  white-space:nowrap;
  font-family:var(--mono);
  text-align:right;
  color:var(--text);
}
.ie-metal-table tbody td.left{
  font-family:var(--cond);
  color:var(--text);
  font-weight:500;
  text-align:left;
  max-width:340px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ie-metal-table tbody td.co-name{color:var(--text);}
.ie-metal-table tbody tr:hover td{background:rgba(255,255,255,0.02);}
.ie-metal-table tbody tr:nth-child(odd) td{background:rgba(255,255,255,0.012);}
.ie-metal-table tbody tr:last-child td{border-bottom:none;}
.ie-metal-table .ie-cell-share{
  font-size:10px;
  color:var(--text3);
  margin-top:2px;
}
.ie-metal-table tbody td.rank-1{
  background:rgba(13,148,136,.18);
  border-left:1px solid rgba(13,148,136,.35);
}
.ie-metal-table tbody td.rank-1 > div:first-child{color:var(--white); font-weight:600;}
.ie-metal-table tbody tr:hover td.rank-1{background:rgba(13,148,136,.25);}

.rk-note{
  margin-top:1rem;
  font-size:12px;
  color:var(--text3);
  line-height:1.6;
  max-width:760px;
}
.rk-note b{color:var(--text2);}

/* ── By Rating Area: freeze the Issuer + Total columns on horizontal scroll.
   Reuses .ie-metal-table styling; .ie-ra-table adds the sticky behavior so
   By Metal stays unchanged. Issuer column is 240px wide (matches the existing
   min-width), Total column is 110px and parks at left:240px.                  */
.ie-ra-table thead th:nth-child(1),
.ie-ra-table tbody td:nth-child(1){
  position:sticky;
  left:0;
  width:240px;
  min-width:240px;
  max-width:240px;
  background:var(--navy2);
  z-index:2;
  box-shadow:1px 0 0 rgba(30,58,95,.5);
}
.ie-ra-table thead th:nth-child(2),
.ie-ra-table tbody td:nth-child(2){
  position:sticky;
  left:240px;
  width:110px;
  min-width:110px;
  max-width:110px;
  background:var(--navy2);
  z-index:2;
  box-shadow:1px 0 0 var(--border);
}
/* Header cells in the frozen columns must sit above both the sticky-top th
   layer (z=1) and the sticky-left tbody td layer (z=2).                       */
.ie-ra-table thead th:nth-child(1),
.ie-ra-table thead th:nth-child(2){
  z-index:3;
  background:var(--navy3);
}
/* Sub-header row's sticky cells need to override its position:static.        */
.ie-ra-table thead tr.ie-metal-sub-hdr th:nth-child(1),
.ie-ra-table thead tr.ie-metal-sub-hdr th:nth-child(2){
  position:sticky;
  background:var(--navy2);
}
/* The zebra-stripe and hover rules in .ie-metal-table use higher specificity
   selectors (tbody tr:nth-child(odd) td), so without these explicit overrides
   the frozen columns get a translucent background on odd rows and during
   hover, letting the scrolled-away RA columns bleed through. Adding the
   tr:nth-child(n) qualifier here bumps specificity to 3 classes / 3 elements
   so we win.                                                                */
.ie-ra-table tbody tr:nth-child(odd) td:nth-child(1),
.ie-ra-table tbody tr:nth-child(odd) td:nth-child(2),
.ie-ra-table tbody tr:nth-child(even) td:nth-child(1),
.ie-ra-table tbody tr:nth-child(even) td:nth-child(2){
  background:var(--navy2);
}
.ie-ra-table tbody tr:hover td:nth-child(1),
.ie-ra-table tbody tr:hover td:nth-child(2){
  background:var(--navy3);
}

/* ── RA × Metal: leader-per-cell matrix. Reuses .ie-metal-table styling;    */
/*    .ie-ram-table tightens the leader name display.                         */
.ie-ram-table tbody td.ie-ram-cell{
  cursor:help;
  min-width:140px;
  max-width:180px;
}
.ie-ram-table tbody td.ie-ram-cell .ie-ram-leader{
  font-family:var(--cond);
  font-weight:500;
  font-size:12px;
  color:var(--white);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:right;
}
.ie-ram-table tbody td.ie-ram-empty{
  color:var(--text3);
  cursor:default;
}

/* Sub-heading between the Year Trend line chart and the metals block.       */
.ie-subhead{
  font-family:var(--cond);
  font-size:13px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--text2);
  margin:24px 0 10px;
}

/* Explainer block above the RA × Metal table — makes cell semantics clear  */
/* without needing to scroll down to the rk-note.                            */
.ie-ram-explainer{
  margin-bottom:12px;
}
.ie-ram-explainer .ie-ram-headline{
  font-size:13px;
  color:var(--text2);
  margin-bottom:6px;
}
.ie-ram-explainer .ie-ram-headline span{color:var(--white); font-weight:500;}
.ie-ram-explainer .ie-ram-key{
  font-size:12px;
  color:var(--text3);
  line-height:1.6;
  max-width:780px;
}
.ie-ram-explainer .ie-ram-key b{color:var(--text2);}
.ie-ram-explainer .ie-ram-hover-hint{
  display:inline-block;
  margin-left:6px;
  padding:2px 8px;
  background:rgba(13,148,136,.18);
  color:var(--text);
  border-radius:4px;
  font-size:11px;
  font-weight:500;
}