@import "/UI/Core/Styles/Theme.scss";

RoundLogList {
    width: 100%;
    flex-direction: column;
    flex-shrink: 0;
    gap: 4px;
    padding: 4px 0;

    .round-log-empty {
        font-size: 12px;
        color: rgba( white, 0.45 );
        padding: 8px 0;
    }

    .round-log-row {
        flex-direction: row;
        align-items: center;
        gap: 10px;
        padding: 4px 8px;
        border-radius: 4px;
        border: 1px solid transparent;
        background-color: rgba( 0, 0, 0, 0.22 );
        flex-shrink: 0;
        min-height: 22px;
    }

    .round-log-row.row-stub {
        background-color: transparent;
    }

    .round-log-time {
        font-family: "Resmont-Regular", "Resmont", "Akshar", "Segoe UI", sans-serif;
        font-size: 11px;
        color: rgba( white, 0.55 );
        min-width: 56px;
        flex-shrink: 0;
    }

    .round-log-line {
        flex-direction: row;
        align-items: center;
        gap: 4px;
        flex-wrap: wrap;
    }

    .round-log-text {
        font-size: 12px;
        color: rgba( white, 0.92 );
    }

    .round-log-tag {
        font-size: 12px;
        font-family: "Resmont-SemiBold", "Resmont-Medium", "Resmont", "Akshar", "Segoe UI", sans-serif;
    }

    .round-log-tag.team-innocent {
        color: $team-ui-text-innocent;
    }

    .round-log-tag.team-traitor {
        color: $team-ui-text-traitor;
    }

    .round-log-tag.team-detective {
        color: $team-ui-text-detective;
    }

    .round-log-row.row-fire {
        background-color: rgba( 0, 0, 0, 0.14 );
    }

    .round-log-row.row-fire .round-log-text {
        color: rgba( white, 0.55 );
    }

    .round-log-row.row-damage {
        border-color: rgba( white, 0.08 );
    }

    .round-log-row.row-ff-damage {
        background-color: rgba( $warning-orange, 0.04 );
        border-color: rgba( $warning-orange, 0.14 );
    }

    .round-log-row.row-kill {
        background-color: rgba( 0, 0, 0, 0.42 );
        border-color: rgba( white, 0.18 );
    }

    .round-log-row.row-kill .round-log-text {
        color: rgba( white, 1.0 );
    }

    .round-log-row.row-teamkill {
        background-color: rgba( $traitor-red, 0.10 );
        border-color: rgba( $traitor-red, 0.28 );
    }

    .round-log-row.row-suicide {
        background-color: rgba( 0, 0, 0, 0.32 );
        border-color: rgba( white, 0.12 );
    }

    .round-log-row.row-suicide .round-log-text {
        color: rgba( white, 0.7 );
    }
}