/* Kastenlauf 5.9.2 – Live-Tabelle Gruppenvergleich */
.live-compare-panel {
  margin: 14px 0 18px;
  overflow: hidden;
  border: 1px solid rgba(144,190,221,.22);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(12,30,45,.9), rgba(7,19,30,.95));
  box-shadow: 0 16px 36px rgba(0,0,0,.14);
}
.live-compare-panel > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  cursor: pointer;
  list-style: none;
}
.live-compare-panel > summary::-webkit-details-marker { display:none; }
.live-compare-panel > summary::after {
  content: "⌄";
  font-size: 20px;
  transition: transform .2s ease;
}
.live-compare-panel[open] > summary::after { transform: rotate(180deg); }
.live-compare-panel > summary span:first-child {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.live-compare-panel > summary small,
.live-compare-heading small {
  color: var(--muted,#a9b7c1);
  font-weight: 400;
}
.live-compare-count {
  margin-left: auto;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(246,201,74,.12);
  color: #f6c94a;
  font-size: 12px;
  font-weight: 800;
}
.live-compare-body {
  padding: 0 16px 16px;
  border-top: 1px solid rgba(255,255,255,.07);
}
.live-compare-section { padding-top: 16px; }
.live-compare-section + .live-compare-section {
  margin-top: 15px;
  border-top: 1px solid rgba(255,255,255,.07);
}
.live-compare-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.live-compare-heading > div:first-child {
  display:flex;
  flex-direction:column;
  gap:2px;
}
.live-compare-actions {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.live-compare-actions button,
.live-compare-heading button,
.live-compare-footer button {
  min-height: 36px;
  padding: 7px 11px;
}
.live-compare-search {
  width: 100%;
  margin-bottom: 10px;
}
.live-compare-group-list,
.live-compare-column-list {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:7px;
}
.live-compare-option {
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(153,192,218,.15);
  border-radius:9px;
  background:rgba(3,13,22,.48);
  cursor:pointer;
  user-select:none;
}
.live-compare-option:hover {
  border-color:rgba(246,201,74,.46);
}
.live-compare-option input {
  flex:0 0 auto;
  width:17px;
  height:17px;
}
.live-compare-option span {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.live-compare-option small {
  margin-left:auto;
  color:#94a7b4;
}
.live-compare-option.is-hidden-by-search { display:none; }
.live-compare-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
}
.live-table-empty {
  padding:24px !important;
  text-align:center;
  color:var(--muted,#aab8c4);
}
#liveRankingTable th[data-col],
#liveRankingTable td[data-col] {
  transition: opacity .15s ease;
}
@media (max-width:720px) {
  .live-compare-heading,
  .live-compare-footer {
    align-items:stretch;
    flex-direction:column;
  }
  .live-compare-actions { width:100%; }
  .live-compare-actions button { flex:1; }
  .live-compare-group-list,
  .live-compare-column-list { grid-template-columns:1fr 1fr; }
}
@media (max-width:480px) {
  .live-compare-group-list,
  .live-compare-column-list { grid-template-columns:1fr; }
}