.chip-trade{
    display: flex; 
    align-items: center; 
    gap: 6px; 
    border-radius: 6px; 
    padding: 6px 10px; 
    font-size: 12px; 
    font-weight: 600;
}
.chip-trade.give{
    background: #FFF0EB; 
    border: 2px solid var(--primary-500);
}
.chip-trade.get{
    background: #FFFBEE; 
    border: 2px solid var(--accent);
}
.chip-trade-role{
    font-size:8px;
    font-weight:800;
    background:var(--primary-500);
    color:var(--white);
    border-radius:3px;
    padding:1px 5px;
}
.chip-trade-player{
    font-size:12px;
    font-weight:600;
}
.chip-trade-ovr{
    font-family: 'Barlow Condensed', sans-serif; 
    font-size: 16px; 
    font-weight: 900;
}
.chip-trade-salary{
    font-size:10px;
    color:var(--gray-mid);
}
.chip-series{
    display:flex;
    flex-direction:column;
    gap:5px;
    align-items:flex-start;
}
.chip-team{
    display: flex; 
    align-items: center; 
    gap: 6px; 
    border: 2px solid var(--black); 
    border-radius: 5px; 
    padding: 5px 9px;
    font-size: 13px; 
    min-width: 110px;
}
.chip-team.user{
    background: var(--primary-700); 
    color: var(--white); 
    border: 3px solid var(--black); 
    box-shadow: 2px 2px 0 var(--black);
}
.chip-team.going{
    background: var(--background-soft); 
    border-color: var(--primary-500);
}
.chip-team.win{
    background: var(--accent);
}
.chip-team.out{
    opacity: 0.32;
}
.chip-team-seed{
    font-size: 9px; 
    font-weight: 800; 
    color: var(--gray-mid); 
    min-width: 12px;
}
.chip-team.user .chip-team-seed{
    color: var(--primary-500);
}
.chip-team-name{
    font-family: 'Barlow Condensed', sans-serif; 
    font-weight: 900; 
    flex-grow: 1;
}
.chip-team-result{
    font-family: 'Barlow Condensed', sans-serif; 
    font-size: 15px; 
    font-weight: 900;
}
.chip-team-result.win{
    color: var(--primary-500);
}
.chip-team.user .chip-team-result.win{
    color: var(--accent);
}
.user-chip{
    display: flex; 
    align-items: center; 
    gap: 7px; 
    border: 2px solid var(--black); 
    border-radius: 7px; 
    background: var(--background-card); 
    padding: 3px 10px 3px 5px; 
    cursor: pointer;
    transition: box-shadow 0.15s;
}
.user-chip:hover{
    box-shadow: 3px 3px 0 var(--black);
}
.user-icon{
    width: 22px; 
    height: 22px; 
    background: var(--accent); 
    border-radius: 5px; 
    border: 2px solid var(--black); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 9px; 
    font-weight: 800;
}
.user-text{
    font-size: 11px; 
    font-weight: 600;
}
.user-chip a{
    text-decoration:none;
    margin:0;
    padding:0;
    display: flex; 
    align-items: center; 
    gap: 7px; 
}
.user-chip a:active{
    color:var(--black);
}