/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ccwmtcjiv8] {
    position: relative;
    min-height: 100vh;
    background-image:
        linear-gradient(100deg, rgba(255, 0, 0, 0.04) 0%, rgba(255, 0, 0, 0.04) 40%, rgba(255, 0, 0, 0.13) 100%),
        url('/Assets/Bakgrund.svg');
    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    /* Bakgrundsbilden är i praktiken bara ett svagt vattenstämpel-emblem - det som
       faktiskt syns är nästan uteslutande den röda toningen ovan. Blir sidan högre än
       bakgrunden hinner täcka (många/långa expanderade nyheter, spelarstatistik osv. -
       sidan är dynamiskt hög) syntes tidigare en tydlig söm där det växlade till en helt
       annan färg. Sätt fallback-färgen till exakt samma slutfärg som toningens sista
       stopp (rgba(255,0,0,.13) över vitt) så ytan fortsätter i samma ton nedåt i stället
       för att kapas. */
    background-color: #ffdede;
}

/* Egen namngiven grupp i View Transitions API (se nav-transitions.js/app.css) - allt
   utanför den här (dvs. "root") är det som faktiskt sveper vid ett sidbyte, så
   sponsorbannern/flikraden ligger kvar orörda i stället för att sveva med i svepet. */
.site-header[b-ccwmtcjiv8] {
    view-transition-name: site-header;
}

#blazor-error-ui[b-ccwmtcjiv8] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ccwmtcjiv8] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-25j06c3v93],
.components-reconnect-repeated-attempt-visible[b-25j06c3v93],
.components-reconnect-failed-visible[b-25j06c3v93],
.components-pause-visible[b-25j06c3v93],
.components-resume-failed-visible[b-25j06c3v93],
.components-rejoining-animation[b-25j06c3v93] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-25j06c3v93],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-25j06c3v93],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-25j06c3v93],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-25j06c3v93],
#components-reconnect-modal.components-reconnect-retrying[b-25j06c3v93],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-25j06c3v93],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-25j06c3v93],
#components-reconnect-modal.components-reconnect-failed[b-25j06c3v93],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-25j06c3v93] {
    display: block;
}


#components-reconnect-modal[b-25j06c3v93] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-25j06c3v93 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-25j06c3v93 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-25j06c3v93 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-25j06c3v93]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-25j06c3v93 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-25j06c3v93 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-25j06c3v93 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-25j06c3v93 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-25j06c3v93] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-25j06c3v93] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-25j06c3v93] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-25j06c3v93] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-25j06c3v93] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-25j06c3v93] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-25j06c3v93] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-25j06c3v93 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-25j06c3v93] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-25j06c3v93 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/Admin.razor.rz.scp.css */
.admin-page[b-cnikh5s0dx] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-cnikh5s0dx] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-sync-bar[b-cnikh5s0dx] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0;
    flex-wrap: wrap;
}

.admin-sync-error[b-cnikh5s0dx] {
    color: #e50000;
}

.admin-list-controls[b-cnikh5s0dx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.admin-list-search[b-cnikh5s0dx] {
    max-width: 22rem;
}

.admin-list-toggle[b-cnikh5s0dx] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: #555;
    font-size: 0.9rem;
    margin: 0;
}

.admin-list-count[b-cnikh5s0dx] {
    color: #555;
    font-size: 0.9rem;
}

.admin-list-sentinel[b-cnikh5s0dx] {
    width: 100%;
    height: 1px;
}

.admin-list-more[b-cnikh5s0dx] {
    margin-top: 1rem;
    text-align: center;
}

.admin-post-table[b-cnikh5s0dx] {
    background-color: #fff;
}

.admin-post-date[b-cnikh5s0dx] {
    white-space: nowrap;
    color: #555;
}

.admin-post-text[b-cnikh5s0dx] {
    white-space: pre-wrap;
}

.admin-post-badge[b-cnikh5s0dx] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 1rem;
    background-color: #e6f4ea;
    color: #1e7a34;
    font-size: 0.8rem;
    white-space: nowrap;
}

.admin-post-thumbnails-cell[b-cnikh5s0dx] {
    min-width: 8rem;
}

.admin-post-thumbnails[b-cnikh5s0dx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.admin-post-thumbnail[b-cnikh5s0dx] {
    display: block;
    max-width: 6rem;
    max-height: 4rem;
    object-fit: cover;
    border-radius: 0.25rem;
}

/* /Components/Pages/Admin/Backup.razor.rz.scp.css */
.admin-page[b-kqb4ltxn8a] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-kqb4ltxn8a] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-backup-section[b-kqb4ltxn8a] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #dee2e6;
    max-width: 60rem;
}

.admin-backup-section h2[b-kqb4ltxn8a] {
    margin-bottom: 0.75rem;
}

.admin-backup-warning[b-kqb4ltxn8a] {
    color: #842029;
}

.admin-backup-import-controls[b-kqb4ltxn8a] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1rem;
}

.admin-backup-selected[b-kqb4ltxn8a] {
    margin: 0;
}

.admin-backup-checkbox[b-kqb4ltxn8a] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    max-width: 48rem;
    line-height: 1.4;
}

.admin-backup-checkbox input[b-kqb4ltxn8a] {
    margin-top: 0.2rem;
}

.admin-backup-confirm[b-kqb4ltxn8a] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid #f5c2c7;
    border-radius: 0.375rem;
    background-color: #fff5f5;
}

.admin-backup-confirm p[b-kqb4ltxn8a] {
    margin: 0;
}

.admin-backup-error[b-kqb4ltxn8a] {
    margin-top: 1rem;
    color: #842029;
    font-weight: 600;
}

.admin-backup-result[b-kqb4ltxn8a] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #badbcc;
    border-radius: 0.375rem;
    background-color: #f0fdf4;
}

.admin-backup-result p[b-kqb4ltxn8a] {
    margin: 0 0 0.5rem;
}

.admin-backup-result p:last-child[b-kqb4ltxn8a] {
    margin-bottom: 0;
}

.admin-backup-checks[b-kqb4ltxn8a] {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 60rem;
}

.admin-backup-checks li[b-kqb4ltxn8a] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.75rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
}

.admin-backup-checks li.ok[b-kqb4ltxn8a] {
    border-color: #badbcc;
    background-color: #f0fdf4;
}

.admin-backup-checks li.bad[b-kqb4ltxn8a] {
    border-color: #f5c2c7;
    background-color: #fff5f5;
}

.admin-backup-checks .size[b-kqb4ltxn8a] {
    color: #6c757d;
    font-size: 0.875rem;
}

.admin-backup-checks .detail[b-kqb4ltxn8a] {
    flex-basis: 100%;
    font-size: 0.875rem;
}
/* /Components/Pages/Admin/Board.razor.rz.scp.css */
.admin-page[b-bdbd1xbc6u] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-bdbd1xbc6u] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-post-table[b-bdbd1xbc6u] {
    background-color: #fff;
    margin-top: 1rem;
}

.admin-report-heading[b-bdbd1xbc6u] {
    margin-top: 2.5rem;
}

/* Hopfällbara sektioner */
.admin-section[b-bdbd1xbc6u] {
    margin-top: 1.25rem;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    background-color: #fff;
}

.admin-section > summary[b-bdbd1xbc6u] {
    padding: 0.85rem 1.25rem;
    font-size: 1.15rem;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}

.admin-section > summary[b-bdbd1xbc6u]::-webkit-details-marker {
    display: none;
}

.admin-section > summary[b-bdbd1xbc6u]::before {
    content: "▸";
    display: inline-block;
    width: 1em;
    transition: transform 0.15s ease;
}

.admin-section[open] > summary[b-bdbd1xbc6u]::before {
    transform: rotate(90deg);
}

.admin-section > summary:hover[b-bdbd1xbc6u] {
    color: #0d6efd;
}

.admin-section-body[b-bdbd1xbc6u] {
    padding: 0 1.25rem 1.25rem;
}

.admin-sync-error[b-bdbd1xbc6u] {
    color: #e50000;
}

