/* TEXAS LEGACIES — seleção manual da folha semanal */
.admin-weekly-payroll-selection {
    border-top: 1px solid rgba(223, 192, 155, .14);
    border-bottom: 1px solid rgba(223, 192, 155, .14);
    background: rgba(255, 255, 255, .012);
}

.admin-weekly-payroll-selection-heading {
    padding: 24px 38px 18px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.admin-weekly-payroll-selection-heading > div:first-child > span {
    display: block;
    margin-bottom: 8px;
    color: var(--terracotta, #dfa06c);
    font: 700 8px/1.2 Arial, sans-serif;
    letter-spacing: 3px;
}

.admin-weekly-payroll-selection-heading h4 {
    margin: 0;
    color: var(--cream, #f1ddc2);
    font: 600 20px/1.2 Georgia, serif;
}

.admin-weekly-payroll-selection-heading p {
    max-width: 640px;
    margin: 8px 0 0;
    color: rgba(234, 208, 173, .62);
    font: 11px/1.65 Arial, sans-serif;
}

.admin-weekly-payroll-selection-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.admin-weekly-payroll-selection-actions button {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid rgba(223, 192, 155, .22);
    background: transparent;
    color: rgba(241, 221, 194, .82);
    cursor: pointer;
    font: 700 7px/1 Arial, sans-serif;
    letter-spacing: 1.5px;
}

.admin-weekly-payroll-selection-actions button:hover:not(:disabled) {
    border-color: rgba(223, 160, 108, .68);
    color: var(--cream, #f1ddc2);
}

.admin-weekly-payroll-selection-actions button:disabled {
    opacity: .38;
    cursor: not-allowed;
}

.admin-weekly-payroll-selection-summary {
    padding: 12px 38px;
    border-top: 1px solid rgba(223, 192, 155, .10);
    border-bottom: 1px solid rgba(223, 192, 155, .10);
    color: rgba(234, 208, 173, .76);
    font: 700 9px/1.5 Arial, sans-serif;
    letter-spacing: .5px;
}

.admin-weekly-payroll-player-list {
    padding: 16px 38px 24px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.admin-weekly-payroll-player {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 14px 15px;
    border: 1px solid rgba(223, 192, 155, .14);
    background: rgba(7, 27, 33, .30);
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, opacity .2s ease;
}

.admin-weekly-payroll-player:hover:not(.paid) {
    border-color: rgba(223, 160, 108, .48);
}

.admin-weekly-payroll-player.selected {
    border-color: rgba(223, 160, 108, .72);
    background: rgba(195, 91, 50, .08);
}

.admin-weekly-payroll-player.paid {
    opacity: .58;
    cursor: default;
}

.admin-weekly-payroll-player input {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: #c35b32;
}

.admin-weekly-payroll-player-main {
    min-width: 0;
}

.admin-weekly-payroll-player-main strong {
    display: block;
    overflow: hidden;
    color: var(--cream, #f1ddc2);
    font: 700 11px/1.35 Arial, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-weekly-payroll-player-main > span {
    display: block;
    margin-top: 4px;
    color: rgba(234, 208, 173, .48);
    font: 7px/1.4 Arial, sans-serif;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.admin-weekly-payroll-player-characters {
    margin-top: 7px;
    color: rgba(234, 208, 173, .68);
    font: 9px/1.55 Arial, sans-serif;
}

.admin-weekly-payroll-player-amount {
    text-align: right;
}

.admin-weekly-payroll-player-amount strong {
    display: block;
    color: var(--cream, #f1ddc2);
    font: 700 12px/1.2 Arial, sans-serif;
}

.admin-weekly-payroll-player-amount span {
    display: block;
    margin-top: 4px;
    color: rgba(234, 208, 173, .52);
    font: 700 7px/1.3 Arial, sans-serif;
    letter-spacing: 1px;
}

.admin-weekly-payroll-player.paid .admin-weekly-payroll-player-amount span {
    color: rgba(162, 205, 164, .85);
}

.admin-weekly-payroll-player-list-empty {
    grid-column: 1 / -1;
    padding: 18px;
    border: 1px dashed rgba(223, 192, 155, .16);
    color: rgba(234, 208, 173, .55);
    text-align: center;
    font: 10px/1.6 Arial, sans-serif;
}

@media (max-width: 900px) {
    .admin-weekly-payroll-selection-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-weekly-payroll-selection-actions {
        justify-content: flex-start;
    }

    .admin-weekly-payroll-player-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .admin-weekly-payroll-selection-heading,
    .admin-weekly-payroll-player-list {
        padding-left: 21px;
        padding-right: 21px;
    }

    .admin-weekly-payroll-selection-summary {
        padding-left: 21px;
        padding-right: 21px;
    }

    .admin-weekly-payroll-player {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .admin-weekly-payroll-player-amount {
        grid-column: 2;
        text-align: left;
    }
}