/* Jungpanther Teams Styles (prefixed) */
.jpt-gamecenter-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 20px;
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
    box-sizing: border-box;
}
.jpt-tabs { display:flex; gap:10px; margin-bottom:15px; }
.jpt-tab-button {
    flex:1; padding:10px 12px; border:none; background:#e0e0e0;
    font-weight:700; color:#003366; cursor:pointer; border-radius:6px;
    transition:all .2s ease; text-transform:uppercase; letter-spacing:.3px;
}
.jpt-tab-button:hover{ background:#d0d0d0; }
.jpt-tab-button.active{ background:#003366; color:#fff; }
.jpt-tab-content{ display:none; width:100%; }
.jpt-tab-content.active{ display:block; }
.jpt-roster-image{ width:100%; height:auto; border-radius:8px; border:1px solid #e2e2e2; }
.jpt-no-data{ text-align:center; color:#555; font-style:italic; padding:25px 15px; background:#f9f9f9; border:1px solid #e2e2e2; border-radius:8px; }
.jpt-kader-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:12px; }
.jpt-kader-card{ background:#fff; border:1px solid #e2e2e2; border-radius:10px; padding:8px; text-align:center; transition:transform .1s ease, box-shadow .2s ease; }
.jpt-kader-card:hover{ transform:translateY(-2px); box-shadow:0 6px 16px rgba(0,0,0,.08); }
.jpt-kader-card img{ width:100%; height:auto; border-radius:8px; }
.jpt-admin .jpt-player-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px; }
.jpt-admin .jpt-player-card{ border:1px solid #e2e2e2; border-radius:6px; background:#fff; padding:6px; text-align:center; }
.jpt-admin .jpt-player-card img{ display:block; width:100%; height:auto; border-radius:4px; margin-bottom:6px; }
@media (max-width:768px){ .jpt-gamecenter-wrapper{ padding:6px 4px; } .jpt-tabs{ flex-direction:column; } .jpt-tab-button{ width:100%; } }

/* === Admin Preview Grid === */
.jpt-player-grid img,
.jpt-staff-grid img,
#jpt-player-preview img,
#jpt-staff-preview img {
    width: 100%;
    height: auto;
    max-width: 100px;
    border: 1px solid #ccc;
    border-radius: 6px;
    object-fit: cover;
}

/* Grid layout for both player and staff preview areas */
.jpt-player-grid,
.jpt-staff-grid,
#jpt-player-preview,
#jpt-staff-preview {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 10px;
    margin-top: 10px;
}