.admin-users-actions[b-bdbd1xbc6u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

/* Notis om väntande import */
.board-inbox[b-bdbd1xbc6u] {
    border: 1px solid #ffe08a;
    background-color: #fff9e6;
    border-radius: 0.375rem;
    padding: 1rem 1.25rem;
    margin: 1rem 0 1.5rem;
}

.board-inbox h2[b-bdbd1xbc6u] {
    margin-top: 0;
}

/* Filformat-dokumentation */
.board-endpoint-doc[b-bdbd1xbc6u] {
    margin: 0.75rem 0 1rem;
    max-width: 55rem;
}

.board-endpoint-doc summary[b-bdbd1xbc6u] {
    cursor: pointer;
    font-weight: 600;
}

.board-endpoint-doc pre[b-bdbd1xbc6u] {
    background-color: #f6f8fa;
    border: 1px solid #e1e4e8;
    border-radius: 0.375rem;
    padding: 0.75rem 1rem;
    overflow-x: auto;
    font-size: 0.85rem;
}

/* Breda tabeller */
.board-year-table[b-bdbd1xbc6u],
.board-preview-table[b-bdbd1xbc6u],
.board-summary-table[b-bdbd1xbc6u],
.board-award-table[b-bdbd1xbc6u] {
    font-size: 0.9rem;
    min-width: 60rem;
}

.board-year-table td[b-bdbd1xbc6u],
.board-preview-table td[b-bdbd1xbc6u] {
    vertical-align: top;
}

/* Sorterbara kolumnrubriker i summeringen */
.board-sort-th[b-bdbd1xbc6u] {
    border: 0;
    background: none;
    padding: 0;
    font: inherit;
    font-weight: 600;
    color: inherit;
    cursor: pointer;
    white-space: nowrap;
}

.board-sort-th:hover[b-bdbd1xbc6u] {
    color: #0d6efd;
}

/* Årsredigering */
.board-year-editor[b-bdbd1xbc6u] {
    border: 1px solid #dee2e6;
    background-color: #fff;
    border-radius: 0.375rem;
    padding: 1rem 1.25rem;
    margin: 1rem 0 1.5rem;
    max-width: 40rem;
}

.board-year-editor h3[b-bdbd1xbc6u] {
    margin-top: 0;
}

.board-edit-bucket[b-bdbd1xbc6u] {
    margin-bottom: 1rem;
}

.board-edit-bucket h4[b-bdbd1xbc6u] {
    font-size: 0.95rem;
    margin-bottom: 0.4rem;
}

.board-edit-row[b-bdbd1xbc6u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

.board-edit-row .form-control[b-bdbd1xbc6u] {
    max-width: 18rem;
}

.board-func-select[b-bdbd1xbc6u] {
    max-width: 12rem;
}

.board-year-input[b-bdbd1xbc6u] {
    max-width: 8rem;
}

/* Per person */
.board-person-select[b-bdbd1xbc6u] {
    max-width: 22rem;
    margin-bottom: 1rem;
}

.board-person-table[b-bdbd1xbc6u],
.board-person-awards[b-bdbd1xbc6u] {
    max-width: 50rem;
}

/* Utmärkelser */
.board-award-form[b-bdbd1xbc6u] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1rem;
    margin: 0.75rem 0 1.25rem;
}

.board-award-form > div[b-bdbd1xbc6u] {
    display: flex;
    flex-direction: column;
    min-width: 11rem;
}

.board-award-form label[b-bdbd1xbc6u] {
    font-size: 0.85rem;
    color: #495057;
}

.board-award-note[b-bdbd1xbc6u] {
    flex: 1 1 16rem;
}

.board-muted[b-bdbd1xbc6u] {
    color: #6c757d;
}

.board-status-ready[b-bdbd1xbc6u] {
    color: #1a7f37;
    font-weight: 600;
}

.board-status-info[b-bdbd1xbc6u] {
    color: #0d6efd;
}

.board-status-blocked[b-bdbd1xbc6u] {
    color: #a15c00;
}

/* Textexport */
.board-export-text[b-bdbd1xbc6u] {
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.75rem 1rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.85rem;
    line-height: 1.5;
    white-space: pre;
    background-color: #f6f8fa;
    border: 1px solid #e1e4e8;
    border-radius: 0.375rem;
    resize: vertical;
}
/* /Components/Pages/Admin/ClubEvent.razor.rz.scp.css */
.admin-page[b-yguo8121oc] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-yguo8121oc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-event-columns[b-yguo8121oc] {
    display: grid;
    grid-template-columns: minmax(20rem, 28rem) 1fr;
    align-items: start;
    gap: 2rem;
}

.admin-event-column[b-yguo8121oc] {
    min-width: 0;
}

@media (max-width: 900px) {
    .admin-event-columns[b-yguo8121oc] {
        grid-template-columns: 1fr;
    }
}

.admin-settings-fields[b-yguo8121oc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.admin-settings-fields > div[b-yguo8121oc] {
    display: flex;
    flex-direction: column;
}

.admin-settings-fields small[b-yguo8121oc] {
    color: #555;
    margin-top: 0.25rem;
}

.admin-sponsor-save-message[b-yguo8121oc] {
    color: #1b6ec2;
}

.admin-event-checkbox-row[b-yguo8121oc] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.admin-event-checkbox-label[b-yguo8121oc] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: normal;
}

.admin-event-field-row[b-yguo8121oc] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.admin-event-field-row > div[b-yguo8121oc] {
    flex: 1;
    min-width: 10rem;
}

.admin-event-contact-row[b-yguo8121oc] {
    align-items: center;
    margin-bottom: 0.5rem;
}

.admin-event-contact-row input[b-yguo8121oc] {
    flex: 1;
    min-width: 8rem;
}

.admin-post-table[b-yguo8121oc] {
    background-color: #fff;
    margin-top: 1.5rem;
}

.admin-post-date[b-yguo8121oc] {
    white-space: nowrap;
    color: #555;
}

.admin-post-text[b-yguo8121oc] {
    white-space: pre-wrap;
}

.admin-users-actions[b-yguo8121oc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.admin-inquiry-contact[b-yguo8121oc] {
    white-space: nowrap;
}

.admin-inquiry-contact-detail[b-yguo8121oc] {
    font-size: 0.85rem;
    color: #555;
}

.admin-event-archive-entry[b-yguo8121oc] {
    margin-top: 1rem;
    background-color: #fff;
    border-radius: 0.35rem;
    padding: 0.75rem 1.25rem;
}

.admin-event-archive-entry summary[b-yguo8121oc] {
    cursor: pointer;
    font-weight: 600;
}
/* /Components/Pages/Admin/Documents.razor.rz.scp.css */
.admin-page[b-t54d18pvgv] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-t54d18pvgv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-sync-error[b-t54d18pvgv] {
    color: #e50000;
}

.admin-post-table[b-t54d18pvgv] {
    background-color: #fff;
    margin-top: 1.5rem;
}

.admin-post-date[b-t54d18pvgv] {
    white-space: nowrap;
    color: #555;
}

.admin-post-text[b-t54d18pvgv] {
    white-space: pre-wrap;
}

.admin-users-actions[b-t54d18pvgv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.admin-document-new-fields[b-t54d18pvgv] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.admin-document-new-fields > div[b-t54d18pvgv] {
    display: flex;
    flex-direction: column;
    min-width: 12rem;
}

.admin-document-file-cell[b-t54d18pvgv] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 10rem;
}

.admin-document-missing-file[b-t54d18pvgv] {
    color: #888;
    font-size: 0.85rem;
}

.admin-document-file-input[b-t54d18pvgv] {
    font-size: 0.75rem;
}

.admin-document-bulk-bar[b-t54d18pvgv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.admin-document-select-cell[b-t54d18pvgv] {
    width: 1%;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}

.admin-document-drop-intro[b-t54d18pvgv] {
    margin-top: 1.5rem;
    color: #555;
}

.admin-document-dropzones[b-t54d18pvgv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

/* Släppzon per kategori. Filinputen (nedan) ligger genomskinlig ovanpå hela rutan för
   klick-att-välja. Själva drag-and-drop-släppet och .is-dragover-markeringen sköts av
   wwwroot/js/document-dropzones.js (att lämna släppet åt filinputen själv funkar inte i
   Firefox - se JS-filen). */
.admin-document-dropzone[b-t54d18pvgv] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem;
    border: 2px dashed #b5b5b5;
    border-radius: 0.5rem;
    background-color: #fafafa;
    cursor: pointer;
    transition: border-color 0.12s, background-color 0.12s;
}

.admin-document-dropzone:hover[b-t54d18pvgv] {
    border-color: #0d6efd;
}

.admin-document-dropzone.is-dragover[b-t54d18pvgv] {
    border-color: #0d6efd;
    border-style: solid;
    background-color: #e7f1ff;
}

.admin-document-dropzone-name[b-t54d18pvgv] {
    font-weight: 600;
}

.admin-document-dropzone-hint[b-t54d18pvgv] {
    font-size: 0.8rem;
    color: #777;
}

.admin-document-dropzone-error[b-t54d18pvgv] {
    font-size: 0.8rem;
    margin: 0.25rem 0 0;
}

.admin-document-dropzone-input[b-t54d18pvgv] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.admin-document-dropzone-input:disabled[b-t54d18pvgv] {
    cursor: progress;
}
/* /Components/Pages/Admin/Login.razor.rz.scp.css */
.admin-login[b-wfaibab2p1] {
    box-sizing: border-box;
    width: calc(100% - 2rem);
    max-width: 320px;
    margin: 4rem auto;
    padding: 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.admin-login-field[b-wfaibab2p1] {
    margin-bottom: 1rem;
}

.admin-login-field label[b-wfaibab2p1] {
    display: block;
    margin-bottom: 0.25rem;
}

.admin-login-error[b-wfaibab2p1] {
    color: #e50000;
}
/* /Components/Pages/Admin/Logs.razor.rz.scp.css */
.admin-page[b-py8gwme0zz] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-py8gwme0zz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-post-table[b-py8gwme0zz] {
    background-color: #fff;
}

.admin-post-date[b-py8gwme0zz] {
    white-space: nowrap;
    color: #555;
}

.admin-logs-tabs[b-py8gwme0zz] {
    display: flex;
    gap: 0.5rem;
    margin: 1rem 0;
}

.admin-logs-section[b-py8gwme0zz] {
    margin-top: 1rem;
}

.admin-logs-filter[b-py8gwme0zz] {
    margin-bottom: 0.75rem;
}

.admin-logs-filter select[b-py8gwme0zz] {
    display: inline-block;
    width: auto;
    margin-left: 0.4rem;
}

.admin-logs-failed[b-py8gwme0zz] {
    background-color: #ffeaea;
}
/* /Components/Pages/Admin/Matches.razor.rz.scp.css */
.admin-page[b-23sifqknsy] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-23sifqknsy] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-sync-bar[b-23sifqknsy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0;
    flex-wrap: wrap;
}

.admin-sync-warning[b-23sifqknsy] {
    color: #a15c00;
}

.admin-sync-error[b-23sifqknsy] {
    color: #e50000;
}

.admin-report-heading[b-23sifqknsy] {
    margin-top: 2rem;
}

.admin-season-picker[b-23sifqknsy] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin: 0.75rem 0;
    flex-wrap: wrap;
}

.admin-season-picker select[b-23sifqknsy] {
    margin-left: 0.35rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.admin-season-backfill[b-23sifqknsy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    font-size: 0.9rem;
    color: #495057;
}

.admin-season-backfill .form-control[b-23sifqknsy] {
    max-width: 7rem;
}

.admin-archived-standings[b-23sifqknsy] {
    margin: 0.75rem 0 1.25rem;
    max-width: 40rem;
}

.admin-archived-standings summary[b-23sifqknsy] {
    cursor: pointer;
    font-weight: 600;
}

.admin-archived-standings table[b-23sifqknsy] {
    width: 100%;
    margin-top: 0.5rem;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.admin-archived-standings th[b-23sifqknsy],
.admin-archived-standings td[b-23sifqknsy] {
    padding: 0.25rem 0.5rem;
    text-align: right;
    border-bottom: 1px solid #e9ecef;
}

.admin-archived-standings th:nth-child(2)[b-23sifqknsy],
.admin-archived-standings td:nth-child(2)[b-23sifqknsy] {
    text-align: left;
}

.admin-archived-standings tr.own[b-23sifqknsy] {
    font-weight: 700;
    background-color: #fff3cd;
}

.match-report-card[b-23sifqknsy] {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
}

.match-report-card summary[b-23sifqknsy] {
    cursor: pointer;
    font-weight: 600;
}

.match-report-collapse[b-23sifqknsy] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.25s ease;
}

.match-report-card[open] > .match-report-collapse[b-23sifqknsy] {
    grid-template-rows: 1fr;
}

.match-report-body[b-23sifqknsy] {
    min-height: 0;
    overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
    .match-report-collapse[b-23sifqknsy] {
        transition: none;
    }
}

.match-report-missing[b-23sifqknsy] {
    margin-left: 0.5rem;
    font-weight: 400;
    color: #a15c00;
}

.match-report-noted[b-23sifqknsy] {
    margin-left: 0.5rem;
    font-weight: 400;
    color: #6c757d;
}

.match-report-mark-reported[b-23sifqknsy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin: 0.25rem 0 0.75rem;
    font-size: 0.9rem;
    color: #6c757d;
}

.match-report-link[b-23sifqknsy] {
    margin: 0.5rem 0 0;
    font-size: 0.85rem;
}

.match-report-section[b-23sifqknsy] {
    margin-top: 0.75rem;
}

.match-report-section h4[b-23sifqknsy] {
    font-size: 0.9rem;
    margin-bottom: 0.35rem;
}

.match-report-list[b-23sifqknsy] {
    list-style: none;
    padding: 0;
    margin: 0 0 0.5rem;
}

.match-report-list li[b-23sifqknsy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.2rem 0;
}

.match-report-add[b-23sifqknsy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.match-report-add .form-control[b-23sifqknsy] {
    max-width: 16rem;
}
/* /Components/Pages/Admin/MatchSponsors.razor.rz.scp.css */
.admin-page[b-wfjl5exj5z] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-wfjl5exj5z] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-sync-bar[b-wfjl5exj5z] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0;
    flex-wrap: wrap;
}

.admin-sync-error[b-wfjl5exj5z] {
    color: #e50000;
}

.admin-sponsor-endpoint-field[b-wfjl5exj5z] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
}

.admin-sponsor-endpoint-field label[b-wfjl5exj5z] {
    flex-basis: 100%;
}

.admin-sponsor-endpoint-field .form-control[b-wfjl5exj5z] {
    min-width: 0;
    flex: 1 1 260px;
}

.admin-sponsor-save-message[b-wfjl5exj5z] {
    color: #1b6ec2;
}

.admin-match-sponsor-list[b-wfjl5exj5z] {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}
/* /Components/Pages/Admin/MowingSchedule.razor.rz.scp.css */
.admin-page[b-r7wo88m3ja] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-r7wo88m3ja] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-post-table[b-r7wo88m3ja] {
    background-color: #fff;
    margin-top: 1.5rem;
}

.admin-post-text[b-r7wo88m3ja] {
    white-space: pre-wrap;
}

.admin-users-actions[b-r7wo88m3ja] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.admin-mowing-new-fields[b-r7wo88m3ja] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.admin-mowing-new-fields > div[b-r7wo88m3ja] {
    display: flex;
    flex-direction: column;
    min-width: 12rem;
}
/* /Components/Pages/Admin/News.razor.rz.scp.css */
.admin-page[b-q4galw2gb4] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-q4galw2gb4] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-post-table[b-q4galw2gb4] {
    background-color: #fff;
    margin-top: 1.5rem;
}

