@CHARSET "UTF-8";

.qualification-card {
    overflow: hidden;
}

.qualification-card .participant-card-header {
    gap: 1rem;
}

.qualification-card .participant-card-header h5 {
    min-width: 0;
}

.qualification-card .participant-card-header .piccolo {
    font-size: 0.75rem;
    font-weight: normal;
}

.qualification-card .table-responsive {
    margin: 0;
}

.qualification-table {
    width: 100%;
    white-space: nowrap;
}

.qualification-table thead th {
    text-align: center;
}

.qualification-table tbody td {
    vertical-align: middle;
}

.qualification-table tbody tr.ViewRow1 td:not([class*="Rec-Bg-"]) {
    background-color: #ffffff;
}

.qualification-table tbody tr.ViewRow td:not([class*="Rec-Bg-"]) {
    background-color: #f8fafc;
}

.qualification-table tbody tr:not([class*="Record_"]):hover td:not([class*="Rec-Bg-"]) {
    background-color: #ecfdf5;
}

.qualification-table tbody tr.divider td {
    padding: 2px;
    background-color: #e2e8f0;
    border-top: 2px solid #cbd5e1;
    border-bottom: 1px solid #cbd5e1;
}

.qualification-table td.Right,
.qualification-table td.NumberAlign {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.qualification-table td.Athlete,
.qualification-table td.CoName {
    text-align: left;
}

.qualification-table td.RecBar {
    width: 0.5rem;
    min-width: 0.5rem;
    padding: 0;
}

.qualification-table td.Athlete {
    min-width: 12rem;
}

.qualification-score-athlete {
    padding: 0.75rem;
    border: 1px solid var(--color-border, #d6e0ea);
    border-radius: var(--radius-md, 6px);
    background-color: var(--color-bg-subtle, #f8fafc);
}

.qualification-score-target {
    min-width: 4rem;
    text-align: center;
}

.qualification-score-photo img,
.qualification-score-flag img {
    display: block;
    max-width: 3.125rem;
    height: auto;
}

.qualification-score-table {
    width: max-content;
    min-width: 100%;
    white-space: nowrap;
}

.qualification-score-table thead th {
    text-align: center;
}

.qualification-score-table tbody th {
    text-align: center;
    vertical-align: middle;
    background-color: var(--color-bg-subtle, #f8fafc);
}

.qualification-score-table td.ScoreTotal {
    font-weight: 700;
    color: var(--color-accent, #163b65);
}

.qualification-score-table tr.score-summary-row td,
.qualification-score-table tr.score-signed-row td {
    font-weight: 700;
    background-color: var(--color-bg-subtle, #e6eff7);
}

@media (max-width: 575.98px) {
    .qualification-table {
        min-width: 0;
        white-space: normal;
    }

    .qualification-table td.Athlete {
        min-width: 0;
        max-width: 10rem;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .qualification-table td.Athlete .athlete-link {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .qualification-table td.CoCompact {
        max-width: 8rem;
        text-align: left;
        white-space: normal;
    }

    .qualification-mobile-distances {
        min-width: 7rem;
        text-align: left;
        white-space: normal;
    }

    .qualification-mobile-distance {
        display: flex;
        justify-content: space-between;
        gap: 0.5rem;
        white-space: nowrap;
    }

    .qualification-mobile-distance-name {
        font-size: 0.75rem;
    }

    .qualification-card .participant-card-header {
        align-items: flex-start !important;
    }

    .qualification-card .participant-card-header h5 {
        font-size: 0.95rem;
    }

    .qualification-score-card .card-body {
        padding: 0.75rem;
    }
}