.inplayscenes-formular_input-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 5px 10px;
    gap: 5px;
}

.inplayscenes-formular_input-desc {
    width: 30%;
}

.inplayscenes-formular_input-input {
    width: 70%;
}

.inplayscenes-formular_button {
    text-align: center;
    margin: 5px 0;
}

/* Memberprofile-Übersicht */

.inplayscenes_memberprofile {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    background-color: var(--bg-alt);
}

.inplayscenes_memberprofile-mainplays {
    width: 60%;
    padding: 10px;
    max-height: 450px;
    overflow: auto;
}

.inplayscenes_memberprofile-sideplays {
    width: 37%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 10px;
    gap: 10px;
}

.inplayscenes_memberprofile-scenes {
    margin-bottom: 5px;
}

/* Filterbereich Übersicht */

.inplayscenes_overview-filter-table {
    display: flex;
    flex-wrap: wrap;
    gap: 0 5px;
    justify-content: space-around;
    margin: 10px;
}

.inplayscenes_overview-filter-row {
    width: 49%;
}

.inplayscenes_overview-filter-input {
    text-align: center;
    margin: 5px 0;
}

.inplayscenes_overview-button {
    text-align: center;
    margin: 10px 0;
}

.inplayscenes_overview-sort {
    text-align: center;
    margin: 10px 0;
}

/* Szenen-Tabelle Übersicht */

.inplayscenes_overview-scene-table {
    display: flex;
    flex-direction: column;
}

.inplayscenes_overview-scene-row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color);
    padding: 10px;
    align-items: center;
}

.inplayscenes_overview-scene-column {
    flex: 1;
}

.inplayscenes_overview-scene-column:last-child {
    text-align: right;
}

.inplayscenes_overview-none {
    text-align: center;
    margin: 10px 0;
}

/* Postbit-Badge */

.inplayscenes-postbit {
    text-align: center;
    margin-bottom: 10px;
}

/* Posting Reminder */

.inplayscenes_postingreminder-desc {
    padding: 20px 40px;
    text-align: justify;
    line-height: 180%;
    color: var(--text-color);
}

.inplayscenes_postingreminder-scene-table {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.inplayscenes_postingreminder-scene-row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color);
    padding: 10px;
    align-items: center;
}

.inplayscenes_postingreminder-scene-column {
    flex: 1;
    padding: 0 10px;
}

.inplayscenes_postingreminder-none {
    text-align: center;
    margin: 10px 0;
}

/* Showthread-Infos */

.inplayscenes_showthread-bit {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color);
}

.inplayscenes_showthread-bit:last-child {
    border-bottom: none;
}

.inplayscenes_showthread-label {
    width: 20%;
    font-weight: bold;
}

.inplayscenes_showthread-value {
    flex-grow: 1;
}

/* User-Ansicht */

.inplayscenes_user-settings {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0px;
    align-items: flex-start;
    justify-content: space-evenly;
    padding: 20px 0;
    text-align: center;
}

.inplayscenes_user-scene-sort {
    text-align: center;
}

.inplayscenes_user-character-scenes {
    width: 80%;
    margin: 20px auto;
}

.inplayscenes_user-button {
    width: 100%;
    text-align: center;
}

.inplayscenes_user-scene-header span {
    float: right;
    font-style: italic;
}

/* User-Szenen-Tabelle */

.inplayscenes_user-scene-table {
    border: 1px solid var(--border-color);
}

.inplayscenes_user-scene-row {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid var(--border-color);
    align-items: center;
}

.inplayscenes_user-scene-row:last-child {
    border-bottom: none;
}

.inplayscenes_user-scene-col {
    width: 33%;
    padding: 5px;
}

.inplayscenes_user-scene-none {
    text-align: center;
    margin: 10px 0;
}

/* Nächster Poster Status */

.inplayscene_next_none {
    color: var(--error);
}

.inplayscene_next_you {
    color: var(--success);
}