.admin-list-controls[b-q4galw2gb4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.admin-list-controls ~ .table-responsive .admin-post-table[b-q4galw2gb4] {
    margin-top: 0.75rem;
}

.admin-list-search[b-q4galw2gb4] {
    max-width: 22rem;
}

.admin-list-filter[b-q4galw2gb4] {
    max-width: 18rem;
}

.admin-list-count[b-q4galw2gb4] {
    color: #555;
    font-size: 0.9rem;
}

.admin-list-sentinel[b-q4galw2gb4] {
    width: 100%;
    height: 1px;
}

.admin-list-more[b-q4galw2gb4] {
    margin-top: 1rem;
    text-align: center;
}

.admin-post-date[b-q4galw2gb4] {
    white-space: nowrap;
    color: #555;
}

.admin-post-text[b-q4galw2gb4] {
    white-space: pre-wrap;
}

.admin-post-badge[b-q4galw2gb4] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 1rem;
    background-color: #e6f4ea;
    color: #1e7a34;
    font-size: 0.8rem;
    white-space: nowrap;
}

.admin-post-thumbnails-cell[b-q4galw2gb4] {
    min-width: 8rem;
}

.admin-post-thumbnails[b-q4galw2gb4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.35rem;
}

.admin-post-thumbnail-wrapper[b-q4galw2gb4] {
    position: relative;
}

.admin-post-thumbnail[b-q4galw2gb4] {
    display: block;
    max-width: 6rem;
    max-height: 4rem;
    object-fit: cover;
    border-radius: 0.25rem;
}

.admin-post-thumbnail-remove[b-q4galw2gb4] {
    position: absolute;
    top: -0.35rem;
    right: -0.35rem;
    width: 0.9rem;
    height: 0.9rem;
    padding: 0.3rem;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.admin-post-editor-title[b-q4galw2gb4] {
    width: 100%;
    margin-bottom: 0.5rem;
}

.admin-post-editor-textarea[b-q4galw2gb4] {
    width: 100%;
}

.admin-post-editor-textarea-large[b-q4galw2gb4] {
    min-height: 16rem;
    font-size: 1rem;
}

.admin-post-editor-actions[b-q4galw2gb4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.admin-users-actions[b-q4galw2gb4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.admin-sync-error[b-q4galw2gb4] {
    color: #e50000;
}

.admin-processing-note[b-q4galw2gb4] {
    margin: 1rem 0;
    color: #555;
}

.admin-processing-status[b-q4galw2gb4] {
    display: inline-block;
    color: #8a6d00;
    font-size: 0.85rem;
    white-space: nowrap;
}
/* /Components/Pages/Admin/Orders.razor.rz.scp.css */
.admin-page[b-3npghkmqwb] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-3npghkmqwb] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-post-table[b-3npghkmqwb] {
    background-color: #fff;
    margin-top: 1.5rem;
}

.admin-post-date[b-3npghkmqwb] {
    white-space: nowrap;
    color: #555;
}

.admin-post-text[b-3npghkmqwb] {
    white-space: pre-wrap;
}

.admin-users-actions[b-3npghkmqwb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.admin-order-row-fulfilled[b-3npghkmqwb] {
    opacity: 0.55;
}

.admin-order-customer[b-3npghkmqwb] {
    white-space: nowrap;
}

.admin-order-customer-detail[b-3npghkmqwb] {
    font-size: 0.85rem;
    color: #555;
}

.admin-order-items[b-3npghkmqwb] {
    margin: 0;
    padding-left: 1.1rem;
}

.admin-order-items-editing[b-3npghkmqwb] {
    list-style: none;
    padding-left: 0;
}

.admin-order-items-editing li[b-3npghkmqwb] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.25rem;
}

.admin-order-qty-input[b-3npghkmqwb] {
    width: 4rem;
}

.admin-order-summary[b-3npghkmqwb] {
    font-weight: 600;
}

.admin-sync-error[b-3npghkmqwb] {
    color: #e50000;
}
/* /Components/Pages/Admin/People.razor.rz.scp.css */
.admin-page[b-51w0zapnnr] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-51w0zapnnr] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-post-table[b-51w0zapnnr] {
    background-color: #fff;
    margin-top: 1rem;
}

/* Hopfällbara sektioner */
.admin-section[b-51w0zapnnr] {
    margin-top: 1.25rem;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    background-color: #fff;
}

.admin-section > summary[b-51w0zapnnr] {
    padding: 0.85rem 1.25rem;
    font-size: 1.15rem;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}

.admin-section > summary[b-51w0zapnnr]::-webkit-details-marker {
    display: none;
}

.admin-section > summary[b-51w0zapnnr]::before {
    content: "▸";
    display: inline-block;
    width: 1em;
    transition: transform 0.15s ease;
}

.admin-section[open] > summary[b-51w0zapnnr]::before {
    transform: rotate(90deg);
}

.admin-section > summary:hover[b-51w0zapnnr] {
    color: #0d6efd;
}

.admin-section-body[b-51w0zapnnr] {
    padding: 0 1.25rem 1.25rem;
}

.admin-sync-error[b-51w0zapnnr] {
    color: #e50000;
}

.admin-users-actions[b-51w0zapnnr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

/* Notis om väntande import */
.board-inbox[b-51w0zapnnr] {
    border: 1px solid #ffe08a;
    background-color: #fff9e6;
    border-radius: 0.375rem;
    padding: 1rem 1.25rem;
    margin: 1rem 0 1.5rem;
}

.board-inbox h2[b-51w0zapnnr] {
    margin-top: 0;
}

.ps-overlap-warning[b-51w0zapnnr] {
    color: #a15c00;
}

.board-status-ready[b-51w0zapnnr] {
    color: #1a7f37;
    font-weight: 600;
}

/* Filformat-dokumentation */
.board-endpoint-doc[b-51w0zapnnr] {
    margin: 0.75rem 0 1rem;
    max-width: 55rem;
}

.board-endpoint-doc summary[b-51w0zapnnr] {
    cursor: pointer;
    font-weight: 600;
}

.board-endpoint-doc pre[b-51w0zapnnr] {
    background-color: #f6f8fa;
    border: 1px solid #e1e4e8;
    border-radius: 0.375rem;
    padding: 0.75rem 1rem;
    overflow-x: auto;
    font-size: 0.85rem;
}

.board-edit-bucket[b-51w0zapnnr] {
    margin-bottom: 1rem;
    max-width: 40rem;
}

.board-muted[b-51w0zapnnr] {
    color: #6c757d;
    font-size: 0.9rem;
}

/* Personkoppling */
.people-suggestions[b-51w0zapnnr] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
}

.people-suggestion[b-51w0zapnnr] {
    text-align: left;
    white-space: normal;
}

.people-person-select[b-51w0zapnnr] {
    max-width: 22rem;
}

.people-name-input[b-51w0zapnnr] {
    max-width: 20rem;
}

.people-checkbox[b-51w0zapnnr] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.5rem;
    font-size: 0.9rem;
}

.people-checkbox input[b-51w0zapnnr] {
    width: auto;
}

.people-filter[b-51w0zapnnr] {
    max-width: 24rem;
    margin-bottom: 0.75rem;
}

.people-person[b-51w0zapnnr] {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    margin: 0.5rem 0;
    background-color: #fff;
}

.people-person > summary[b-51w0zapnnr] {
    padding: 0.6rem 1rem;
    cursor: pointer;
    font-weight: 600;
}

.people-person-body[b-51w0zapnnr] {
    padding: 0.5rem 1rem 1rem;
}

.people-footprint[b-51w0zapnnr] {
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
    background-color: #f6f8fa;
    border-radius: 0.375rem;
    font-size: 0.9rem;
}

/* Dela upp en person */
.people-split-group[b-51w0zapnnr] {
    margin: 0.5rem 0;
}

.people-split-role[b-51w0zapnnr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.9rem;
    margin: 0.15rem 0 0.4rem;
}

.people-split-role-label[b-51w0zapnnr] {
    min-width: 12rem;
    font-size: 0.85rem;
    color: #6c757d;
}

.people-split-role .people-checkbox[b-51w0zapnnr] {
    margin-top: 0;
}
/* /Components/Pages/Admin/PlayerStats.razor.rz.scp.css */
.admin-page[b-x6mimuozw6] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-x6mimuozw6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-post-table[b-x6mimuozw6] {
    background-color: #fff;
    margin-top: 1rem;
}

.admin-report-heading[b-x6mimuozw6] {
    margin-top: 2.5rem;
}

/* Hopfällbara sektioner */
.admin-section[b-x6mimuozw6] {
    margin-top: 1.25rem;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    background-color: #fff;
}

.admin-section > summary[b-x6mimuozw6] {
    padding: 0.85rem 1.25rem;
    font-size: 1.15rem;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}

.admin-section > summary[b-x6mimuozw6]::-webkit-details-marker {
    display: none;
}

.admin-section > summary[b-x6mimuozw6]::before {
    content: "▸";
    display: inline-block;
    width: 1em;
    transition: transform 0.15s ease;
}

.admin-section[open] > summary[b-x6mimuozw6]::before {
    transform: rotate(90deg);
}

.admin-section > summary:hover[b-x6mimuozw6] {
    color: #0d6efd;
}

.admin-section-body[b-x6mimuozw6] {
    padding: 0 1.25rem 1.25rem;
}

.admin-sync-error[b-x6mimuozw6] {
    color: #e50000;
}

.admin-users-actions[b-x6mimuozw6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

/* Notis om väntande import */
.board-inbox[b-x6mimuozw6] {
    border: 1px solid #ffe08a;
    background-color: #fff9e6;
    border-radius: 0.375rem;
    padding: 1rem 1.25rem;
    margin: 1rem 0 1.5rem;
}

.board-inbox h2[b-x6mimuozw6] {
    margin-top: 0;
}

.ps-overlap-warning[b-x6mimuozw6] {
    color: #a15c00;
}

/* Filformat-dokumentation */
.board-endpoint-doc[b-x6mimuozw6] {
    margin: 0.75rem 0 1rem;
    max-width: 55rem;
}

.board-endpoint-doc summary[b-x6mimuozw6] {
    cursor: pointer;
    font-weight: 600;
}

.board-endpoint-doc pre[b-x6mimuozw6] {
    background-color: #f6f8fa;
    border: 1px solid #e1e4e8;
    border-radius: 0.375rem;
    padding: 0.75rem 1rem;
    overflow-x: auto;
    font-size: 0.85rem;
}

/* Breda tabeller */
.ps-year-table[b-x6mimuozw6],
.ps-preview-table[b-x6mimuozw6] {
    font-size: 0.9rem;
}

.ps-year-table[b-x6mimuozw6] {
    min-width: 72rem;
}

.ps-year-table td[b-x6mimuozw6],
.ps-preview-table td[b-x6mimuozw6] {
    vertical-align: top;
}

.ps-year-detail > td[b-x6mimuozw6] {
    background-color: #f6f8fa;
}

.ps-player-table[b-x6mimuozw6] {
    font-size: 0.85rem;
    max-width: 52rem;
    margin: 0.5rem 0;
    background-color: #fff;
}

/* Årsredigering */
.board-year-editor[b-x6mimuozw6] {
    border: 1px solid #dee2e6;
    background-color: #fff;
    border-radius: 0.375rem;
    padding: 1rem 1.25rem;
    margin: 1rem 0 1.5rem;
}

.ps-year-editor[b-x6mimuozw6] {
    max-width: 64rem;
}

.board-year-editor h3[b-x6mimuozw6] {
    margin-top: 0;
}

.board-edit-bucket[b-x6mimuozw6] {
    margin-bottom: 1rem;
}

.board-year-input[b-x6mimuozw6] {
    max-width: 8rem;
}

.ps-edit-table[b-x6mimuozw6] {
    font-size: 0.85rem;
}

.ps-edit-table .form-control[b-x6mimuozw6] {
    min-width: 4rem;
}

.ps-edit-table td:first-child .form-control[b-x6mimuozw6] {
    min-width: 12rem;
}

.ps-num[b-x6mimuozw6] {
    max-width: 5rem;
}

.ps-edit-hint[b-x6mimuozw6] {
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
}

/* Per spelare */
.board-person-select[b-x6mimuozw6] {
    max-width: 22rem;
    margin-bottom: 1rem;
}

.board-muted[b-x6mimuozw6] {
    color: #6c757d;
    font-size: 0.9rem;
}

.board-status-ready[b-x6mimuozw6] {
    color: #1a7f37;
    font-weight: 600;
}
/* /Components/Pages/Admin/Products.razor.rz.scp.css */
.admin-page[b-bc8mxd2n3t] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-bc8mxd2n3t] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-sync-error[b-bc8mxd2n3t] {
    color: #e50000;
}

