.STING-WEB-Team { max-width: var(--Max-Size); margin: 20px auto; width: 93%; animation: fadeIn 0.5s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* Header */
.STING-WEB-Team-Header { background: var(--B-Color); border-radius: 20px; padding: 25px; margin-bottom: 20px; overflow: hidden; }
.Header-Content { display: flex; align-items: center; gap: 25px; margin-bottom: 30px; }
.Header-Content img { width: 100px; height: 100px; object-fit: contain; background: rgba(255,255,255,0.05); padding: 15px; border-radius: 20px; }
.Header-Info h1 { font-size: 28px; color: var(--Primary-B-Color); margin-bottom: 5px; }
.Competition-Name { color: var(--Team-Color); font-size: 15px; font-weight: 600; }

.Header-Tabs { display: flex; gap: 20px; border-bottom: 1px solid #303651; }
.Header-Tabs button { background: transparent; border: 0; color: var(--Primary-E-Color); padding: 12px 5px; cursor: pointer; font-size: 15px; position: relative; transition: all 0.3s ease; }
.Header-Tabs button.active { color: var(--Team-Color); }
.Header-Tabs button.active::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background: var(--Team-Color); border-radius: 3px 3px 0 0; }

/* Tabs Content */
.Team-Tab-Content { display: none; margin-top: 20px; }
.Team-Tab-Content.active { display: block; }

/* Dashboard Cards */
.Overview-Grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.Team-Card { background: var(--B-Color); border-radius: 20px; padding: 20px; margin-bottom: 20px; }
.Card-Header { font-size: 16px; color: var(--Primary-A-Color); margin-bottom: 20px; border-bottom: 1px solid #303651; padding-bottom: 10px; }

/* Form Guide */
.Form-Guide { display: flex; gap: 8px; justify-content: center; padding: 10px; }
.form-dot { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 12px; font-weight: 700; color: #fff; }
.form-dot.win { background: #39dbbf; }
.form-dot.loss { background: #ff4d4d; }
.form-dot.draw { background: #ffcc00; }

/* Mini Matches */
.Mini-Match { padding: 10px; border-bottom: 1px solid #3036514d; }
.Mini-Match:last-child { border-bottom: 0; }
.Match-Comp { font-size: 11px; color: var(--Primary-C-Color); display: block; margin-bottom: 5px; }
.Match-Result { display: flex; justify-content: space-between; align-items: center; font-size: 14px; }
.Score { font-weight: 700; color: var(--Primary-A-Color); background: rgba(57, 219, 191, 0.1); padding: 2px 10px; border-radius: 10px; }

/* Matches List */
.Full-Match { background: rgba(255,255,255,0.02); border-radius: 15px; padding: 15px; margin-bottom: 10px; border: 1px solid transparent; transition: all 0.3s ease; }
.Full-Match:hover { border-color: var(--Team-Color); background: rgba(255,255,255,0.04); }
.Match-Meta { font-size: 12px; color: var(--Primary-C-Color); margin-bottom: 10px; text-align: center; }
.Match-Main { display: flex; justify-content: space-between; align-items: center; }
.Team-Side { display: flex; align-items: center; gap: 15px; width: 40%; }
.Team-Side:last-child { justify-content: flex-end; }
.Team-Side img { width: 40px; height: 40px; object-fit: contain; }
.Team-Side span { font-size: 15px; color: var(--Primary-B-Color); }
.Final-Score { font-size: 20px; font-weight: 800; color: var(--Team-Color); }
.Match-Time { font-size: 18px; color: var(--Primary-E-Color); }

/* Squad List */
.Squad-List { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 15px; }
.Squad-Item { display: flex; align-items: center; gap: 12px; background: rgba(14, 16, 25, 0.5); padding: 10px; border-radius: 12px; transition: all 0.3s ease; border: 1px solid transparent; text-decoration: none; }
.Squad-Item:hover { border-color: var(--Team-Color); background: rgba(57, 219, 191, 0.05); transform: translateY(-3px); }
.Squad-Item img { width: 50px; height: 50px; border-radius: 50%; background: #222; }
.Player-Box { display: grid; }
.Player-Name { font-size: 14px; color: var(--Primary-B-Color); }
.Player-No { font-size: 12px; color: var(--Primary-C-Color); }

@media (max-width: 720px) {
    .Overview-Grid { grid-template-columns: 1fr; }
    .Header-Content { flex-direction: column; text-align: center; }
    .Header-Content img { width: 80px; height: 80px; }
    .Header-Info h1 { font-size: 22px; }
    .Team-Side span { font-size: 12px; }
    .Team-Side img { width: 30px; height: 30px; }
.Squad-List { grid-template-columns: 1fr 1fr; }
}

/* H2H Style for Recent Results - Optimized for Dashboard */
.Recent-Matches { display: flex; flex-direction: column; gap: 10px; margin-top: 15px; }
.STING-WEB-Last-Vs-Matches { display: flex !important; align-items: center; justify-content: space-between; background: #1a1d23; border: 1px solid #303651; border-radius: 12px; padding: 10px 15px; transition: background 0.3s; width: 100%; box-sizing: border-box; }
.STING-WEB-Last-Vs-Matches:hover { background: #22262e; }

.STING-WEB-Last-Vs-Matches-Right { display: flex !important; flex: 2; align-items: center; justify-content: space-between; gap: 5px; min-width: 0; }
.STING-WEB-Last-Vs-Matches-Right .Team-Info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
.STING-WEB-Last-Vs-Matches-Right .Team-Info.right { justify-content: flex-start; }
.STING-WEB-Last-Vs-Matches-Right .Team-Info.left { justify-content: flex-end; text-align: right; }
.STING-WEB-Last-Vs-Matches-Right .Team-Info span { font-size: 13px; color: var(--Primary-B-Color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.STING-WEB-Last-Vs-Matches-Right img { width: 25px; height: 25px; object-fit: contain; flex-shrink: 0; }

.STING-WEB-Last-Vs-Matches-Right .Score-Box { display: flex; align-items: center; justify-content: center; gap: 5px; background: rgba(57, 219, 191, 0.05); padding: 5px 12px; border-radius: 8px; min-width: 55px; margin: 0 10px; flex-shrink: 0; }
.STING-WEB-Last-Vs-Matches-Right .Score-Box span { font-weight: 800; color: #39dbbf; font-size: 15px; }

.STING-WEB-Last-Vs-Matches-Left { display: flex !important; flex-direction: column; align-items: flex-end; flex: 1; border-right: 1px solid #303651; padding-right: 12px; margin-right: 12px; min-width: 0; text-align: left; }
.STING-WEB-Last-Vs-Matches-Left .Match-Comp { font-size: 11px; color: #5A83FF; font-weight: 700; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.STING-WEB-Last-Vs-Matches-Left .Match-Date { font-size: 9px; color: var(--Primary-C-Color); opacity: 0.7; }

@media (max-width: 720px) {
    .STING-WEB-Last-Vs-Matches-Left { display: none !important; }
}

/* Scorers Tab Styles */
.Scorers-Grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.Stat-Players-List { display: flex; flex-direction: column; gap: 8px; padding: 10px; }
.Stat-Player-Item { display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,0.03); padding: 10px 15px; border-radius: 12px; text-decoration: none; transition: all 0.2s; border: 1px solid transparent; }
.Stat-Player-Item:hover { background: rgba(57, 219, 191, 0.08); border-color: rgba(57, 219, 191, 0.2); transform: translateX(-5px); }

.Player-Main-Info { display: flex; align-items: center; gap: 12px; }
.Player-Main-Info img { width: 35px; height: 35px; border-radius: 50%; background: #1a1d23; object-fit: cover; border: 1px solid #303651; }
.Player-Name-Stat { font-size: 14px; font-weight: 600; color: var(--Primary-B-Color); }

.Stat-Value { background: #39dbbf; color: #0b0d10; font-weight: 800; padding: 4px 12px; border-radius: 20px; font-size: 13px; min-width: 35px; text-align: center; box-shadow: 0 4px 10px rgba(57, 219, 191, 0.2); }

.No-Data { text-align: center; padding: 40px; color: var(--Primary-C-Color); opacity: 0.6; font-size: 14px; }

@media (max-width: 900px) {
    .Scorers-Grid { grid-template-columns: 1fr; }
}