/* Style for dropdown arrow */
details summary {
    list-style: none;
}
details summary::-webkit-details-marker {
    display: none;
}
.dropdown-arrow {
    transition: transform 0.2s ease;
    font-size: 14px;
    margin-left: 6px;
}
details[open] .dropdown-arrow {
    transform: rotate(180deg);
}

/* Button loading style */
.btn-loading {
    position: relative;
    pointer-events: none;
    opacity: 0.8;
}

/* Spinner */
.btn-loading::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    width: 18px;
    height: 18px;
    border: 3px solid #ffffff;
    border-top: 3px solid transparent;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    transform: translateY(-50%);
}

@keyframes spin {
    0% { transform: translateY(-50%) rotate(0deg); }
    100% { transform: translateY(-50%) rotate(360deg); }
}