/* TikiStats Component Styles */
/* Reusable UI components consolidated from multiple templates */

/* Add Button - Previously duplicated in 5+ templates */
.btn-add {
    background: linear-gradient(135deg, var(--color-green) 0%, var(--color-accent) 100%);
    border: none;
    padding: 10px 25px;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.3s ease;
    color: #232323;
}

.btn-add:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(128, 218, 71, 0.3);
    color: #232323;
}

.table_img{
    max-width: 80px;
}

/* Enhanced Table Hover - Previously duplicated in 10+ templates */
.table tbody tr {
    transition: background-color 0.2s ease;
}

.table tbody tr:hover {
    background-color: rgba(128, 218, 71, 0.05);
}

/* Badge Standardization - Previously duplicated across 35+ templates */
.badge {
    font-size: 0.75rem;
    padding: 0.35em 0.65em;
}

/* Teal Badge - Replaces inline style="background-color: var(--color-teal);" */
.badge-teal {
    background-color: var(--color-teal);
}

/* Image Standardization - Replaces inline image styles */
/* For team/entity logos - object-fit: contain preserves aspect ratio with padding */
.img-logo {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

/* For player avatars and profile pictures - object-fit: cover fills space */
.img-avatar {
    width: 50px;
    height: 50px;
    object-fit: cover;
}