.score{
    background: #4bcc4b;
}

.web{
}

h2 {
}
.telegram{
    background: #37d9f3;
}

#drawEditor .swap-ui {
    display: none;
}

#drawEditor.draw-editing .swap-ui {
    display: revert;
}

#drawEditor.draw-editing .edit-draw-start,
#drawEditor.draw-editing .match-action {
    visibility: hidden;
}

#drawEditor.draw-editing .edit-draw-start {
    display: none;
}

/* Fixed colours so themes cannot override them: white on dark blue stays readable for colour blind visitors */
.active-badge {
    background-color: #0b3d91 !important;
    color: #ffffff !important;
}

.naf-suggestions {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 20rem;
    overflow-y: auto;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

.swap-slot {
    min-width: 44px;
    min-height: 44px;
    margin-right: 0.5rem;
}

/*
:root {
    --bs-dark: #57804E;
    --bs-dark-rgb: 87, 128, 78;
    --bs-light: #F2E8CF;
    --bs-light-rgb: 242,232,207;
    --bs-primary: #FC7753;
    --bs-primary-rgb: 252,119,83;
}*/

/* Blitzboard logo in the navbar; below 600px the <picture> swaps to the square icon */
.blitzboard-logo {
    height: 44px;
    width: auto;
}

@media (max-width: 599.98px) {
    .blitzboard-logo {
        height: 40px;
    }
}

/* Roster players: each player becomes a small card on narrow screens instead of a wide table row */
@media (max-width: 767.98px) {
    /* the fixed footer wraps to more lines on a phone, keep the last fields and the save buttons above it */
    .roster-page {
        padding-bottom: 8rem;
    }
    .roster-players thead {
        display: none;
    }
    .roster-players tr {
        display: grid;
        grid-template-columns: 4.5em 1fr auto;
        grid-template-areas:
            "number name remove"
            "position position position"
            "skills skills skills";
        gap: .25rem .5rem;
        padding: .5rem 0;
        border-bottom: 1px solid rgba(128, 128, 128, .3);
    }
    .roster-players td {
        display: block;
        padding: 0;
        border: 0;
    }
    .roster-players .player-number { grid-area: number; }
    .roster-players .player-name { grid-area: name; }
    .roster-players .player-position { grid-area: position; }
    .roster-players .player-skills { grid-area: skills; }
    .roster-players .player-remove { grid-area: remove; }
}

/* The team value and player count stay visible while scrolling through the roster, just above the fixed footer,
   and settle above the save buttons once the bottom of the form is reached */
.roster-summary {
    position: sticky;
    bottom: var(--footer-height, 0px);
    z-index: 10;
    box-shadow: 0 -.25rem .5rem rgba(0, 0, 0, .15);
}

/* Organiser tournament page: the save button stays in view, just above the fixed footer, while scrolling through the settings */
.settings-save-bar {
    position: sticky;
    bottom: var(--footer-height, 0px);
    z-index: 10;
    background-color: var(--bs-body-bg, #fff);
}

#teamsTable tr.inactive-team > td {
    opacity: .6;
}

#teamsTable tr.inactive-team > td:last-child {
    opacity: 1;
}

.status-kpis .card {
    border-left-width: 3px;
    border-left-color: var(--bs-primary, var(--primary, #0d6efd));
}

/* a status card that changed because of a result, roster or team that came in from elsewhere */
.status-kpis .card {
    transition: box-shadow .4s ease-in-out;
}

.status-kpis .card.kpi-updated {
    box-shadow: 0 0 0 .2rem var(--bs-primary, var(--primary, #0d6efd));
}

@media (prefers-reduced-motion: reduce) {
    .status-kpis .card {
        transition: none;
    }
}