/* ==========================================================================
   THEMENLISTE (FORUMDISPLAY) IM CAPITOL HUD DESIGN
   ========================================================================== */

/* 1. Bewertungsspalte (Rating) vollständig ausblenden */
td[id^="rating_"],
th.tcat:has(a[href*="sortby=rating"]),
td.tcat:has(a[href*="sortby=rating"]),
.star_rating {
    display: none !important;
}

/* 2. Tabellen-Layout aufbrechen, damit jede Themenzeile eine eigene HUD-Karte wird */
table:has(tr.inline_row) {
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
    background: transparent !important;
    border: none !important;
}

/* Obere Sortier-Kopfzeile als schlanke Terminal-Leiste */
table:has(tr.inline_row) td.tcat {
    background: rgba(7, 11, 18, 0.92) !important;
    border-top: 1px solid rgba(0, 240, 255, 0.25) !important;
    border-bottom: 1px solid rgba(0, 240, 255, 0.25) !important;
    padding: 8px 14px !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
}

/* 3. Jede Themenzeile (tr.inline_row) als High-Tech HUD-Karte */
tr.inline_row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    background: linear-gradient(135deg, rgba(13, 19, 29, 0.96) 0%, rgba(8, 12, 19, 0.98) 100%) !important;
    border: 1px solid rgba(0, 240, 255, 0.16) !important;
    border-left: 3px solid var(--capitol-cyan) !important;
    padding: 12px 16px !important;
    margin-bottom: 10px !important;
    position: relative !important;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)) !important;
    transition: all 0.22s ease !important;
}

tr.inline_row:hover {
    border-color: rgba(0, 240, 255, 0.55) !important;
    background: linear-gradient(135deg, rgba(17, 26, 40, 0.98) 0%, rgba(10, 15, 24, 1) 100%) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.55), 0 0 14px rgba(0, 240, 255, 0.14) !important;
    transform: translateY(-1px);
}

/* Tabellenzellen innerhalb der Themenkarte zurücksetzen */
tr.inline_row > td {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Spalte 1 & 2: Status-Icon + Thema & Verfasser */
tr.inline_row > td:nth-child(1) {
    width: 38px !important;
    min-width: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

tr.inline_row > td:nth-child(2) {
    display: none !important; /* Leere Post-Icon-Spalte ausblenden */
}

tr.inline_row > td:nth-child(3) {
    flex: 1 !important;
    min-width: 0 !important;
}

/* Thementitel & Präfix [Aufspüren & Spurenlesen] stylen */
tr.inline_row .subject_new,
tr.inline_row .subject_old {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    color: #f1f5f9 !important;
    transition: color 0.2s ease !important;
}

tr.inline_row .subject_new {
    color: var(--capitol-cyan) !important;
    text-shadow: 0 0 8px rgba(0, 240, 255, 0.45) !important;
}

tr.inline_row a:hover .subject_new,
tr.inline_row a:hover .subject_old,
tr.inline_row > td:nth-child(3) a:hover {
    color: var(--capitol-cyan) !important;
}

/* Präfix-Tag vor dem Thementitel (z. B. [Aufspüren & Spurenlesen]) */
tr.inline_row span[class*="prefix"] {
    display: inline-block !important;
    font-family: 'Rajdhani', monospace, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    color: var(--capitol-gold) !important;
    background: rgba(255, 183, 3, 0.1) !important;
    border: 1px solid rgba(255, 183, 3, 0.4) !important;
    padding: 1px 7px !important;
    margin-right: 7px !important;
    vertical-align: middle !important;
    clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px) !important;
}

/* Verfasser & Erstelldatum unter dem Titel */
tr.inline_row .author {
    margin-top: 4px !important;
    font-size: 11.5px !important;
    color: var(--text-muted) !important;
}

/* Antworten & Ansichten als kompakte HUD-Badges */
tr.inline_row > td:nth-child(4),
tr.inline_row > td:nth-child(5) {
    width: 78px !important;
    min-width: 78px !important;
    text-align: center !important;
    background: rgba(5, 8, 13, 0.65) !important;
    border: 1px solid rgba(0, 240, 255, 0.14) !important;
    padding: 6px 4px !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--capitol-cyan) !important;
}

tr.inline_row > td:nth-child(4)::after {
    content: "ANTWORTEN";
    display: block;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--text-muted);
    margin-top: 1px;
}

tr.inline_row > td:nth-child(5)::after {
    content: "ANSICHTEN";
    display: block;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--text-muted);
    margin-top: 1px;
}

/* Letzter Beitrag als eigene // LAST_LOG-Box rechts */
tr.inline_row > td:nth-last-child(2) {
    width: 245px !important;
    min-width: 245px !important;
    background: rgba(5, 8, 13, 0.78) !important;
    border: 1px solid rgba(255, 183, 3, 0.25) !important;
    border-left: 2px solid var(--capitol-gold) !important;
    padding: 7px 12px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    text-align: left !important;
}

tr.inline_row > td:nth-last-child(2)::before {
    content: "// LAST_LOG:";
    display: block;
    font-family: 'Rajdhani', monospace, sans-serif;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: var(--capitol-gold);
    margin-bottom: 2px;
}

/* Moderation-Checkbox ganz rechts */
tr.inline_row > td:last-child {
    width: 26px !important;
    min-width: 26px !important;
    text-align: center !important;
}

/* 4. Untere Sortier- & Filterleiste im Terminal-Design */
td.tfoot {
    background: rgba(7, 11, 18, 0.92) !important;
    border: 1px solid rgba(0, 240, 255, 0.2) !important;
    padding: 10px 14px !important;
}

td.tfoot select {
    background: #070b12 !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(0, 240, 255, 0.3) !important;
    padding: 5px 10px !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 12px !important;
}

td.tfoot input.button {
    background: rgba(0, 240, 255, 0.14) !important;
    color: var(--capitol-cyan) !important;
    border: 1px solid var(--capitol-cyan) !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    padding: 5px 14px !important;
    cursor: pointer !important;
    clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px) !important;
}

td.tfoot input.button:hover {
    background: var(--capitol-cyan) !important;
    color: #05080d !important;
}

/* ==========================================================================
   THEMENLISTE VOLLE BREITE FIX (100% WIDTH WIE DIE HEADER-LEISTE)
   ========================================================================== */

table:has(tr.inline_row) {
    width: 100% !important;
    display: block !important;
}

table:has(tr.inline_row) > tbody {
    width: 100% !important;
    display: block !important;
}

/* Kopfzeile (THEMA / VERFASSER ...) wieder über volle Breite spannen */
table:has(tr.inline_row) tr:first-child {
    display: flex !important;
    width: 100% !important;
}

table:has(tr.inline_row) tr:first-child > td:first-child {
    flex: 1 !important;
}

/* Themenkarten auf 100% Breite strecken */
tr.inline_row {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 15px 20px !important;
}

/* Rechts genug Raum für Antworten, Ansichten & LAST_LOG geben */
tr.inline_row > td:nth-child(4),
tr.inline_row > td:nth-child(5) {
    width: 92px !important;
    min-width: 92px !important;
    padding: 8px 6px !important;
    font-size: 17px !important;
}

tr.inline_row > td:nth-last-child(2) {
    width: 280px !important;
    min-width: 280px !important;
    padding: 9px 14px !important;
}

/* Untere Sortier- & Filterleiste (tfoot) ebenfalls auf 100% Breite */
table:has(tr.inline_row) tr:last-child {
    display: flex !important;
    width: 100% !important;
}

table:has(tr.inline_row) td.tfoot {
    width: 100% !important;
    display: block !important;
}