/* Qualification Results (public + admin) — extracted from Views/QualificationResults/Index.cshtml */

/* ===== Organization header breadcrumb trail ===== */
.organization-header-meta-slot {
    margin-top: 0;
    display: flex;
    align-items: center;
    min-width: 0;
    justify-content: flex-start;
}

.results-header-meta {
    display: flex;
    align-items: center;
    min-width: 0;
    justify-content: flex-start;
}

.results-header-trail {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.2rem 0.5rem;
    min-width: 0;
}

.results-header-trail-item {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    white-space: nowrap;
}

.results-header-trail-item--separated::before {
    content: "|";
    margin-right: 0.5rem;
    color: #a1a5b7;
}

@media (min-width: 992px) {
    .organization-header-primary--with-meta {
        flex: 1 1 auto !important;
        min-width: 0;
        justify-content: flex-start;
    }

    .organization-header-brand {
        width: auto;
        max-width: 100%;
        gap: 1rem !important;
        justify-content: flex-start;
    }

    .organization-header-copy {
        flex: 0 1 auto;
        width: auto;
        flex-wrap: nowrap;
    }

    .organization-header-secondary--with-meta {
        flex: 0 0 auto !important;
    }

    .organization-header-meta-slot {
        width: auto;
        flex: 0 1 auto;
        margin-top: 0;
    }

    .results-header-trail {
        flex-wrap: nowrap;
    }
}

@media (max-width: 991.98px) {
    .organization-header-meta-slot {
        flex-basis: 100%;
    }
}

@media (max-width: 575.98px) {
    .header-tablet-and-mobile-fixed .header {
        height: 76px !important;
        min-height: 76px !important;
    }

    .header-tablet-and-mobile-fixed .wrapper {
        padding-top: 76px !important;
    }

    #kt_header > .container-fluid {
        min-height: 76px;
        padding-left: 0.9rem;
        padding-right: 0.9rem;
        align-items: center;
    }

    .results-header-trail {
        gap: 0.2rem 0.38rem;
    }

    .results-header-trail-item--separated::before {
        margin-right: 0.35rem;
    }
}

/* ===== Suppress Metronic empty toolbar (flush hero) ===== */
#kt_body {
    --kt-toolbar-height: 0px !important;
    --kt-toolbar-height-tablet-and-mobile: 0px !important;
}

#kt_toolbar {
    display: none !important;
}

/* ===== Results table ===== */
#kt_table_users_wrapper .table-responsive {
    overflow-x: auto;
}

/* Header: match Race Results light-blue surface */
#qualificationResultsTable thead th {
    background-color: #eef8ff;
    color: #000 !important;
}

/* Body: navy text, no gray (matches Race Results / brand palette) */
#qualificationResultsTable tbody,
#qualificationResultsTable tbody td {
    color: #181c32 !important;
}

/* No gray text anywhere on the page — brand uses navy #181c32 for content
   (e.g. the "Date Published" subtitle and empty-state messages). */
.card .text-muted {
    color: #181c32 !important;
}

/* Racer # number plate (mirrors Race Results) */
#qualificationResultsTable .symbol-label.racer-num-badge {
    background-color: #ffffff !important;
    border: 1.5px solid #000 !important;
    box-sizing: border-box;
}

#qualificationResultsTable .symbol.racer-num-symbol {
    height: 30px !important;
}

#qualificationResultsTable .symbol.racer-num-symbol .symbol-label {
    width: 45px !important;
    height: 30px !important;
    min-height: 0 !important;
    padding: 0 2px !important;
    box-sizing: border-box;
}

#qualificationResultsTable .results-accent-text {
    color: #000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 1;
    font-family: "Orbitron", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.06em;
    transform: skewX(-8deg);
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
}

/* Keep the qualification-time columns a consistent width so the inline edit
   input has the same room whether the column has values or is empty ('-'). */
#qualificationResultsTable td.qual-time-col {
    min-width: 100px;
}

#qualificationResultsTable td.qual-time-col input {
    width: 100%;
    min-width: 88px;
    box-sizing: border-box;
}

.table td:first-child, .table th:first-child, .table tr:first-child {
    padding-left: 10px !important;
}