.admin-post-table[b-bc8mxd2n3t] {
    background-color: #fff;
    margin-top: 1.5rem;
}

.admin-post-date[b-bc8mxd2n3t] {
    white-space: nowrap;
    color: #555;
}

.admin-post-text[b-bc8mxd2n3t] {
    white-space: pre-wrap;
}

.admin-post-thumbnail[b-bc8mxd2n3t] {
    display: block;
    max-width: 6rem;
    max-height: 4rem;
    object-fit: cover;
    border-radius: 0.25rem;
    margin-bottom: 0.35rem;
}

.admin-users-actions[b-bc8mxd2n3t] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.admin-product-new-fields[b-bc8mxd2n3t] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.admin-product-new-fields > div[b-bc8mxd2n3t] {
    display: flex;
    flex-direction: column;
    min-width: 12rem;
}

.admin-product-price-input[b-bc8mxd2n3t] {
    max-width: 8rem;
}

.admin-product-image-cell[b-bc8mxd2n3t] {
    min-width: 10rem;
}

.admin-product-image-input[b-bc8mxd2n3t] {
    font-size: 0.75rem;
}
/* /Components/Pages/Admin/SeriesHistory.razor.rz.scp.css */
.admin-page[b-pk8jtarwgd] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-pk8jtarwgd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-post-table[b-pk8jtarwgd] {
    background-color: #fff;
    margin-top: 1rem;
}

.admin-report-heading[b-pk8jtarwgd] {
    margin-top: 2.5rem;
}

.admin-sync-error[b-pk8jtarwgd] {
    color: #e50000;
}

.admin-users-actions[b-pk8jtarwgd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

/* Notis om väntande import */
.board-inbox[b-pk8jtarwgd] {
    border: 1px solid #ffe08a;
    background-color: #fff9e6;
    border-radius: 0.375rem;
    padding: 1rem 1.25rem;
    margin: 1rem 0 1.5rem;
}

.board-inbox h2[b-pk8jtarwgd] {
    margin-top: 0;
}

.ps-overlap-warning[b-pk8jtarwgd] {
    color: #a15c00;
}

.sh-muted[b-pk8jtarwgd] {
    color: #6c757d;
}

/* Filformat-dokumentation */
.board-endpoint-doc[b-pk8jtarwgd] {
    margin: 0.75rem 0 1rem;
    max-width: 55rem;
}

.board-endpoint-doc summary[b-pk8jtarwgd] {
    cursor: pointer;
    font-weight: 600;
}

.board-endpoint-doc pre[b-pk8jtarwgd] {
    background-color: #f6f8fa;
    border: 1px solid #e1e4e8;
    border-radius: 0.375rem;
    padding: 0.75rem 1rem;
    overflow-x: auto;
    font-size: 0.85rem;
}

/* Listor */
.sh-preview-table[b-pk8jtarwgd],
.sh-season-table[b-pk8jtarwgd] {
    font-size: 0.9rem;
}

.sh-season-table[b-pk8jtarwgd] {
    min-width: 52rem;
}

.sh-detail > td[b-pk8jtarwgd] {
    background-color: #f6f8fa;
}

.sh-detail h4[b-pk8jtarwgd] {
    margin: 0.75rem 0 0.25rem;
}

.sh-inner-table[b-pk8jtarwgd] {
    font-size: 0.85rem;
    max-width: 46rem;
    margin: 0.25rem 0 0.75rem;
    background-color: #fff;
}

tr.own[b-pk8jtarwgd] {
    font-weight: 600;
    background-color: #eef6ff;
}

/* Säsongsredigering */
.board-year-editor[b-pk8jtarwgd] {
    border: 1px solid #dee2e6;
    background-color: #fff;
    border-radius: 0.375rem;
    padding: 1rem 1.25rem;
    margin: 1rem 0 1.5rem;
}

.sh-season-editor[b-pk8jtarwgd] {
    max-width: 60rem;
}

.board-year-editor h3[b-pk8jtarwgd] {
    margin-top: 0;
}

.sh-editor-heads[b-pk8jtarwgd] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.sh-editor-heads label[b-pk8jtarwgd] {
    display: flex;
    flex-direction: column;
    font-weight: 600;
    font-size: 0.9rem;
}

.sh-editor-subheading[b-pk8jtarwgd] {
    margin: 1.25rem 0 0.5rem;
}

.sh-edit-table[b-pk8jtarwgd] {
    font-size: 0.85rem;
}

.sh-edit-table .form-control[b-pk8jtarwgd] {
    min-width: 3rem;
}

.sh-num[b-pk8jtarwgd] {
    max-width: 4.5rem;
}

.sh-num-narrow[b-pk8jtarwgd] {
    max-width: 3.5rem;
}

.sh-team[b-pk8jtarwgd] {
    min-width: 10rem;
}

.sh-status[b-pk8jtarwgd] {
    min-width: 6rem;
}

.sh-date[b-pk8jtarwgd] {
    min-width: 9rem;
}

.sh-edit-hint[b-pk8jtarwgd] {
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
}

.board-muted[b-pk8jtarwgd] {
    color: #6c757d;
    font-size: 0.9rem;
}
/* /Components/Pages/Admin/Settings.razor.rz.scp.css */
.admin-page[b-ohperndxrc] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-ohperndxrc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-settings-fields[b-ohperndxrc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 28rem;
    margin-top: 1rem;
}

.admin-settings-fields > div[b-ohperndxrc] {
    display: flex;
    flex-direction: column;
}

.admin-sponsor-save-message[b-ohperndxrc] {
    color: #1b6ec2;
}
/* /Components/Pages/Admin/SponsorInquiries.razor.rz.scp.css */
.admin-page[b-d9aibevomc] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-d9aibevomc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-post-table[b-d9aibevomc] {
    background-color: #fff;
    margin-top: 1.5rem;
}

.admin-post-date[b-d9aibevomc] {
    white-space: nowrap;
    color: #555;
}

.admin-post-text[b-d9aibevomc] {
    white-space: pre-wrap;
}

.admin-users-actions[b-d9aibevomc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.admin-inquiry-row-contacted[b-d9aibevomc] {
    opacity: 0.55;
}

.admin-inquiry-contact[b-d9aibevomc] {
    white-space: nowrap;
}

.admin-inquiry-contact-detail[b-d9aibevomc] {
    font-size: 0.85rem;
    color: #555;
}

.admin-inquiry-options[b-d9aibevomc] {
    margin: 0;
    padding-left: 1.1rem;
}
/* /Components/Pages/Admin/Sponsors.razor.rz.scp.css */
.admin-page[b-vp6hjbhmp6] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-vp6hjbhmp6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-sync-bar[b-vp6hjbhmp6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0;
    flex-wrap: wrap;
}

.admin-sync-error[b-vp6hjbhmp6] {
    color: #e50000;
}

.admin-sponsor-endpoint-field[b-vp6hjbhmp6] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
}

.admin-sponsor-endpoint-field label[b-vp6hjbhmp6] {
    flex-basis: 100%;
}

.admin-sponsor-endpoint-field .form-control[b-vp6hjbhmp6] {
    min-width: 0;
    flex: 1 1 260px;
}

.admin-sponsor-save-message[b-vp6hjbhmp6] {
    color: #1b6ec2;
}

.admin-sponsor-preview-grid[b-vp6hjbhmp6] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
}

.admin-sponsor-preview-item[b-vp6hjbhmp6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 140px;
    margin: 0;
    padding: 0.75rem;
    background-color: #fff;
    border-radius: 0.375rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.admin-sponsor-preview-item img[b-vp6hjbhmp6] {
    max-width: 100%;
    max-height: 70px;
    object-fit: contain;
}

.admin-sponsor-preview-item figcaption[b-vp6hjbhmp6] {
    margin-top: 0.5rem;
    font-size: 0.8rem;
    color: #555;
    text-align: center;
}
/* /Components/Pages/Admin/Statistics.razor.rz.scp.css */
.admin-page[b-olpxn0qycw] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-olpxn0qycw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-stats-tiles[b-olpxn0qycw] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 1rem 0 2rem;
}

.admin-stat-tile[b-olpxn0qycw] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    background-color: #f1f3f5;
    min-width: 9rem;
}

.admin-stat-value[b-olpxn0qycw] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #0d6efd;
}

.admin-stat-label[b-olpxn0qycw] {
    color: #495057;
    font-size: 0.9rem;
}

.admin-stats-section[b-olpxn0qycw] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #dee2e6;
}

