/* /Pages/Lineup.razor.rz.scp.css */
.lineup-card-container[b-haooa4l116] {
    background: white;
    border: 2px solid black; /* Restored standard border */
    padding: 0;
    position: relative;
    overflow: visible; /* Crucial for dropdowns */
    width: 100%;
    display: flex;
    flex-direction: column;
}

body.is-dragging-field[b-haooa4l116],
body.is-dragging-field *[b-haooa4l116],
.lineup-table.is-dragging[b-haooa4l116],
.lineup-table.is-dragging *[b-haooa4l116] {
    user-select: none !important;
    -webkit-user-select: none !important;
}

/* Pseudo-element border removed to allow dropdowns to overlap */

@media (min-width: 1200px) {
    .lineup-card-container[b-haooa4l116] {
        /* No hard height constraint, allows natural content height (e.g. 815px) */
        min-height: 792px;
        height: auto;
    }
}

.lineup-card-header[b-haooa4l116] {
    background: white;
    color: black;
    padding: 0.5rem 1.5rem;
    text-align: center;
    border-bottom: 2px solid black;
    flex-shrink: 0;
    box-sizing: border-box;
}

.inning-selector-row[b-haooa4l116] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.field-header[b-haooa4l116] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-bottom: 2px solid black;
    height: 46px;
    padding: 0 1rem;
    flex-shrink: 0;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    .field-header[b-haooa4l116] {
        justify-content: flex-start;
    }
}

.inning-label[b-haooa4l116] {
    font-weight: 900;
    font-size: 0.75rem;
    letter-spacing: 1px;
    color: black;
}

.inning-buttons[b-haooa4l116] {
    display: flex;
    gap: 4px;
}

.inning-actions[b-haooa4l116] {
    display: flex;
    gap: 8px;
}

.action-btn[b-haooa4l116] {
    background: white;
    border: 2px solid black;
    color: black;
    font-weight: 900;
    font-size: 0.65rem;
    padding: 2px 8px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    transition: all 0.1s;
}

@media (hover: hover) {
    .action-btn:hover[b-haooa4l116] {
        background: #eee;
    }
}

.action-btn:active[b-haooa4l116] {
    background: #ddd;
}

.inning-btn[b-haooa4l116] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid black;
    background: white;
    color: black;
    font-weight: 900;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.1s;
    padding: 0;
}

@media (hover: hover) {
    .inning-btn:hover[b-haooa4l116] {
        background: #eee;
    }
}

.inning-btn.active[b-haooa4l116] {
    background: black;
    color: white;
}

.team-name[b-haooa4l116] {
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: 6px;
    margin-bottom: 0.1rem;
    text-transform: uppercase;
}

.card-title[b-haooa4l116] {
    font-size: 0.8rem;
    letter-spacing: 2px;
    font-weight: 900;
    background: transparent;
    color: black;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
}

.lineup-content-wrapper[b-haooa4l116] {
    display: grid;
    grid-template-columns: 1fr;
    background: white;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    overflow: visible;
}

@media (min-width: 1200px) {
    .lineup-content-wrapper[b-haooa4l116] {
        grid-template-columns: 450px 1fr;
    }
}

.table-pane[b-haooa4l116] {
    border-right: 2px solid black;
    background: white;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100%;
    overflow: visible;
    box-sizing: border-box;
}

.table-pane.table-active[b-haooa4l116] {
    position: relative;
    z-index: 10001;
}

@media (max-width: 1199.98px) {
    .table-pane[b-haooa4l116] {
        border-right: none;
    }
}

.lineup-table-wrapper[b-haooa4l116] {
    flex: 1 1 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: visible;
}

.lineup-table[b-haooa4l116] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    height: 100%;
    flex-grow: 1;
    min-height: 660px;
}

.lineup-table th[b-haooa4l116] {
    background-color: white !important;
    border-bottom: 2px solid black;
    padding: 0 0.5rem;
    height: 45px; /* Adjusted to 45px to achieve 46px total height, matching .field-header */
    vertical-align: middle;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: black !important;
    font-weight: 900;
    flex-shrink: 0;
    box-sizing: border-box;
}

