/* Header and Logo Styles */
.header-logo {
    width: 100%;
    height: auto;
    background: #FFFFFF;
}

.header-logo img {
    width: 100%;
    height: auto;
}

.authentication .authentication-brand.desktop-logo {
    width: 250px;
    height: auto;
}

/* Close Sidebar Button */
.close-sidebar {
    position: absolute;
    color: #FFFFFF;
    font-size: 40px;
    top: 20px;
    right: 5px;
    line-height: 0;
    padding: 10px 12px;
}

.close-sidebar:focus {
    color: #FFFFFF !important;
}

/* Button Styles */
.play-btn, .stop-btn {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    background: transparent;
    color: #FFFFFF;
    border: 1px solid #845adf;
    border-radius: 100%;
    font-size: 15px;
    cursor: pointer;
}

.play-btn {
    padding: 9px 10px 9px 12px;
}

.stop-btn {
    padding: 8px 10px;
}

.play-btn:hover, .stop-btn:hover {
    background: #FAFAFA;
    color: #FFFFFF;
}

.play-btn i, .stop-btn i {
    color: #845adf;
}

/* Form Elements */
.form-control, .form-control:focus {
    border-color: #cacaca;
}

.form-check-input {
    border: 1px solid #cacaca !important;
}

.choices__inner {
    border: 1px solid #CACACA !important;
    line-height: 1.6;
}

/* Card Styles */
.card.custom-card.voice-card {
    border: 1px solid #DADADA !important;
    margin: 3px 0;
}

.card.voice-card label {
    margin: 0 !important;
    line-height: normal;
}

/* Audio Player */
audio {
    width: 100%;
    height: 40px;
}

audio::-webkit-media-controls-play-button {
    display: none;
}

audio::-moz-media-controls-play-button {
    pointer-events: none;
}

/* Responsive Styles */
@media screen and (max-width: 991px) {
    .main-content {
        margin-top: 20px !important;
    }

    .animated-arrow span {
        top: 30px !important;
    }
}

@media screen and (max-width: 550px) {
    .form-check {
        margin: 6px 0;
    }

    .play-btn, .stop-btn {
        float: right;
    }

    .card.custom-card.voice-card .card-body {
        padding: 10px !important;
    }
}

@media screen and (max-width: 480px) {
    .upload_csv_button {
        margin-bottom: 10px;
    }
}