.admin-stats-section h2[b-olpxn0qycw] {
    margin-bottom: 1rem;
}
/* /Components/Pages/Admin/Users.razor.rz.scp.css */
.admin-page[b-0u4drq8vwu] {
    max-width: 1800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.admin-header[b-0u4drq8vwu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-login-error[b-0u4drq8vwu] {
    color: #e50000;
}

.admin-post-table[b-0u4drq8vwu] {
    background-color: #fff;
}

.admin-post-date[b-0u4drq8vwu] {
    white-space: nowrap;
    color: #555;
}

.admin-users-actions[b-0u4drq8vwu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.admin-users-inline-input[b-0u4drq8vwu] {
    width: auto;
}

.admin-new-user-fields[b-0u4drq8vwu] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.admin-users-mustchange-field label[b-0u4drq8vwu] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: normal;
}

.admin-users-role-badge[b-0u4drq8vwu] {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    background-color: #eef2ff;
    color: #3730a3;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.admin-users-role-hint[b-0u4drq8vwu] {
    display: block;
    max-width: 22rem;
    margin-top: 0.25rem;
    color: #555;
}
/* /Components/Pages/ClubEvent.razor.rz.scp.css */
.event-page[b-wkzzm1p9ns] {
    max-width: 40rem;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.event-facts[b-wkzzm1p9ns] {
    background-color: #f5f5f5;
    border-radius: 0.35rem;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1.5rem;
}

.event-facts p[b-wkzzm1p9ns] {
    margin: 0.25rem 0;
}

.event-field[b-wkzzm1p9ns] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.9rem;
}

.event-field-row[b-wkzzm1p9ns] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.event-field-row .event-field[b-wkzzm1p9ns] {
    flex: 1;
    min-width: 8rem;
}

.event-error[b-wkzzm1p9ns] {
    color: #e50000;
}

.event-confirmation[b-wkzzm1p9ns] {
    color: #1e7a34;
    font-weight: 500;
    margin-top: 1rem;
}

.event-confirmation p[b-wkzzm1p9ns] {
    margin: 0 0 0.5rem;
}

.event-contact-list[b-wkzzm1p9ns] {
    margin: 0 0 0.5rem;
    padding-left: 1.25rem;
}
/* /Components/Pages/History.razor.rz.scp.css */
.results-page[b-oq954e51wg] {
    max-width: 70rem;
    margin: 0 auto 2rem;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

/* Egen namngiven grupp i View Transitions API (se nav-transitions.js/app.css) - ett
   byte mellan /historiks interna flikar sveper bara den här ytan (allt under .Tabs()),
   inte flikraden ovanför eller sidans .site-header (se MainLayout.razor.css). */
.historik-content[b-oq954e51wg] {
    view-transition-name: historik-content;
}

/* Info-ikon vid spelarstatistik-rubrikerna – tooltip via title-attributet (sidan är
   statisk SSR, ingen JS). */
.results-info[b-oq954e51wg] {
    display: inline-block;
    margin-left: 0.45rem;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1;
    color: #006bb7;
    cursor: help;
    vertical-align: middle;
}

.results-info:hover[b-oq954e51wg],
.results-info:focus[b-oq954e51wg] {
    color: #00466f;
}

/* Ligger som ett eget, delat element ovanför både .results-page (Resultat/Person/
   Dokument) och .story-page (Föreningshistoria) - se History.razor - med samma
   horisontella mått (max-width/padding) som .results-page, så flikraden aldrig hoppar
   i bredd/position när man byter till den fullbreda mörka Föreningshistoria-fliken. */
.results-tabs[b-oq954e51wg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    max-width: 70rem;
    margin: 2rem auto 1.5rem;
    padding: 0 2rem;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}

.results-tabs a[b-oq954e51wg] {
    padding: 0.5rem 1.1rem;
    text-decoration: none;
    color: #006bb7;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 0.375rem 0.375rem 0 0;
}

.results-tabs a:hover[b-oq954e51wg] {
    background-color: rgba(0, 0, 0, 0.04);
}

.results-tabs a.active[b-oq954e51wg] {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
    font-weight: 600;
    margin-bottom: -1px;
}

.results-year-form[b-oq954e51wg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0 1.5rem;
}

.results-year-form label[b-oq954e51wg] {
    font-weight: 600;
}

.results-year-form select[b-oq954e51wg],
.results-year-form input[type="text"][b-oq954e51wg] {
    padding: 0.35rem 0.5rem;
    border: 1px solid #ccc;
    border-radius: 0.375rem;
    background-color: #fff;
    font-size: 1rem;
}

.results-year-form input[type="text"][b-oq954e51wg] {
    min-width: 16rem;
}

.results-year-form button[b-oq954e51wg] {
    padding: 0.4rem 0.9rem;
    border: 1px solid #006bb7;
    border-radius: 0.375rem;
    background-color: #006bb7;
    color: #fff;
    font-size: 0.95rem;
    cursor: pointer;
}

.results-year-form button:hover[b-oq954e51wg] {
    background-color: #005a9c;
}

.results-grid[b-oq954e51wg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 1rem;
    align-items: start;
}

/* Personfliken: scrollbar namnlista till vänster, vald persons data i en ruta till höger. */
.person-layout[b-oq954e51wg] {
    display: grid;
    grid-template-columns: 18rem minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.person-picker[b-oq954e51wg] {
    position: sticky;
    top: 1rem;
}

/* Sökrutan sitter kvar överst i den smala vänsterspalten – låt den brytas snyggt. */
.person-picker .results-year-form[b-oq954e51wg] {
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0 0 0.5rem;
}

.person-picker .results-year-form input[type="text"][b-oq954e51wg] {
    min-width: 0;
    flex: 1 1 8rem;
}

.person-list-count[b-oq954e51wg] {
    margin: 0 0 0.35rem;
    font-size: 0.8rem;
    color: #666;
}

.person-list[b-oq954e51wg] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 34rem;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-radius: 0.375rem;
    background-color: #fff;
}

.person-list li + li a[b-oq954e51wg] {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* Live-filtreringen (person-search.js) döljer rader med [hidden] – låt inte den
   första synliga raden efter en dold rad få en lös topplinje. */
.person-list li[hidden] + li a[b-oq954e51wg] {
    border-top: none;
}

.person-list a[b-oq954e51wg] {
    display: block;
    padding: 0.4rem 0.6rem;
    color: #333;
    text-decoration: none;
    font-size: 0.9rem;
}

.person-list a:hover[b-oq954e51wg] {
    background-color: rgba(0, 0, 0, 0.04);
}

.person-list a.active[b-oq954e51wg] {
    background-color: #006bb7;
    color: #fff;
    font-weight: 600;
}

/* Vald persons namn + "Kopiera länk"-knapp överst i högerspalten. */
.person-heading[b-oq954e51wg] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem 1rem;
    margin-bottom: 1rem;
}

.person-heading h2[b-oq954e51wg] {
    margin: 0;
    font-size: 1.25rem;
}

.person-share[b-oq954e51wg] {
    margin-left: auto;
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.85rem;
    border: 1px solid #006bb7;
    border-radius: 999px;
    background-color: #fff;
    color: #006bb7;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.person-share-icon[b-oq954e51wg] {
    flex: none;
}

.person-share-icon-check[b-oq954e51wg] {
    display: none;
}

.person-share:hover[b-oq954e51wg] {
    background-color: #006bb7;
    color: #fff;
}

.person-share.is-copied[b-oq954e51wg] {
    border-color: #1a7f37;
    background-color: #1a7f37;
    color: #fff;
}

.person-share.is-copied .person-share-icon-share[b-oq954e51wg] {
    display: none;
}

.person-share.is-copied .person-share-icon-check[b-oq954e51wg] {
    display: inline;
}

@media (max-width: 55rem) {
    .person-share[b-oq954e51wg] {
        margin-left: 0;
    }
}

/* I den smalare högerspalten får de två korten stapla i stället för att ligga bredvid. */
.person-details .results-grid[b-oq954e51wg] {
    grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 55rem) {
    .person-layout[b-oq954e51wg] {
        grid-template-columns: minmax(0, 1fr);
    }

    .person-picker[b-oq954e51wg] {
        position: static;
    }

    .person-list[b-oq954e51wg] {
        max-height: 18rem;
    }
}

.results-card[b-oq954e51wg] {
    background-color: #fff;
    border-radius: 0.5rem;
    padding: 1rem 1.25rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    overflow-x: auto;
}

.results-card h2[b-oq954e51wg] {
    margin: 0 0 0.75rem;
    font-size: 1.1rem;
}

/* Hopfällbara avsnitt för vald säsong (lagblock + styrelse) – bara huvudlaget
   renderas med open. */
details.results-card > summary[b-oq954e51wg] {
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    list-style-position: inside;
}

details.results-card > summary:hover[b-oq954e51wg] {
    color: #006bb7;
}

details.results-card[open] > summary[b-oq954e51wg] {
    margin-bottom: 0.75rem;
}

details.results-card > summary.results-team-title[b-oq954e51wg] {
    margin: 0;
}

details.results-card[open] > summary.results-team-title[b-oq954e51wg] {
    margin-bottom: 0.75rem;
}

/* Föreningsflikens lagblock: ett kort per lag (A-lag/B-lag/damlag) staplade lodrätt. */
.results-stack[b-oq954e51wg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.results-team-title[b-oq954e51wg] {
    border-bottom: 2px solid rgba(0, 0, 0, 0.12);
    padding-bottom: 0.4rem;
}

.results-card h3[b-oq954e51wg] {
    margin: 1.25rem 0 0.5rem;
    font-size: 0.95rem;
    color: #555;
}

.results-card h3:first-of-type[b-oq954e51wg] {
    margin-top: 0.5rem;
}

.results-empty[b-oq954e51wg] {
    color: #666;
    margin: 0;
}

.results-table-wrap[b-oq954e51wg] {
    overflow-x: auto;
}

.results-standings[b-oq954e51wg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
    white-space: nowrap;
}

.results-standings th[b-oq954e51wg],
.results-standings td[b-oq954e51wg] {
    padding: 0.3rem 0.4rem;
    text-align: left;
}

.results-standings th:nth-child(n+3)[b-oq954e51wg],
.results-standings td:nth-child(n+3)[b-oq954e51wg] {
    text-align: right;
}

.results-own-team[b-oq954e51wg] {
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.06);
}

/* Klickbara kolumnrubriker i spelarstatistiktabellen (laddar om sidan). */
.results-standings th a.results-sort[b-oq954e51wg] {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.results-standings th a.results-sort:hover[b-oq954e51wg] {
    text-decoration: underline;
}

.results-list[b-oq954e51wg] {
    display: flex;
    flex-direction: column;
}

.results-row[b-oq954e51wg] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.35rem 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 0.9rem;
}

.results-row:first-child[b-oq954e51wg] {
    border-top: none;
}

.results-row-date[b-oq954e51wg] {
    color: #666;
    flex-shrink: 0;
}

.results-row-teams[b-oq954e51wg] {
    flex-grow: 1;
}

.results-row-score[b-oq954e51wg] {
    font-weight: 600;
    flex-shrink: 0;
}

.results-row-sub[b-oq954e51wg] {
    margin-left: 0.4rem;
    color: #888;
    font-size: 0.8rem;
}

.results-roles[b-oq954e51wg] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.25rem 0.75rem;
    margin: 0;
}

.results-roles dt[b-oq954e51wg] {
    font-weight: 600;
    color: #555;
}

.results-roles dd[b-oq954e51wg] {
    margin: 0;
}

/* --- Dokument-fliken (f.d. den fristående /dokument-sidan) ------------------------- */

.documents-category[b-oq954e51wg] {
    min-width: 0;
    background-color: #fff;
    border-radius: 0.5rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.documents-category > summary[b-oq954e51wg] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}

.documents-category > summary[b-oq954e51wg]::-webkit-details-marker {
    display: none;
}

.documents-category > summary[b-oq954e51wg]::before {
    content: "▸";
    display: inline-block;
    width: 0.9em;
    transition: transform 0.15s ease;
}

.documents-category[open] > summary[b-oq954e51wg] {
    margin-bottom: 0.5rem;
}

.documents-category[open] > summary[b-oq954e51wg]::before {
    transform: rotate(90deg);
}

.documents-category-collapse[b-oq954e51wg] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.25s ease;
}

.documents-category[open] > .documents-category-collapse[b-oq954e51wg] {
    grid-template-rows: 1fr;
}

.documents-category-collapse > .documents-list[b-oq954e51wg] {
    min-height: 0;
    overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
    .documents-category-collapse[b-oq954e51wg] {
        transition: none;
    }
}

.documents-list[b-oq954e51wg] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.documents-list li[b-oq954e51wg] {
    padding: 0.35rem 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.documents-list li:first-child[b-oq954e51wg] {
    border-top: none;
}

.documents-list a[b-oq954e51wg] {
    color: #006bb7;
    text-decoration: none;
}

.documents-list a:hover[b-oq954e51wg] {
    text-decoration: underline;
}

/* --- Föreningshistoria-fliken (f.d. den fristående /klubbhistoria-sidan) -----------
   Till skillnad från sidans övriga flikar (vita .results-page-kort) är den här helt
   fullbredd och mörk - varje "slide" är en egen sektion i normalt sidflöde (inget
   scroll-snap, ingen egen scroll-container), färgtonad efter år/kategori via
   --story-hue. Ett medvetet undantag, se CLAUDE.md. */

.story-page[b-oq954e51wg] {
    position: relative;
    color: #f5f5f5;
}

.story-empty[b-oq954e51wg] {
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #333;
    padding: 2rem;
}

/* Flikraden (.results-tabs, delad med de vita flikarna) ser likadan ut här som på de
   andra flikarna - medvetet ingen egen mörk stil, så den inte byter utseende beroende
   på vilken flik som är vald. */

/* Övergripande projekt/år för år-växlaren ligger numera i normalt sidflöde, som en del
   av innehållet på Föreningshistoria-fliken, i stället för att flyta fast ovanpå - se
   History.razor. */
.story-switch[b-oq954e51wg] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    width: fit-content;
    margin: 1.25rem auto 0;
    background-color: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(6px);
    border-radius: 999px;
    padding: 0.3rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.story-switch a[b-oq954e51wg] {
    padding: 0.45rem 1rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
}

.story-switch a:hover[b-oq954e51wg] {
    color: #fff;
}

.story-switch a.active[b-oq954e51wg] {
    background-color: #fff;
    color: #16233a;
}

/* top måste räcka förbi sponsorbannern + SiteNav-flikraden + den delade .results-tabs-
   raden ovanför .story-page (se History.razor) - alla tre ligger i normalt sidflöde
   ovanför den här fixade sidopanelen, till skillnad från när /klubbhistoria var en egen
   sida utan de två sistnämnda. Samma tre brytpunkter som SponsorBanner.razor.css
   (bannern är 56/72/96px hög där). */
.story-nav[b-oq954e51wg] {
    position: fixed;
    top: 15rem;
    right: 1.25rem;
    z-index: 400;
    max-height: calc(100vh - 17rem);
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(6px);
    border-radius: 0.5rem;
    padding: 0.6rem 0.4rem;
}

.story-nav ul[b-oq954e51wg] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.story-nav a[b-oq954e51wg] {
    display: block;
    padding: 0.3rem 0.7rem;
    border-radius: 0.375rem;
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    font-size: 0.8rem;
    white-space: nowrap;
}

.story-nav a:hover[b-oq954e51wg] {
    color: #fff;
}

.story-nav a.active[b-oq954e51wg] {
    background-color: rgba(255, 255, 255, 0.18);
    color: #fff;
    font-weight: 600;
}

/* .story-nav visas bara från 60rem och uppåt (se nedan) - det är redan bredare än
   SponsorBanner.razor.css 600px/37.5rem-brytpunkt (72px banner), så bara den övre
   1200px/75rem-brytpunkten (96px banner) behöver ett eget top-värde här. */
@media (min-width: 75rem) {
    .story-nav[b-oq954e51wg] {
        top: 17rem;
        max-height: calc(100vh - 19rem);
    }
}

@media (max-width: 60rem) {
    .story-nav[b-oq954e51wg] {
        display: none;
    }
}

.story-scroll[b-oq954e51wg] {
    display: flex;
    flex-direction: column;
}

.story-slide[b-oq954e51wg] {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6rem 1.5rem;
    gap: 1rem;
    background:
        radial-gradient(ellipse at 50% 0%, hsl(var(--story-hue) 75% 30% / 0.55), transparent 60%),
        linear-gradient(160deg, hsl(var(--story-hue) 55% 16%), hsl(calc(var(--story-hue) + 18) 60% 8%));

    /* Progressiv förbättring: club-story.js lägger på .is-visible via
       IntersectionObserver när sektionen kommer in i vy. Utan JS syns allt direkt
       (opacity/transform har då aldrig satts av CSS:en nedan). */
    opacity: 0;
    transform: translateY(2.5rem);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.story-slide.is-visible[b-oq954e51wg],
.story-slide:first-of-type[b-oq954e51wg] {
    opacity: 1;
    transform: none;
}

/* Den allra första sektionen (oavsett perspektiv) - tonar in från sidans egna ljusa,
   rödtonade bakgrund (samma #ffdede som .page:s fallback-färg i MainLayout.razor.css)
   i stället för att hoppa rakt in i en mättad --story-hue-färg, så det inte skär sig så
   mycket direkt man kommer in på fliken. --story-hue är satt till *nästa* sektions
   färgton (första kategorins/årets, se History.razor) - de sista stoppen här matchar
   därför exakt den tonen/ljusheten nästa sektions .story-slide-bakgrund börjar i, så
   övergången dit blir sömlös i stället för att kännas som ett eget mörkt block. Fler
   mellanliggande stopp än de andra sektionerna (som bara har två) gör övertoningen från
   den ljusa toppen mjukare/mindre abrupt; mörkt nog för den centrerade rubriktexten
   redan vid 40% eftersom titeln ligger runt mitten av den fulla sektionshöjden. En egen
   ljus glöd nertill (i stället för toppen, som de andra sektionerna har) gör att
   underkanten inte känns plattare/mörkare än grannsektionerna. */
.story-slide-title[b-oq954e51wg] {
    background:
        radial-gradient(ellipse at 50% 85%, hsl(var(--story-hue) 70% 28% / 0.5), transparent 60%),
        linear-gradient(180deg,
            #ffdede 0%,
            hsl(var(--story-hue) 40% 62%) 20%,
            hsl(var(--story-hue) 50% 30%) 40%,
            hsl(var(--story-hue) 55% 16%) 70%,
            hsl(var(--story-hue) 55% 16%) 100%);
}

.story-slide > *[b-oq954e51wg] {
    max-width: 48rem;
}

.story-slide h1[b-oq954e51wg],
.story-slide h2[b-oq954e51wg],
.story-slide h3[b-oq954e51wg] {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin: 0;
    text-wrap: balance;
}

.story-slide-title h1[b-oq954e51wg] {
    font-size: clamp(2.2rem, 6vw, 4rem);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.story-scroll-cue[b-oq954e51wg] {
    margin-top: 2rem;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
    animation: story-bounce-b-oq954e51wg 2s ease-in-out infinite;
}

@keyframes story-bounce-b-oq954e51wg {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(0.4rem); }
}

.story-slide-category h2[b-oq954e51wg] {
    font-size: clamp(1.8rem, 4.5vw, 2.75rem);
}

.story-kicker[b-oq954e51wg] {
    margin: 0;
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
}

.story-intro[b-oq954e51wg] {
    font-size: 1.05rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
}

.story-slide-project h3[b-oq954e51wg] {
    font-size: clamp(1.4rem, 3.5vw, 2rem);
}

.story-slide-project p[b-oq954e51wg],
.story-slide-year p[b-oq954e51wg] {
    font-size: 1.05rem;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.92);
    text-align: left;
}

.story-year-number[b-oq954e51wg] {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: clamp(3.5rem, 12vw, 7rem);
    line-height: 1;
    margin: 0 0 0.5rem;
}

.story-photo[b-oq954e51wg] {
    margin: 1rem 0 0;
    max-width: 32rem;
}

.story-photo img[b-oq954e51wg] {
    display: block;
    width: 100%;
    border-radius: 0.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.story-photo figcaption[b-oq954e51wg] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
}

@media (prefers-reduced-motion: reduce) {
    .story-slide[b-oq954e51wg] {
        transition: none;
    }

    .story-slide[b-oq954e51wg] {
        opacity: 1;
        transform: none;
    }

    .story-scroll-cue[b-oq954e51wg] {
        animation: none;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-layout[b-yxa39if362] {
    box-sizing: border-box;
    display: grid;
    /* fr, inte %, så att kolumnerna + gapen ryms inom paddingen – annars svämmar
       griddet över åt höger med 2×gap och högerspalten tappar sin sidmarginal. */
    grid-template-columns: 3fr 4fr 3fr;
    grid-template-rows: 1fr;
    align-items: start;
    gap: 1rem;
    padding: 1rem;
    /* min-height, inte height - annars fryser griddet på en skärmhöjd. Expanderar en
       nyhet (NewsColumn) eller nästa-match/tabell-kortet (MatchOverview) så att
       kolumnen blir högre än så, "height" skulle klippa .home-layouts egen box där
       medan innehållet (overflow är visible här, inget overflow-y: auto) fortsätter
       synas nedanför - .page (MainLayout.razor.css) sträcker sig då bara till den
       klippta höjden och dess bakgrund tar slut mitt i den synliga, fortfarande
       synliga texten, med sidans/body:ns vita standardbakgrund som söm. */
    min-height: calc(100vh - 56px);
}

@media (min-width: 600px) {
    .home-layout[b-yxa39if362] {
        min-height: calc(100vh - 72px);
    }
}

@media (min-width: 1200px) {
    .home-layout[b-yxa39if362] {
        min-height: calc(100vh - 96px);
    }
}

@media (max-width: 899px) {
    .home-layout[b-yxa39if362] {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        height: auto;
    }
}
/* /Components/Pages/MowingSchedule.razor.rz.scp.css */
.mowing-page[b-89ag0uqm0x] {
    max-width: 36rem;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.mowing-home-link[b-89ag0uqm0x] {
    display: inline-block;
    margin-bottom: 0.75rem;
    color: #006bb7;
    text-decoration: none;
}

.mowing-home-link:hover[b-89ag0uqm0x] {
    text-decoration: underline;
}

.mowing-table[b-89ag0uqm0x] {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
}

.mowing-table th[b-89ag0uqm0x],
.mowing-table td[b-89ag0uqm0x] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
}

.mowing-current-week td[b-89ag0uqm0x] {
    background-color: #fff3cd;
    font-weight: 600;
}

.mowing-current-badge[b-89ag0uqm0x] {
    display: inline-block;
    margin-left: 0.5rem;
    padding: 0.1rem 0.5rem;
    border-radius: 1rem;
    background-color: #d4a017;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    vertical-align: middle;
}
/* /Components/Pages/News.razor.rz.scp.css */
.news-page[b-zxeuhoyj6y] {
    max-width: 50rem;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.news-empty[b-zxeuhoyj6y] {
    color: #666;
    margin: 1rem 0 0;
}

.news-search[b-zxeuhoyj6y] {
    margin-top: 1rem;
}

.news-search-input[b-zxeuhoyj6y] {
    width: 100%;
    padding: 0.55rem 0.9rem;
    font: inherit;
    border: 1px solid #ccc;
    border-radius: 999px;
    background-color: #fff;
}

.news-search-input:focus[b-zxeuhoyj6y] {
    outline: 2px solid #006bb7;
    outline-offset: 1px;
}

.news-page-list[b-zxeuhoyj6y] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem;
}

.news-page-item[b-zxeuhoyj6y] {
    background-color: #fff;
    border-radius: 0.5rem;
    padding: 1rem 1.25rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.news-page-date[b-zxeuhoyj6y] {
    display: block;
    font-size: 0.8rem;
    color: #666;
}

.news-page-title[b-zxeuhoyj6y] {
    margin: 0.25rem 0 0.75rem;
    font-size: 1.15rem;
}

.news-page-images[b-zxeuhoyj6y] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    gap: 0.5rem;
    margin: 0.5rem 0 0.75rem;
}

.news-page-images:has(.news-page-image:only-child)[b-zxeuhoyj6y] {
    display: block;
}

.news-page-image[b-zxeuhoyj6y] {
    display: block;
    width: 100%;
    height: 8rem;
    object-fit: cover;
    border-radius: 0.375rem;
}

.news-page-images:has(.news-page-image:only-child) .news-page-image[b-zxeuhoyj6y] {
    max-width: 100%;
    height: auto;
}

.news-page-text[b-zxeuhoyj6y] {
    margin: 0;
    white-space: pre-wrap;
}

.news-page-sentinel[b-zxeuhoyj6y] {
    width: 100%;
    height: 1px;
}

.news-page-more-row[b-zxeuhoyj6y] {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem;
}

.news-page-more[b-zxeuhoyj6y] {
    padding: 0.6rem 1.5rem;
    font: inherit;
    color: #006bb7;
    background-color: #fff;
    border: 1px solid #006bb7;
    border-radius: 999px;
    cursor: pointer;
}

.news-page-more:hover[b-zxeuhoyj6y] {
    color: #fff;
    background-color: #006bb7;
}
/* /Components/Pages/Shop.razor.rz.scp.css */
.shop-page[b-wezf7fkjrg] {
    max-width: 1400px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.shop-layout[b-wezf7fkjrg] {
    display: grid;
    grid-template-columns: 1fr 22rem;
    align-items: start;
    gap: 2rem;
}

@media (max-width: 900px) {
    .shop-layout[b-wezf7fkjrg] {
        grid-template-columns: 1fr;
    }
}

.shop-products[b-wezf7fkjrg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 1.25rem;
}

.shop-product-card[b-wezf7fkjrg] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 0.5rem;
    background-color: #fff;
}

.shop-product-image[b-wezf7fkjrg] {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 0.35rem;
    margin-bottom: 0.75rem;
}

.shop-product-image-placeholder[b-wezf7fkjrg] {
    background-color: #f0f0f0;
}

.shop-product-name[b-wezf7fkjrg] {
    font-size: 1.1rem;
    margin: 0 0 0.35rem;
}

.shop-product-description[b-wezf7fkjrg] {
    color: #555;
    font-size: 0.9rem;
    flex-grow: 1;
}

.shop-product-price[b-wezf7fkjrg] {
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.shop-product-add[b-wezf7fkjrg] {
    display: flex;
    gap: 0.5rem;
}

.shop-product-quantity[b-wezf7fkjrg] {
    width: 4.5rem;
}

.shop-cart[b-wezf7fkjrg] {
    position: sticky;
    top: 1rem;
    padding: 1.25rem;
    border: 1px solid #e0e0e0;
    border-radius: 0.5rem;
    background-color: #fff;
}

.shop-pickup-notice[b-wezf7fkjrg] {
    font-size: 0.85rem;
    color: #555;
    background-color: #f5f5f5;
    border-radius: 0.35rem;
    padding: 0.6rem 0.75rem;
    margin-bottom: 1rem;
}

.shop-cart-list[b-wezf7fkjrg] {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.shop-cart-line[b-wezf7fkjrg] {
    display: grid;
    grid-template-columns: 1fr 3.5rem auto auto;
    align-items: center;
    gap: 0.5rem;
}

.shop-cart-line-name[b-wezf7fkjrg] {
    overflow-wrap: anywhere;
}

.shop-cart-qty-input[b-wezf7fkjrg] {
    width: 3.5rem;
}

.shop-cart-line-price[b-wezf7fkjrg] {
    white-space: nowrap;
}

.shop-cart-total[b-wezf7fkjrg] {
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.shop-checkout-field[b-wezf7fkjrg] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.75rem;
}

.shop-checkout-error[b-wezf7fkjrg] {
    color: #e50000;
}

.shop-checkout-confirmation[b-wezf7fkjrg] {
    color: #1e7a34;
    font-weight: 500;
    margin-top: 1rem;
}
/* /Components/Pages/SponsorUs.razor.rz.scp.css */
.sponsor-page[b-8jmsehgv4r] {
    max-width: 40rem;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
}

.sponsor-options-info[b-8jmsehgv4r] {
    background-color: #f5f5f5;
    border-radius: 0.35rem;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1.5rem;
}

.sponsor-options-info li[b-8jmsehgv4r] {
    margin-bottom: 0.25rem;
}

.sponsor-field[b-8jmsehgv4r] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.9rem;
}

.sponsor-checkbox-row[b-8jmsehgv4r] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.sponsor-checkbox-label[b-8jmsehgv4r] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: normal;
}

.sponsor-matchad-total[b-8jmsehgv4r] {
    font-weight: 600;
    margin: 0.5rem 0 0;
}

.sponsor-error[b-8jmsehgv4r] {
    color: #e50000;
}

.sponsor-confirmation[b-8jmsehgv4r] {
    color: #1e7a34;
    font-weight: 500;
    margin-top: 1rem;
}
/* /Components/Shared/AdminNav.razor.rz.scp.css */
.admin-nav[b-eigv39otew] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.admin-nav-group[b-eigv39otew] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.admin-nav-group-label[b-eigv39otew] {
    flex: 0 0 auto;
    width: 7.5rem;
    color: #8a8a8a;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.admin-nav-group .admin-header-links[b-eigv39otew] {
    flex: 1 1 auto;
}

.admin-header-links .nav-link[b-eigv39otew] {
    color: #495057;
}

.admin-header-links .nav-link.active[b-eigv39otew] {
    color: #0d6efd;
    font-weight: 600;
}

/* Antal obehandlade poster för just den fliken (se AdminNav.razor) - döljs helt vid 0,
   inte en tom bricka. */
.admin-nav-badge[b-eigv39otew] {
    display: inline-block;
    margin-left: 0.4rem;
    padding: 0.05rem 0.4rem;
    border-radius: 1rem;
    background-color: #b8101f;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.4;
    vertical-align: 0.1em;
}

@media (max-width: 900px) {
    .admin-nav-group[b-eigv39otew] {
        flex-direction: column;
        gap: 0.15rem;
    }

    .admin-nav-group-label[b-eigv39otew] {
        width: auto;
    }
}
/* /Components/Shared/HistoryChangeDialog.razor.rz.scp.css */
.history-dialog-backdrop[b-p1i39tzv92] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, .45);
}

.history-dialog[b-p1i39tzv92] {
    max-width: 26rem;
    padding: 1.5rem;
    border-radius: .5rem;
    background: #fff;
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .3);
}

.history-dialog h2[b-p1i39tzv92] {
    margin-top: 0;
    font-size: 1.25rem;
}

.history-dialog p[b-p1i39tzv92] {
    margin-bottom: 0;
}

.history-dialog-remember[b-p1i39tzv92] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 1rem 0;
}

