/* Default Desktop (tetap seperti sekarang) */
.header-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.action-group {
    display: flex;
    gap: 8px;
}

/* ================= MOBILE ================= */
@media (max-width: 768px) {

    .header-action {
        flex-direction: column;
        align-items: stretch;
    }

    .action-group {
        flex-direction: column;
        width: 100%;
    }

    .action-group .btn {
        width: 100%;
        font-size: 13px;
        padding: 8px;
    }
}