﻿.player-edit-page {
    min-height: 100vh;
    background: #f5f7f9;
}

.player-edit-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

    .player-edit-header h1 {
        margin: 4px 0 6px;
        font-size: clamp(1.65rem, 3vw, 2.25rem);
        font-weight: 800;
        color: #1f2a1c;
    }

    .player-edit-header p {
        margin: 0;
        color: #6c757d;
    }

.player-edit-eyebrow {
    display: inline-flex;
    padding: 5px 11px;
    border-radius: 999px;
    background: #eef5e9;
    color: #3f6728;
    font-size: .82rem;
    font-weight: 800;
}

.edit-section-card {
    margin-bottom: 20px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e6ebe3;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(31, 42, 28, .06);
}

.edit-section-heading {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid #edf0eb;
}

.edit-section-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #5b8c3b;
    color: #ffffff;
    font-weight: 800;
}

.edit-section-heading h2 {
    margin: 0 0 4px;
    font-size: 1.15rem;
    font-weight: 800;
    color: #1f2a1c;
}

.edit-section-heading p {
    margin: 0;
    color: #7a8376;
    font-size: .92rem;
}

.player-edit-page .form-control,
.player-edit-page .form-select {
    min-height: 46px;
    border-color: #dfe6dc;
    border-radius: 11px;
}

.player-edit-page textarea.form-control {
    min-height: auto;
}

.player-edit-page .form-control:focus,
.player-edit-page .form-select:focus {
    border-color: #5b8c3b;
    box-shadow: 0 0 0 .2rem rgba(91, 140, 59, .14);
}

.edit-switch-box {
    width: 100%;
    min-height: 46px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 14px;
    border: 1px solid #dfe6dc;
    border-radius: 11px;
    background: #fbfcfa;
}

.club-selector-line {
    max-width: 860px;
}

.media-edit-box {
    height: 100%;
    padding: 16px;
    border: 1px solid #e2e8df;
    border-radius: 15px;
    background: #fafcf9;
}

    .media-edit-box h3 {
        margin: 0 0 12px;
        font-size: 1rem;
        font-weight: 800;
        color: #283425;
    }

.media-edit-preview,
.media-edit-video,
.media-edit-placeholder {
    width: 100%;
    height: 220px;
    border: 1px solid #dce4d8;
    border-radius: 13px;
    background: #edf2ea;
}

.media-edit-preview {
    display: block;
    object-fit: cover;
}

.media-edit-video {
    display: block;
    object-fit: contain;
}

.media-edit-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #788173;
    font-weight: 700;
    text-align: center;
    padding: 18px;
}

.player-edit-actions {
    position: sticky;
    bottom: 0;
    z-index: 50;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 0;
    background: rgba(245, 247, 249, .94);
    backdrop-filter: blur(8px);
}

@media (max-width: 767.98px) {
    .player-edit-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .edit-section-card {
        padding: 18px;
        border-radius: 15px;
    }

    .player-edit-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

        .player-edit-actions .btn {
            width: 100%;
        }
}