.history-dialog-actions[b-p1i39tzv92] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}
/* /Components/Shared/LineChart.razor.rz.scp.css */
/* Bara .line-chart och .line-chart-empty (nedan) är skrivna direkt i LineChart.razors
   egen markup, så bara de scopas av Blazors CSS-isolering. Allt som ligger *inuti* den
   genererade SVG:n (linjen, prickarna, etiketterna) styrs istället av presentationsattribut
   och en bokstavlig <style>-tagg i själva SVG-strängen - se kommentaren i LineChart.razor. */

.line-chart[b-zzirn09v2f] {
    width: 100%;
    max-width: 50rem;
}

.line-chart-empty[b-zzirn09v2f] {
    color: #6c757d;
}
/* /Components/Shared/MatchOverview.razor.rz.scp.css */
.match-next[b-ytfo209cl3] {
    width: 100%;
    min-width: 0;
    min-height: 0;
    align-self: center;
}

@media (max-width: 899px) {
    .match-next[b-ytfo209cl3] {
        order: -1;
    }
}

.match-side[b-ytfo209cl3] {
    width: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.match-section[b-ytfo209cl3] {
    min-width: 0;
    background-color: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(4px);
    border-radius: 0.5rem;
    padding: 1rem 1.25rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    overflow-x: auto;
}

.match-section h3[b-ytfo209cl3] {
    margin: 0 0 0.5rem;
    font-size: 1rem;
}

.match-section > summary[b-ytfo209cl3] {
    margin: 0 0 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}

.match-section > summary[b-ytfo209cl3]::-webkit-details-marker {
    display: none;
}

.match-section > summary[b-ytfo209cl3]::before {
    content: "▸";
    display: inline-block;
    width: 0.9em;
    transition: transform 0.15s ease;
}

.match-section[open] > summary[b-ytfo209cl3] {
    margin-bottom: 0.5rem;
}

.match-section[open] > summary[b-ytfo209cl3]::before {
    transform: rotate(90deg);
}

.match-section-collapse[b-ytfo209cl3] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.25s ease;
}

