/* ============================================================
   BVK Tabellen-Widget – Seitenleisten-Styles
   Scope: .bvk-tabelle-widget
   ============================================================ */

.bvk-tabelle-widget {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 0.875rem;
    color: #0F172A;
    line-height: 1.4;
}

/* ── Header ─────────────────────────────────────────────────── */
.bvk-tw-header {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 2px solid #2563EB;
}

.bvk-tw-klassenname {
    font-weight: 700;
    font-size: 0.92rem;
    color: #0F172A;
}

.bvk-tw-disziplin {
    font-size: 0.75rem;
    color: #64748B;
}

.bvk-tw-saison {
    margin-left: auto;
    font-size: 0.72rem;
    font-weight: 600;
    color: #2563EB;
    background: #EFF6FF;
    padding: 2px 7px;
    border-radius: 20px;
    white-space: nowrap;
}

/* ── Tabelle ─────────────────────────────────────────────────── */
.bvk-tw-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.bvk-tw-table thead tr {
    background: #F1F5F9;
}

.bvk-tw-table th {
    padding: 5px 6px;
    text-align: center;
    font-size: 0.72rem;
    font-weight: 600;
    color: #475569;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    border-bottom: 1px solid #E2E8F0;
}

.bvk-tw-table th.bvk-tw-col-name {
    text-align: left;
}

.bvk-tw-table td {
    padding: 6px 6px;
    text-align: center;
    border-bottom: 1px solid #F1F5F9;
    vertical-align: middle;
}

.bvk-tw-table tbody tr:last-child td {
    border-bottom: none;
}

.bvk-tw-table tbody tr:hover {
    background: #F8FAFC;
}

/* Führender Platz */
.bvk-tw-table tbody tr.bvk-tw-leader {
    background: #EFF6FF;
}
.bvk-tw-table tbody tr.bvk-tw-leader td {
    font-weight: 600;
}
.bvk-tw-table tbody tr.bvk-tw-leader:hover {
    background: #DBEAFE;
}

/* ── Spalten ─────────────────────────────────────────────────── */
.bvk-tw-col-pos {
    width: 28px;
    font-size: 0.9rem;
    text-align: center;
}

.bvk-tw-col-name {
    text-align: left !important;
    font-weight: 500;
    padding-left: 4px !important;
}

.bvk-tw-name-inner {
    display: flex;
    align-items: center;
    gap: 7px;
}

/* ── Logo ────────────────────────────────────────────────────── */
.bvk-tw-logo {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 2px;
    display: inline-block;
}

.bvk-tw-logo-placeholder {
    display: inline-block;
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0;
    background: #E2E8F0;
    border-radius: 2px;
}

.bvk-tw-col-sp {
    width: 28px;
    color: #64748B;
    font-size: 0.78rem;
}

.bvk-tw-col-pkt {
    width: 36px;
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    font-size: 0.78rem;
}

.bvk-tw-col-ges {
    width: 38px;
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    font-size: 0.82rem;
    font-weight: 700;
}

/* ── Farben ──────────────────────────────────────────────────── */
.bvk-tw-plus  { color: #16A34A; }
.bvk-tw-minus { color: #DC2626; }

/* ── Leer / Hinweis ──────────────────────────────────────────── */
.bvk-tw-empty,
.bvk-widget-hint {
    font-size: 0.8rem;
    color: #94A3B8;
    font-style: italic;
    margin: 8px 0 4px;
    text-align: center;
}

/* ── Responsive: sehr schmale Seitenleiste ───────────────────── */
@media (max-width: 280px) {
    .bvk-tw-col-sp,
    .bvk-tw-col-pkt {
        display: none;
    }
}