/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-mrdd8j0lxg] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-mrdd8j0lxg] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-mrdd8j0lxg] {
    font-size: 1.1rem;
}

.bi[b-mrdd8j0lxg] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-mrdd8j0lxg] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-mrdd8j0lxg] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-mrdd8j0lxg] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-mrdd8j0lxg] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-mrdd8j0lxg] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-mrdd8j0lxg] {
        padding-bottom: 1rem;
    }

    .nav-item[b-mrdd8j0lxg]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-mrdd8j0lxg]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-mrdd8j0lxg]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-mrdd8j0lxg] {
        display: none;
    }

    .collapse[b-mrdd8j0lxg] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-mrdd8j0lxg] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Health/AddSession.razor.rz.scp.css */

.badge-doc[b-7g6kr8ccv8] {
    background-color: #E2E8F0;
    color: #475569;
    font-size: 0.75rem;
    padding: 4px 8px;
    border-radius: 6px;
}


.search-container .search-results-wrapper[b-7g6kr8ccv8] {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/* /Pages/Health/Injuries.razor.rz.scp.css */
.custom-input[b-3opcr44pfm] {
    height: 38px !important;
    padding: 0.4rem 0.75rem !important;
    font-size: 0.9rem !important;
}

.form-label[b-3opcr44pfm] {
    font-size: 0.85rem !important;
    margin-bottom: 0.25rem !important;
    font-weight: 600;
}

.search-container .input-group[b-3opcr44pfm] {
    height: 38px;
}

.table td[b-3opcr44pfm] {
    padding: 0.75rem 1rem !important; 
}

.x-small[b-3opcr44pfm] {
    font-size: 0.7rem;
}

.badge.bg-cyan[b-3opcr44pfm] {
    background-color: rgba(23, 162, 184, 0.15) !important; 
    color: #138496 !important;
    border: 1px solid rgba(23, 162, 184, 0.3);
    font-weight: 600;
}

.custom-modal-container[b-3opcr44pfm] {
    max-width: 550px !important; 
    transition: all 0.3s ease;
}

.custom-modal-body[b-3opcr44pfm] {
    max-height: 85vh !important; 
    padding: 1.75rem !important; 
    overflow-y: visible !important; 
}

    .custom-modal-body .bg-light[b-3opcr44pfm] {
        padding: 1rem !important;
        margin-bottom: 1.5rem !important;
    }

    .custom-modal-body .form-control-sm[b-3opcr44pfm] {
        height: 35px;
    }

.btn-reset-custom[b-3opcr44pfm] {
    background-color: #FFFFFF;
    color: #64748B;
    border: 1.5px solid #E2E8F0;
    border-radius: 8px;
    height: 46px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.filter-btn[b-3opcr44pfm] {
    height: 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 8px;
}

/* /Pages/Health/MealPlans.razor.rz.scp.css */
.custom-table-container[b-jk7l8axqh0] {
    width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    margin-bottom: 1.5rem;
    overflow: hidden; /* Evita que la tabla asome las puntas */
}

.custom-adaptive-table[b-jk7l8axqh0] {
    width: 100%;
    table-layout: fixed; 
    vertical-align: middle;
    border-collapse: collapse;
}

.col-width-date[b-jk7l8axqh0] {
    width: 12%;
    min-width: 90px;
}

.col-width-weight[b-jk7l8axqh0] {
    width: 10%;
    min-width: 75px;
}

.col-width-sm[b-jk7l8axqh0] {
    width: 8%;
    min-width: 60px;
}

.col-width-action[b-jk7l8axqh0] {
    width: 60px !important;
    min-width: 60px;
}

.custom-adaptive-table th[b-jk7l8axqh0] {
    white-space: nowrap;
}

.text-cell-player[b-jk7l8axqh0] {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-cell-desc[b-jk7l8axqh0] {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filter-item-flex[b-jk7l8axqh0] {
    flex: 1 1 200px;
    min-width: 0; 
    max-width: 100%;
}

.filter-date-flex[b-jk7l8axqh0] {
    flex: 1 1 130px;
    min-width: 0;
    max-width: 100%;
}

.xsmall-badge[b-jk7l8axqh0] {
    font-size: 0.75rem;
    padding: 0.35em 0.6em;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.rounded-12[b-jk7l8axqh0] {
    border-radius: 12px !important;
}

.rounded-8[b-jk7l8axqh0] {
    border-radius: 8px !important;
}

.text-cyan[b-jk7l8axqh0] {
    color: #1094ab !important;
}

.custom-adaptive-table td:last-child[b-jk7l8axqh0] {
    overflow: visible !important;
}

@media (max-width: 768px) {
    .custom-adaptive-table th[b-jk7l8axqh0],
    .custom-adaptive-table td[b-jk7l8axqh0] {
        padding: 8px 4px !important;
        font-size: 0.8rem;
    }
}

.custom-adaptive-table td[b-jk7l8axqh0] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-container[b-jk7l8axqh0] {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.main-panel[b-jk7l8axqh0] {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 1.5rem; 
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    width: 100%;
}

.modal-footer .btn-plantel-primary[b-jk7l8axqh0] {
    height: 42px; 
    width: auto;
    padding: 0 1.5rem;
}

.modal-footer .btn-light[b-jk7l8axqh0] {
    height: 42px;
    border: 1px solid #E2E8F0;
    transition: all 0.2s;
}

    .modal-footer .btn-light:hover[b-jk7l8axqh0] {
        background-color: #F8FAFC;
        color: #334155 !important;
    }
/* /Pages/Health/Sessions.razor.rz.scp.css */
.notes-truncated[b-r1p3n6wr7x] {
    line-height: 1.2;
}

.text-truncate[b-r1p3n6wr7x] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-nowrap-custom[b-r1p3n6wr7x] {
    white-space: nowrap;
}
/* /Pages/Match/AddMatch.razor.rz.scp.css */
.autocomplete-container[b-6fqr7dq9y6] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    margin-top: 4px;
    z-index: 1000;
    max-height: 220px;
    overflow-y: auto;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

.autocomplete-item[b-6fqr7dq9y6] {
    padding: 12px 14px;
    cursor: pointer;
    transition: background .15s ease;
}

    .autocomplete-item:hover[b-6fqr7dq9y6] {
        background: #f5f7fa;
    }

.modal-backdrop-custom[b-6fqr7dq9y6] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.custom-modal[b-6fqr7dq9y6] {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
}

.validation-message[b-6fqr7dq9y6] {
    color: #DC2626;
    font-size: .875rem;
    margin-top: .35rem;
    font-weight: 500;
}

.match-form-container[b-6fqr7dq9y6] {
    max-width: 600px;
    margin: 0 auto;
}

.form-field[b-6fqr7dq9y6] {
    margin-bottom: 1.5rem;
}

    .form-field label[b-6fqr7dq9y6] {
        display: block;
        margin-bottom: .5rem;
        font-weight: 500;
    }

    .form-field .custom-input[b-6fqr7dq9y6] {
        width: 100%;
    }

.autocomplete-container[b-6fqr7dq9y6] {
    width: 100%;
}

.form-field[b-6fqr7dq9y6] {
    margin-bottom: 1.5rem;
    position: relative;
}
/* /Pages/Match/MatchDetails.razor.rz.scp.css */
.detail-label[b-m4my6avx69] {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #94A3B8;
    margin-bottom: 0.4rem;
}

.detail-value[b-m4my6avx69] {
    color: #0F172A;
    font-size: 1rem;
    font-weight: 600;
}


.team-name[b-m4my6avx69] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #0F172A;
}

.match-score-section[b-m4my6avx69] {
    text-align: center;
}

.match-score[b-m4my6avx69] {
    font-size: 2rem;
    font-weight: 800;
    color: #06B6D4;
}

.match-date[b-m4my6avx69] {
    color: #64748B;
    margin-bottom: .5rem;
}

.player-header h6[b-m4my6avx69] {
    margin: 0;
    font-weight: 700;
}

.player-stats[b-m4my6avx69] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.stat-item[b-m4my6avx69] {
    background: #F8FAFC;
    border-radius: 10px;
    padding: .75rem;
    text-align: center;
}

    .stat-item span[b-m4my6avx69] {
        display: block;
        font-size: .75rem;
        color: #64748B;
    }

    .stat-item strong[b-m4my6avx69] {
        font-size: 1.25rem;
    }

.match-sheet[b-m4my6avx69] {
    background: white;
}

.sheet-title[b-m4my6avx69] {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

.match-info-table[b-m4my6avx69] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
}

    .match-info-table th[b-m4my6avx69],
    .match-info-table td[b-m4my6avx69] {
        border: 1px solid #D1D5DB;
        padding: .75rem;
        font-size: .95rem;
    }

    .match-info-table th[b-m4my6avx69] {
        background: #F8F9FA;
        text-align: left;
        width: 150px;
        font-weight: 600;
    }

.performance-table[b-m4my6avx69] {
    width: 100%;
    border-collapse: collapse;
}

    .performance-table th[b-m4my6avx69],
    .performance-table td[b-m4my6avx69] {
        border: 1px solid #D1D5DB;
        padding: .7rem;
        text-align: center;
    }

    .performance-table th[b-m4my6avx69] {
        background: #F8F9FA;
        font-weight: 600;
    }

        .performance-table td:first-child[b-m4my6avx69],
        .performance-table th:first-child[b-m4my6avx69] {
            text-align: left;
        }
/* /Pages/Match/Matches.razor.rz.scp.css */
.match-score[b-eio2ibf001] {
    font-weight: 700;
    font-size: 1rem;
    color: #0F172A;
}

.badge-danger-custom[b-eio2ibf001] {
    background-color: #FEE2E2;
    color: #991B1B;
}

.badge-secondary-custom[b-eio2ibf001] {
    background-color: #E2E8F0;
    color: #475569;
}

.modal-backdrop-custom[b-eio2ibf001] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.custom-modal[b-eio2ibf001] {
    background: white;
    border-radius: 16px;
    width: 95%;
    max-width: 1200px;
    max-height: 90vh;
    box-shadow: 0 20px 50px rgba(0,0,0,.15);
    overflow: hidden;
    animation: modalFadeIn-b-eio2ibf001 .2s ease-out;
}

    .custom-modal.custom-modal-sm[b-eio2ibf001] {
        max-width: 500px;
        width: 90%;
    }

.custom-modal-sm .form-control.custom-input[b-eio2ibf001],
.custom-modal-sm .form-select.custom-input[b-eio2ibf001] {
    width: 100%;
    height: 42px;
    padding: 0.5rem 0.85rem;
    font-size: 0.95rem;
    border-radius: 8px;
    border: 1px solid #CBD5E1;
    box-sizing: border-box;
}

    .custom-modal-sm .form-control.custom-input:focus[b-eio2ibf001],
    .custom-modal-sm .form-select.custom-input:focus[b-eio2ibf001] {
        border-color: #06B6D4; 
        box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.15);
        outline: none;
    }

.modal-header[b-eio2ibf001] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #E2E8F0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .modal-header h5[b-eio2ibf001] {
        margin: 0;
        font-weight: 600;
    }

.modal-body[b-eio2ibf001] {
    padding: 1.5rem;
    max-height: calc(90vh - 140px);
    overflow-y: auto;
}

    .modal-body label[b-eio2ibf001] {
        font-size: .875rem;
        font-weight: 500;
        margin-bottom: .35rem;
        color: #334155;
        display: block;
    }


@keyframes modalFadeIn-b-eio2ibf001 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.match-score[b-eio2ibf001] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    padding: .35rem .75rem;
    border-radius: 999px;
    background: #F1F5F9;
    color: #0F172A;
    font-weight: 700;
    font-size: .95rem;
}


    .modal-footer button[b-eio2ibf001] {
        width: 120px;
    }


.modal-footer[b-eio2ibf001] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #E2E8F0;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.modal-body .table input.form-control[b-eio2ibf001] {
    min-width: 70px;
}

.modal-body .table td[b-eio2ibf001],
.modal-body .table th[b-eio2ibf001] {
    vertical-align: middle;
}
/* /Pages/Match/MatchesCalendar.razor.rz.scp.css */
#matches-calendar[b-vs0ob5gtvd] {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem;
}

