/* /Layout/MainLayout.razor.rz.scp.css */
/* No scoped layout overrides needed.
   All layout styling lives in app.css via .page-content. */
/* /Pages/CompareMockDrafts.razor.rz.scp.css */
/* ── Highlight matching players ── */
[b-c4rc0w00mx] .compare-match {
    border-left: 2px solid var(--mud-palette-primary);
    padding-left: 6px;
}

/* ── Footer total row ── */
[b-c4rc0w00mx] tfoot .mud-table-row {
    border-top: 2px solid var(--mud-palette-lines-default);
}
/* /Pages/MockDraftDetail.razor.rz.scp.css */
/* ── Sticky header base ── */
[b-92w2g76zdm] .draft-th {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 2;
}
/* /Pages/MyMocks.razor.rz.scp.css */
/* ── Sticky header base ── */
[b-86sgcoxciz] .draft-th {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 2;
}

/* ─────────────────────────────────────────────
   Phone  (≤ 600px)  — tighten padding, go edge-to-edge
   ───────────────────────────────────────────── */
@media (max-width: 600px) {
    [b-86sgcoxciz] .mymocks-table-wrapper {
        border-radius: 0 !important;
        margin-left: calc(-1 * var(--page-pad-x, 12px));
        margin-right: calc(-1 * var(--page-pad-x, 12px));
    }

    [b-86sgcoxciz] .mud-table-cell {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    [b-86sgcoxciz] .draft-th {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}