.lineup-table td[b-haooa4l116] {
    border-bottom: 1px solid black;
    padding: 0;
    vertical-align: middle;
    height: 42px;
    min-height: 32px;
}

/* --- STABLE DRAG BORDERS --- */

.lineup-table.is-dragging[b-haooa4l116] {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/* Ensure borders are consistent in separate mode */
.lineup-table.is-dragging td[b-haooa4l116] {
    border-bottom: 1px solid black !important;
}

.lineup-table.is-dragging th[b-haooa4l116] {
    height: 46px !important;
}

/* Fix double border: last row should NOT have a bottom border in separate mode */
.lineup-table.is-dragging tr:last-child td[b-haooa4l116] {
    border-bottom: none !important;
}

.lineup-table.is-dragging .pos-num[b-haooa4l116] {
    border-right: 1px solid black !important;
}

.lineup-table.is-dragging .pos-abbr[b-haooa4l116] {
    border-left: 1px solid black !important;
}

/* --- TABLE ROW DRAG INDICATORS --- */

/* 1. OCCUPIED ROW: 8px blue line indicator (Insert) */
/* Apply when dragging via Sortable (hover) OR when dragging via custom JS (.drag-over) */
tbody.is-dragging-row:not(.is-dragging-pos) tr.reorderable-row:not(.empty-row):not(.dragging-hidden):hover td[b-haooa4l116],
tr.reorderable-row:not(.empty-row):not(.dragging-hidden).drag-over td[b-haooa4l116] {
    box-shadow: inset 0 8px 0 #2196f3 !important;
}

tr.reorderable-row:not(.empty-row):not(.dragging-hidden).drag-over[b-haooa4l116] {
    z-index: 10;
}

/* 2. EMPTY ROW: Solid blue highlight (Occupy) */
tbody.is-dragging-row:not(.is-dragging-pos) tr.reorderable-row.empty-row:not(.dragging-hidden):hover td[b-haooa4l116],
tr.reorderable-row.empty-row:not(.dragging-hidden).drag-over td[b-haooa4l116] {
    background-color: #2196f3 !important;
    color: white !important;
}

tr.reorderable-row.empty-row:not(.dragging-hidden).drag-over[b-haooa4l116] {
    outline: 2px solid #2196f3 !important;
    outline-offset: -2px;
    z-index: 10;
}

tbody.is-dragging-row:not(.is-dragging-pos) tr.reorderable-row.empty-row:not(.dragging-hidden):hover[b-haooa4l116]  .autocomplete-input,
tbody.is-dragging-row:not(.is-dragging-pos) tr.reorderable-row.empty-row:not(.dragging-hidden):hover .pos-num[b-haooa4l116],
tbody.is-dragging-row:not(.is-dragging-pos) tr.reorderable-row.empty-row:not(.dragging-hidden):hover .pos-abbr[b-haooa4l116],
tr.reorderable-row.empty-row:not(.dragging-hidden).drag-over[b-haooa4l116]  .autocomplete-input,
tr.reorderable-row.empty-row:not(.dragging-hidden).drag-over .pos-num[b-haooa4l116],
tr.reorderable-row.empty-row:not(.dragging-hidden).drag-over .pos-abbr[b-haooa4l116] {
    color: white !important;
}

/* Visible but dimmed placeholder (Source Row) */
.reorderable-row.dragging-hidden td[b-haooa4l116] {
    opacity: 0.50 !important;
    background-color: #fafafa !important;
}

tbody.is-dragging-row[b-haooa4l116]  .suggestions-dropdown,
tbody.is-dragging-row[b-haooa4l116]  .pos-suggestions-dropdown,
.reorderable-row.dragging[b-haooa4l116]  .suggestions-dropdown,
.reorderable-row.dragging[b-haooa4l116]  .pos-suggestions-dropdown,
.sortable-fallback[b-haooa4l116]  .suggestions-dropdown,
.sortable-fallback[b-haooa4l116]  .pos-suggestions-dropdown {
    display: none !important;
}

.sortable-fallback[b-haooa4l116] {
    opacity: 0.9 !important;
    background: white !important;
    box-shadow: 0 0 0 2px #2196f3, 0 10px 25px rgba(0,0,0,0.2) !important;
    z-index: 50000 !important; /* Massive z-index to stay on top */
    border: none !important;
    pointer-events: none !important;
    
    /* Inherit table styles for fallbackOnBody: true */
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
}

.sortable-fallback.fallback-pos-only td:not(.pos-abbr)[b-haooa4l116] {
    opacity: 0 !important;
    border: none !important;
}

.sortable-fallback.fallback-pos-only[b-haooa4l116] {
    box-shadow: none !important;
    background: transparent !important;
}

.sortable-fallback.fallback-pos-only .pos-abbr[b-haooa4l116] {
    background: white !important;
    box-shadow: 0 0 0 2px #2196f3, 0 10px 25px rgba(0,0,0,0.2) !important;
    border: 1px solid black !important;
}

.sortable-fallback td[b-haooa4l116] {
    border-bottom: 1px solid black !important;
    vertical-align: middle;
    padding: 0;
    font-weight: 900;
}

.sortable-fallback .pos-num[b-haooa4l116] {
    text-align: center;
    border-right: 1px solid black;
    font-size: 1.1rem;
}

.sortable-fallback .pos-abbr[b-haooa4l116] {
    text-align: center;
    border-left: 1px solid black;
    font-size: 1.1rem;
}

.sortable-fallback .player-select-cell[b-haooa4l116]  .autocomplete-input,
.sortable-fallback .player-select-cell[b-haooa4l116]  .ghost-text-container {
    text-align: left !important;
    padding-left: 0.5rem !important;
    font-size: 1.1rem !important;
    letter-spacing: 1.5px !important;
}

.reorderable-row.chosen[b-haooa4l116] {
    background-color: #f5f5f5;
}

@media (min-width: 1200px) {
    .lineup-table td[b-haooa4l116] {
        height: 1px;
    }
}

.lineup-table tr:last-child td[b-haooa4l116] {
    border-bottom: none;
}

.pos-num[b-haooa4l116] {
    width: 40px;
    text-align: center;
    font-weight: 900;
    color: black;
    border-right: 1px solid black;
    font-size: 1.1rem;
    user-select: none;
    -webkit-user-select: none;
}

.pos-abbr[b-haooa4l116] {
    width: 80px;
    text-align: center;
    font-weight: 900;
    color: black;
    border-left: 1px solid black;
    background: white;
    font-size: 1.1rem;
    padding: 0;
    user-select: none;
    -webkit-user-select: none;
}

.pos-abbr.disabled[b-haooa4l116] {
    background-color: #eee !important;
    cursor: not-allowed;
}

.pos-abbr.disabled[b-haooa4l116]  .autocomplete-input {
    color: #999 !important;
}

/* Target strictly the Player Name column components */
.lineup-table .player-select-cell[b-haooa4l116]  .autocomplete-input,
.lineup-table .player-select-cell[b-haooa4l116]  .ghost-text-container {
    text-align: left !important;
    font-weight: 900 !important;
    justify-content: flex-start !important;
    padding-left: 0.5rem !important;
    font-size: 1.1rem !important;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    letter-spacing: 1.5px !important;
}

/* Target strictly the POS column components */
.lineup-table .pos-abbr[b-haooa4l116]  .autocomplete-input,
.lineup-table .pos-abbr[b-haooa4l116]  .native-pos-select {
    text-align: center !important;
    font-weight: 900 !important;
    padding: 0 !important;
}

.lineup-actions[b-haooa4l116] {
    background: white;
    border-top: 2px solid black !important;
    flex-shrink: 0;
    min-height: 72px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.field-pane[b-haooa4l116] {
    background: white;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 10;
    height: auto;
    min-height: 100%;
}

@media (max-width: 1199.98px) {
    .field-pane[b-haooa4l116] {
        height: auto;
    }
}

.field-container-sticky[b-haooa4l116] {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 100%;
    box-sizing: border-box;
}

@media (max-width: 1199.98px) {
    .field-container-sticky[b-haooa4l116] {
        position: relative;
        height: auto;
    }
}

.field-container-sticky[b-haooa4l116]  .defense-container {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
}

.field-container-sticky[b-haooa4l116]  .field-map {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1200px) {
    .field-container-sticky[b-haooa4l116]  .field-map {
        flex: 1 1 520px;
        min-height: 520px;
    }
}

.field-container-sticky[b-haooa4l116]  .defense-bg {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.view-btn[b-haooa4l116] {
    background: white;
    border: 2px solid black;
    color: black;
    font-weight: 900;
    letter-spacing: 1px;
    transition: all 0.1s;
}

@media (hover: hover) {
    .view-btn:hover[b-haooa4l116] {
        background: black;
        color: white;
    }
}

.view-btn:active[b-haooa4l116] {
    background: black;
    color: white;
}

.view-btn.active[b-haooa4l116] {
    background: black;
    color: white;
}

.share-btn[b-haooa4l116] {
    width: 250px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    padding: 0;
    border-radius: 0;
}

.reorderable-row[b-haooa4l116] {
    cursor: default;
    outline: 2px solid transparent;
    outline-offset: -2px;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    transition: outline-color 0.2s ease, box-shadow 0.2s ease;
}

/* Disable transitions during drag to prevent flickering grey shadows/outlines when hovering off */
.lineup-table.is-dragging .reorderable-row[b-haooa4l116],
body.is-dragging-field .reorderable-row[b-haooa4l116] {
    transition: none !important;
}

.reorderable-row .pos-num[b-haooa4l116],
.reorderable-row .pos-abbr:not(.disabled)[b-haooa4l116] {
    cursor: move;
}

@media (max-width: 1199.98px) {
    .reorderable-row .player-select-cell[b-haooa4l116] {
        cursor: move;
    }
}

/* Generic .drag-over for z-index - apply to both types */
.drag-over[b-haooa4l116] {
    z-index: 10;
}

/* Specific background, text color, outline, and shadow ONLY for empty rows */
.drag-over.empty-row td[b-haooa4l116] {
    background-color: #2196f3 !important;
}

.drag-over.empty-row td[b-haooa4l116],
.drag-over.empty-row[b-haooa4l116]  .autocomplete-input,
.drag-over.empty-row .pos-num[b-haooa4l116],
.drag-over.empty-row .pos-abbr[b-haooa4l116] {
    color: white !important;
}

tr.reorderable-row.empty-row:not(.dragging-hidden).drag-over[b-haooa4l116] {
    outline: 2px solid #2196f3 !important;
    outline-offset: -2px;
    box-shadow: 0 0 15px rgba(33, 150, 243, 0.3);
}

/* Ensure occupied rows do NOT get a background highlight or outline when .drag-over is applied */
.drag-over:not(.empty-row) td[b-haooa4l116] {
    background-color: transparent !important;
}

.drag-over:not(.empty-row)[b-haooa4l116] {
    outline: none !important;
    box-shadow: none !important;
}

.drag-over-pos[b-haooa4l116] {
    background-color: #bbdefb !important;
    color: #0d47a1 !important;
    outline: 2px solid #2196f3 !important;
    outline-offset: -2px;
    box-shadow: 0 0 15px rgba(33, 150, 243, 0.3);
    z-index: 10;
}

.drag-over-pos[b-haooa4l116]  .autocomplete-input {
    color: #0d47a1 !important;
}

.reorderable-row.dragging[b-haooa4l116] {
    opacity: 0.4;
}

.reorderable-row.just-swapped td[b-haooa4l116] {
    background-color: #c8e6c9 !important;
}

.reorderable-row.just-swapped[b-haooa4l116] {
    outline-color: #4caf50 !important;
    box-shadow: 0 0 15px rgba(76, 175, 80, 0.5);
    z-index: 10;
}

.reorderable-row.just-swapped[b-haooa4l116]  .autocomplete-input,
.reorderable-row.just-swapped .pos-num[b-haooa4l116],
.reorderable-row.just-swapped .pos-abbr[b-haooa4l116] {
    color: #1b5e20 !important;
}

.reorderable-row.just-removed td[b-haooa4l116] {
    background-color: #ffcdd2 !important;
}

.reorderable-row.just-removed[b-haooa4l116] {
    outline-color: #f44336 !important;
    box-shadow: 0 0 15px rgba(244, 67, 54, 0.5);
    z-index: 10;
}

.reorderable-row.just-removed[b-haooa4l116]  .autocomplete-input,
.reorderable-row.just-removed .pos-num[b-haooa4l116],
.reorderable-row.just-removed .pos-abbr[b-haooa4l116] {
    color: #b71c1c !important;
}

.pos-abbr.just-swapped[b-haooa4l116] {
    background-color: #c8e6c9 !important;
    color: #1b5e20 !important;
    outline: 2px solid #4caf50 !important;
    outline-offset: -2px;
    box-shadow: 0 0 15px rgba(76, 175, 80, 0.5);
    z-index: 10;
}

.pos-abbr.just-swapped[b-haooa4l116]  .autocomplete-input {
    color: #1b5e20 !important;
}

.pos-abbr.just-removed[b-haooa4l116] {
    background-color: #ffcdd2 !important;
    color: #b71c1c !important;
    outline: 2px solid #f44336 !important;
    outline-offset: -2px;
    box-shadow: 0 0 15px rgba(244, 67, 54, 0.5);
    z-index: 10;
}

.pos-abbr.just-removed[b-haooa4l116]  .autocomplete-input {
    color: #b71c1c !important;
}

.reorderable-row.selected td[b-haooa4l116] {
    background-color: #bbdefb !important;
}

.reorderable-row.selected[b-haooa4l116] {
    outline-color: #2196f3 !important;
    box-shadow: 0 0 15px rgba(33, 150, 243, 0.3);
    z-index: 10;
}

.reorderable-row.selected[b-haooa4l116]  .autocomplete-input,
.reorderable-row.selected .pos-num[b-haooa4l116],
.reorderable-row.selected .pos-abbr[b-haooa4l116] {
    color: #0d47a1 !important;
}

.pos-abbr.selected[b-haooa4l116] {
    background-color: #bbdefb !important;
    color: #0d47a1 !important;
    outline: 2px solid #2196f3 !important;
    outline-offset: -2px;
    box-shadow: 0 0 15px rgba(33, 150, 243, 0.3);
    z-index: 10;
}

.pos-abbr.selected[b-haooa4l116]  .autocomplete-input {
    color: #0d47a1 !important;
}

.player-select-cell select:hover[b-haooa4l116] {
    background-color: transparent !important;
}

.player-select-cell select:focus[b-haooa4l116] {
    background-color: transparent !important;
    outline: none;
}

.toast-notification-simple[b-haooa4l116] {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: black;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 2rem;
    z-index: 10000;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    animation: fadeInOut-b-haooa4l116 3s ease-in-out forwards;
    font-weight: bold;
}

@keyframes fadeInOut-b-haooa4l116 {
    0% { opacity: 0; transform: translate(-50%, 20px); }
    15% { opacity: 1; transform: translate(-50%, 0); }
    85% { opacity: 1; transform: translate(-50%, 0); }
    100% { opacity: 0; transform: translate(-50%, -20px); }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-sy2l7isrkd] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-sy2l7isrkd] {
    flex: 1;
}

article[b-sy2l7isrkd] {
    padding: 1rem;
}

@media (min-width: 641px) {
    article[b-sy2l7isrkd] {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}