.fc[b-vs0ob5gtvd] {
    font-family: 'Inter', sans-serif;
}

.fc-toolbar-title[b-vs0ob5gtvd] {
    font-size: 1.5rem !important;
    font-weight: 700;
}

.fc-button[b-vs0ob5gtvd] {
    border-radius: 10px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.fc-button-primary[b-vs0ob5gtvd] {
    background-color: #06B6D4 !important;
    border-color: #06B6D4 !important;
}

    .fc-button-primary:hover[b-vs0ob5gtvd] {
        background-color: #0891B2 !important;
        border-color: #0891B2 !important;
    }

.fc-button-active[b-vs0ob5gtvd] {
    background-color: #0E7490 !important;
    border-color: #0E7490 !important;
}

.fc-event[b-vs0ob5gtvd] {
    border: none !important;
    border-radius: 8px !important;
    padding: 2px 6px !important;
    font-size: 0.85rem;
    font-weight: 600;
}

.fc-daygrid-event[b-vs0ob5gtvd] {
    white-space: normal !important;
}
.fc-day-today[b-vs0ob5gtvd] {
    background-color: rgba(6, 182, 212, 0.08) !important;
}

.fc-event:hover[b-vs0ob5gtvd] {
    cursor: pointer;
    opacity: 0.9;
}
.modal-backdrop-custom[b-vs0ob5gtvd] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.match-modal[b-vs0ob5gtvd] {
    background: white;
    border-radius: 12px;
    width: 500px;
    max-width: 90vw;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,.2);
}

.match-modal-header[b-vs0ob5gtvd] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.match-modal-body[b-vs0ob5gtvd] {
    padding: 1.25rem;
}

.detail-row[b-vs0ob5gtvd] {
    margin-bottom: .75rem;
}
.calendar-legend[b-vs0ob5gtvd] {
    display: flex;
    gap: 1.5rem;
    margin-top: 1rem;
}

.legend-dot[b-vs0ob5gtvd] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
}

.pending[b-vs0ob5gtvd] {
    background: #3B82F6;
}

.played[b-vs0ob5gtvd] {
    background: #22C55E;
}

.cancelled[b-vs0ob5gtvd] {
    background: #EF4444;
}
/* /Pages/Match/MatchPlayerSelection.razor.rz.scp.css */
.players-grid[b-80vomjlnwu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
}

.player-chip[b-80vomjlnwu] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem 0.9rem;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: white;
    cursor: pointer;
    transition: all .2s ease;
    font-size: 0.9rem;
    font-weight: 500;
}

    .player-chip:hover[b-80vomjlnwu] {
        border-color: #17A2B8;
        background: #F8FAFC;
    }

.external-player-search[b-80vomjlnwu] {
    max-width: 450px;
}

.external-players-list[b-80vomjlnwu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.external-player-tag[b-80vomjlnwu] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0.8rem;
    border-radius: 8px;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
}

    .external-player-tag button[b-80vomjlnwu] {
        border: none;
        background: transparent;
        color: #DC2626;
    }

.selection-counter[b-80vomjlnwu] {
    background: #E0F2FE;
    color: #0369A1;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
}
/* /Pages/Player/AddPlayer.razor.rz.scp.css */

.ls-1[b-krhp6ppcj3] {
    letter-spacing: 0.5px;
}

.transition-all[b-krhp6ppcj3] {
    transition: all 0.2s ease-in-out;
}

.text-danger.small[b-krhp6ppcj3] {
    display: block;
    min-height: 18px;
}

.page-add-player .content-container[b-krhp6ppcj3] {
    max-width: 1200px !important;
}

