/* RP Index — Make Me Run / HUNT, kompakter Originalstil.
   Einbindung: nach root.css und global.css. Keine Schlagschatten.
   Betrifft nur die Ausgabebloecke des Plugins rp_index.php. */

.rp-index,
.rp-index * { box-sizing: border-box; }

.rp-index {
    width: 100%;
    min-width: 0;
    margin: 8px 0 12px;
    padding: 12px 14px 13px;
    background: var(--hunt-header-content-bg, #202020);
    border: 0;
    color: var(--hunt-header-body-text, #8f8f8f);
    font: 10px/1.55 Tahoma, Verdana, Arial, sans-serif;
    box-shadow: none;
}

/* Titel wie die alten Foren-/Statistikueberschriften. */
.rp-index .rp-index-heading {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 8px;
    padding: 0 0 7px;
    border: 0;
    border-bottom: 1px solid var(--hunt-header-separator, #383838);
}
.rp-index .rp-index-heading > span {
    color: var(--hunt-header-kicker, #777);
    text-transform: uppercase;
    font: 8px/1.4 Tahoma, Verdana, sans-serif;
    letter-spacing: .14em;
}
.rp-index h2 {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--hunt-header-title, #f1f0ee);
    font: normal 23px/1.1 'Pirata One', Georgia, serif;
    text-shadow: none;
}
.rp-index h2 em {
    padding-left: 5px;
    color: var(--hunt-header-nav-text, #5a9aad);
    font: normal 10px Tahoma, Verdana, sans-serif;
}

.rp-index a {
    color: var(--hunt-header-nav-text, #5a9aad);
    text-decoration: none;
}
.rp-index a:hover {
    color: var(--hunt-link-hover, #9ad7e7);
    text-decoration: none;
}
.rp-index .rp-index-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.rp-index .rp-index-list > li {
    list-style: none;
    margin: 0;
    padding: 7px 5px;
    border: 0;
    border-bottom: 1px solid var(--hunt-header-line, #303132);
    background: transparent;
}
.rp-index .rp-index-list > li:last-child { border-bottom: 0; }
.rp-index .rp-index-list > li::marker { content: ''; }

/* Ingame-Ticker: flache Beitragszeilen, kein eigener Kartenlook. */
.rp-index .rp-index-ticker-item {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) 110px;
    align-items: center;
    gap: 10px;
    min-height: 25px;
    font: 10px/1.45 Tahoma, Verdana, sans-serif;
}
.rp-index .rp-index-ticker-date,
.rp-index .rp-index-ticker-author,
.rp-index .rp-index-plot-meta {
    color: var(--hunt-header-kicker, #777);
    font-size: 9px;
    font-weight: normal;
}
.rp-index .rp-index-ticker-thread {
    min-width: 0;
    overflow-wrap: anywhere;
    font-weight: 600;
    text-align: center;
}
.rp-index .rp-index-ticker-author { text-align: right; overflow-wrap: anywhere; }

/* Plot-Tracker: dieselben dunklen Flachen, lediglich dezente Zeilentrenner. */
.rp-index.rp-index-plots .rp-index-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 12px;
}
.rp-index .rp-index-plot {
    min-width: 0;
    margin: 0;
    padding: 9px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--hunt-header-line, #303132) !important;
    background: var(--hunt-header-card-bg, #1b1b1b);
}
.rp-index .rp-index-plot-title {
    margin: 0 0 7px;
    font: 11px/1.45 Tahoma, Verdana, sans-serif;
    overflow-wrap: anywhere;
}
.rp-index .rp-index-plot-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    justify-content: space-between;
}

/* Abwesenheiten: wie die kleine Statistikbox; Namen erst nach Login. */
.rp-index.rp-index-absences { text-align: left; }
.rp-index .rp-index-absence-count { margin: 0 0 8px; font-size: 10px; }
.rp-index .rp-index-absence-count strong { color: var(--hunt-text-bright, #d8d4d0); }
.rp-index .rp-index-absence {
    display: grid;
    grid-template-columns: 95px minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px;
    font: 10px/1.55 Tahoma, Verdana, sans-serif;
}
.rp-index .rp-index-absence-player {
    color: var(--hunt-text-bright, #d8d4d0);
    font-weight: 700;
    overflow-wrap: anywhere;
}
.rp-index .rp-index-absence-message { min-width: 0; overflow-wrap: anywhere; }
.rp-index .rp-index-absence-source { white-space: nowrap; font-size: 9px; }
.rp-index .rp-index-empty {
    color: var(--hunt-header-kicker, #777);
    font-size: 10px;
    text-align: center;
}

/* Auch als schmale Infobox zwischen den Foren nutzbar. */
@media (max-width: 620px) {
    .rp-index { padding: 11px 10px; }
    .rp-index .rp-index-ticker-item { grid-template-columns: 76px minmax(0, 1fr); gap: 4px 9px; }
    .rp-index .rp-index-ticker-author { grid-column: 2; text-align: left; }
    .rp-index.rp-index-plots .rp-index-list { grid-template-columns: 1fr; }
    .rp-index .rp-index-absence { grid-template-columns: 1fr; gap: 4px; }
    .rp-index .rp-index-absence-source { white-space: normal; }
}

/* V1.8: Saubere Einbettung direkt zwischen die Forumbits. */
.rp-index {
    background: #1b1b1b;
    border: 0;
    padding: 10px 12px 11px;
    margin: 0 0 8px;
}
.rp-index .rp-index-heading {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #303030;
}
.rp-index h2 { font-size: 20px; }
.rp-index .rp-index-list > li {
    padding: 5px 3px;
    border-color: #292929;
}
.rp-index .rp-index-ticker-item {
    grid-template-columns: 90px minmax(0,1fr) 95px;
    gap: 7px;
    min-height: 23px;
    font-size: 9px;
}
.rp-index .rp-index-ticker-thread { text-align: left; font-weight: normal; }
.rp-index .rp-index-ticker-author { font-size: 9px; }
.rp-index.rp-index-plots .rp-index-list { grid-template-columns: 1fr; gap: 0; }
.rp-index .rp-index-plot { background: transparent; padding: 7px 3px !important; }

/* Gemeinsame Darstellung: nur gesetzt bei gleichem Zielforum im ACP. */
.rp-index-pair {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px;
    width: 100%;
    margin: 0 0 8px;
    align-items: stretch;
}
.rp-index-pair > .rp-index { min-width: 0; margin: 0; }
.rp-index-pair .rp-index .rp-index-ticker-item {
    grid-template-columns: 66px minmax(0,1fr);
    gap: 3px 6px;
}
.rp-index-pair .rp-index .rp-index-ticker-author {
    grid-column: 2;
    text-align: left;
    font-size: 8px;
}
.rp-index-pair .rp-index h2 { font-size: 19px; }
.rp-index-pair .rp-index .rp-index-heading > span { font-size: 7px; }
@media (max-width: 680px) {
    .rp-index-pair { grid-template-columns: 1fr; }
    .rp-index .rp-index-ticker-item { grid-template-columns: 75px minmax(0,1fr); }
    .rp-index .rp-index-ticker-author { grid-column: 2; text-align: left; }
}

/* RP Index 2.0: handgepflegte Plot-Eintraege und Eingabeseite. */
.rp-index .rp-index-plot-description {
    margin: 5px 0;
    color: var(--hunt-text, #a3a3a3);
    font-size: 10px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}
.rp-index .rp-index-plot-add {
    margin-left: auto;
    font: 9px/1.4 Tahoma, Verdana, Arial, sans-serif;
    color: var(--hunt-link, #5a9aad);
}
.rp-index-plot-page {max-width: 760px; margin: 18px auto 35px; color: var(--hunt-text, #aaa);}
.rp-index-plot-page h1, .rp-index-plot-page h2 {
    color: var(--hunt-text-heading, #e0d2c6);
    font-family: 'Pirata One', Georgia, serif;
    font-weight: normal;
}
.rp-index-editor {padding: 15px 18px; margin: 16px 0; background: var(--hunt-panel, #1c1c1c);}
.rp-index-editor label {display: block; margin: 12px 0 5px; font-size: 11px;}
.rp-index-editor input[type="text"], .rp-index-editor textarea {
    display: block; width: 100%; box-sizing: border-box; padding: 9px;
    background: var(--hunt-inset, #121212); color: var(--hunt-text, #aaa);
    border: 1px solid var(--hunt-border-soft, #333); font: 11px/1.6 Tahoma, sans-serif;
}
.rp-index-editor button, .rp-index-plot-page button {
    margin-top: 10px; padding: 8px 12px; background: var(--hunt-panel-alt, #262626);
    color: var(--hunt-link, #6aa9b7); border: 1px solid var(--hunt-border, #333); cursor: pointer;
}
.rp-index-editor ul {margin: 0; padding-left: 15px;}
.rp-index-editor li {padding: 7px 0; border-bottom: 1px solid var(--hunt-border-soft, #303030);}

/* RP Index 2.1: Autor auch bei nebeneinanderstehenden Trackern rechts. */
.rp-index-pair .rp-index .rp-index-ticker-item {
    grid-template-columns: 65px minmax(0, 1fr) 80px;
    align-items: center;
    column-gap: 6px;
}
.rp-index-pair .rp-index .rp-index-ticker-date {
    grid-column: 1;
}
.rp-index-pair .rp-index .rp-index-ticker-thread {
    grid-column: 2;
    min-width: 0;
    text-align: left;
}
.rp-index-pair .rp-index .rp-index-ticker-author {
    grid-column: 3;
    min-width: 0;
    text-align: right;
    font-size: 8px;
    overflow-wrap: anywhere;
}
@media (max-width: 680px) {
    .rp-index-pair .rp-index .rp-index-ticker-item,
    .rp-index .rp-index-ticker-item {
        grid-template-columns: 82px minmax(0, 1fr) 95px;
    }
    .rp-index-pair .rp-index .rp-index-ticker-author,
    .rp-index .rp-index-ticker-author {
        grid-column: 3;
        text-align: right;
    }
}
@media (max-width: 410px) {
    .rp-index-pair .rp-index .rp-index-ticker-item,
    .rp-index .rp-index-ticker-item {
        grid-template-columns: 63px minmax(0, 1fr) 72px;
        column-gap: 5px;
    }
}

/* Plot-Eintraege: linksbuendige, gut lesbare Textgliederung. */
.rp-index.rp-index-plots .rp-index-list,
.rp-index.rp-index-plots .rp-index-plot,
.rp-index.rp-index-plots .rp-index-plot-title,
.rp-index.rp-index-plots .rp-index-plot-description,
.rp-index.rp-index-plots .rp-index-plot-meta {
    text-align: left;
}
.rp-index.rp-index-plots .rp-index-plot-title { margin-bottom: 5px; }
.rp-index.rp-index-plots .rp-index-plot-description { margin: 0 0 7px; }
.rp-index.rp-index-plots .rp-index-plot-meta {
    display: block;
    margin-top: 5px;
    color: var(--hunt-text-muted, #898e90);
    font-size: 9px;
}