/* PFCL Soundboard Dialer Styles */

#sb-dialer * { box-sizing: border-box; }

.sb-snippet-btn {
    transition: all .12s ease;
    outline: none;
}
.sb-snippet-btn:hover {
    border-color: #185FA5 !important;
    background: #f0f6ff !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
.sb-snippet-btn:active {
    transform: translateY(0);
}

.sb-outcome-btn {
    transition: all .12s ease;
    cursor: pointer;
    outline: none;
}
.sb-outcome-btn:hover {
    opacity: 1 !important;
    transform: translateY(-1px);
}

#sb-timer {
    font-family: 'Courier New', monospace;
    font-size: 20px;
    font-weight: 700;
    min-width: 55px;
    text-align: center;
}

#sb-phone {
    transition: color .15s;
}
#sb-phone:hover {
    color: #185FA5 !important;
}

#sb-log-call {
    transition: all .15s;
}
#sb-log-call:hover {
    background: #0e3d6e !important;
    transform: translateY(-1px);
}

#sb-next-prospect {
    transition: all .15s;
}
#sb-next-prospect:hover {
    background: #0a0a1a !important;
}

#sb-start-session:hover {
    background: #0a0a1a !important;
}

/* Pulsing indicator for active call */
@keyframes sb-pulse {
    0%   { opacity: 1; }
    50%  { opacity: .4; }
    100% { opacity: 1; }
}
.sb-in-call #sb-timer {
    animation: sb-pulse 1.5s infinite;
}

/* Responsive */
@media (max-width: 900px) {
    #sb-dialer > div > div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
}