.check-generate-bulletin {
  accent-color: #00b671;
}
.ainb-audio-player{

    display:flex;

    align-items:center;

    gap:15px;

    padding:15px;

    border:1px solid #ddd;

    border-radius:10px;

    margin-top:20px;

}

#ainb-play-btn{

    width:50px;

    height:50px;

    border:none;

    border-radius:50%;

    background:#2563eb;

    color:#fff;

    font-size:18px;

    cursor:pointer;

}

#ainb-waveform{

    flex:1;

}
#ainb-voice-list{
	display:flex;
	flex-direction:column;
	gap:16px;
	margin-top:20px;
}

.ainb-voice-card{
	display:flex;
	align-items:center;
	gap:16px;
	padding:16px;
	border:1px solid #ddd;
	border-radius:8px;
	cursor:pointer;
	transition:.2s;
}


.ainb-voice-card input[type="radio"]{
	margin:0;
}

.ainb-voice-content{

	width:100%;
}

.ainb-voice-info{
	display: grid;
    grid-template-columns: 20% 50% 10%;
    justify-content: space-between;
    align-items: center;
}

.ainb-voice-content audio{
	max-width:240px;
}

#ainb-voice-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 24px;
	margin-bottom: 24px;
}

.ainb-voice-card {
    display: flex;
    gap: 16px;
    padding: 18px;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    cursor: pointer;
    transition: all .25s ease;
    background: #fff;
	position: relative;
}

.ainb-voice-card:hover {
    border-color: #00b671;
    box-shadow: 0 6px 18px rgba(0, 182, 113, .12);
}

.ainb-voice-info strong {
    font-size: 16px;
    color: #222;
}

.ainb-waveform {
    width: 100%;
}

.ainb-play-btn {
    padding: 8px 18px;
    border: 1px solid #00b671;
    border-radius: 50px;
    background: #fff;
    color: #00b671;
    cursor: pointer;
    font-weight: 600;
    transition: .25s;
}

.ainb-play-btn:hover {
    background: #00b671;
    color: #fff;
}

/* .ainb-voice-card.active {
    border: 2px solid #00b671;
    background: #f2fff9;
} */

.ainb-generated-player{

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:12px;

    padding:18px;

}

#generated-waveform{

    width:100%;

    margin-bottom:16px;

}

.ainb-player-controls{

    display:flex;

    align-items:center;

    gap:16px;
	

}

.ainb-play-btn{

    background:#00b671;

    color:#fff;

    border:none;

    padding:10px 15px;

    border-radius:8px;

    cursor:pointer;

    font-size:12px;

}

.ainb-play-btn:disabled{

    opacity:.6;

    cursor:not-allowed;

}

#generated-time{

    font-size:14px;

    color:#666;

    font-weight:600;

}

#audio-collector {
    display: flex;
    flex-direction: column;
    gap: 16px;
	margin-top: 10px;
}

.ainb-audio-card {
    padding: 4px;
    border-top: 1px solid #e5e7eb;
    background: #fff;
}

.ainb-audio-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.ainb-audio-title {
    font-size: 16px;
    font-weight: 600;
}

.ainb-audio-date {
    font-size: 13px;
    color: #6b7280;
}

.ainb-waveform {
    height: 60px;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 4px;
}

.ainb-audio-controls {
    display: flex;
    align-items: center;
    gap: 12px;
	font-size: 12px;
    color: #6b7280;
}

.ainb-audio-controls .ainb-play-btn {
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}

.ainb-time {
    font-size: 14px;
    color: #555;
}

.ainb-empty-history {
    padding: 30px;
    text-align: center;
    color: #777;
}

.ainb-control-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ainb-download-btn,
.ainb-delete-btn,
.ainb-export-btn{
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.25s ease;
}

.ainb-download-btn i,
.ainb-delete-btn i {
    font-size: 16px;
}

/* Download */

.ainb-download-btn,
.ainb-export-btn{
    background: #e6fbf3;
    color: #00b671;
}

.ainb-download-btn:hover,
.ainb-export-btn:hover{
    background: #00b671;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0, 182, 113, 0.25);
}

/* Delete */

.ainb-delete-btn {
    background: #ffeaea;
    color: #e53935;
}

.ainb-delete-btn:hover {
    background: #e53935;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(229, 57, 53, 0.25);
}

.ainb-voice-info.is_owner::after {
    font-family: "Font Awesome 5 Free";
    content: "\f007";
    font-weight: 900;
    margin-left: 6px;
	color: #00b671;
	position: absolute;
	top: 5px;
	left: 0;
}

.ainb-voice-info-message {
    margin: 10px 0 15px;
    padding: 10px 12px;
    background: #00b6710f;
    border-left: 3px solid #00b671;
    color: #50575e;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
}

.ainb-voice-info-message a {
    color: #2271b1;
    font-weight: 600;
    text-decoration: none;
}

.ainb-voice-info-message a:hover {
    text-decoration: underline;
}

/*
|--------------------------------------------------------------------------
| Dropbox Export Form
|--------------------------------------------------------------------------
*/

.ainb-dropbox-form {
    padding: 5px 8px;
    text-align: left;
}

.ainb-dropbox-field {
    margin-bottom: 20px;
}

.ainb-dropbox-field label {
    display: block;
    margin-bottom: 7px;

    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.ainb-dropbox-field input {
    width: 100%;
    height: 44px;

    padding: 0 13px;

    border: 1px solid #dcdcdc;
    border-radius: 6px;

    background: #fff;

    color: #333;
    font-size: 14px;

    outline: none;

    box-sizing: border-box;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/*
|--------------------------------------------------------------------------
| Input Focus
|--------------------------------------------------------------------------
*/

.ainb-dropbox-field input:focus {
    border-color: #00b671;

    box-shadow:
        0 0 0 3px rgba(0, 182, 113, 0.12);
}


/*
|--------------------------------------------------------------------------
| Filename + Extension
|--------------------------------------------------------------------------
*/

.ainb-filename-input {
    display: flex;
    align-items: stretch;
}

.ainb-filename-input input {
    border-radius: 6px 0 0 6px;
}

.ainb-filename-input span {
    display: flex;
    align-items: center;

    padding: 0 14px;

    border: 1px solid #dcdcdc;
    border-left: 0;

    border-radius: 0 6px 6px 0;

    background: #f5f5f5;

    color: #666;
    font-size: 14px;
    font-weight: 600;
}


/*
|--------------------------------------------------------------------------
| Help Text
|--------------------------------------------------------------------------
*/

.ainb-dropbox-help {
    margin: -5px 0 0;
    color: #00b671;
    font-size: 15px;
}


/*
|--------------------------------------------------------------------------
| SweetAlert Confirm Button
|--------------------------------------------------------------------------
*/

.swal2-popup .swal2-confirm {
    background: #00b671 !important;
}

.swal2-popup .swal2-confirm:hover {
    background: #009b60 !important;
}