.match-section[open] > .match-section-collapse[b-ytfo209cl3] {
    grid-template-rows: 1fr;
}

.match-section-collapse > *[b-ytfo209cl3] {
    min-height: 0;
    overflow-y: hidden;
}

@media (prefers-reduced-motion: reduce) {
    .match-section-collapse[b-ytfo209cl3] {
        transition: none;
    }
}

.match-empty[b-ytfo209cl3] {
    color: #555;
    margin: 0;
}

.match-hero[b-ytfo209cl3] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.1rem;
    padding: 3rem 2.25rem 2.75rem;
    border-radius: 1.4rem;
    background: linear-gradient(135deg, #ef2233 0%, #b8101f 45%, #7c0a15 100%);
    background-size: 220% 220%;
    color: #fff;
    text-align: center;
    isolation: isolate;
    animation:
        match-hero-enter-b-ytfo209cl3 0.8s cubic-bezier(0.22, 1, 0.36, 1) both,
        match-hero-gradient-b-ytfo209cl3 9s ease-in-out infinite,
        match-hero-glow-b-ytfo209cl3 4s ease-in-out 0.8s infinite;
}

.match-hero-swoosh[b-ytfo209cl3] {
    position: absolute;
    inset: -20% -20%;
    z-index: -1;
    background:
        linear-gradient(120deg, transparent 0%, transparent 38%, rgba(255, 255, 255, 0.16) 46%, rgba(255, 255, 255, 0.16) 54%, transparent 62%, transparent 100%),
        linear-gradient(120deg, transparent 0%, transparent 60%, rgba(255, 255, 255, 0.1) 68%, rgba(255, 255, 255, 0.1) 74%, transparent 82%, transparent 100%);
    transform: rotate(-8deg);
    animation: match-hero-swoosh-sweep-b-ytfo209cl3 5s ease-in-out infinite;
}

.match-hero[b-ytfo209cl3]::after {
    content: "";
    position: absolute;
    top: -60%;
    left: -65%;
    width: 35%;
    height: 220%;
    background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
    transform: rotate(20deg);
    mix-blend-mode: screen;
    pointer-events: none;
    z-index: 2;
    animation: match-hero-shine-b-ytfo209cl3 4.5s ease-in-out 1.2s infinite;
}

@keyframes match-hero-enter-b-ytfo209cl3 {
    from {
        opacity: 0;
        transform: translateY(24px) scale(0.94) rotate(-1.5deg);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1) rotate(0);
    }
}

@keyframes match-hero-gradient-b-ytfo209cl3 {
    0%, 100% {
        background-position: 0% 45%;
    }
    50% {
        background-position: 100% 55%;
    }
}

@keyframes match-hero-glow-b-ytfo209cl3 {
    0%, 100% {
        box-shadow: 0 16px 34px rgba(140, 10, 20, 0.4), 0 2px 8px rgba(0, 0, 0, 0.15);
    }
    50% {
        box-shadow: 0 20px 46px rgba(233, 28, 43, 0.55), 0 2px 10px rgba(0, 0, 0, 0.18);
    }
}

@keyframes match-hero-swoosh-sweep-b-ytfo209cl3 {
    0%, 100% {
        transform: rotate(-8deg) translateX(-5%);
    }
    50% {
        transform: rotate(-8deg) translateX(5%);
    }
}

@keyframes match-hero-shine-b-ytfo209cl3 {
    0% {
        left: -65%;
    }
    28%, 100% {
        left: 130%;
    }
}

@keyframes match-hero-vs-pulse-b-ytfo209cl3 {
    0%, 100% {
        transform: rotate(-6deg) scale(1);
    }
    50% {
        transform: rotate(-6deg) scale(1.12);
    }
}

@media (prefers-reduced-motion: reduce) {
    .match-hero[b-ytfo209cl3],
    .match-hero-swoosh[b-ytfo209cl3],
    .match-hero[b-ytfo209cl3]::after,
    .match-hero-eyebrow[b-ytfo209cl3],
    .match-hero-team[b-ytfo209cl3],
    .match-hero-vs[b-ytfo209cl3],
    .match-hero-date[b-ytfo209cl3],
    .match-hero-venue[b-ytfo209cl3] {
        animation: none !important;
    }
}

.match-hero-eyebrow[b-ytfo209cl3] {
    position: relative;
    z-index: 3;
    display: inline-block;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    padding: 0.3rem 0.9rem;
    border-radius: 999px;
    background-color: rgba(255, 255, 255, 0.18);
    opacity: 0;
    animation: match-hero-drop-in-b-ytfo209cl3 0.5s ease-out 0.15s both;
    transform: skewX(-8deg);
}

.match-hero-teams[b-ytfo209cl3] {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
}

.match-hero-team[b-ytfo209cl3] {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: clamp(1.8rem, 1.2rem + 2.4vw, 2.75rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    opacity: 0;
    animation: match-hero-team-in-left-b-ytfo209cl3 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.3s both;
}

.match-hero-team:last-of-type[b-ytfo209cl3] {
    animation-name: match-hero-team-in-right-b-ytfo209cl3;
    animation-delay: 0.4s;
}

.match-hero-vs[b-ytfo209cl3] {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    margin: 0.2rem 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.92);
    color: #b8101f;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    opacity: 0;
    animation:
        match-hero-vs-in-b-ytfo209cl3 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 0.65s both,
        match-hero-vs-pulse-b-ytfo209cl3 3s ease-in-out 1.2s infinite;
}