.page-add-player .main-panel[b-krhp6ppcj3] {
    padding: 3rem !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

.tabs-header[b-krhp6ppcj3] {
    display: flex;
    justify-content: center;
    gap: 2rem;
    border-bottom: 2px solid #E2E8F0;
    margin-bottom: 2.5rem !important;
}

.tab-btn[b-krhp6ppcj3] {
    background: none;
    border: none;
    padding: 1rem 2rem;
    font-weight: 600;
    color: #64748B;
    position: relative;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.tab-number[b-krhp6ppcj3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #E2E8F0;
    font-size: 0.75rem;
    color: #64748B;
}

.tab-btn.active[b-krhp6ppcj3] {
    color: #17A2B8;
    border-bottom: 3px solid #17A2B8; 
}

    .tab-btn.active .tab-number[b-krhp6ppcj3] {
        background: #17A2B8;
        color: white;
    }

.tab-btn:disabled[b-krhp6ppcj3] {
    opacity: 0.5;
    cursor: not-allowed;
}

.page-add-player .form-label[b-krhp6ppcj3] {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748B;
    margin-bottom: 0.5rem;
}

.page-add-player .custom-input[b-krhp6ppcj3],
.page-add-player select.custom-input[b-krhp6ppcj3],
.page-add-player .input-group[b-krhp6ppcj3] {
    width: 100% !important;
    height: 45px;
    border: 1px solid #CBD5E1;
    box-sizing: border-box;
}

    .page-add-player .input-group .custom-input[b-krhp6ppcj3] {
        flex: 1;
        width: 1% !important; 
        height: 100% !important;
        border: none; 
    }

.page-add-player .input-group[b-krhp6ppcj3] {
    border-radius: 8px;
    overflow: hidden;
}

.page-add-player .custom-file-group[b-krhp6ppcj3] {
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    border: 1px solid #CBD5E1; 
    height: 45px;
}

    .page-add-player .custom-file-group .input-group-text[b-krhp6ppcj3] {
        border: none;
        background-color: #F8FAFC;
        color: #17A2B8;
        cursor: pointer;
    }

[b-krhp6ppcj3]::file-selector-button {
    background: #E2E8F0;
    border: none;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    color: #475569;
    font-size: 0.8rem;
    font-weight: 600;
    margin-right: 10px;
    cursor: pointer;
    transition: all 0.2s;
}

    [b-krhp6ppcj3]::file-selector-button:hover {
        background: #CBD5E1;
    }
/* /Pages/Player/Players.razor.rz.scp.css */
.player-card[b-kiu9fbtj08] {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #f0f0f0 !important;
    position: relative;
    transition: all 0.3s ease;
    height: 100%;
    overflow: visible !important;
}

    .player-card:hover[b-kiu9fbtj08] {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important;
    }

    .player-card .card-body[b-kiu9fbtj08] {
        padding: 1rem !important;
    }

.card-menu[b-kiu9fbtj08] {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
}

    .card-menu .dropdown-menu[b-kiu9fbtj08] {
        z-index: 1050; 
        position: absolute;
    }

.avatar-box[b-kiu9fbtj08] {
    position: relative;
    display: inline-block;
}

.player-img[b-kiu9fbtj08] {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border: 3px solid #f8f9fa;
    box-shadow: 0 4px 8px rgba(0,0,0,0.04);
}

.player-name[b-kiu9fbtj08] {
    color: #0F1E3D;
    font-weight: 700;
    font-size: 0.9rem;
    margin-bottom: 0;
    line-height: 1.2;
}

.pagination .page-item .btn[b-kiu9fbtj08] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.bg-yellow-light[b-kiu9fbtj08] {
    background-color: #fff9e6;
}

.bg-alice-blue[b-kiu9fbtj08] {
    background-color: #f0f8ff;
}

.upload-zone:hover[b-kiu9fbtj08] {
    background-color: #f8f9fa;
    border-color: #00bcd4 !important;
    transition: all 0.3s ease;
}

.col:hover[b-kiu9fbtj08] {
    z-index: 10; 
}


/* /Pages/Player/PlayersInfo.razor.rz.scp.css */
.fs-5[b-xndezdmhd8] {
    font-size: 1.1rem !important;
    font-weight: 500;
    color: #1e293b;
}

.fw-600[b-xndezdmhd8] {
    font-weight: 600;
}

.border-cyan[b-xndezdmhd8] {
    border-color: #17A2B8 !important;
}

.content-container[b-xndezdmhd8] {
    max-width: 1650px;
    width: 95%;
    margin: 0 auto;
}

.nav-tabs[b-xndezdmhd8] {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .nav-tabs[b-xndezdmhd8]::-webkit-scrollbar {
        display: none;
    }


    .nav-tabs .nav-link[b-xndezdmhd8] {
        padding: 0.8rem 1rem !important; 
        font-size: 0.85rem; 
        white-space: nowrap; 
        transition: all 0.2s ease;
    }


@media (min-width: 1200px) {
    .col-md-3[b-xndezdmhd8] {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-md-9[b-xndezdmhd8] {
        flex: 0 0 80%;
        max-width: 80%;
    }
}

/* Estilo para notas truncadas */
.notes-truncated[b-xndezdmhd8] {
    cursor: pointer;
    font-size: 0.85rem;
    color: #64748B;
    max-width: 200px;
}

    .notes-truncated:hover[b-xndezdmhd8] {
        color: #17A2B8;
    }

.view-more-hint[b-xndezdmhd8] {
    display: block;
    font-size: 0.7rem;
    color: #17A2B8;
    font-weight: 700;
    opacity: 0;
    transition: 0.2s;
}

.notes-truncated:hover .view-more-hint[b-xndezdmhd8] {
    opacity: 1;
}


.animate-fade-in[b-xndezdmhd8] {
    animation: fadeIn-b-xndezdmhd8 0.3s ease-in-out;
}

@keyframes fadeIn-b-xndezdmhd8 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-content[b-xndezdmhd8] {
    border-radius: 12px;
    overflow: hidden;
}

    /* Asegurar que el modal no crezca infinitamente a lo ancho */
    .modal-dialog[b-xndezdmhd8] {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-body[b-xndezdmhd8] {
        word-wrap: break-word;
        word-break: break-word;
        overflow-wrap: anywhere;
        white-space: normal;
    }

        .modal-body p[b-xndezdmhd8] {
            margin-bottom: 0;
            line-height: 1.6;
            color: #475569;
        }

    .text-nowrap-custom[b-xndezdmhd8] {
        white-space: nowrap;
    }

    .notes-content[b-xndezdmhd8] {
        white-space: pre-wrap; 
        word-wrap: break-word; 
        word-break: break-word;
        overflow-wrap: break-word;
        color: #475569;
        line-height: 1.6;
        margin: 0;
    }

/* Forzar que el modal esté por encima del fondo oscuro */
.modal.show[b-xndezdmhd8] {
    z-index: 1060 !important;
}

.modal-backdrop.show[b-xndezdmhd8] {
    z-index: 1050 !important;
}

/* Ajuste para que el modal sea visible */
.d-block[b-xndezdmhd8] {
    display: block !important;
}

/* Estilo específico para la barra de filtros de entrenamientos */
.input-group-text[b-xndezdmhd8] {
    border-radius: 8px 0 0 8px !important;
    border: 1.5px solid #E2E8F0;
    border-right: none;
    background-color: #F8FAFC;
}

/* Forzar altura y padding para que coincida con .custom-input */
.input-group .custom-input[b-xndezdmhd8] {
    height: 42px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Botones de filtro compactos */
.btn-filter-custom[b-xndezdmhd8] {
    height: 42px;
    min-width: 110px; /* Ancho fijo para que no bailen según el texto */
    padding: 0 1.25rem !important;
    font-size: 0.85rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

    /* Ajuste para los iconos dentro de estos botones */
    .btn-filter-custom i[b-xndezdmhd8] {
        font-size: 1rem;
    }

/* Asegurar que el contenedor de los filtros no se estire */
.col-auto[b-xndezdmhd8] {
    flex: 0 0 auto;
    width: auto;
}
/* /Pages/Player/PlayerTeams.razor.rz.scp.css */
.custom-input.py-1[b-e77ip7a9a1] {
    height: 35px;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.85rem;
}

.italic[b-e77ip7a9a1] {
    font-style: italic;
}
/* /Pages/Stock/AddOrder.razor.rz.scp.css */
/* ==========================================
   SECCIÓN DE AGREGAR ARTÍCULO
   ========================================== */

.order-add-section[b-wy68najonf] {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 1.25rem;
    margin-bottom: 2rem;
}

/* ==========================================
   BUSCADOR DE ARTÍCULOS
   ========================================== */

.search-dropdown[b-wy68najonf] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    overflow: hidden;
    z-index: 2000;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -2px rgba(0,0,0,0.03);
    animation: fadeInDropdown-b-wy68najonf 0.18s ease;
}

.search-item[b-wy68najonf] {
    padding: 0.9rem 1rem;
    transition: all 0.15s ease;
    cursor: pointer;
    border-bottom: 1px solid #F1F5F9;
}

    .search-item:last-child[b-wy68najonf] {
        border-bottom: none;
    }

    .search-item:hover[b-wy68najonf] {
        background: #F8FAFC;
    }

    .search-item .fw-semibold[b-wy68najonf] {
        color: #0F172A;
        font-size: 0.92rem;
    }

    .search-item small[b-wy68najonf] {
        font-size: 0.78rem;
    }

/* ==========================================
   TABLA DE PEDIDO
   ========================================== */

.order-table-wrapper[b-wy68najonf] {
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    overflow: hidden;
    background: #FFFFFF;
}

    .order-table-wrapper table[b-wy68najonf] {
        margin-bottom: 0;
    }

.order-empty-state[b-wy68najonf] {
    padding: 3rem 1rem;
    text-align: center;
}

    .order-empty-state i[b-wy68najonf] {
        font-size: 2.5rem;
        color: #CBD5E1;
        margin-bottom: 1rem;
        display: block;
    }

.order-empty-state-title[b-wy68najonf] {
    font-weight: 600;
    color: #475569;
    margin-bottom: 0.3rem;
}

.order-empty-state-text[b-wy68najonf] {
    font-size: 0.9rem;
    color: #94A3B8;
}

/* ==========================================
   CANTIDAD INPUT
   ========================================== */

.quantity-input[b-wy68najonf] {
    text-align: center;
    font-weight: 600;
}

/* ==========================================
   BOTÓN DELETE
   ========================================== */

.btn-remove-item[b-wy68najonf] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid #FECACA;
    background: #FEF2F2;
    color: #DC2626;
    transition: all 0.2s ease;
}

    .btn-remove-item:hover[b-wy68najonf] {
        background: #DC2626;
        color: white;
        transform: translateY(-1px);
    }

/* ==========================================
   FOOTER
   ========================================== */

.order-footer[b-wy68najonf] {
    border-top: 1px solid #EDF2F7;
    padding-top: 1.5rem;
    margin-top: 2rem;
}

/* ==========================================
   ANIMACIONES
   ========================================== */

@keyframes fadeInDropdown-b-wy68najonf {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 768px) {

    .order-add-section[b-wy68najonf] {
        padding: 1rem;
    }

    .search-item[b-wy68najonf] {
        padding: 0.8rem;
    }

    .table thead th[b-wy68najonf] {
        font-size: 0.68rem;
    }

    .table tbody td[b-wy68najonf] {
        font-size: 0.82rem;
    }
}
/* /Pages/Stock/Items.razor.rz.scp.css */


.btn-action-danger[b-it6ev2shzt] {
    color: #94A3B8; 
    background: transparent;
    border: none;
    padding: 0.5rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .btn-action-danger:hover[b-it6ev2shzt] {
        background-color: #FEF2F2; 
        color: #DC2626; 
        transform: scale(1.1); 
    }

    .btn-action-danger[title]:hover[b-it6ev2shzt]::after {
        font-weight: 500;
    }

/*NUEVO*/
/* Contenedor principal con fondo oscuro semitransparente */
.custom-modal-backdrop[b-it6ev2shzt] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

/* El Modal con fondo blanco sólido */
.custom-modal[b-it6ev2shzt] {
    background-color: #ffffff; /* Fondo blanco */
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Header */
.custom-modal-header[b-it6ev2shzt] {
    padding: 1.25rem;
    border-bottom: 1px solid #eef2f6;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .custom-modal-header h4[b-it6ev2shzt] {
        margin: 0;
        color: #1e293b;
    }

    .custom-modal-header p[b-it6ev2shzt] {
        margin: 0;
        color: #64748b;
        font-size: 0.9rem;
    }

/* Cuerpo del modal */
.custom-modal-body[b-it6ev2shzt] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem; /* Controla la separación general de los elementos */
}

/* CARD DE RESUMEN (Artículo y Stock en una sola línea) */
.item-summary-card[b-it6ev2shzt] {
    background-color: #f8fafc;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.5rem; /* Espacio entre Artículo y Stock */
    border: 1px solid #e2e8f0;
}

.summary-group[b-it6ev2shzt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.summary-label[b-it6ev2shzt] {
    color: #64748b;
    font-size: 0.9rem;
}

/* FORMULARIO */
.modal-form-group[b-it6ev2shzt] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem; /* Reduce espacio entre label e input */
}

/* Cantidad: Label e Input en la misma línea */
.row-layout[b-it6ev2shzt] {
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
}

.modal-label-inline[b-it6ev2shzt] {
    font-weight: 600;
    color: #334155;
    font-size: 0.95rem;
}

.modal-input[b-it6ev2shzt] {
    border-radius: 6px;
    border: 1px solid #cbd5e1;
}

    .modal-input:focus[b-it6ev2shzt] {
        border-color: #3b82f6;
        box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
    }


/* Badges de Stock */
.stock-badge[b-it6ev2shzt] {
    padding: 0.2rem 0.6rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 700;
}

.normal-stock[b-it6ev2shzt] {
    background-color: #dcfce7;
    color: #166534;
}

.low-stock[b-it6ev2shzt] {
    background-color: #fee2e2;
    color: #991b1b;
}

/* Footer */
.custom-modal-footer[b-it6ev2shzt] {
    padding: 1rem 1.25rem;
    background-color: #f8fafc;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.btn-modal-close[b-it6ev2shzt] {
    background: none;
    border: none;
    color: #94a3b8;
    cursor: pointer;
}

.validation-message[b-it6ev2shzt] {
    color: #DC2626;
    font-size: 0.82rem;
    margin-top: 0.2rem;
    font-weight: 500;
}

.field-container[b-it6ev2shzt] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* =========================
   BOTÓN 3 PUNTITOS
========================= */

.btn-actions-menu[b-it6ev2shzt] {
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    border-radius: 10px;
    color: #64748B;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

    .btn-actions-menu:hover[b-it6ev2shzt] {
        background-color: #F1F5F9;
        color: #0F172A;
    }

    .btn-actions-menu:focus[b-it6ev2shzt] {
        box-shadow: none;
    }

    .btn-actions-menu i[b-it6ev2shzt] {
        font-size: 1rem;
    }

.textarea-wrapper[b-it6ev2shzt] {
    position: relative;
    display: flex;
    width: 100%;
}

.reason-textarea[b-it6ev2shzt] {
    width: 100%;
    min-height: 90px;
    max-height: 90px;
    resize: none !important;
    overflow-y: auto;
    padding: 12px 14px 30px 14px !important;
    box-sizing: border-box;
    padding-bottom: 28px !important;
}

.character-counter[b-it6ev2shzt] {
    position: absolute;
    left: 415px;
    top: 60px;
    font-size: 12px;
    color: #94A3B8;
}
/* /Pages/Stock/Orders.razor.rz.scp.css */
.modal-backdrop-custom[b-fjvry47y39] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 1.5rem;
    animation: fadeIn-b-fjvry47y39 0.2s ease;
}

.modal-plantel[b-fjvry47y39] {
    width: 100%;
    max-width: 720px;
    background: #ffffff;
    border-radius: 1.25rem;
    padding: 1.75rem;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(226, 232, 240, 0.9);
    animation: scaleIn-b-fjvry47y39 0.2s ease;
}

    .modal-plantel h5[b-fjvry47y39] {
        font-size: 1.2rem;
        font-weight: 700;
        color: #0f172a;
        margin-bottom: 1.5rem;
    }

    .modal-plantel .table[b-fjvry47y39] {
        margin-bottom: 0;
        vertical-align: middle;
    }

        .modal-plantel .table thead th[b-fjvry47y39] {
            background-color: #f8fafc;
            color: #475569;
            font-size: 0.85rem;
            font-weight: 600;
            border-bottom: 1px solid #e2e8f0;
            padding: 0.9rem 1rem;
        }

        .modal-plantel .table tbody td[b-fjvry47y39] {
            padding: 1rem;
            border-color: #f1f5f9;
            color: #0f172a;
        }

    .modal-plantel .form-control[b-fjvry47y39] {
        border-radius: 0.8rem;
        border: 1px solid #dbe3ee;
        min-height: 42px;
        box-shadow: none;
        transition: all 0.2s ease;
    }

        .modal-plantel .form-control:focus[b-fjvry47y39] {
            border-color: #06b6d4;
            box-shadow: 0 0 0 0.2rem rgba(6, 182, 212, 0.15);
        }

    .modal-plantel .btn-secondary[b-fjvry47y39] {
        border-radius: 0.8rem;
        padding: 0.65rem 1.2rem;
        border: none;
        background: #e2e8f0;
        color: #0f172a;
        font-weight: 600;
    }

        .modal-plantel .btn-secondary:hover[b-fjvry47y39] {
            background: #cbd5e1;
        }

@keyframes fadeIn-b-fjvry47y39 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes scaleIn-b-fjvry47y39 {
    from {
        opacity: 0;
        transform: scale(0.96);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 768px) {

    .modal-plantel[b-fjvry47y39] {
        padding: 1.25rem;
        border-radius: 1rem;
    }

        .modal-plantel .table thead[b-fjvry47y39] {
            display: none;
        }

        .modal-plantel .table[b-fjvry47y39],
        .modal-plantel tbody[b-fjvry47y39],
        .modal-plantel tr[b-fjvry47y39],
        .modal-plantel td[b-fjvry47y39] {
            display: block;
            width: 100%;
        }

        .modal-plantel tr[b-fjvry47y39] {
            padding: 1rem;
            border: 1px solid #e2e8f0;
            border-radius: 1rem;
            margin-bottom: 1rem;
        }

        .modal-plantel td[b-fjvry47y39] {
            border: none;
            padding: 0.35rem 0;
        }
}
/* /Pages/Stock/OrdersDetail.razor.rz.scp.css */
.order-detail-actions[b-uqb1xfacge] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.order-item-name[b-uqb1xfacge] {
    font-weight: 600;
    color: #0F172A;
}

.order-quantity[b-uqb1xfacge] {
    font-weight: 700;

}

.order-edit-input[b-uqb1xfacge] {
    max-width: 120px;
    margin-left: auto;
}

.order-footer-actions[b-uqb1xfacge] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    gap: 1rem;
}

.order-add-button[b-uqb1xfacge] {
    min-width: 180px;
}

.order-save-button[b-uqb1xfacge] {
    min-width: 180px;
}



.editing-row[b-uqb1xfacge] {
    background-color: rgba(23, 162, 184, 0.03);
}

.order-section-title[b-uqb1xfacge] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 1rem;
}

.empty-item-select[b-uqb1xfacge] {
    min-width: 240px;
}


/* /Pages/Team/AddStaff.razor.rz.scp.css */
.user-results-list[b-7dendmrf5l] {
    max-height: 400px;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
}

.user-item[b-7dendmrf5l] {
    padding: 1rem;
    border-bottom: 1px solid #F1F5F9;
    transition: background 0.2s ease;
}

    .user-item:last-child[b-7dendmrf5l] {
        border-bottom: none;
    }

    .user-item:hover[b-7dendmrf5l] {
        background: #F8FAFC;
    }

.table .custom-input[b-7dendmrf5l] {
    height: 38px;
    font-size: 0.85rem;
    background-color: #F8FAFC;
}

.badge-info[b-7dendmrf5l] {
    background-color: #E0F2FE;
    color: #0369A1;
}

.badge-success[b-7dendmrf5l] {
    background-color: #DCFCE7;
    color: #166534;
}

.main-panel[b-7dendmrf5l] {
    padding: 1.5rem !important; 
}

.custom-input[b-7dendmrf5l] {
    padding: 0.5rem 0.7rem !important; 
}

.input-group > .custom-input[b-7dendmrf5l] {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

search-panel[b-7dendmrf5l] {
    padding: 2rem !important;
}

.search-panel .custom-input[b-7dendmrf5l] {
    padding: 0.6rem 0.75rem !important;
    height: 42px !important;
    line-height: 1.5 !important;
}

.search-panel .btn-search-icon[b-7dendmrf5l] {
    padding: 0 1.4rem !important;
    height: 42px !important;
}

.search-panel .user-results-list[b-7dendmrf5l] {
    max-height: 500px !important; 
}

.content-container.add-staff-container[b-7dendmrf5l] {
    width: 90% !important;
    max-width: none !important;
}

/* /Pages/Team/AddTeamPlayer.razor.rz.scp.css */

.content-container.add-players-container[b-3m4j3odxqp] {
    width: 90% !important;
    max-width: none !important;
}


.add-players-container .main-panel[b-3m4j3odxqp] {
    padding: 1.5rem !important;
}
.search-panel .input-group[b-3m4j3odxqp] {
    width: 100%;
}

.search-panel .custom-input[b-3m4j3odxqp] {
    padding: 0.6rem 0.75rem !important;
    height: 42px !important;
    line-height: 1.5 !important;
    border: 1.5px solid #E2E8F0;
    border-radius: 8px 0 0 8px !important;
    flex-grow: 1;
    border-right: none !important;
}

.search-panel .btn-search-icon[b-3m4j3odxqp] {
    padding: 0 1.2rem !important;
    height: 42px !important;
    border: 1.5px solid #E2E8F0;
    border-left: none !important;
    margin-left: 0;
    border-radius: 0 8px 8px 0 !important;
    background-color: #fff
}

.search-panel .custom-input:focus[b-3m4j3odxqp],
.search-panel .custom-input:focus + .btn-search-icon[b-3m4j3odxqp] {
    border-color: #17A2B8 !important;
}

.search-panel .user-results-list[b-3m4j3odxqp] {
    max-height: 450px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    overflow-y: auto;
    margin-top: 1rem;
}

.search-panel .user-item[b-3m4j3odxqp] {
    padding: 0.8rem 1rem;
    border-bottom: 1px solid #F1F5F9;
    transition: background 0.2s ease;
}

    .search-panel .user-item:last-child[b-3m4j3odxqp] {
        border-bottom: none;
    }

    .search-panel .user-item:hover[b-3m4j3odxqp] {
        background: #F8FAFC;
    }

.table .custom-input[b-3m4j3odxqp] {
    height: 38px;
    padding: 0.2rem 0.5rem !important;
    font-size: 0.85rem;
    background-color: #F8FAFC;
}

.search-panel .input-group .custom-input[b-3m4j3odxqp] {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.search-panel .input-group .btn-search-icon[b-3m4j3odxqp] {
    border-left: none !important; 
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.search-panel .custom-input:focus[b-3m4j3odxqp],
.search-panel .btn-search-icon:focus[b-3m4j3odxqp]  {
    outline: none !important;
    box-shadow: none !important;
}

.search-panel .input-group:focus-within .custom-input[b-3m4j3odxqp] {
    border-color: #17A2B8 !important;
}

.search-panel .input-group:focus-within .btn-search-icon[b-3m4j3odxqp] {
    border-color: #17A2B8 !important;
    border-left: none !important; 
}

    .search-panel .input-group:focus-within .custom-input[b-3m4j3odxqp],
    .search-panel .input-group:focus-within .btn-search-icon[b-3m4j3odxqp] {
        border-color: #17A2B8 !important;
    }

/* /Pages/Team/Teams.razor.rz.scp.css */

.activity-badge[b-tq18wgv27r] {
    background-color: #E0F2FE;
    color: #0369A1;
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-block;
}

.gender-badge[b-tq18wgv27r] {
    background-color: #F1F5F9;
    color: #475569;
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-block;
    border: 1px solid #E2E8F0;
}
/* /Pages/Training/AddTraining.razor.rz.scp.css */
/* ==========================================
   MEJORAS PARA EL REGISTRO DE ENTRENAMIENTO (TABS & PASOS)
   ========================================== */

/* Contenedor de pestañas moderno (remplaza y mejora el estilo plano) */
.tabs-header[b-r4fftr18l1] {
    display: flex;
    border-bottom: 2px solid #E2E8F0;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

.tab-btn[b-r4fftr18l1] {
    border: none;
    color: #8A94A6;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    background: transparent;
    transition: all 0.25s ease;
    border-bottom: 3px solid transparent;
    font-size: 0.95rem;
}

    .tab-btn:hover[b-r4fftr18l1] {
        color: #495057;
        background-color: #F8FAFC;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .tab-btn.active[b-r4fftr18l1] {
        color: #17A2B8;
        border-bottom: 3px solid #17A2B8;
        background: transparent;
        font-weight: 700;
    }

/* Indicador de pasos superior */
.step-indicator[b-r4fftr18l1] {
    font-size: 0.85rem;
    color: #64748B;
    background: #E2E8F0;
    padding: 0.25rem 0.75rem;
    border-radius: 50px;
    display: inline-block;
}

    .step-indicator strong[b-r4fftr18l1] {
        color: #0F1E3D;
    }

/* Caja de Scroll personalizada para Jugadores Citados y Rutinas */
.custom-scroll-box[b-r4fftr18l1] {
    background-color: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px;
}

    /* Scrollbar sutil y moderna para navegadores basados en Webkit */
    .custom-scroll-box[b-r4fftr18l1]::-webkit-scrollbar {
        width: 6px;
    }

    .custom-scroll-box[b-r4fftr18l1]::-webkit-scrollbar-track {
        background: #F1F5F9;
        border-radius: 10px;
    }

    .custom-scroll-box[b-r4fftr18l1]::-webkit-scrollbar-thumb {
        background: #CBD5E1;
        border-radius: 10px;
    }

        .custom-scroll-box[b-r4fftr18l1]::-webkit-scrollbar-thumb:hover {
            background: #94A3B8;
        }

/* Tarjetas de jugadores seleccionados dentro del scroll */
.animate-fade-in[b-r4fftr18l1] {
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

    .animate-fade-in:hover[b-r4fftr18l1] {
        border-color: #CBD5E1 !important;
        transform: translateY(-1px);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    }

/* Checkbox personalizado para las Rutinas */
.custom-checkbox[b-r4fftr18l1] {
    cursor: pointer;
    width: 1.15rem;
    height: 1.15rem;
    border: 1.5px solid #CBD5E1;
    border-radius: 4px;
    transition: all 0.2s;
}

    .custom-checkbox:checked[b-r4fftr18l1] {
        background-color: #17A2B8;
        border-color: #17A2B8;
    }

    .custom-checkbox:focus[b-r4fftr18l1] {
        box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.25);
        border-color: #17A2B8;
    }

.style-pointer[b-r4fftr18l1] {
    cursor: pointer;
}

/* Evita que las animaciones rompan o hagan hover sobre las filas de entrada */
 .tab-content-pane[b-r4fftr18l1] {
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    border: none !important;
    padding: 0 !important;
}

.item-card-selected[b-r4fftr18l1] {
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

    .item-card-selected:hover[b-r4fftr18l1] {
        border-color: #CBD5E1 !important;
        transform: translateY(-1px);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    }

.search-input-group[b-r4fftr18l1] {
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 10px !important;
    overflow: hidden;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
}

    .search-input-group:focus-within[b-r4fftr18l1] {
        border-color: #17A2B8 !important;
        box-shadow: 0 0 0 4px rgba(23, 162, 184, 0.1);
    }

    .search-input-group .input-group-text[b-r4fftr18l1],
    .search-input-group .clean-search-btn[b-r4fftr18l1] {
        border: none !important;
        background-color: #FFFFFF !important;
    }

.custom-input-clean[b-r4fftr18l1],
.custom-input-clean:focus[b-r4fftr18l1] {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0.8rem 0.5rem;
    font-size: 0.95rem;
    color: #1E293B;
}

/* Caja de scroll interior adaptada */
.bg-light-panel[b-r4fftr18l1] {
    background-color: #F8FAFC;
}

.text-neutral[b-r4fftr18l1] {
    color: #94A3B8;
}

/* Fila seleccionada en el catálogo */
.bg-selected-routine-row[b-r4fftr18l1] {
    background-color: #F0FDFA !important; /* Verde sutil de fondo para filas elegidas */
}

/* ACA */

/* Altura mínima simétrica para el contenedor resumen inferior */
.min-vh-12[b-r4fftr18l1] {
    min-height: 90px;
}

/* BOTÓN FINAL CUSTOM: Reemplaza el verde chillón por el azul institucional oscuro */
.btn-plantel-submit[b-r4fftr18l1] {
    background-color: #0F1E3D !important; /* Azul oscuro elegante */
    border: 1px solid #0F1E3D !important;
    color: #FFFFFF !important;
    padding: 0.65rem 2rem;
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
}

    .btn-plantel-submit:hover:not(:disabled)[b-r4fftr18l1] {
        background-color: #1A3160 !important;
        border-color: #1A3160 !important;
        box-shadow: 0 4px 12px rgba(15, 30, 61, 0.2) !important;
    }

    .btn-plantel-submit:disabled[b-r4fftr18l1] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* Ajuste fino de bordes en la lista flush */
.list-group-flush .list-group-item:last-child[b-r4fftr18l1] {
    border-bottom: none !important;
}
/* /Pages/Training/RoutineDetail.razor.rz.scp.css */
/* --- DISEÑO DE TARJETAS DE DETALLE (PANEL ADAPTATIVO) --- */
.detail-card[b-n3n5aik3h3] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    border: 1px solid #eef2f5;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.detail-card-header[b-n3n5aik3h3] {
    background-color: #f8fafc;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #eef2f5;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.detail-card-body[b-n3n5aik3h3] {
    padding: 1.5rem;
    flex-grow: 1;
}

/* --- TEXTOS --- */
.routine-description-text[b-n3n5aik3h3] {
    color: #334155;
    font-size: 1rem;
    line-height: 1.6;
    white-space: pre-line; /* Mantiene saltos de línea de las Notes */
}

/* --- FILAS DE ADJUNTOS (SÍMIL CARDS EN LISTADO) --- */
.files-list-wrapper[b-n3n5aik3h3] {
    max-height: 450px;
    overflow-y: auto;
}

.file-item-row[b-n3n5aik3h3] {
    background: #ffffff;
    transition: all 0.2s ease-in-out;
}

    .file-item-row:hover[b-n3n5aik3h3] {
        background: #f8fafc;
        border-color: #cbd5e1 !important;
        transform: translateY(-1px);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
    }

.file-icon-avatar[b-n3n5aik3h3] {
    width: 42px;
    height: 42px;
    background: #ecfeff; /* Fondo sutil cyan */
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.file-name-text[b-n3n5aik3h3] {
    font-size: 0.925rem;
    max-width: 200px;
}

/* --- BOTÓN PERSONALIZADO CYAN OUTLINE --- */
.btn-outline-cyan[b-n3n5aik3h3] {
    color: #06b6d4;
    border-color: #06b6d4;
    background-color: transparent;
    font-weight: 600;
}

    .btn-outline-cyan:hover:not(:disabled)[b-n3n5aik3h3] {
        color: #ffffff;
        background-color: #06b6d4;
        border-color: #06b6d4;
    }

.bg-cyan-light[b-n3n5aik3h3] {
    background-color: #ecfeff;
}

.custom-editable-area:hover[b-n3n5aik3h3] {
    background-color: rgba(var(--bs-light-rgb), 0.8) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 180, 216, 0.2);
}

.notes-display-wrapper[b-n3n5aik3h3] {
    min-height: 350px;
}

.notes-inline-editor[b-n3n5aik3h3] {
    width: 100%;
    min-height: 300px;
    border: none;
    background: transparent;
    resize: none;
    outline: none;
    padding: 0;
    color: #334155;
    font-size: 1rem;
    line-height: 1.6;
}

/* /Pages/Training/Trainings.razor.rz.scp.css */
.btn-cyan[b-u53m9m53e7] {
    background-color: #00b4d8 !important;
    border-color: #00b4d8 !important;
    color: #ffffff !important;
}

    .btn-cyan:hover[b-u53m9m53e7] {
        background-color: #0096c7 !important;
        border-color: #0096c7 !important;
        color: #ffffff !important;
    }

/* Fondo suave para las celdas o badges */
.bg-soft-cyan[b-u53m9m53e7] {
    background-color: rgba(0, 180, 216, 0.12) !important;
}

.border-cyan[b-u53m9m53e7] {
    border-color: #00b4d8 !important;
}

.border-cyan-subtle[b-u53m9m53e7] {
    border-color: rgba(0, 180, 216, 0.3) !important;
}

.hover-bg-light[b-u53m9m53e7] {
    transition: background-color 0.15s ease-in-out;
}

    .hover-bg-light:hover[b-u53m9m53e7] {
        background-color: #f8fafc;
    }

.rounded-12[b-u53m9m53e7] {
    border-radius: 12px !important;
}

.transition-all[b-u53m9m53e7] {
    transition: all 0.2s ease;
}
/* /Pages/UserAdmin/ActivityLog.razor.rz.scp.css */
.activity-list[b-uxhszacq0x] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 2rem;
}

/* Card */
.activity-item[b-uxhszacq0x] {
    display: flex;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #e9ecef;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

    .activity-item:hover[b-uxhszacq0x] {
        transform: translateY(-2px);
        box-shadow: 0 6px 14px rgba(0,0,0,0.08);
    }

/* Icono lateral */
.activity-icon[b-uxhszacq0x] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #e7f1ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #0d6efd;
    flex-shrink: 0;
}

/* Contenido */
.activity-content[b-uxhszacq0x] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Texto */
.activity-text[b-uxhszacq0x] {
    font-size: 0.95rem;
    font-weight: 500;
    color: #212529;
}

/* Fecha */
.activity-date[b-uxhszacq0x] {
    font-size: 0.8rem;
    color: #6c757d;
    margin-top: 4px;
}

.last-login-inline[b-uxhszacq0x] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 0.9rem;
}


    /* label */
    .last-login-inline .last-login-label[b-uxhszacq0x] {
        color: #6c757d;
    }

    /* sin datos */
    .last-login-inline .last-login-empty[b-uxhszacq0x] {
        color: #adb5bd;
        font-style: italic;
    }



.header-last-login[b-uxhszacq0x] {
    margin-bottom: 0; /* importante */
    font-size: 0.9rem;
    white-space: nowrap; /* evita que se rompa en varias líneas */
}
/* /Pages/UserAdmin/CreateUser.Razor.rz.scp.css */
/* CONTENEDOR BASE */
.main-content-wrapper[b-cg8a9hwlqh] {
    background-color: #F4F6F9;
    padding: 95px 1.5rem 2rem 1.5rem;
    min-height: 100vh;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* HEADER */
.page-title[b-cg8a9hwlqh] {
    color: #495057;
    font-weight: 700;
    font-size: 1.25rem;
    margin: 0;
}

/* PANEL */
.main-panel[b-cg8a9hwlqh] {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 2.5rem 2rem;
}

/* FORM */
.form-label[b-cg8a9hwlqh] {
    font-size: 0.85rem;
    color: #8A94A6;
    font-weight: 600;
    margin-bottom: 0.4rem;
}

.form-control[b-cg8a9hwlqh] {
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    font-size: 0.9rem;
    padding: 0.55rem 0.75rem;
    transition: all 0.2s ease;
}

    .form-control:focus[b-cg8a9hwlqh] {
        border-color: #17A2B8;
        box-shadow: 0 0 0 0.15rem rgba(23, 162, 184, 0.15);
    }

/* BOTÓN */
.btn-add-player[b-cg8a9hwlqh] {
    background-color: #17A2B8;
    color: white;
    border: none;
    padding: 0.6rem 1.2rem;
    border-radius: 6px;
    font-weight: 600;
    transition: all 0.2s;
}

    .btn-add-player:hover[b-cg8a9hwlqh] {
        background-color: #138496;
        color: white;
        transform: translateY(-1px);
    }

/* MENSAJES */
.alert[b-cg8a9hwlqh] {
    border-radius: 8px;
    font-size: 0.9rem;
    padding: 0.75rem 1rem;
}

/* CENTRADO DEL FORM */
.form-container[b-cg8a9hwlqh] {
    max-width: 500px;
    margin: 0 auto;
}

.tabs-header[b-cg8a9hwlqh] {
    display: flex;
    gap: 10px;
    border-bottom: 2px solid #eee;
}

.tab-btn[b-cg8a9hwlqh] {
    background: none;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-weight: 500;
    color: #666;
    border-bottom: 2px solid transparent;
}

    .tab-btn.active[b-cg8a9hwlqh] {
        color: #000;
        border-bottom: 2px solid #007bff;
    }

.tab-content[b-cg8a9hwlqh] {
    padding-top: 10px;
}

.teams-box[b-cg8a9hwlqh] {
    height: 320px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 10px;
    background: #fafafa;
}

.tab-btn.disabled[b-cg8a9hwlqh] {
    color: #aaa;
    cursor: not-allowed;
    opacity: 0.6;
}

    .tab-btn.disabled:hover[b-cg8a9hwlqh] {
        background: none;
        transform: none;
    }

.step-indicator[b-cg8a9hwlqh] {
    font-size: 0.85rem;
    color: #8A94A6;
    font-weight: 600;
}

.form-text[b-cg8a9hwlqh] {
    font-size: 0.8rem;
    color: #8A94A6;
}

.teams-box .form-control-sm[b-cg8a9hwlqh] {
    max-width: 220px;
}

.teams-box .d-flex[b-cg8a9hwlqh] {
    padding: 8px;
    border-radius: 6px;
}

    .teams-box .d-flex:hover[b-cg8a9hwlqh] {
        background-color: #f8f9fb;
    }

.disabled-section[b-cg8a9hwlqh] {
    opacity: 0.6;
    pointer-events: none;
    background-color: #f5f5f5;
}

.team-label[b-cg8a9hwlqh] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Pages/UserAdmin/GetUsers.razor.rz.scp.css */
/* Estructura Base */
/*.main-content-wrapper {
    background-color: #F1F5F9;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: 'Inter', sans-serif;
    padding-top: 1.5rem;
}*/

/*.main-panel {
    flex: 1;
}*/
/*
.content-container {
    width: 95%;
    max-width: 1600px;
    margin: 0 auto;
}*/

/*.main-panel {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}*/

/* Tabla Estilo Inventario */
.table thead th[b-bw3vrllpi4] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 700;
    color: #94A3B8;
    background-color: #F8FAFC;
    border-bottom: 2px solid #EDF2F7;
}

.table tbody td[b-bw3vrllpi4] {
    padding: 1.25rem 1rem;
    color: #1E293B;
    font-size: 0.95rem;
    border-bottom: 1px solid #F1F5F9;
}

.table-hover tbody tr:hover[b-bw3vrllpi4] {
    background-color: #F8FAFC;
    transition: background-color 0.2s ease;
}

/* Botón "Nuevo Usuario" (Copiado de btn-add-item) */
.btn-add-item[b-bw3vrllpi4] {
    background-color: #17A2B8; /* Color info para consistencia */
    color: white;
    padding: 0.6rem 1.2rem;
    border-radius: 8px;
    font-weight: 600;
    border: none;
    transition: all 0.2s;
}

    .btn-add-item:hover[b-bw3vrllpi4] {
        background-color: #138496;
        color: white;
        transform: translateY(-1px);
    }

/* Inputs y Filtros */
.custom-input[b-bw3vrllpi4] {
    height: 45px;
    border-color: #E2E8F0;
    font-size: 0.95rem;
}

.input-group-text[b-bw3vrllpi4] {
    border-right: none;
    color: #94A3B8;
}

/* Badge de Rol - Estilo Suave */
.badge-role[b-bw3vrllpi4] {
    background-color: #EEF2FF;
    color: #4F46E5;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-block;
}

/* Acciones (Tres puntos) */
.btn-action-dots[b-bw3vrllpi4] {
    color: #94A3B8;
    background: transparent;
    border: none;
    padding: 0.4rem;
    border-radius: 50%;
}

    .btn-action-dots:hover[b-bw3vrllpi4] {
        background-color: #F1F5F9;
        color: #475569;
    }

/* Paginación */
.pagination .page-link[b-bw3vrllpi4] {
    color: #17A2B8;
    border: 1px solid #E2E8F0;
    padding: 0.5rem 0.8rem;
}

.pagination .page-item.active .page-link[b-bw3vrllpi4] {
    background-color: #17A2B8;
    border-color: #17A2B8;
}

/* Modal custom alineado al diseño */

.modal-content[b-bw3vrllpi4] {
    border-radius: 12px;
    border: none;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    font-family: 'Inter', sans-serif;
}

.modal-header[b-bw3vrllpi4] {
    border-bottom: 1px solid #F1F5F9;
    padding: 1.25rem 1.5rem;
}

.modal-title[b-bw3vrllpi4] {
    font-weight: 600;
    font-size: 1.1rem;
}

.modal-body[b-bw3vrllpi4] {
    padding: 1.5rem;
}

.modal-footer[b-bw3vrllpi4] {
    border-top: 1px solid #F1F5F9;
    padding: 1rem 1.5rem;
}

/* Inputs dentro del modal */
.modal .form-control[b-bw3vrllpi4],
.modal textarea[b-bw3vrllpi4],
.modal select[b-bw3vrllpi4] {
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    font-size: 0.95rem;
}

/* Botón danger más consistente */
.btn-danger[b-bw3vrllpi4] {
    background-color: #DC3545;
    border: none;
    font-weight: 600;
}

    .btn-danger:hover[b-bw3vrllpi4] {
        background-color: #BB2D3B;
    }

/* Spinner alineado */
.spinner-border-sm[b-bw3vrllpi4] {
    vertical-align: middle;
}

/* Overlay más suave */
.modal.show[b-bw3vrllpi4] {
    backdrop-filter: blur(2px);
}

/* Overlay más moderno */
.confirm-modal-overlay[b-bw3vrllpi4] {
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
}

/* Modal más compacto */
.confirm-modal[b-bw3vrllpi4] {
    border-radius: 14px;
    padding: 0.5rem;
    text-align: center;
}

    /* Texto */
    .confirm-modal .modal-body p[b-bw3vrllpi4] {
        font-size: 1rem;
        color: #334155;
    }

/* Botón cancelar más suave */
.btn-light[b-bw3vrllpi4] {
    background-color: #F1F5F9;
    border: none;
}

    .btn-light:hover[b-bw3vrllpi4] {
        background-color: #E2E8F0;
    }


.text-danger[b-bw3vrllpi4] {
    font-weight: 500;
}

.truncate-text[b-bw3vrllpi4] {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reason-text[b-bw3vrllpi4] {
    white-space: pre-wrap; 
    word-break: break-word; 
    overflow-wrap: break-word; 
}

.modal-body[b-bw3vrllpi4] {
    max-height: 60vh;
    overflow-y: auto;
}

.nav-tabs .nav-link[b-bw3vrllpi4] {
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    color: #888;
    font-weight: 500;
    padding: 1rem 1.5rem;
    cursor: pointer;
}

.nav-tabs .nav-link.active[b-bw3vrllpi4] {
    color: #007bff;
    border-bottom: 3px solid #007bff;
    background: none;
}

.table-responsive[b-bw3vrllpi4] {
    border-radius: 10px;
    overflow: hidden;
}

.modal-content[b-bw3vrllpi4] {
    background-color: #FFFFFF;
}

.modal-header[b-bw3vrllpi4] {
    background-color: #F8FAFC;
}

.dropdown-icon[b-bw3vrllpi4] {
    color: #6c757d; /* gris bootstrap */
    font-size: 0.95rem;
}

.custom-dropdown-menu[b-bw3vrllpi4] {
    border-radius: 10px;
    padding: 0.4rem 0;
    min-width: 220px;
}

    .custom-dropdown-menu .dropdown-item[b-bw3vrllpi4] {
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
        display: flex;
        align-items: center;
    }

        .custom-dropdown-menu .dropdown-item:hover[b-bw3vrllpi4] {
            background-color: #f8fafc;
        }

.table-responsive[b-bw3vrllpi4] {
    overflow: visible !important;
}

.dropdown-menu[b-bw3vrllpi4] {
    z-index: 1050;
}

.btn-action-dots:focus[b-bw3vrllpi4],
.btn-action-dots:active[b-bw3vrllpi4],
.btn-action-dots:focus-visible[b-bw3vrllpi4] {
    outline: none !important;
    box-shadow: none !important;
}
/* /Pages/UserAdmin/UserTeams.razor.rz.scp.css */
.main-content-wrapper[b-9m5o0uaylk] {
    padding-top: 5.5rem !important;
    min-height: calc(100vh - 60px);
    background-color: #f8f9fa;
}

.main-panel[b-9m5o0uaylk] {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 1.5rem;
    border: 1px solid rgba(0,0,0,0.05);
}

.custom-input[b-9m5o0uaylk], form-select.custom-input[b-9m5o0uaylk] {
    border-radius: 8px;
    border: 1px solid #dee2e6;
    padding: 0.6rem 0.75rem;
    font-size: 0.9rem;
}

.custom-input:focus[b-9m5o0uaylk] {
    border-color: #17A2B8;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.1);
}

.table thead th[b-9m5o0uaylk] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    border-top: none;
}

.table-info-light[b-9m5o0uaylk] {
    background-color: rgba(23, 162, 184, 0.05) !important;
}

.confirm-modal-overlay[b-9m5o0uaylk] {
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1050;
}

.confirm-modal[b-9m5o0uaylk] {
    border-radius: 12px;
    border: none;
    padding: 0.5rem;
}

.active-btn[b-9m5o0uaylk] {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: white;
    font-weight: 500;
    transition: all 0.2s ease;
}

    .active-btn:hover[b-9m5o0uaylk] {
        background-color: #138496;
        border-color: #117a8b;
    }


.disabled-btn[b-9m5o0uaylk] {
    background-color: #e0e0e0 !important;
    border-color: #d6d6d6 !important;
    color: #9e9e9e !important;
    cursor: not-allowed;
    opacity: 1 !important; 
    box-shadow: none !important;
}
/* /Pages/User/Profile.razor.rz.scp.css */
.profile-container[b-kw04glfn9n] {
    background-color: #f8f9fa;
    padding: 5rem 2rem 3rem 2rem;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Tarjeta lateral */
.profile-sidebar[b-kw04glfn9n] {
    border: none;
    border-radius: 4px;
}

.profile-img[b-kw04glfn9n] {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border: 3px solid #fff;
}

.profile-name[b-kw04glfn9n] {
    font-weight: 500;
    color: #444;
}

.contact-info label[b-kw04glfn9n] {
    display: block;
    font-size: 0.8rem;
    color: #adb5bd;
    margin-top: 15px;
    margin-bottom: 0;
}

.contact-info p[b-kw04glfn9n] {
    font-size: 0.9rem;
    color: #495057;
}

/* Tabs */
.nav-tabs[b-kw04glfn9n] {
    border-bottom: 1px solid #dee2e6;
}

    .nav-tabs .nav-link[b-kw04glfn9n] {
        border: none;
        color: #6c757d;
        padding: 1rem 1.5rem;
    }

        .nav-tabs .nav-link.active[b-kw04glfn9n] {
            color: #007bff;
            border-bottom: 2px solid #007bff;
            font-weight: bold;
        }

/* Inputs minimalistas (estilo de la imagen) */
.form-control-custom[b-kw04glfn9n] {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    font-size: 1rem;
    border: none;
    border-bottom: 1px solid #dee2e6;
    background-color: transparent;
    transition: border-color .15s ease-in-out;
}

    .form-control-custom:focus[b-kw04glfn9n] {
        outline: none;
        border-bottom: 1px solid #007bff;
    }

.btn-info-custom[b-kw04glfn9n] {
    background-color: #17a2b8;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
}

.small-map[b-kw04glfn9n] {
    height: 100px;
    background: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    border-radius: 4px;
}

.avatar-wrapper[b-kw04glfn9n] {
    transition: transform 0.2s ease;
}

    .avatar-wrapper:hover[b-kw04glfn9n] {
        transform: scale(1.05);
        opacity: 0.9;
    }

.profile-message[b-kw04glfn9n] {
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

    .profile-message.success[b-kw04glfn9n] {
        background-color: #d4edda;
        color: #155724;
        border: 1px solid #c3e6cb;
    }

    .profile-message.error[b-kw04glfn9n] {
        background-color: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
    }

/* Estilo para los botones de las pestañas */
.nav-tabs .nav-link[b-kw04glfn9n] {
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    color: #888;
    font-weight: 500;
    padding: 1rem 1.5rem;
    cursor: pointer;
}

    .nav-tabs .nav-link.active[b-kw04glfn9n] {
        color: #007bff;
        border-bottom: 3px solid #007bff;
        background: none;
    }

/* Badges de actividad */
.bg-primary-light[b-kw04glfn9n] {
    background-color: #e7f1ff;
    color: #0d6efd;
    font-size: 0.75rem;
    padding: 5px 10px;
}

.bg-info-light[b-kw04glfn9n] {
    background-color: #e0f7fa;
    color: #00838f;
    font-size: 0.75rem;
    padding: 5px 10px;
}

/* Animación de entrada */
.fade-in[b-kw04glfn9n] {
    animation: fadeIn-b-kw04glfn9n 0.3s ease-in-out;
}

@keyframes fadeIn-b-kw04glfn9n {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.activity-list[b-kw04glfn9n] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 1rem;
}

.activity-item[b-kw04glfn9n] {
    display: flex;
    gap: 12px;
    padding: 8px 16px;
    border-radius: 6px;
    background: #ffffff;
    border: 1px solid #e9ecef;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

    .activity-item:hover[b-kw04glfn9n] {
        transform: translateY(-2px);
        box-shadow: 0 6px 14px rgba(0,0,0,0.08);
    }

.activity-content[b-kw04glfn9n] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.activity-date[b-kw04glfn9n] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-top: 2px;
}