.player-bar {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    background: #0f172a;
    color: white;
    position: fixed;
    bottom: 0; left: 0; width: 100%; z-index: 999;
}

.player-left, .player-right { flex: 1; display: flex; align-items: center; }
.player-center { flex: 0; display: flex; justify-content: center; }
.player-right { justify-content: flex-end; }

/* Círculo Perfeito - 45px */
.logo-wrapper {
    width: 45px; height: 45px;
    min-width: 45px;
    border-radius: 50% !important;
    overflow: hidden;
    display: flex; align-items: center; justify-content: center;
}
.logo-radio { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

/* Botão Play - 50px */
.play-btn {
    width: 50px !important; height: 50px !important;
    border-radius: 50% !important;
    color: white; border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.2rem;
}

.volume-container { display: flex; align-items: center; gap: 8px; }
.volume-slider { width: 80px; cursor: pointer; }

@media (max-width: 768px) {
    .player-bar { height: 65px; padding: 0 10px; }
    .radio-name { display: none; }
    .player-center { position: absolute; left: 50%; transform: translateX(-50%); }
    .volume-slider { width: 50px; }
}