@keyframes match-hero-drop-in-b-ytfo209cl3 {
    from {
        opacity: 0;
        transform: skewX(-8deg) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: skewX(-8deg) translateY(0);
    }
}

@keyframes match-hero-team-in-left-b-ytfo209cl3 {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes match-hero-team-in-right-b-ytfo209cl3 {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes match-hero-vs-in-b-ytfo209cl3 {
    from {
        opacity: 0;
        transform: rotate(-6deg) scale(0.2);
    }
    to {
        opacity: 1;
        transform: rotate(-6deg) scale(1);
    }
}

.match-hero-meta[b-ytfo209cl3] {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.35rem;
}

.match-hero-date[b-ytfo209cl3] {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0.35rem 1.1rem;
    border-radius: 999px;
    background-color: rgba(255, 255, 255, 0.16);
    opacity: 0;
    animation: match-hero-fade-up-b-ytfo209cl3 0.5s ease-out 0.85s both;
}

.match-hero-venue[b-ytfo209cl3] {
    font-size: 1rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
    opacity: 0;
    animation: match-hero-fade-up-b-ytfo209cl3 0.5s ease-out 0.98s both;
}

@keyframes match-hero-fade-up-b-ytfo209cl3 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.standings-table[b-ytfo209cl3] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.standings-table th[b-ytfo209cl3],
.standings-table td[b-ytfo209cl3] {
    padding: 0.25rem 0.35rem;
    text-align: left;
}

.standings-table th:nth-child(n+3)[b-ytfo209cl3],
.standings-table td:nth-child(n+3)[b-ytfo209cl3] {
    text-align: right;
}

.standings-own-team[b-ytfo209cl3] {
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.06);
}

.match-row[b-ytfo209cl3] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.35rem 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 0.85rem;
}

.match-row:first-of-type[b-ytfo209cl3] {
    border-top: none;
}

.match-row-date[b-ytfo209cl3] {
    color: #666;
    flex-shrink: 0;
}

.match-row-teams[b-ytfo209cl3] {
    flex-grow: 1;
}

.match-row-score[b-ytfo209cl3] {
    font-weight: 600;
    flex-shrink: 0;
}

.match-stats-groups[b-ytfo209cl3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.match-stats-group[b-ytfo209cl3] {
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.match-stats-heading[b-ytfo209cl3] {
    margin: 0 0 0.25rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #555;
}
/* /Components/Shared/MatchSponsorList.razor.rz.scp.css */
.match-hero-sponsors[b-qtn80t1gzm] {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    margin-top: 0.6rem;
}

.match-hero-sponsors-label[b-qtn80t1gzm] {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
}

.match-hero-sponsors-names[b-qtn80t1gzm] {
    font-size: 0.95rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.95);
}
/* /Components/Shared/NewsColumn.razor.rz.scp.css */
.news-column[b-o10eb9mwtp] {
    width: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.news-section[b-o10eb9mwtp] {
    min-width: 0;
}

.news-section > summary[b-o10eb9mwtp] {
    margin: 0 0 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}

.news-section > summary[b-o10eb9mwtp]::-webkit-details-marker {
    display: none;
}

.news-section > summary[b-o10eb9mwtp]::before {
    content: "▸";
    display: inline-block;
    width: 0.9em;
    transition: transform 0.15s ease;
}

.news-section[open] > summary[b-o10eb9mwtp]::before {
    transform: rotate(90deg);
}

.news-list[b-o10eb9mwtp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.news-item[b-o10eb9mwtp] {
    min-width: 0;
    background-color: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(4px);
    border-radius: 0.5rem;
    padding: 1rem 1.25rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.news-item > summary[b-o10eb9mwtp] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    cursor: pointer;
    list-style: none;
}

.news-item > summary[b-o10eb9mwtp]::-webkit-details-marker {
    display: none;
}

.news-item > summary[b-o10eb9mwtp]::before {
    content: "▸";
    display: inline-block;
    width: 0.9em;
    flex-shrink: 0;
    transition: transform 0.15s ease;
}

.news-item[open] > summary[b-o10eb9mwtp]::before {
    transform: rotate(90deg);
}

.news-item[open] > summary[b-o10eb9mwtp] {
    margin-bottom: 0.5rem;
}

.news-section-collapse[b-o10eb9mwtp],
.news-item-collapse[b-o10eb9mwtp] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.25s ease;
}

.news-section[open] > .news-section-collapse[b-o10eb9mwtp],
.news-item[open] > .news-item-collapse[b-o10eb9mwtp] {
    grid-template-rows: 1fr;
}

.news-section-collapse > .news-list[b-o10eb9mwtp],
.news-item-collapse > .news-item-body[b-o10eb9mwtp] {
    min-height: 0;
    overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
    .news-section-collapse[b-o10eb9mwtp],
    .news-item-collapse[b-o10eb9mwtp] {
        transition: none;
    }
}

.news-item-date[b-o10eb9mwtp] {
    flex-shrink: 0;
    font-size: 0.8rem;
    color: #666;
}

.news-item-teaser[b-o10eb9mwtp] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.news-item-images[b-o10eb9mwtp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
    gap: 0.4rem;
    margin-bottom: 0.5rem;
}

.news-item-images:has(.news-item-image:only-child)[b-o10eb9mwtp] {
    display: block;
}

.news-item-image[b-o10eb9mwtp] {
    display: block;
    width: 100%;
    height: 6rem;
    object-fit: cover;
    border-radius: 0.375rem;
}

.news-item-images:has(.news-item-image:only-child) .news-item-image[b-o10eb9mwtp] {
    max-width: 100%;
    height: auto;
}

.news-item-text[b-o10eb9mwtp] {
    margin: 0;
    white-space: pre-wrap;
}

/* /Components/Shared/ShareList.razor.rz.scp.css */
.share-list[b-ynqng9ciey] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 40rem;
}

.share-list-row[b-ynqng9ciey] {
    display: grid;
    grid-template-columns: 9rem 1fr 6rem;
    align-items: center;
    gap: 0.75rem;
}

.share-list-name[b-ynqng9ciey] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.share-list-bar-track[b-ynqng9ciey] {
    background-color: #f1f3f5;
    border-radius: 0.25rem;
    height: 0.75rem;
    overflow: hidden;
}

.share-list-bar[b-ynqng9ciey] {
    background-color: #0d6efd;
    height: 100%;
}

.share-list-value[b-ynqng9ciey] {
    color: #495057;
    font-size: 0.875rem;
    text-align: right;
    white-space: nowrap;
}

.share-list-empty[b-ynqng9ciey] {
    color: #6c757d;
}

@media (max-width: 480px) {
    .share-list-row[b-ynqng9ciey] {
        grid-template-columns: 1fr;
        row-gap: 0.25rem;
    }

    .share-list-value[b-ynqng9ciey] {
        text-align: left;
    }
}
/* /Components/Shared/SiteNav.razor.rz.scp.css */
.site-nav[b-vm3bndsrk7] {
    display: flex;
    align-items: center;
    gap: 0.1rem;
    padding: 0 0.75rem;
    background-color: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(4px);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    overflow-x: auto;
}

.site-nav a[b-vm3bndsrk7] {
    display: inline-block;
    flex-shrink: 0;
    padding: 0.7rem 0.95rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: #444;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
}

.site-nav a:hover[b-vm3bndsrk7] {
    color: #000;
}

.site-nav a[aria-current="page"][b-vm3bndsrk7] {
    color: #000;
    border-bottom-color: #b8101f;
    background-color: rgba(0, 0, 0, 0.03);
}

.site-nav-brand[b-vm3bndsrk7] {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.01em;
    color: #b8101f;
    margin-right: 0.25rem;
}

.site-nav-brand[aria-current="page"][b-vm3bndsrk7] {
    color: #b8101f;
}

/* Admin-länken syns bara för en redan inloggad session (ingen "Logga in"-länk visas
   någonstans - /admin nås bara genom att skriva adressen). Samma utseende som de andra
   flikarna, bara sist i raden. */
.site-nav-admin[b-vm3bndsrk7] {
    margin-left: auto;
}

/* Markerar bara *att* något väntar (obehandlade beställningar/sponsorförfrågningar/
   evenemangsanmälningar, se SiteNav.razor) - inte hur mycket, det visas i stället per
   flik i AdminNav.razor. En liten prick räcker för "kolla admin", en siffra här skulle
   bara vara en oförklarad totalsumma. Visas bara när något väntar - döljs helt annars,
   inte en tom prick. */
.site-nav-badge[b-vm3bndsrk7] {
    display: inline-block;
    margin-left: 0.4rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #b8101f;
    vertical-align: 0.05em;
}

@media (prefers-reduced-motion: reduce) {
    .site-nav a[b-vm3bndsrk7] {
        transition: none;
    }
}
/* /Components/Shared/SponsorBanner.razor.rz.scp.css */
.sponsor-banner-row[b-fp2pak0m17] {
    position: relative;
    display: flex;
    align-items: stretch;
    /* Måste vara en bestämd höjd, inte min-height: .sponsor-banner-track/.sponsor-banner-logo
       nedan är procentsatta mot förälderns höjd (100% / 60%). Utan en bestämd höjd i hela
       kedjan blir en procentandel "auto", och loggorna renderas i sin naturliga pixelstorlek
       i stället - precis den bugg som gjorde bannern jättehög. */
    height: 56px;
}

@media (min-width: 600px) {
    .sponsor-banner-row[b-fp2pak0m17] {
        height: 72px;
    }
}

@media (min-width: 1200px) {
    .sponsor-banner-row[b-fp2pak0m17] {
        height: 96px;
    }
}

.sponsor-banner[b-fp2pak0m17] {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(4px);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    /* Utrymme åt den flytande knappen, så loggorna inte startar rakt under den i vila -
       de rullar ändå förbi under den efter hand. */
    padding-right: 9rem;
}

.sponsor-banner-track[b-fp2pak0m17] {
    display: flex;
    align-items: center;
    width: max-content;
    height: 100%;
    animation: sponsor-banner-scroll-b-fp2pak0m17 80s linear infinite;
}

.sponsor-banner-track:hover[b-fp2pak0m17] {
    animation-play-state: paused;
}

.sponsor-banner-logo[b-fp2pak0m17] {
    flex: 0 0 auto;
    height: 60%;
    width: auto;
    max-width: none;
    margin: 0 1.5rem;
    object-fit: contain;
}

@keyframes sponsor-banner-scroll-b-fp2pak0m17 {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sponsor-banner-track[b-fp2pak0m17] {
        animation: none;
    }
}

/* Flytande rund bubbla ovanpå bannerraden - samma stil som den gamla fasta hörnlänken
   (.corner-link-sponsor) hade, fast ankrad mot bannern i stället för sidhörnet. Ligger
   kvar synlig på mobil tillsammans med de rullande loggorna, till skillnad från
   tidigare då hela bannern (och därmed enda vägen till /sponsra-oss härifrån) doldes. */
.sponsor-banner-cta[b-fp2pak0m17] {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    z-index: 5;
    border-radius: 1.5rem;
    background-color: rgba(27, 110, 194, 0.92);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    padding: 0.6rem 1.1rem;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.sponsor-banner-cta:hover[b-fp2pak0m17] {
    background-color: #1861ac;
    color: #fff;
}

@media (max-width: 599px) {
    .sponsor-banner[b-fp2pak0m17] {
        padding-right: 6.5rem;
    }

    .sponsor-banner-cta[b-fp2pak0m17] {
        font-size: 0.8rem;
        padding: 0.5rem 0.85rem;
        right: 0.5rem;
    }
}