/* DEBUG: Options loaded: [] */
/* DEBUG: First color test:  */
/* VitalPBX UI Customisation CSS */
#vitalpbx-cdr-table th {
    background:  !important;
    color:  !important;
}
#vitalpbx-cdr-table td {
    background:  !important;
    color:  !important;
}
#vitalpbx-cdr-table tr:nth-child(even) td {
    background:  !important;
    color:  !important;
}

/* Amplitude Modal Controls - Multiple Selectors for Higher Specificity */
div#vitalpbx-amplitude-modal .amplitude-play-pause,
#vitalpbx-amplitude-modal button.amplitude-play-pause,
.amplitude-play-pause {
    background-color:  !important;
    background:  !important;
}

/* AmplitudeJS Play Icon Override - Exact Same Method as Admin Preview */
#vitalpbx-amplitude-modal .amplitude-play-pause .play-icon,
#vitalpbx-amplitude-modal .amplitude-play-pause .pause-icon {
    fill: ;
}


div#vitalpbx-amplitude-modal .amplitude-prev svg,
#vitalpbx-amplitude-modal button.amplitude-prev svg,
.amplitude-prev svg {
    fill:  !important;
    width: 40px !important;
    height: 40px !important;
}

div#vitalpbx-amplitude-modal .amplitude-next svg,
#vitalpbx-amplitude-modal button.amplitude-next svg,
.amplitude-next svg {
    fill:  !important;
    width: 40px !important;
    height: 40px !important;
}

div#vitalpbx-amplitude-modal .amplitude-prev,
#vitalpbx-amplitude-modal button.amplitude-prev,
.amplitude-prev {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    width: 50px !important;
    height: 50px !important;
}

div#vitalpbx-amplitude-modal .amplitude-next,
#vitalpbx-amplitude-modal button.amplitude-next,
.amplitude-next {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    width: 50px !important;
    height: 50px !important;
}

div#vitalpbx-amplitude-modal .amplitude-download-btn,
#vitalpbx-amplitude-modal button.amplitude-download-btn,
.amplitude-download-btn {
    background-color:  !important;
    background:  !important;
}

div#vitalpbx-amplitude-modal .amplitude-download-btn svg,
#vitalpbx-amplitude-modal button.amplitude-download-btn svg,
.amplitude-download-btn svg {
    stroke:  !important;
    stroke-width: 2 !important;
}

/* Additional fallback rules */
[class*="amplitude-play-pause"] {
    background-color:  !important;
}
[class*="amplitude-download-btn"] {
    background-color:  !important;
}