/* ===== BIDDING PANEL ===== */
#bidding-panel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 35;
    background: rgba(10, 10, 10, 0.82);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 8px 32px rgba(0,0,0,0.5);
    padding: 16px 20px;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#bid-history {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    min-height: 24px;
    font-size: clamp(0.75rem, 0.85vw, 0.95rem);
}

.bid-entry {
    padding: 3px 10px;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,0.06);
    font-weight: 500;
}
.bid-entry.team-partner {
    background: rgba(76, 175, 80, 0.25);
    border-color: rgba(76, 175, 80, 0.4);
    color: #a5d6a7;
}
.bid-entry.team-opponent {
    background: rgba(229, 115, 115, 0.2);
    border-color: rgba(229, 115, 115, 0.35);
    color: #ef9a9a;
}

#bid-controls {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: stretch;
}

#bid-selectors {
    display: flex;
    gap: 4px;
    align-items: center;
    flex-wrap: wrap;
}

#bid-selectors select {
    padding: 6px 10px;
    font-size: clamp(0.85rem, 1vw, 1.05rem);
}

#bid-special {
    display: flex;
    gap: 4px;
    align-items: center;
}

.bid-btn {
    padding: 7px 14px;
    font-size: clamp(0.8rem, 0.9vw, 0.95rem);
    border-radius: 4px;
}

.bid-btn.bid-action {
    background: #d4af37;
    color: #1a1a1a;
}

.bid-btn.pass {
    background: #4a4a4a;
    color: #ddd;
}
.bid-btn.pass:hover { background: #5a5a5a; }

.bid-btn.coinche {
    background: #c0392b;
    color: #fff;
}
.bid-btn.coinche:hover { background: #e04438; }

/* ===== RESPONSIVE ===== */
@media (max-width: 600px) {
    .bid-btn {
        padding: 10px 16px;
    }
}