/* v4 Sitzverteilung als Balken + Tabelle */

.v4-seats{
  display:block;
  width:100%;
}
.v4-seats-meta{
  display:flex;
  align-items:baseline;
  gap:.4rem;
  font-family:var(--font-d);
  font-size:var(--fs-sm);
  color:var(--gray-700);
  margin-bottom:.5rem;
}
.v4-seats-total strong{color:var(--black);font-weight:700;font-size:1.1em}
.v4-seats-sep{color:var(--gray-400)}
.v4-seats-majority{color:var(--gray-600)}

.v4-seats-bar-wrap{
  position:relative;
  margin:.7rem 0 .4rem;
}
.v4-seats-bar{
  display:flex;
  height:36px;
  width:100%;
  overflow:hidden;
  border:1px solid var(--gray-200);
  background:var(--gray-50);
}
.v4-seats-seg{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  overflow:hidden;
  transition:filter .15s ease;
  border-right:1px solid rgba(255,255,255,.25);
}
.v4-seats-seg:last-child{border-right:0}
.v4-seats-seg:hover{filter:brightness(1.1)}
.v4-seats-seg-label{
  font-family:var(--font-d);
  font-size:var(--fs-xxs);
  font-weight:700;
  font-variant-numeric:tabular-nums;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
  letter-spacing:.02em;
  padding:0 .3rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.v4-seats-majority-marker{
  position:absolute;
  top:-4px;
  bottom:-18px;
  width:1px;
  background:var(--black);
  z-index:2;
  pointer-events:none;
}
.v4-seats-majority-marker::before{
  content:"";
  position:absolute;
  top:0;
  left:-3px;
  border-left:3px solid transparent;
  border-right:3px solid transparent;
  border-top:6px solid var(--black);
}
.v4-seats-majority-label{
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  font-family:var(--font-d);
  font-size:var(--fs-xxs);
  font-weight:700;
  color:var(--black);
  white-space:nowrap;
  background:var(--white);
  padding:0 .3rem;
}
.v4-seats-axis{
  display:flex;
  justify-content:space-between;
  font-family:var(--font-d);
  font-size:var(--fs-xxs);
  color:var(--gray-500);
  padding-top:1.2rem;
}

.v4-seats-table{
  width:100%;
  border-collapse:collapse;
  font-family:var(--font-d);
  font-size:var(--fs-sm);
  font-variant-numeric:tabular-nums;
  margin-top:1.2rem;
}
.v4-seats-table thead th{
  text-align:right;
  font-size:var(--fs-xxs);
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--gray-600);
  padding:.4rem .5rem;
  border-bottom:1px solid var(--gray-200);
  background:var(--gray-50);
}
.v4-seats-table thead th:first-child{text-align:left}
.v4-seats-table tbody td{
  padding:.4rem .5rem;
  text-align:right;
  border-bottom:1px solid var(--gray-100);
}
.v4-seats-table tbody tr:last-child td{border-bottom:0}
.v4-seats-party{
  text-align:left !important;
  font-weight:700;
  color:var(--black);
  white-space:nowrap;
}
.v4-seats-dot{
  display:inline-block;
  width:9px;height:9px;
  border-radius:50%;
  margin-right:.4rem;
  vertical-align:middle;
  transform:translateY(-1px);
}
.v4-seats-med{font-weight:700;color:var(--black)}
.v4-seats-ci{color:var(--gray-500);font-size:var(--fs-xs)}
.v4-seats-share{color:var(--gray-700);font-weight:600}