/* cmsms stylesheet: 2026 Tabelle nuTab modified: Sunday, September 20, 2026 3:02:17 PM */
/* ==========================================================================
   nuTab (.srsPlan & .srsTab): Farblich angepasst an TC Schwarz-Weiß Deuz
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. CONTAINER & GRUND-LAYOUT
   -------------------------------------------------------------------------- */
html body .srsPlan, 
html body .srsTab,
html body div.srsPlan, 
html body div.srsTab {
    width: 100%;
    margin-bottom: 2rem;
    box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   2. ÜBERSCHRIFTEN ÜBER DEN TABELLEN (Rot wie auf der Website)
   -------------------------------------------------------------------------- */
html body .srsPlan h2, html body .srsPlan h3, html body .srsPlan .srsTitle,
html body .srsTab h2, html body .srsTab h3, html body .srsTab .srsTitle {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.3rem;
    color: #a8201a !important; /* Vereins-Rot */
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 2px solid #0096c7; /* Blaues Unterstreich-Detail */
}

/* --------------------------------------------------------------------------
   3. HAUPT-TABELLE: RAHMEN & BLAUER AKZENTSTREIFEN (OBEN & UNTEN)
   -------------------------------------------------------------------------- */
html body div.srsPlan table,
html body div.srsTab table,
html body .srsPlan table,
html body .srsTab table {
    width: 100% !important;
    line-height: 1.4 !important;
    font-family: Arial, sans-serif !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 6px !important;
    border-left: 1px solid #cbd5e1 !important;
    border-right: 1px solid #cbd5e1 !important;
    
    /* Blauer Akzentstreifen jetzt OBEN und UNTEN */
    border-top: 4px solid #0096c7 !important;
    border-bottom: 4px solid #0096c7 !important;
    
    overflow: hidden !important;
    margin-bottom: 2rem !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06) !important;
    background-color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   4. TABELLEN-HEADER (Mittelgrau wie im Screenshot)
   -------------------------------------------------------------------------- */
html body div.srsPlan table thead tr th,
html body div.srsPlan table tr:first-child th,
html body div.srsPlan table th,
html body div.srsTab table thead tr th,
html body div.srsTab table tr:first-child th,
html body div.srsTab table th {
    background-color: #d1d5db !important; /* Passendes Grau aus dem Bild */
    background: #d1d5db !important;
    color: #1f2937 !important;
    padding: 12px 14px !important;
    text-align: left !important;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    border-bottom: 1px solid #9ca3af !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* --------------------------------------------------------------------------
   5. GRUND-FORMATIERUNG DER DATENZELLEN
   -------------------------------------------------------------------------- */
html body div.srsPlan table td,
html body div.srsTab table td,
html body .srsPlan table td,
html body .srsTab table td {
    padding: 10px 14px !important;
    text-align: left !important;
    color: #374151 !important;
    font-size: 0.92rem !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

html body div.srsPlan table tbody tr:not(:last-child) td,
html body div.srsTab table tbody tr:not(:last-child) td {
    border-bottom: 1px solid #e5e7eb !important;
}

/* --------------------------------------------------------------------------
   6. GEPRÜFTE LOGIK: ERSTE OPTISCHE ZEILE WEISS / ZWEITE HELLGRAU
   -------------------------------------------------------------------------- */

/* ERSTE ZEILE (sowie alle geraden Kind-Elemente): REIN WEISS */
html body div.srsPlan table tbody tr:first-child td,
html body div.srsPlan table tbody tr:first-child td.srs,
html body div.srsPlan table tbody tr:nth-child(even) td,
html body div.srsPlan table tbody tr:nth-child(even) td.srs,
html body div.srsTab table tbody tr:nth-child(even) td,
html body div.srsTab table tbody tr:nth-child(even) td.srs,
html body div.srsPlan table tbody tr.srs.srsSpielGestrichen:nth-child(even) td,
html body div.srsPlan table tbody tr.srs.srsSpielGestrichen:nth-child(even) td.srs {
    background-color: #ffffff !important;
    background-image: none !important;
    background: #ffffff !important;
}

/* ZWEITE ZEILE (sowie alle ungeraden Kind-Elemente): HELLGRAU (#f8fafc) */
html body div.srsPlan table tbody tr:nth-child(odd):not(:first-child) td,
html body div.srsPlan table tbody tr:nth-child(odd):not(:first-child) td.srs,
html body div.srsTab table tbody tr:nth-child(odd):not(:first-child) td,
html body div.srsTab table tbody tr:nth-child(odd):not(:first-child) td.srs,
html body div.srsPlan table tbody tr.srs.srsSpielGestrichen:nth-child(odd):not(:first-child) td,
html body div.srsPlan table tbody tr.srs.srsSpielGestrichen:nth-child(odd):not(:first-child) td.srs {
    background-color: #f8fafc !important;
    background-image: none !important;
    background: #f8fafc !important;
}

/* Sanfter Hover-Effekt mit leichtem Blau-Stich */
html body div.srsPlan table tbody tr:hover td,
html body div.srsTab table tbody tr:hover td {
    background-color: #e0f2fe !important;
    background: #e0f2fe !important;
}

html body div.srsPlan table tbody tr,
html body div.srsTab table tbody tr {
    transition: background-color 0.15s ease-in-out;
}

/* --------------------------------------------------------------------------
   7. LINKS & VEREINSNAMEN (Rot & Fett wie auf Deuz-Seite)
   -------------------------------------------------------------------------- */
html body div.srsPlan table td a, html body div.srsPlan table th a,
html body div.srsTab table td a, html body div.srsTab table th a,
html body div.srsPlan table td.srsTabHome,
html body div.srsTab table td.srsTabHome {
    color: #a8201a !important; /* Vereins-Rot aus dem Layout */
    text-decoration: none;
    font-weight: 700;
}

html body div.srsPlan table td a:hover, html body div.srsPlan table th a:hover,
html body div.srsTab table td a:hover, html body div.srsTab table th a:hover {
    text-decoration: underline;
    color: #0096c7 !important;
}

/* --------------------------------------------------------------------------
   8. RESPONSIVE MOBILE ANSICHT (Smartphones & Tablets)
   -------------------------------------------------------------------------- */
@media screen and (max-width: 42em) {
    html body div.srsPlan table, html body div.srsPlan table tbody, html body div.srsPlan table tr, html body div.srsPlan table td,
    html body div.srsTab table, html body div.srsTab table tbody, html body div.srsTab table tr, html body div.srsTab table td {
        display: block !important;
    }

    html body div.srsPlan table, html body div.srsTab table {
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    html body div.srsPlan table thead, html body div.srsTab table thead {
        display: none !important;
    }

    html body div.srsPlan table tbody tr,
    html body div.srsTab table tbody tr {
        border: 1px solid #cbd5e1 !important;
        border-left: 4px solid #0096c7 !important;
        border-radius: 6px !important;
        margin-bottom: 12px !important;
        padding: 10px 14px !important;
        background-color: #ffffff !important;
        background: #ffffff !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.04) !important;
    }

    html body div.srsPlan table tbody tr td,
    html body div.srsTab table tbody tr td {
        background-color: transparent !important;
        background: transparent !important;
        border: none !important;
        padding: 3px 0 !important;
        width: 100% !important;
    }

    /* Mobiles Label-Styling */
    html body .srsPlan td:nth-child(1)::before { content: "Datum: "; font-weight: bold; color: #6b7280; }
    html body .srsPlan td:nth-child(2)::before { content: "Zeit: "; font-weight: bold; color: #6b7280; }
    html body .srsPlan td:nth-child(3)::before { content: "Heim: "; font-weight: bold; color: #6b7280; }
    html body .srsPlan td:nth-child(4)::before { content: "Gast: "; font-weight: bold; color: #6b7280; }
    html body .srsPlan td:nth-child(5)::before { content: "Matches: "; font-weight: bold; color: #6b7280; }
    html body .srsPlan td:nth-child(6)::before { content: "Sätze: "; font-weight: bold; color: #6b7280; }

    html body .srsTab td:nth-child(1)::before { content: "Platz: "; font-weight: bold; color: #6b7280; }
    html body .srsTab td:nth-child(2)::before { content: "Mannschaft: "; font-weight: bold; color: #6b7280; }
    html body .srsTab td:nth-child(3)::before { content: "Spiele: "; font-weight: bold; color: #6b7280; }
    html body .srsTab td:nth-child(4)::before { content: "S: "; font-weight: bold; color: #6b7280; }
    html body .srsTab td:nth-child(5)::before { content: "U: "; font-weight: bold; color: #6b7280; }
    html body .srsTab td:nth-child(6)::before { content: "N: "; font-weight: bold; color: #6b7280; }
    html body .srsTab td:nth-child(7)::before { content: "Punkte: "; font-weight: bold; color: #6b7280; }
    html body .srsTab td:nth-child(8)::before { content: "Matches: "; font-weight: bold; color: #6b7280; }
    html body .srsTab td:nth-child(9)::before { content: "Sätze: "; font-weight: bold; color: #6b7280; }
}