/* =========================================================
   Swiss-Chess Import – Frontend Styles (bereinigt)
   ========================================================= */

/* === Grundcontainer === */
.swci-container{
  border:1px solid #e3e3e3; border-radius:8px; padding:12px; background:#fff;
}
.swci-header{ margin-bottom:8px; }
.swci-title{ margin:0 0 4px 0; font-size:1.125rem; }

/* =========================================================
   RUNDEN-WAHL (mobile) + TABS (desktop)
   ========================================================= */
.swci-select-label{ display:block; font-weight:600; margin-bottom:1px; }
.swci-tab-select{
  display:block; width:100%; padding:8px 10px; font-size:.95rem;
  border:1px solid #cbd5e1; border-radius:6px; background:#fff; margin-bottom:1px;
}
.swci-frontend .swci-tabs{ display:none; }

@media (min-width:768px){
  .swci-select-label,.swci-tab-select{ display:none; }
  .swci-frontend .swci-tabs{ display:block; margin-bottom:10px; }
}

/* Tab-Liste */
.swci-frontend .swci-tablist{
  display:flex; gap:0; padding:0; margin:0 0 10px 0; list-style:none;
  border-bottom:1px solid #dde1e6; overflow-x:auto; -webkit-overflow-scrolling:touch;
}
.swci-frontend .swci-tablist::-webkit-scrollbar{ height:4px; }
.swci-frontend .swci-tablist::-webkit-scrollbar-thumb{ background:#cbd5e1; border-radius:999px; }

/* Tabs */
.swci-frontend .swci-tab{
  display:inline-flex; align-items:center; background:#f3f4f6; border:1px solid #dde1e6;
  border-bottom:none; color:#1e293b; padding:7px 16px 8px; font-size:.9rem; cursor:pointer;
  border-top-left-radius:6px; border-top-right-radius:6px; text-decoration:none; line-height:1.1;
  white-space:nowrap; flex:0 0 auto;
}
.swci-frontend .swci-tab:hover{ background:#e5e7eb; }
.swci-frontend .swci-tab.is-active,
.swci-frontend .swci-tab[aria-selected="true"]{
  background:#fff; color:#0f172a; font-weight:600; border-color:#cbd5e1;
  border-bottom:1px solid #fff; box-shadow:0 -1px 0 #fff;
}
@media (min-width:768px){
  .swci-frontend .swci-tab + .swci-tab{ margin-left:4px; }
  /* altes root-Akkordeon auf Desktop ausblenden */
  .swci-frontend > .swci-container > .swci-accordion{ display:none; }
}

/* Panels */
.swci-frontend .swci-panels .swci-panel{ display:none; }
.swci-frontend .swci-panels .swci-panel.is-active{ display:block; }

/* =========================================================
   ACCORDION (pro Runde)
   ========================================================= */
.swci-frontend .swci-panels .swci-accordion,
.swci-frontend .swci-panels .swci-accordion-round{ display:block; }

.swci-accordion .swci-acc-item{
  margin-bottom:8px; border-radius:6px; overflow:hidden;
}
.swci-frontend .swci-acc-trigger{
  all:unset; display:block; width:100%; box-sizing:border-box; text-align:left;
  padding:10px 14px; margin:0; font-size:.92rem; font-weight:600; color:#0f172a;
  background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; cursor:pointer;
  transition:background .15s ease, color .15s ease;
}
.swci-frontend .swci-acc-trigger:hover{ background:#f1f5f9; }
.swci-frontend .swci-acc-item.is-open > .swci-acc-trigger{
  background:#e2e8f0; border-bottom-left-radius:0; border-bottom-right-radius:0;
}
.swci-frontend .swci-acc-trigger::after{
  content:'▾'; float:right; font-size:.8rem; opacity:.6;
}
.swci-frontend .swci-acc-item.is-open > .swci-acc-trigger::after{ content:'▴'; opacity:.9; }

.swci-frontend .swci-acc-panel{
  display:none; padding:10px 14px 12px; border:1px solid #e2e8f0; border-top:none;
  border-bottom-left-radius:6px; border-bottom-right-radius:6px; background:#fff;
}
.swci-acc-item.is-open .swci-acc-panel{ display:block; }

/* =========================================================
   Tabellen / Wrapper
   ========================================================= */
.swci-table-scroll{
  max-height:600px; overflow-y:auto; border:1px solid #ddd; margin-bottom:12px; background:#fff;
}
@media (max-width:640px){ .swci-table-scroll{ overflow-x:auto; } }

.swci-table-inner{
  width:100%; border-collapse:collapse; border:1px solid #ddd; font-size:14px;
}
.swci-table-inner th,.swci-table-inner td{
  padding:6px 10px; text-align:left; border-bottom:1px solid #eee;
}
.swci-table-inner tr:nth-child(even){ background-color:#fafafa; }
.swci-table-title{ font-weight:600; margin:8px 0 4px; font-size:1.05rem; }

/* Sticky Tabellenkopf Desktop */
@media (min-width:768px){
  .swci-pair-desktop .swci-table-inner thead th,
  .swci-teil-desktop thead th{
    position:sticky; top:0; z-index:2; background:#fff;
  }
}

/* =========================================================
   Filterfeld (shared)
   ========================================================= */
.swci-filter-box{ margin:8px 0 12px; }
.swci-filter-input{
  width:100%; padding:6px 8px; border:1px solid #cbd5e1; border-radius:4px; font-size:14px; background:#fff;
}

/* =========================================================
   PAARUNGSLISTE – DESKTOP
   ========================================================= */
.swci-pair-desktop{ display:block; }
@media (max-width:768px){ .swci-pair-desktop{ display:none; } }

/* =========================================================
   PAARUNGSLISTE – MOBILE CARDS
   ========================================================= */
.swci-pair-mobile{ display:none; }
@media (max-width:768px){
  .swci-pair-mobile{
    display:block; background:#fff; border-radius:8px; max-height:none; overflow:visible;
  }
  .swci-filter-mobile{ position:sticky; top:0; z-index:12; background:#fff; padding:8px 0; }
  .swci-pair-mobile-head{
    position:sticky; top:52px; z-index:11; background:#fff; display:flex; align-items:center;
    justify-content:space-between; gap:6px; padding:6px 4px; border-bottom:1px solid #e2e8f0;
    text-transform:uppercase; font-size:.7rem; letter-spacing:.04em; color:#0f172a;
  }
  .swci-pm-col{ flex:1 1 0; text-align:center; }
  .swci-pm-vs{ flex:0 0 42px; text-align:center; }

  .swci-pair-mobile-list{ padding:4px 0 10px; }

  .swci-pair-card{
    background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px;
    padding:10px 12px 12px; margin:10px 4px 0; box-shadow:0 1px 2px rgba(15,23,42,.03);
  }
  /* Kopf: Brett links, Ergebnis rechts */
  .swci-pair-meta{
    display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px;
  }
  .swci-pair-board{ font-weight:600; font-size:.82rem; color:#0f172a; opacity:.85; }
  .swci-pair-result{
    background:#e2e8f0; border-radius:999px; padding:3px 10px 4px; font-size:.68rem; font-weight:600; color:#0f172a;
  }

  /* Namen untereinander, zentriert, fett + Ellipsis; „vs“ zentriert */
  .swci-pair-line{
    display:flex; flex-direction:column; align-items:center; text-align:center; gap:.2rem;
  }
  .swci-pair-player{ flex:1 1 0; min-width:0; text-align:center; }
  .swci-pair-name{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:.9rem; color:#0f172a; font-weight:700; }
  .swci-pair-vs{ flex:0 0 auto; text-align:center; font-weight:600; font-size:.7rem; color:#475569; letter-spacing:.04em; margin:.2rem 0 .25rem; }
}

/* =========================================================
   TEILNEHMERLISTE – DESKTOP / MOBILE (nur „zweite Struktur“)
   ========================================================= */
.swci-teil-desktop{ display:block; }
.swci-teil-mobile{ display:none; }
@media (max-width:768px){
  .swci-teil-desktop{ display:none; }
  .swci-teil-mobile{ display:block; }
}

/* Liste */
.swci-teil-list{ display:flex; flex-direction:column; gap:10px; }

/* Card – Kopf + Body */
.swci-teil-card{
  background:#fff; border:1px solid #e2e8f0; border-radius:10px;
  padding:10px 12px 4px; box-shadow:0 1px 2px rgba(15,23,42,.02);
}
.swci-teil-card-head{ display:flex; align-items:center; gap:10px; cursor:pointer; user-select:none; padding:6px 4px; }
.swci-teil-card-main{ flex:1 1 auto; display:flex; flex-direction:column; gap:2px; }
.swci-teil-card-id{ font-size:.7rem; font-weight:600; color:#475569; }
.swci-teil-card-name{ font-weight:600; font-size:.9rem; color:#0f172a; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.swci-teil-card-badge{ background:#e2e8f0; border-radius:999px; padding:3px 10px 3px; font-size:.7rem; font-weight:500; color:#0f172a; }
.swci-teil-card-toggle{
  all:unset; width:30px; height:30px; border-radius:999px; border:1px solid #dbe2ea;
  display:inline-flex; align-items:center; justify-content:center; cursor:pointer; color:#0f172a; font-size:.8rem;
}
.swci-teil-card.is-open .swci-teil-card-toggle{ background:#e2e8f0; }
.swci-teil-card-body{ display:none; margin-top:8px; border-top:1px solid #edf2f7; padding-top:6px; }
.swci-teil-card.is-open .swci-teil-card-body{ display:block; }
.swci-teil-field{ display:flex; justify-content:space-between; gap:10px; margin-bottom:4px; font-size:.78rem; }
.swci-teil-label{ color:#64748b; }
.swci-teil-value{ font-weight:500; color:#0f172a; }

/* Badge/Chip/Rank minimal (kompakt) */
.swci-teil-badge{
  width:20px; height:28px; border-radius:2px; display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:.8rem; color:#fff; background:#D3D3D3; box-shadow:inset 0 0 0 2px #fff;
}
.swci-teil-chip{ padding:2px 6px; border-radius:5px; background:#D3D3D3; font-size:.75rem; font-weight:600; color:#0f172a; }

/* =========================================================
   DWZ – optionale visuelle Akzente
   ========================================================= */
.swci-type-dwz .swci-teil-card .swci-teil-card-name.swci-delta-pos{
  display:inline-block; background:rgba(16,185,129,.16); border-radius:6px; padding:2px 6px;
}
.swci-type-dwz .swci-teil-card .swci-teil-card-name.swci-delta-neg{
  display:inline-block; background:rgba(244,63,94,.16); border-radius:6px; padding:2px 6px;
}

/* DWZ – Gegnerliste */
.swci-history-box{ margin:8px 8px 4px; padding:8px; border:1px dashed #e2e8f0; border-radius:8px; background:#fafafa; }
.swci-history-head{ font-weight:600; font-size:.9rem; margin-bottom:6px; color:#334155; }
.swci-history-list{ list-style:none; margin:0; padding:0; }
.swci-history-item{ display:flex; flex-wrap:wrap; gap:6px; align-items:baseline; padding:4px 0; border-bottom:1px solid #f1f5f9; }
.swci-history-item:last-child{ border-bottom:none; }
.swci-hist-round{ font-weight:600; min-width:2.2rem; }
.swci-hist-dwz{ opacity:.75; }
.swci-h-res{ margin-left:auto; opacity:.85; }

/* =========================================================
   Archive-CTA
   ========================================================= */
.swci-archive-cta-box{
  margin-top:12px; padding:12px 14px; border:1px solid #e5e7eb; border-radius:8px; background:#fafafa; font-size:.95rem;
}
.swci-archive-cta-upd{ color:#334155; font-size:.9rem; margin-bottom:6px; }
.swci-archive-cta-note p{ margin:.4em 0; }
.swci-archive-cta-actions{ margin-top:8px; }
.swci-archive-cta-actions .swci-cta-btn{ margin-right:6px; }
.swci-cta-button{
  display:inline-block; background:#c62828; color:#fff!important; font-weight:500; text-decoration:none;
  padding:8px 18px; border-radius:6px; transition:all .2s ease-in-out; border:none; cursor:pointer;
}
.swci-cta-button:hover{ background:#d32f2f; color:#000!important; }
.swci-cta-button{margin-top:10px;}
/* Kleine Helfer */
.swci-acc-trigger{ cursor:pointer; }
.swci-acc-trigger .swci-chevron{ pointer-events:none; }
.swci-teil-details[hidden]{ display:none; }
.swci-empty{ color:#666; }
.swci-error{ color:#c00; }
.swci-pair-role{
  font-size:.68rem; font-weight:500; opacity:.65; margin-bottom:1px; text-align:center; display:block; line-height:1.2;
}

/* =========================================================
   KORREKTUR: Inline Badge direkt neben Name (Mobile Teilnehmerliste)
   ========================================================= */

/* Container für Name + Badge */
.swci-teil-card-namewrap{
  display:inline-flex;
  align-items:center;
  gap:6px;              /* kleiner, damit enger */
  white-space:nowrap;
  flex-shrink:1;
}

/* Name bleibt unverändert dazu passend */
.swci-teil-card-name{
  font-weight:600;
  white-space:nowrap;
}

/* Titel-Badge (leicht hochgestellt, über dem Namen) */
.swci-title-badge{
  display:inline-block;
  padding:1px 1px;
  border-radius:4px;
  font-size:11px;
  line-height:14px;
  font-weight:600;
  background:#2F6E84;
  color:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,.06);
  pointer-events:none;  
  margin-left:-3px;       /* Abstand zum Namen */
  position: relative;
  top: -13px; /* Höhe fein einstellen: -2 bis -5 */
}

/* WICHTIG: Spalte Name bekommt Priorität, damit der Badge nicht wegdrückt */
.swci-teil-card-main{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:0;               /* gap entfernen, sonst verschiebt es wieder */
}
/* Gegner-Historie (Teilnehmerformular) – innerhalb der Teilnehmer-Karte */
.swci-formhistory-box{
  margin-top:8px;
  border:1px dashed #e2e8f0;
  border-radius:8px;
  background:#fafafa;
  padding:0; /* Kopf übernimmt Padding */
}

/* Kopf (klickbar) – gleiche Interaktion wie .swci-teil-card-head */
.swci-formhistory-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  user-select:none;
  padding:8px 10px;
  font-weight:600;
  font-size:.85rem;
  color:#334155;
}

/* Chevrons identisch zur Logik in Karten */
.swci-formhistory-chevron{
  transition:transform .18s ease;
  opacity:.7;
}
.swci-formhistory-box.is-open .swci-formhistory-chevron{
  transform:rotate(180deg);
  opacity:1;
}

/* Body */
.swci-formhistory-body{
  padding:8px 10px 10px;
  border-top:1px solid #e2e8f0;
}
.swci-formhistory-body[hidden]{ display:none; }
.swci-formhistory-box{ margin-top:10px; border:1px solid #e2e8f0; border-radius:6px; padding:6px 10px; background:#fafafa; }
.swci-formhistory-head{ display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-weight:600; font-size:.85rem; }
.swci-formhistory-body{ margin-top:6px; font-size:.8rem; }
.swci-formhistory-chevron{ opacity:.6; font-size:.7rem; }
/* Gegner-Historie – Ergebnisfarben */
.swci-formhistory-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: .5rem;
  font-size: .9rem;
}

.swci-formhistory-table td {
  padding: 4px 6px;
  border-bottom: 1px solid #ddd;
}

.swci-h-row.win .erg {
  font-weight: 600;
  color: #0a7a30;   /* Grün */
}

.swci-h-row.loss .erg {
  font-weight: 600;
  color: #b30000;   /* Rot */
}

.swci-h-row.draw .erg {
  font-weight: 600;
  color: #555;      /* Grau */
}

/* optional dezente Hover-Markierung */
.swci-h-row:hover td {
  background: #f5f5f5;
}
/* Gegner-Historie Tabelle */
.swci-formhistory-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 8px;
    font-size: 14px;
    background: #fff;
}

.swci-formhistory-table thead th {
    text-align: left;
    padding: 6px 8px;
    background: #f2f2f2;
    font-weight: 600;
    border-bottom: 2px solid #ddd;
    white-space: nowrap;
}

.swci-formhistory-table tbody td {
    padding: 6px 8px;
    border-bottom: 1px solid #eee;
}

/* Gegnername hervorheben */
.swci-formhistory-table td:nth-child(3) {
    font-weight: 600;
    color: #005f75;
}

/* Ergebnis farblich */
.swci-result-win {
    font-weight: 700;
    color: #1a7f37;
}
.swci-result-loss {
    font-weight: 700;
    color: #b00020;
}
.swci-result-draw {
    font-weight: 700;
    color: #666;
}

/* Mobile scroll */
@media(max-width: 600px){
  .swci-formhistory-table {
    font-size: 13px;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}
/* Gegner-Historie: Panel auf volle Breite strecken */
.swci-formhistory-box {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

/* Inhalt innen neu ausrichten */
.swci-formhistory-body {
    width: 100%;
    padding: 8px 0 0 0;
}
blockquote p {    
    font-size: 1.1rem!important;    
}
/* Tabelle vollbreite */
.swci-formhistory-table {
    width: 100%;
    table-layout: auto; /* zuvor war implizit fixed → macht Spalten eng */
}

/* Falls Card-Rahmen begrenzt: rausnehmen */
.swci-teil-card .swci-formhistory-box {
    border: none;
    background: transparent;
}
.swci-formhistory-cards {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding-top: 6px;
}

.swci-formhistory-card {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 10px 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.swci-fh-line {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.swci-fh-label {
    color: #666;
    font-weight: 500;
}

.swci-fh-value {
    font-weight: 600;
    color: #1a1a1a;
}

/* Gegnername hervorheben */
.swci-fh-gegner .swci-fh-value {
    color: #0f5c9e;
}
/* ============================================
   MOBILE PAARUNGSLISTE – Namen zentrieren
   ============================================ */
@media (max-width: 768px) {
  .swci-pair-mobile .swci-pair-card {
    text-align: center;
  }

  .swci-pair-mobile .swci-pair-card .swci-pair-player {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 600;
  }

  .swci-pair-mobile .swci-pair-card .swci-pair-vs {
    display: block;
    margin: 4px 0;
    text-align: center;
    opacity: 0.75;
  }
}

/* =========================================================
   DWZ – Diff-Badge Farblogik & Ausrichtung (Mobile Cards)
   ========================================================= */

/* Kopfzeile korrekt ausrichten: Name links, Badge + Chevron rechts */
.swci-type-dwz .swci-teil-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* Name + ggf. Titelbadge als Linkseinheit */
.swci-type-dwz .swci-teil-card-namewrap {
    flex: 1 1 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

/* Badge + Chevron rechts gruppieren */
.swci-type-dwz .swci-teil-card-head .right-side {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Badge selbst */
.swci-type-dwz .swci-diff-badge {
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
}

/* Farbcode: positiv = grün, negativ = rot, null = neutral */
.swci-type-dwz .swci-diff-badge.is-pos {
    background: rgba(16,185,129,0.20);  /* Tailwind Emerald-500 light */
    color: #065f46;
}
.swci-type-dwz .swci-diff-badge.is-neg {
    background: rgba(239,68,68,0.20);   /* Tailwind Red-500 light */
    color: #991b1b;
}
.swci-type-dwz .swci-diff-badge.is-zero {
    background: rgba(148,163,184,0.20); /* neutrale Asche */
    color: #475569;
}

/* Chevron rechts stabilisieren */
.swci-type-dwz .swci-teil-chevron {
    opacity: .75;
}
.swci-filter-box.swci-filter-desktop {
  display: flex;
  align-items: center;
  gap: 8px;
}

.swci-fullscreen-toggle {
  font-size: 16px;
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #f8f8f8;
  cursor: pointer;
}
.swci-fullscreen-toggle:hover { background: #e9e9e9; }

:fullscreen .swci-filter-box.swci-filter-desktop {
  position: sticky;
  top: 0;
  background: #fff;
  border-bottom: 1px solid #ddd;
  z-index: 100;
}
/* ========== Vollbildmodus: keine Scrollbar, volle Ansicht ========== */
:fullscreen .swci-table-scroll {
  overflow: visible !important;
  max-height: none !important;
}

:fullscreen .swci-pair-desktop {
  height: 100vh;
  overflow: hidden;
}

:fullscreen .swci-table-inner {
  width: 100%;
  border-collapse: collapse;
}
/* ========== Vollbildmodus: Auto-Zoom (mehr Paarungen sichtbar) ========== */
:fullscreen .swci-pair-desktop {
  font-size: 0.85em;
  line-height: 1.2;
  letter-spacing: 0.01em;
}

:fullscreen .swci-table-inner th,
:fullscreen .swci-table-inner td {
  padding: 2px 6px;
}

:fullscreen .swci-table-inner th {
  font-weight: 600;
  background: #f2f2f2;
}

:fullscreen .swci-table-inner td {
  border-bottom: 1px solid #ddd;
}

/* Spalten etwas kompakter */
:fullscreen .swci-table-inner {
  border-collapse: collapse;
  width: 100%;
}

/* Optional: Filter etwas dezenter, aber sichtbar */
:fullscreen .swci-filter-box.swci-filter-desktop {
  padding: 6px 8px;
  background: #fff;
  font-size: 0.9em;
}
/* ===========================================
   VOLLBILD: Tabelle vertikal maximieren
   =========================================== */

/* Äußere Struktur – volle Höhe des Bildschirms */
:fullscreen .swci-pair-wrapper,
:fullscreen .swci-pair-desktop {
  height: 100vh;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

/* Filterleiste bleibt oben kleben */
:fullscreen .swci-filter-box.swci-filter-desktop {
  flex: 0 0 auto;
  position: sticky;
  top: 0;
  z-index: 10;
  background: #fff;
  border-bottom: 1px solid #ddd;
  padding: 6px 10px;
}

/* Tabelle füllt den Rest komplett aus */
:fullscreen .swci-table-scroll {
  flex: 1 1 auto;
  overflow: visible;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}

:fullscreen .swci-table-inner {
  width: 100%;
  flex: 1 1 auto;
  border-collapse: collapse;
}

/* Zellen etwas kompakter für Großbild */
:fullscreen .swci-table-inner th,
:fullscreen .swci-table-inner td {
  padding: 2px 6px;
  line-height: 1.2;
  font-size: 0.85em;
}

/* Entfernt vertikale Scrollbars komplett */
:fullscreen body {
  overflow: hidden !important;
}
/* ===========================================
   VOLLBILD: Stärkere Zeilenkontraste & Brett-Zentrierung
   =========================================== */

/* Zebra-Streifen mit deutlicherem Kontrast */
:fullscreen .swci-table-inner tbody tr:nth-child(odd) {
  background-color: #f0f4f8; /* hellblau-grau */
}

:fullscreen .swci-table-inner tbody tr:nth-child(even) {
  background-color: #ffffff;
}

/* Hover leicht dunkler – aber dezent */
:fullscreen .swci-table-inner tbody tr:hover {
  background-color: #d9e7f2;
  transition: background-color 0.15s ease-in-out;
}

/* Kopfzeile klar abgesetzt */
:fullscreen .swci-table-inner thead th {
  background: #e2e6ea;
  color: #000;
  font-weight: 600;
  border-bottom: 2px solid #aaa;
}

/* Trennlinien */
:fullscreen .swci-table-inner td {
  border-bottom: 1px solid #ccc;
}

/* "Brett"-Spalte zentrieren */
:fullscreen .swci-table-inner th:first-child,
:fullscreen .swci-table-inner td:first-child {
  text-align: center;
  width: 60px; /* optional – sorgt für gleichmäßige Breite */
}

/* Optional: leichte Schattenkante für noch klarere Zeilen */
:fullscreen .swci-table-inner tbody tr:nth-child(odd) td {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
/* ===========================================
   VOLLBILD: Zentrierte Namen + Brett
   =========================================== */

/* Brett-Spalte (1. Spalte) zentrieren */
:fullscreen .swci-table-inner th:first-child,
:fullscreen .swci-table-inner td:first-child {
  text-align: center;
  width: 60px;
}

/* Weiß- und Schwarz-Spalten zentrieren */
:fullscreen .swci-table-inner th:nth-child(2),
:fullscreen .swci-table-inner th:nth-child(3),
:fullscreen .swci-table-inner td:nth-child(2),
:fullscreen .swci-table-inner td:nth-child(3) {
  text-align: center;
}

/* Optional: Namen etwas größer hervorheben */
:fullscreen .swci-table-inner td:nth-child(2),
:fullscreen .swci-table-inner td:nth-child(3) {
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* Zeilenkontrast beibehalten */
:fullscreen .swci-table-inner tbody tr:nth-child(odd) {
  background-color: #eef3f8;
}
:fullscreen .swci-table-inner tbody tr:nth-child(even) {
  background-color: #ffffff;
}
:fullscreen .swci-table-inner tbody tr:hover {
  background-color: #d5e5f1;
  transition: background-color 0.15s ease-in-out;
}
/* Rundenüberschrift über der Filterbox */
.swci-round-heading {
  margin: 8px 0 6px;
  font-size: 1.1em;
  font-weight: 600;
  text-align: center;
  color: #2f6e84;
}
:fullscreen .swci-round-heading {
  font-size: 1.3em;
  margin-bottom: 8px;
}
/* ===========================================================
   Gegner-Historie-Button (🔍)
   =========================================================== */
.swci-formhistory-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #2f6e84;
  background: #fff;
  color: #2f6e84;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  margin: 0 4px;
}

.swci-formhistory-btn:hover {
  background: #2f6e84;
  color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.swci-formhistory-btn:active {
  transform: scale(0.95);
}

.swci-formhistory-icon {
  font-size: 15px;
  line-height: 1;
  pointer-events: none;
}

.swci-formhistory-global-body {
  margin-top: 6px;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
  font-size: 0.9em;
}
/* --- Gegner-Historie Lupe neben Namen (Desktop) --- */
.swci-name-with-lupe {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.swci-formhistory-btn {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    line-height: 1;
    position: relative;
    top: -1px; /* leicht anheben, optional */
}

.swci-formhistory-icon {
    font-size: 14px;
    line-height: 1;
    color: #2F6E84;
    transition: transform 0.2s, color 0.2s;
    display: inline-block;
    position: relative;
}

.swci-formhistory-btn:hover .swci-formhistory-icon {
    transform: scale(1.2);
    color: #1e4555;
}
.swci-result {
  position: relative;
  display: inline-block;
  font-weight: 600;
  cursor: help;
}

.swci-tooltip {
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  background: #2f6e84;
  color: #fff;
  font-size: 11px;
  padding: 3px 6px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease-in-out;
  z-index: 10;
}

.swci-result:hover .swci-tooltip {
  opacity: 1;
  pointer-events: auto;
}
.swci-td-result {
  position: relative;
}

.swci-result {
  position: relative;
  display: inline-block;
  cursor: help;
}

.swci-tooltip {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background: #2f6e84;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 10;
}

.swci-result:hover .swci-tooltip {
  visibility: visible;
  opacity: 1;
}
.swci-history-toggle {
  display:flex; align-items:center; gap:8px;
  margin:10px 0 4px; font-weight:600;
  cursor:pointer; user-select:none; color:#2F6E84;
}
.swci-history-arrow { margin-left:auto; transition:transform .25s; }
.swci-history-toggle.open .swci-history-arrow { transform:rotate(180deg); }
.swci-history-spinner {
  width:13px; height:13px; border:2px solid #2F6E84;
  border-top-color:transparent; border-radius:50%;
  animation:swci-spin .6s linear infinite;
}
@keyframes swci-spin { to { transform:rotate(360deg); } }
.mobile-only { display: none; }
@media (max-width: 768px) {
  .mobile-only { display: block; }
}
.swci-tab-swiper {
  width: 100%;
  padding: 0.5rem 0 1rem;
  touch-action: pan-y;
  position: relative;
  padding-top: 1.5rem; /* Platz für die Pagination oben */
}

.swiper {
  width: 100%;
}

.swiper-wrapper {
  display: flex;
}

.swiper-slide {
  min-width: 120px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swipe-button {
  background: #f9f9f9;
  border-radius: 5px;
  padding: 0.4rem 0.8rem;
  font-size: 0.95rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border: 1px solid #ccc;
  white-space: nowrap;
}

.swipe-button:hover {
  background-color: #eee;
}

.swiper-pagination-container {
  text-align: center;
  margin-bottom: 0.5rem;
}

.swiper-pagination {
  display: inline-block;
  position: relative !important;
  transform: none !important;
  z-index: 1;
  pointer-events: auto !important;
}
.swci-tab-swiper .swiper {
  border: 2px solid #ccc;
  border-radius: 8px;
  padding: 10px;
  background: #f9f9f9;
  position: relative;
  text-align: center;
  margin-bottom: 1rem;
  font-weight:bold;
}



.swci-tab-swiper .swiper-slide.swiper-slide-active {
  color: #0073aa;
}

.swci-tab-swiper .swiper-pagination {
  margin-top: 8px;
  position: relative;
  bottom: auto;
  width: 100%;
  z-index: 10;
}

.swci-tab-swiper .swci-swipe-hint {
  font-size: 0.8rem;
  color: #888;
  text-align: center;
  margin-top: 0.25rem;
}
.swci-tab-swiper .swipe-hint-slide {
  font-size: 0.9rem;
  color: #777;
  font-style: italic;
}
.swci-swipe-hint {
  text-align: center;
  font-style: italic;
  color: #0073aa;  /* WordPress-typisches Blau */
  font-weight: 500;
  margin-bottom: 0.3em;
  pointer-events: none;
  user-select: none;
}
@media (min-width: 768px) {
  .swci-swipe-hint {
    display: none;
  }
}
.swci-swipe-hint-inside {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  font-style: italic;
  color: #888;
  pointer-events: none;
  user-select: none;
  z-index: 5;
}
.swiper-pagination-bullet {
  width: 15px!important;
  height: 15px!important;
  background: #333!important;       /* Optional: dunkler sichtbar */
  opacity: 1 !important;             /* Optional: immer sichtbar */
  margin:15px!important;	
  border-radius:25%!important;
}

.swiper-pagination-bullet-active {
  background: #0073aa !important;    /* Optional: aktive Bullet anders einfärben */
}
@media (max-width: 767px) {
  .swci-tab-dropdown {
    display: none !important;
  }
}